/* GO home, phase 2. The approved hero stays in styles.css. */
html{scroll-behavior:auto;scroll-padding-top:58px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header .header-inner{max-width:1100px}
.site-nav{margin-left:auto;gap:clamp(16px,1.65vw,27px)}
.site-nav a{font-size:.65rem;letter-spacing:.07em}
.site-nav .nav-idea{display:inline-flex;align-items:center;gap:5px;color:#a84316;border-bottom:2px solid #f47511;padding-block:7px 5px}
.site-nav .nav-idea:hover{text-decoration:none;color:#7c2e0a;border-color:#7c2e0a}
.site-nav .nav-idea span{font-size:.85rem;line-height:1}
.site-nav .nav-cta{display:inline-flex;align-items:center;gap:15px;min-height:38px;padding:0 20px;border-radius:100px;background:#111;color:#fff;font-size:.64rem;letter-spacing:.08em;transition:background .2s,transform .2s}
.site-nav .nav-cta:hover{background:#343434;text-decoration:none;transform:translateY(-2px)}
.site-nav .nav-cta span{font-size:1rem;line-height:1}
.menu-toggle{margin-left:auto}

.products-section{padding:78px 0 100px;background:#f7f7f5}
.product-heading{align-items:end;max-width:1360px;margin-bottom:36px}
.product-heading h2{font-size:clamp(3.7rem,5.3vw,6rem);margin:13px 0 0}
.product-heading>p{max-width:385px;font-size:1.02rem;line-height:1.5;margin-bottom:9px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.product-card{display:grid;grid-template-columns:42% 58%;min-height:440px;border:1px solid #e9e8e5;border-radius:23px;background:#fff;overflow:hidden;box-shadow:0 8px 27px #16161605}
.product-stage{position:relative;display:grid;place-items:center;min-height:440px;background:var(--tint);overflow:hidden}
.product-stage:before{content:"";position:absolute;inset:17% 4%;border-radius:50%;background:#fff9;filter:blur(30px)}
.product-stage img{position:relative;z-index:1;width:auto;height:328px;max-width:90%;object-fit:contain;filter:drop-shadow(9px 14px 8px #0002);transition:opacity .15s,transform .25s}
.product-card:hover .product-stage img{transform:translateY(-5px)}
.product-packshots{position:absolute;inset:0}
.product-stage .product-packshots img{position:absolute;max-width:none;height:auto;transform:none}
.product-stage .product-packshots .product-jar{width:95%;max-height:330px;right:-7%;top:14%;object-fit:contain;filter:drop-shadow(5px 12px 8px #0002);clip-path:inset(4% 10% 2% 10%);z-index:1}
.product-stage .product-packshots .product-stick{width:auto;height:58%;max-height:265px;left:1%;top:30%;filter:drop-shadow(7px 13px 7px #0003);z-index:2}
.product-card:hover .product-packshots img{transform:none}
.product-number,.product-stage-label{position:absolute;z-index:2;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em}
.product-number{top:24px;left:24px}
.product-stage-label{bottom:24px;left:24px;color:var(--accent)}
.product-body{min-width:0;display:flex;flex-direction:column;padding:39px 34px 29px}
.product-kicker{margin:0 0 13px!important;font-size:.65rem!important;color:var(--accent)!important;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.product-body h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.75rem,2.3vw,2.35rem);line-height:1.03;letter-spacing:-.065em;margin:0 0 13px}
.product-promise{font-size:1.12rem!important;font-weight:700;color:#171717!important;letter-spacing:-.025em;line-height:1.24;margin:0 0 12px!important}
.product-description{font-size:1rem!important;color:#555!important;line-height:1.48;margin:0 0 18px!important}
.product-formats{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto}
.product-formats:not([role]){display:block}
.product-formats:not([role]) span,.product-formats:not([role]) strong{display:block}
.product-formats:not([role]) span{font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:#777;margin-bottom:4px}
.product-formats:not([role]) strong{font-size:.82rem;font-weight:600}
.product-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7e6e2;margin-top:19px;padding-top:16px;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.product-link span{font-size:1.05rem}
.product-link:hover{text-decoration:underline;text-underline-offset:5px}
.product-footnote{color:#666;font-size:.84rem;margin:22px 0 0}

.why-section{display:grid;grid-template-columns:43% minmax(0,1fr);align-items:center;gap:6%;padding-block:80px 112px}
.why-art{position:relative;min-height:500px;background:#f5f4f0;border-radius:25px;overflow:hidden;padding:30px}
.why-art .mini-stack{inset:65px 3% 34px}
.why-art .mini-stack img{height:82%;max-width:26%}
.why-copy .eyebrow{font-size:.68rem}
.why-copy h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(3.5rem,4.7vw,5.4rem);line-height:.98;margin:18px 0 22px}
.why-copy h2 em{font-style:normal;color:var(--blue)}
.why-copy>p:not(.eyebrow){font-size:1.05rem;line-height:1.55;color:#494949;max-width:640px}
.why-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:41px;padding-top:23px;border-top:1px solid #d9d8d4}
.why-points span{display:block;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.12em;margin-bottom:13px}
.why-points strong{font-size:.94rem}
.why-points p{font-size:.88rem;line-height:1.35;color:#666;margin:6px 0 0}

.story-section{display:block;padding-block:78px 112px;background:#f8f7f4}
.story-layout{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:5%;align-items:start}
.story-aside{position:sticky;top:88px;align-self:start;min-width:0}
.story-section h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(3.05rem,4vw,4.8rem);line-height:.96;letter-spacing:-.03em;margin:22px 0 66px;text-transform:uppercase}
.story-wordmark{font-family:Arial Black,Arial,sans-serif;font-weight:1000;font-style:italic;font-size:clamp(7rem,18vw,15rem);line-height:.8;letter-spacing:-.18em;padding-right:.18em;color:#161616}
.story-copy{max-width:670px;padding-top:5px}
.story-copy p{font-size:1.05rem!important;line-height:1.64;color:#3c3b39!important;margin:0 0 25px;max-width:none!important}
.story-copy .story-opening{font-family:Georgia,Times,serif;font-size:2.1rem!important;letter-spacing:-.045em;line-height:1.2;color:#111!important;margin-bottom:27px}
.story-copy strong{color:#111}
.story-finale{border-top:1px solid #cfcfca;margin-top:42px;padding-top:28px}
.story-finale h3{font-family:Georgia,Times,serif;font-weight:400;font-size:clamp(1.65rem,2.3vw,2.25rem);letter-spacing:-.045em;line-height:1.15;margin:0 0 7px}
.story-finale h3:last-child{font-weight:700}

.idea-section{padding-block:75px 110px}
.idea-panel{display:grid;grid-template-columns:61% 39%;min-height:610px;border-radius:26px;background:#101010;color:#fff;overflow:hidden;position:relative}
.idea-content{position:relative;z-index:2;padding:clamp(40px,5vw,76px)}
.idea-content .eyebrow{color:#e9e9e9}
.idea-content h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(3.7rem,5.7vw,6.6rem);line-height:.96;letter-spacing:-.035em;max-width:800px;margin:25px 0 29px}
.idea-content h2 em{font-style:normal;color:#ff983f}
.idea-content h2 em{white-space:nowrap}
.idea-content>p:not(.eyebrow):not(.idea-disclaimer){font-size:1.05rem;line-height:1.48;max-width:590px;margin:0 0 12px;color:#e8e7e6}
.idea-prize{border-left:3px solid #ff973c;padding:8px 0 8px 20px;max-width:650px;margin:26px 0 30px;font-size:1rem;font-weight:700;line-height:1.45}
.idea-content .pill{min-height:47px}
.idea-content .idea-disclaimer{font-size:.82rem;line-height:1.5;color:#c6c6c4;max-width:630px;margin:33px 0 0}
.idea-art{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 32%,#f56914 0,transparent 28%),radial-gradient(circle at 37% 64%,#e11a75 0,transparent 30%),radial-gradient(circle at 73% 76%,#1874ee 0,transparent 23%),#101010}
.idea-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101010 0%,transparent 35%),radial-gradient(circle at 55% 50%,transparent 25%,#101010cc 94%)}
.idea-orbit{position:absolute;border:1px solid #ffffff6b;border-radius:50%;transform:rotate(-22deg)}
.orbit-one{width:600px;height:390px;left:-155px;top:70px}.orbit-two{width:420px;height:600px;left:-60px;top:-15px;transform:rotate(20deg)}.orbit-three{width:310px;height:310px;left:55px;top:135px}
.idea-art-word{position:absolute;z-index:1;left:7%;top:31%;font-family:Arial Black,Arial,sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.18em;font-size:clamp(9rem,17vw,18rem);line-height:1;white-space:nowrap;text-shadow:0 14px 38px #0006}
.idea-art-word span{font-family:Arial,sans-serif;font-style:normal;font-size:.55em;letter-spacing:0;color:#ffbc83;vertical-align:top}
.idea-form-wrap[hidden]{display:none}
.idea-form-wrap{max-width:820px;margin:22px auto 0;padding:36px 42px 40px;background:#f7f7f5;border:1px solid #ecebea;border-radius:24px}
.idea-form-head{display:flex;justify-content:space-between;align-items:start;gap:16px}
.idea-form-head h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.02em;font-size:3.2rem;line-height:1;margin:10px 0 18px}
.idea-close{border:0;background:none;font-size:2.1rem;line-height:1;padding:0 4px}
.idea-availability{font-size:.86rem;color:#555;margin:0 0 25px;line-height:1.45}
.idea-form-wrap form{display:grid;gap:9px}
.idea-form-wrap label:not(.idea-consent){font-weight:700;font-size:.88rem;margin-top:9px}
.idea-form-wrap input:not([type="checkbox"]),.idea-form-wrap textarea{width:100%;border:1px solid #d7d6d2;border-radius:10px;background:#fff;padding:14px 15px;color:#111;font:inherit;font-size:.98rem;resize:vertical}
.idea-form-wrap input:focus,.idea-form-wrap textarea:focus{outline:2px solid #1262ec;outline-offset:1px}
.idea-consent{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.45;color:#555;margin:15px 0 7px}
.idea-consent input{margin:2px 0 0;flex:none}
.idea-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.idea-submit{justify-self:start}
.idea-submit:disabled{background:#a3a3a0;border-color:#a3a3a0;cursor:not-allowed}
.idea-result{font-size:.9rem;margin:8px 0 0}

.faq-section{padding-block:78px 100px}
.final-cta{margin-block:70px 78px}
.final-cta .shop-status{color:#cecece;font-size:1rem;line-height:1.5;max-width:570px;margin:0 auto 29px}
.final-cta h2{margin-bottom:22px}
.footer-inner{min-height:145px;max-width:1360px}
.site-footer nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}
.site-footer nav a{font-size:.62rem}

@media(max-width:1120px){.site-header .header-inner{width:min(100% - 64px,1100px)}.site-nav{gap:12px}.site-nav a{font-size:.65rem}.site-nav .nav-cta{padding-inline:15px}}
@media(max-width:1050px){.product-grid{grid-template-columns:1fr}.product-card{max-width:850px;margin-inline:auto;width:100%}.product-stage{min-height:410px}.why-section{gap:4%}.why-art{min-height:430px}.why-copy h2{font-size:clamp(3.2rem,5vw,4.5rem)}.story-layout{gap:5%}}
@media(max-width:850px){.site-header .header-inner{width:min(100% - 40px,700px)}.menu-toggle{width:44px;height:44px}.site-nav{margin-left:0;gap:0}.site-nav a{font-size:.86rem;min-height:46px;display:flex;align-items:center}.site-nav .nav-cta{justify-content:center;margin-top:15px;font-size:.78rem;min-height:46px}.products-section{padding-block:75px}.product-heading h2{font-size:4.2rem}.why-section{grid-template-columns:1fr;padding-block:75px;gap:35px}.why-art{min-height:380px}.why-copy h2{font-size:clamp(3.4rem,7vw,5rem)}.story-section{padding-block:75px}.story-layout{grid-template-columns:1fr;gap:15px}.story-aside{position:static}.story-section h2{margin-bottom:25px}.story-wordmark{display:none}.story-copy{max-width:700px}.idea-section{padding-block:75px}.idea-panel{grid-template-columns:1fr}.idea-art{position:absolute;inset:0 0 0 55%;opacity:.35}.idea-content{padding:55px}.idea-content h2{font-size:clamp(3.6rem,8vw,5.5rem)}.footer-inner{display:grid;gap:17px;padding-block:30px}.site-footer nav{justify-content:flex-start}}
@media(max-width:600px){.site-header .header-inner{width:min(100% - 32px,440px)}.products-section{padding-block:67px}.product-heading{display:block}.product-heading h2{font-size:3.75rem}.product-heading>p{margin:15px 0 0;font-size:.96rem}.product-grid{gap:18px}.product-card{display:block;min-height:0;border-radius:20px}.product-stage{min-height:315px;height:315px}.product-stage img{height:272px}.product-stage .product-packshots .product-jar{width:90%;max-height:250px;right:4%;top:9%}.product-stage .product-packshots .product-stick{height:65%;left:10%;top:22%}.product-body{padding:26px 25px 24px}.product-body h3{font-size:2rem}.product-promise{font-size:1.08rem!important}.product-description{font-size:1rem!important}.product-footnote{font-size:.84rem}.why-section{padding-block:68px}.why-art{min-height:320px;padding:22px}.why-art .mini-stack{inset:50px 3% 20px}.why-art .mini-stack img{height:78%}.why-copy h2{font-size:clamp(3rem,11vw,4.4rem)}.why-points{gap:9px}.why-points strong{font-size:.82rem}.why-points p{font-size:.82rem}.story-section{padding-block:67px}.story-section h2{font-size:clamp(3.5rem,12vw,5rem)}.story-copy p{font-size:1rem!important;line-height:1.58}.story-copy .story-opening{font-size:1.85rem!important}.story-finale h3{font-size:1.75rem}.idea-section{padding-block:65px}.idea-panel{min-height:0;border-radius:20px}.idea-content{padding:42px 25px}.idea-content .eyebrow{font-size:.6rem;letter-spacing:.17em}.idea-content h2{font-size:clamp(3.25rem,12vw,4.65rem)}.idea-content>p:not(.eyebrow):not(.idea-disclaimer){font-size:.96rem}.idea-prize{font-size:.93rem}.idea-art{inset:0;opacity:.16}.idea-form-wrap{padding:27px 23px;margin-top:14px}.idea-form-head h3{font-size:2.8rem}.faq-section{padding-block:65px}.final-cta{margin-block:40px}.final-cta .shop-status{font-size:.93rem}}
@media(max-width:380px){.product-stage{height:290px;min-height:290px}.product-stage img{height:245px}.why-points{grid-template-columns:1fr}.idea-content h2{font-size:3.15rem}}
@media(max-width:600px){.site-footer nav a{font-size:.75rem}}

/* Keep the navigation usable as the extra campaign link joins the header. */
@media(max-width:1000px){
  html{scroll-padding-top:68px}
  .site-header .header-inner{height:68px}
  .menu-toggle{display:inline-grid;order:2}
  .brand{order:1}
  .site-nav{display:none;position:absolute;top:68px;left:0;right:0;max-height:calc(100dvh - 68px);overflow-y:auto;background:#fff;padding:16px max(20px,calc((100vw - 700px)/2)) 22px;box-shadow:0 15px 20px #0002;flex-direction:column;align-items:stretch;gap:0;margin-left:0}
  .site-nav.is-open{display:flex}
  .site-nav a{font-size:.86rem;min-height:46px;display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
  .site-nav .nav-idea{justify-content:space-between;margin-top:8px;padding:12px 16px;border:0;border-left:3px solid #f47511;background:#fff4eb;border-radius:7px}
  .site-nav .nav-cta{justify-content:center;margin-top:15px;min-height:46px;font-size:.78rem}
}
@media(max-width:1050px){.story-layout{grid-template-columns:1fr;gap:15px}.story-aside{position:static}.story-wordmark{display:none}.story-section h2{margin-bottom:25px}}
@media(min-width:851px) and (max-width:1000px){.hero{height:calc(100svh - 68px)}}
@media(max-width:600px){.story-section h2{font-size:clamp(2.7rem,10vw,4.7rem)}}
@media(max-width:380px){.idea-content h2{font-size:clamp(2.5rem,11vw,3rem)}.story-section h2{font-size:2.5rem}}