/* The Qurated landing page. Ported from the approved draft. */
body.qcl-page{--spruce:#12302A;--spruce-2:#1B4238;--spruce-3:#0B201C;--frost:#F5F7F3;--ink:#18211E;--muted:#56635E;--berry:#9E2238;--gilt:#C8A253;--gilt-2:#E3C57E;--soft:#EEF2ED;--line:#CDD6CF;--display:Georgia,"Times New Roman",Times,serif;--body:Arial,"Helvetica Neue",Helvetica,sans-serif;
  margin:0;background:var(--frost);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
body.qcl-page *,body.qcl-page *::before,body.qcl-page *::after{box-sizing:border-box}
html:has(body.qcl-page){scroll-behavior:smooth;scroll-padding-top:calc(var(--wp-admin--admin-bar--height,0px) + 118px)}
.qcl-page img,.qcl-page video{max-width:100%;display:block}
.qcl-page a{color:inherit}
.qcl-page :focus-visible{outline:2px solid var(--gilt);outline-offset:3px;border-radius:4px}
.qcl-wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.qcl-page h1,.qcl-page h2,.qcl-page h3{font-family:var(--display);font-weight:500;line-height:1.08;margin:0;letter-spacing:-.01em;color:inherit}
.qcl-page h2{font-size:clamp(2.1rem,4.6vw,3.6rem)}
.qcl-page h3{font-size:1.6rem}
.qcl-page p{margin:0}
.qcl-page section{padding-block:clamp(4.5rem,9vw,7.5rem)}

/* header */
.qcl-top{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50;background:rgba(18,48,42,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--frost);border-bottom:1px solid rgba(200,162,83,.25)}
.qcl-top .qcl-wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:1rem}
.qcl-mark{font-family:var(--display);font-size:1.55rem;text-decoration:none;letter-spacing:.01em;white-space:nowrap;color:var(--frost)}
.qcl-mark b{font-weight:500;color:var(--gilt-2);font-style:italic}
.qcl-top nav{display:flex;gap:1.5rem;align-items:center}
.qcl-top nav a{text-decoration:none;font-size:.95rem;opacity:.85}
.qcl-top nav a:hover{opacity:1}
.qcl-cart{position:relative;display:inline-flex;opacity:1!important}
.qcl-cart span{position:absolute;top:-7px;right:-9px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--gilt);color:var(--spruce-3);font-size:.7rem;font-weight:700;display:grid;place-items:center}
.qcl-cart span[hidden]{display:none}
.qcl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;cursor:pointer;font:600 1rem/1 var(--body);padding:1rem 1.5rem;border-radius:999px;text-decoration:none;transition:transform .15s ease,background .2s ease;opacity:1!important}
.qcl-btn:active{transform:scale(.98)}
.qcl-btn-gilt{background:var(--gilt);color:var(--spruce-3)!important}
.qcl-btn-gilt:hover{background:var(--gilt-2)}
.qcl-btn-ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.qcl-top .qcl-btn{padding:.7rem 1.1rem;font-size:.9rem}
@media (max-width:760px){.qcl-hide-sm{display:none}.qcl-top nav{gap:1rem}}

