/* FORMIST V1 — supplied fluid identity, cobalt and bone. Existing interactions retained. */
:root{--bone:#f3ede1;--ink:#0e0e0e;--muted:#65625b;--line:#d4cfc4;--white:#f8f5ee;--sage:#002d9c;--cobalt:#002d9c;--neige:#d6d6d1;--gutter:clamp(24px,5vw,90px)}
::selection{background:var(--cobalt);color:var(--bone)}
body{background:var(--bone)}
.announcement{background:var(--cobalt);color:var(--bone);font-size:10px;letter-spacing:.15em;padding:10px 18px}
.header{height:98px;border:0;background:var(--bone)}
.wordmark{gap:4px;align-items:flex-start;color:var(--cobalt)}.wordmark img{width:178px;height:auto}.wordmark span{font-size:8px;margin-top:3px}
nav{font-size:13px;gap:32px}.nav-shop{border:0;padding:12px 0 12px 24px;color:var(--cobalt);font-weight:600}
.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600}
h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.02}
.hero{grid-template-columns:1.05fr .95fr;min-height:670px;padding:0 var(--gutter) 38px;gap:35px}
.hero-copy{padding:65px 0 55px;justify-content:center}
.hero h1{font-size:clamp(49px,5.7vw,89px);line-height:1.03;letter-spacing:-.055em;color:var(--cobalt);margin-bottom:26px;text-wrap:initial}
.hero .eyebrow{margin-bottom:28px}.hero-description{max-width:400px;font-size:17px;line-height:1.65;color:#55544f;margin-bottom:29px}
.button,.purchase,.sticky-purchase button{background:var(--cobalt);border-color:var(--cobalt);color:var(--bone);font-size:14px;font-weight:500;min-height:56px;border-radius:2px;padding:18px 22px;cursor:pointer}
.button:hover,.purchase:hover,.sticky-purchase button:hover{background:#092573;border-color:#092573;color:var(--bone)}
.hero .button{font-size:14px;min-width:350px;padding:19px 22px;gap:35px}.hero-note{font-size:12px;gap:9px 20px;margin-top:17px}.hero-note span{font-size:12px}.offer-detail{font-size:12px;margin:8px 0 28px}.text-link{font-size:13px;color:var(--cobalt);border-color:#aebad1}
.hero-image.product-stage.ritual-hero{min-height:625px;align-self:stretch;background:radial-gradient(ellipse at 40% 30%,#efeee8 0%,#d6d6d1 63%,#b9bbb7 100%);border-radius:3px}
.sequence-pack{inset:18px 0 80px}.sequence-pack>img{filter:drop-shadow(15px 18px 14px #071f4324)}
.sequence-cap{clip-path:inset(86.5% 0 0);transform-origin:50% 92%}
.sequence-captions{color:var(--cobalt);font-size:10px;bottom:70px;letter-spacing:.13em}.sequence-next{color:var(--cobalt);border-color:#8999b8;bottom:27px;font-size:11px}
.motion-toggle{background:var(--bone);border-color:#a4aba9;color:var(--cobalt);border-radius:2px;right:18px;font-size:11px}.motion-toggle:hover{background:#fff}.motion-toggle:focus-visible{outline-color:var(--cobalt)}
.sequence-macro::after{background:linear-gradient(transparent,#f3ede1d9)}
.benefit-strip{background:var(--cobalt);color:var(--bone);border:0;padding:26px var(--gutter);font-size:12px;letter-spacing:.025em}.benefit-strip span+span{border-color:#f3ede145}
.section{padding-top:100px;padding-bottom:100px}.texture-experience{grid-template-columns:1fr 1fr;gap:clamp(48px,9vw,145px);border:0}.texture-copy h2{color:var(--cobalt);font-size:clamp(48px,5.4vw,80px)}.texture-copy>p:not(.eyebrow){max-width:360px}.texture-reveal{aspect-ratio:4/4.45;border-radius:2px}.texture-options button{font-size:15px}.texture-options button[aria-pressed=true]{color:var(--cobalt)}.reveal-divider span{background:var(--bone);color:var(--cobalt)}.reveal-label{background:var(--bone);color:var(--cobalt);font-size:9px}.texture-footnote{font-size:9px}
.rare-form{background:var(--cobalt);color:var(--bone);border:0}.rare-form h2{font-size:clamp(45px,5.2vw,77px)}.rare-form .eyebrow{color:#e3e5e7}.editorial-intro p{color:#e3e5e7;font-size:15px}.editorial-grid{gap:24px;margin-top:50px}.editorial-card{background:var(--bone);padding:8px;border:0;border-radius:2px}.editorial-bottom{padding:21px 11px 15px}.editorial-bottom strong{color:var(--cobalt);font-size:25px;font-weight:500}.editorial-bottom small{color:var(--muted);font-size:12px}.editorial-bottom .story-arrow{color:var(--cobalt);border-color:#afb8c8}.editorial-card img{aspect-ratio:3/3.8}.editorial-top{font-size:9px}
.story{gap:clamp(45px,8vw,135px);padding-top:100px;padding-bottom:100px}.portrait{aspect-ratio:4/4.45}.story-copy h2{color:var(--cobalt);font-size:clamp(44px,4.8vw,70px)}.body-copy{font-size:16px;line-height:1.7}.qualities h3{font-size:19px}.qualities p{font-size:14px}.qualities>div>span{color:var(--cobalt)}
.routine{background:#e7e4db}.routine h2{color:var(--cobalt);font-size:clamp(40px,4.5vw,66px)}.steps{gap:45px;margin-top:45px}.steps article{border-color:#b9bcb9}.step-number{color:var(--cobalt);font-size:14px}.steps h3{font-size:23px}.steps p{font-size:15px}
.product{background:var(--bone);color:var(--ink);border-bottom:1px solid var(--line)}.product-visual.product-still{background:radial-gradient(ellipse at 45% 40%,#e8e7e0,#d6d6d1 65%,#bfc2bd);min-height:780px}.product-still img{height:680px!important;padding:15px 5px 35px;filter:drop-shadow(15px 17px 14px #071f4324)}.product-still .product-index{color:var(--cobalt);font-size:10px;left:35px;bottom:33px}.product-copy{padding:70px clamp(30px,5vw,90px)}.product-copy .eyebrow{color:var(--cobalt);font-size:10px}.product-title-row h2{color:var(--cobalt);font-size:clamp(38px,3.8vw,58px)}.price{color:var(--cobalt);font-size:30px}.price small{color:var(--muted);font-size:11px}.size,.specs dt{color:var(--muted)}.product-description{color:#55544f;font-size:16px;line-height:1.7}.specs{font-size:14px}.specs>div{border-color:var(--line);padding:13px 0;grid-template-columns:95px 1fr}.scent-detail{color:var(--muted);font-size:12px}.founder-note{background:#e8e8df;border-color:#d0d2c8;padding:18px}.founder-note strong{color:var(--cobalt);font-size:15px}.founder-note p{color:var(--muted);font-size:13px}.founder-note>span{color:var(--muted);font-size:10px}
.reviews{padding-top:80px;padding-bottom:80px}.reviews h2{font-size:clamp(38px,4.5vw,64px);color:var(--cobalt)}.review-tools{gap:20px}.market-source-intro{font-size:12px}.review-card{background:transparent;border:0;border-top:1px solid var(--line);padding:25px 20px 25px 0;min-height:285px}.review-card blockquote{font-size:24px;color:var(--cobalt)}.voice-category{font-size:10px}.review-card>div>strong,.review-card>div>a{font-size:12px}.circle-button{color:var(--cobalt)}
.faq{border-top:1px solid var(--line);gap:clamp(40px,8vw,120px)}.faq h2{color:var(--cobalt)}.questions summary{font-size:16px}.questions details p{font-size:15px}.questions summary span{color:var(--cobalt)}
.community{background:var(--cobalt);color:var(--bone);gap:80px}.community h2{font-size:clamp(44px,5.5vw,80px);font-weight:500}.community p,.community .consent,.community .form-note{color:#dcdedb}.community p{font-size:16px}.community .eyebrow{color:var(--bone);font-size:10px}.email-row{border-color:#f3ede177}.email-row input{color:var(--bone);font-size:19px}.email-row input::placeholder{color:#f3ede1b3}.email-row button{color:var(--bone);font-size:13px}.consent input{accent-color:var(--bone)}.email-row input:focus-visible{outline:2px solid var(--bone)}.community button:focus-visible{outline-color:var(--bone)}
.closing{background:var(--bone);color:var(--cobalt);padding:65px var(--gutter)}.closing-mark{height:72px;width:auto;margin-bottom:24px}.closing-line{font-size:clamp(28px,3.8vw,56px);letter-spacing:-.04em;margin-bottom:22px}.closing a{font-size:13px;border-color:#aebad1}
footer{border-color:var(--line);padding-top:48px}.footer-top .wordmark img{width:clamp(200px,28vw,400px)}.footer-top .wordmark span{font-size:10px}.footer-top p{color:var(--cobalt)}.footer-bottom{font-size:12px}
.sticky-purchase{background:var(--bone)}.sticky-purchase button{min-height:46px;padding:13px 20px}.dialog-disclosure,.demo-success{background:#e3e5de;color:#505650}.story-dialog-copy h2,dialog h2{color:var(--cobalt)}.story-dialog .dialog-close{background:var(--bone);border-radius:50%}.order-product img{background:#d6d6d1;border-radius:2px}.sample-fields input{background:#f8f5ee}
@media(min-width:1600px){.hero{max-width:1800px;margin:auto}.hero-image.product-stage.ritual-hero{min-height:760px}}
@media(min-width:761px) and (max-width:1050px){.hero{gap:25px;padding-bottom:25px;min-height:590px}.hero-image.product-stage.ritual-hero{min-height:565px}.hero h1{font-size:5.4vw}.hero .button{min-width:0;font-size:12px;gap:20px;padding:18px}.hero-note{font-size:11px}.hero-description{font-size:16px}.hero-copy{padding:35px 0}.sequence-next{left:16px;font-size:10px}.sequence-captions{left:16px;font-size:9px}.motion-toggle{right:12px;font-size:10px}.community{gap:40px}.product-copy{padding:45px 30px}.product-title-row h2{font-size:40px}.editorial-bottom strong{font-size:22px}.product-visual.product-still{min-height:760px}}
@media(max-width:760px){.header{height:78px}.wordmark img{width:140px}.wordmark span{font-size:7px}.nav-shop{padding-left:0;font-size:12px}.announcement{font-size:9px;letter-spacing:.12em;padding:10px}.hero{display:flex;flex-direction:column;padding:0 0 0;gap:0;min-height:0}.hero-copy{padding:36px var(--gutter) 33px}.hero h1{font-size:clamp(42px,11vw,76px);margin-bottom:20px}.hero .eyebrow{font-size:9px;margin-bottom:23px}.hero-description{font-size:16px;max-width:430px;line-height:1.6;margin-bottom:24px}.hero .button{min-width:0;width:100%;padding:18px;font-size:13px}.hero-note{flex-direction:row;gap:5px 14px;font-size:11px}.hero-note span{font-size:11px}.offer-detail{font-size:11px;margin:8px 0 20px}.hero .text-link{font-size:12px}.hero-image.product-stage.ritual-hero{margin:0 16px 16px;min-height:0;aspect-ratio:1/1.15}.ritual-hero .sequence-pack{inset:10px 0 70px}.sequence-next{font-size:10px;bottom:26px}.sequence-captions{font-size:9px;bottom:64px}.motion-toggle{font-size:10px;right:14px}.benefit-strip{font-size:11px;padding:24px 16px;gap:18px 0}.section{padding-top:64px;padding-bottom:64px}.texture-experience{gap:25px;grid-template-columns:1fr}.texture-copy h2{font-size:46px;margin-bottom:20px}.texture-copy>p:not(.eyebrow){max-width:100%}.texture-options button{font-size:13px}.texture-caption{font-size:13px}.texture-reveal{aspect-ratio:4/4.5}.texture-footnote{font-size:8px}.rare-form h2{font-size:45px}.editorial-grid{gap:15px;margin-top:30px}.editorial-card{flex-basis:83%;padding:7px}.editorial-bottom strong{font-size:24px}.editorial-bottom{padding:19px 10px 14px}.editorial-intro{margin-top:22px}.editorial-intro p{font-size:14px}.story{padding:64px var(--gutter);gap:34px}.story-copy h2{font-size:45px}.portrait{aspect-ratio:4/4.45}.portrait figcaption{font-size:9px}.routine h2{font-size:42px}.steps{gap:28px;margin-top:30px}.steps h3{font-size:22px}.product-visual.product-still{min-height:480px}.product-still img{height:480px!important;padding:12px 0 40px}.product-still .product-index{font-size:9px;left:24px;bottom:23px}.product-copy{padding:44px var(--gutter) 52px}.product-title-row h2{font-size:40px}.price{font-size:28px}.product-description{font-size:16px}.specs{font-size:13px}.specs>div{grid-template-columns:82px 1fr;gap:12px}.reviews h2{font-size:41px}.review-card{flex-basis:87%;min-height:285px}.review-card blockquote{font-size:23px}.market-source-intro{font-size:12px}.review-tools{gap:12px}.faq{gap:12px}.faq h2{font-size:43px}.questions summary{font-size:16px}.community{gap:30px}.community h2{font-size:49px}.community p{font-size:15px}.community .eyebrow{font-size:10px}.closing{padding:50px var(--gutter)}.closing-mark{height:56px;margin-bottom:20px}.closing-line{font-size:30px}.footer-top .wordmark img{width:min(100%,300px)}.footer-top .wordmark{width:90%}.footer-bottom{font-size:11px}.sticky-purchase strong{font-size:12px}.sticky-purchase span{font-size:11px}}
/* Short packaging study replaces the opening/dispensing sequence. */
.sequence-pack{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.pack-light{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 35%,#fff 48%,transparent 59%);background-size:260% 100%;mask:url('assets/formist-tube-900.webp') center/contain no-repeat;-webkit-mask:url('assets/formist-tube-900.webp') center/contain no-repeat;mix-blend-mode:screen}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ritual-hero[data-complete=true]:hover .sequence-pack{transform:rotateY(-8deg) rotateZ(-2deg) translateY(-5px)}}
/* Anchor navigation remains immediate; the product supplies the motion. */
html{scroll-behavior:auto}