/* hero */
.qcl-hero{position:relative;background:radial-gradient(120% 90% at 75% 30%,#1F4A3F 0%,var(--spruce) 45%,var(--spruce-3) 100%);color:var(--frost);overflow:hidden;min-height:min(92vh,880px);display:flex;align-items:center}
.qcl-snow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.qcl-hero .qcl-wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.qcl-page .qcl-hero{padding-block:4.5rem 5rem}
.qcl-hero h1{font-size:clamp(2.8rem,6.4vw,5.6rem);font-weight:400}
.qcl-lede{font-size:1.2rem;max-width:34ch;margin-top:1.5rem!important;color:#D9E3DD}
.qcl-ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2.2rem}
.qcl-price-note{margin-top:1.4rem!important;font-size:.95rem;color:#AFC2B9}
.qcl-stage{position:relative;height:clamp(440px,62vh,640px)}
.qcl-big24{position:absolute;left:-16%;bottom:4%;font-family:var(--display);font-weight:600;font-style:italic;font-size:clamp(11rem,21vw,19rem);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(227,197,126,.7);user-select:none;pointer-events:none;will-change:transform}
.qcl-arch{position:absolute;left:50%;top:50%;width:min(80%,400px);aspect-ratio:3/4;translate:-50% -50%;border-radius:999px 999px 18px 18px;overflow:hidden;background:radial-gradient(90% 70% at 50% 35%,#FFFDF7 0%,#F1EEE5 55%,#E2E6DF 100%);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(227,197,126,.5),0 0 0 10px rgba(18,48,42,.6),0 0 0 11px rgba(227,197,126,.35);will-change:transform;display:grid;place-items:center}
.qcl-arch img{width:100%;height:100%;object-fit:cover}
.qcl-arch svg{width:92%;height:auto}
.qcl-knob{position:absolute;bottom:14%;right:-10px;width:22px;height:22px;border-radius:50%;background:var(--gilt);box-shadow:0 2px 8px rgba(0,0,0,.4)}
@media (max-width:860px){.qcl-hero .qcl-wrap{grid-template-columns:1fr;gap:1.5rem}.qcl-page .qcl-hero{padding-block:3rem 3.5rem}.qcl-stage{height:430px;order:-1}.qcl-big24{left:-2%;font-size:9.5rem}}

/* strip */
.qcl-strip{background:var(--berry);color:#FFF4F0}
.qcl-strip .qcl-wrap{display:flex;flex-wrap:wrap;gap:.4rem 2rem;justify-content:space-between;align-items:center;padding-block:1rem}
.qcl-strip strong{font-family:var(--display);font-weight:600;font-size:1.35rem}

/* spin */
.qcl-spin .qcl-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:3.5rem;align-items:center}
.qcl-body{color:var(--muted);margin-top:1.2rem!important;max-width:40ch}
.qcl-player{margin:0;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:radial-gradient(90% 70% at 50% 35%,#FFFDF7 0%,#F1EEE5 55%,#E2E6DF 100%);box-shadow:0 24px 60px rgba(18,48,42,.18),0 0 0 1px var(--line)}
.qcl-player video{width:100%;height:100%;object-fit:cover}
.qcl-vfallback{position:absolute;inset:0;display:grid;place-items:center}
.qcl-vfallback img{width:100%;height:100%;object-fit:cover}
.qcl-vtoggle{position:absolute;right:.9rem;bottom:.9rem;width:44px;height:44px;border-radius:50%;border:0;background:rgba(18,48,42,.78);cursor:pointer;display:grid;place-items:center}
.qcl-vtoggle[hidden]{display:none}
.qcl-vtoggle span{width:12px;height:14px;border-left:4px solid var(--frost);border-right:4px solid var(--frost)}
.qcl-vtoggle.paused span{width:0;height:0;border-right:0;border-left:13px solid var(--frost);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.qcl-vtabs{display:grid;gap:.6rem;margin-top:2rem}
.qcl-vtab{display:flex;align-items:center;gap:.9rem;text-align:left;border:0;cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:14px;padding:.85rem 1rem;box-shadow:inset 0 0 0 1.5px var(--line);position:relative;overflow:hidden}
.qcl-vtab[aria-selected="true"]{box-shadow:inset 0 0 0 2px var(--gilt)}
.qcl-vtab .qcl-dots{display:flex;min-width:52px}
.qcl-vtab .qcl-dots i{width:20px;height:20px;border-radius:50%;margin-left:-6px;box-shadow:0 0 0 2px #fff}
.qcl-vtab .qcl-dots i:first-child{margin-left:0}
.qcl-vtab b{display:block;font-weight:600}
.qcl-vtab small{color:var(--muted);font-size:.86rem}
.qcl-vtab .bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--gilt)}
@media (max-width:860px){.qcl-spin .qcl-wrap{grid-template-columns:1fr}.qcl-player{order:-1;aspect-ratio:9/16;width:min(100%,440px);margin-inline:auto}}

/* trees */
.qcl-ways{background:var(--soft)}
.qcl-ways-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap;margin-bottom:3rem}
.qcl-ways-head p{max-width:38ch;color:var(--muted)}
.qcl-way{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center;margin-top:clamp(3rem,7vw,6rem)}
.qcl-way:nth-child(odd) .qcl-way-img{order:2}
.qcl-way-img{border-radius:20px;overflow:hidden;aspect-ratio:4/5;position:relative;background:radial-gradient(90% 70% at 50% 35%,#FFFDF7 0%,#F1EEE5 55%,#E2E6DF 100%);display:grid;place-items:center}
.qcl-way-img img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;will-change:transform}
.qcl-way-img svg{height:94%;width:auto}
.qcl-way h3{font-size:clamp(2.2rem,4vw,3.2rem);font-style:italic}
.qcl-turns{display:inline-block;margin:.2rem 0 1rem;font-weight:600;color:var(--berry)}
.qcl-meta{margin:0 0 1.2rem!important;color:var(--muted)}
.qcl-swatches{display:flex;gap:.5rem;margin-bottom:1.6rem}
.qcl-swatches span{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 0 0 1px var(--line)}
.qcl-way p:last-child{margin-top:1.6rem!important}
@media (max-width:760px){.qcl-way{grid-template-columns:1fr}.qcl-way:nth-child(odd) .qcl-way-img{order:0}}

/* band */
.qcl-page .qcl-band{position:relative;min-height:70vh;display:grid;place-items:center;overflow:hidden;color:var(--frost);text-align:center;padding:0;background:radial-gradient(120% 120% at 50% 0%,#1B4238 0%,var(--spruce-3) 70%)}
.qcl-band img{position:absolute;inset:-15% 0;width:100%;height:130%;object-fit:cover;filter:brightness(.42) saturate(1.1);will-change:transform}
.qcl-band .qcl-wrap{position:relative;padding-block:6rem}
.qcl-quote{margin:0 auto!important;font-family:var(--display);font-size:clamp(2rem,5vw,4rem);font-style:italic;max-width:18ch;line-height:1.12}
.qcl-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:3.5rem auto 0;text-align:left;max-width:980px}
.qcl-facts dt{font-family:var(--display);font-size:1.35rem;color:var(--gilt-2)}
.qcl-facts dd{margin:.4rem 0 0;font-size:.98rem;color:#D3DDD7}
@media (max-width:760px){.qcl-facts{grid-template-columns:1fr 1fr}}

/* order */
.qcl-page .qc .qc-h2{font-family:var(--display);font-weight:500;font-size:clamp(2.1rem,4.6vw,3.6rem);letter-spacing:-.01em;margin-bottom:.8rem}
.qcl-page .qc .qc-intro{color:var(--muted);max-width:44ch}
.qcl-page .qc .qc-preview{top:calc(var(--wp-admin--admin-bar--height,0px) + 90px)}

/* steps */
.qcl-steps{background:var(--soft)}
.qcl-steps ol{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;counter-reset:s}
.qcl-steps li{counter-increment:s;border-top:1.5px solid var(--gilt);padding-top:1.2rem}
.qcl-steps li::before{content:counter(s);font-family:var(--display);font-size:2.4rem;color:var(--berry);display:block;line-height:1;margin-bottom:.8rem}
.qcl-steps h3{font-size:1.3rem;margin-bottom:.4rem}
.qcl-steps p{color:var(--muted);font-size:.98rem}
@media (max-width:860px){.qcl-steps ol{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.qcl-steps ol{grid-template-columns:1fr}}

/* faq */
.qcl-faq .qcl-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}
.qcl-faq details{border-bottom:1px solid var(--line);padding:1.2rem 0}
.qcl-faq summary{cursor:pointer;font-weight:600;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.qcl-faq summary::-webkit-details-marker{display:none}
.qcl-faq summary::after{content:"+";font-family:var(--display);font-size:1.6rem;line-height:1;color:var(--gilt)}
.qcl-faq details[open] summary::after{content:"–"}
.qcl-faq details p{margin-top:.7rem!important;color:var(--muted);max-width:60ch}
@media (max-width:760px){.qcl-faq .qcl-wrap{grid-template-columns:1fr}}

/* footer */
.qcl-footer{background:var(--spruce-3);color:#C6D3CC;padding-block:3.5rem 3rem;font-size:.95rem}
.qcl-footer .qcl-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}
.qcl-footer .qcl-mark{font-size:1.9rem}
.qcl-mark{display:inline-flex;align-items:center;line-height:0}
.qcl-mark img{display:block;height:72px;width:auto}
.qcl-top .qcl-wrap{height:auto;min-height:108px;padding-block:18px}
.qcl-top nav{gap:1.8rem}
.qcl-top nav a{font-size:1.02rem}
.qcl-top .qcl-btn{padding:.85rem 1.35rem;font-size:.98rem}
@media (max-width:760px){.qcl-mark img{height:58px}.qcl-top .qcl-wrap{min-height:92px;padding-block:17px}}
.qcl-footer .qcl-mark img{height:66px}
@media (max-width:760px){.qcl-top nav{gap:.75rem}.qcl-top .qcl-btn{padding:.7rem .9rem;font-size:.85rem}}
.qcl-footer p{margin-top:.6rem!important;max-width:34ch}
.qcl-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.qcl-footer a{text-decoration:none}
.qcl-footer a:hover{text-decoration:underline}
.qcl-footer .qcl-fine{flex-basis:100%;max-width:none;font-size:.85rem;opacity:.75}

@media (prefers-reduced-motion:reduce){html:has(body.qcl-page){scroll-behavior:auto}.qcl-page *{transition:none!important;animation:none!important}}
body.qcl-page .qc .qc-fs legend{font-family:var(--display);font-weight:500;font-size:1.35rem;letter-spacing:0}
body.qcl-page .qc .qc-group{font-family:var(--display);font-weight:500;font-size:1.1rem;text-transform:none;letter-spacing:0}

/* Brand guide v2: Georgia Regular headlines, Arial body */
.qcl-page h1,.qcl-page h2,.qcl-page h3,.qcl-page .qc .qc-h2,.qcl-page .qc-ask,.qcl-page .qc-tname,.qcl-page .qc-wz-q,.qcl-big24,.qcl-strip strong,.qcl-facts dt,.qcl-page .qcl-steps li::before,body.qcl-page .qc .qc-fs legend,body.qcl-page .qc .qc-group,.qcs-page .wc-block-components-product-name,.qcs-page .wc-block-components-checkout-step__title{font-weight:400!important;letter-spacing:0}
.qcl-top nav a:not(.qcl-btn){font-weight:400}
