/* DROP 01 — material, light, and culture. Existing FORMIST identity and systems. */
:root{--bone:#f3ede1;--ink:#111216;--cobalt:#002d9c;--navy:#0b1425;--line:#cbc9c0;--muted:#63615b;--sans:'Söhne Breit','Sohne Extended','DM Sans',Arial,sans-serif;--mono:'Söhne Mono','SFMono-Regular',Consolas,'Liberation Mono',monospace;--gutter:clamp(24px,4.5vw,80px)}
body{font-family:'DM Sans',Arial,sans-serif}.eyebrow,.announcement,.hero-note,.offer-detail,.drop-code,.texture-footnote,.sequence-captions,.benefit-strip,.product-index,.voice-category,.step-number,.lab-index,.lab-status,.footer-bottom{font-family:var(--mono);font-size:12px;letter-spacing:.045em}
h1,h2,h3,.closing-line{font-family:var(--sans)}h2{font-weight:600;letter-spacing:-.045em}
.announcement{background:var(--ink);color:var(--bone);padding:11px 20px;font-size:12px}
.header{height:90px;background:var(--bone)}.wordmark img{width:166px}nav{font-family:var(--mono);font-size:12px;text-transform:uppercase}.nav-shop{font-size:12px;letter-spacing:.02em}
.hero{padding:0;gap:0;grid-template-columns:1fr 1fr;min-height:740px;background:var(--ink);color:var(--bone)}
.hero-copy{order:2;padding:65px var(--gutter);position:relative;z-index:2}.hero .eyebrow{font-size:12px;color:#c1c7d0;margin-bottom:35px}.hero h1{color:var(--bone);font-size:clamp(50px,5.9vw,91px);font-weight:650;letter-spacing:-.05em;line-height:.98;text-transform:uppercase;margin-bottom:30px}.hero-description{color:#c2c4c7;max-width:385px;font-size:17px;line-height:1.65}.hero .button{background:var(--bone);color:var(--ink);border-color:var(--bone);font-size:15px;min-width:0;width:100%;max-width:400px;border-radius:0}.hero .button:hover{background:white;border-color:white}.hero-note,.hero-note span,.offer-detail{font-size:12px;color:#bdc1c8}.hero .text-link{font-size:14px;color:var(--bone);border-color:#72757d;margin-top:8px}
.hero-image.product-stage.ritual-hero{order:1;border-radius:0;background:radial-gradient(ellipse at 60% 45%,#3a3e45,#1a1e24 50%,#101114);min-height:740px}.hero-drop-code{position:absolute;font-family:var(--sans);font-size:clamp(200px,30vw,470px);line-height:1;letter-spacing:-.075em;font-weight:600;top:30px;left:10px;color:#ffffff0c}.sequence-pack{inset:55px 0 95px}.sequence-captions{color:#c6c8cd;font-size:12px;left:32px;bottom:76px}.sequence-next{color:var(--bone);border-color:#6a6d74;font-size:13px;left:32px;bottom:28px}.motion-toggle{background:#10111499;color:var(--bone);border-color:#75777b;font-size:12px;right:25px;border-radius:0}.motion-toggle:hover{background:#343840}.motion-toggle:focus-visible{outline-color:var(--bone)}
.benefit-strip{grid-template-columns:repeat(3,1fr);background:#dadbd7;color:var(--ink);padding:24px var(--gutter);font-size:12px}.benefit-strip span+span{border-color:#a6a8a6}
@media(max-width:760px){.header{height:76px}.wordmark img{width:139px}.announcement{font-size:10px;letter-spacing:0;padding:10px 12px}.nav-shop{font-size:11px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{order:1;padding:38px var(--gutter) 36px}.hero .eyebrow{font-size:11px;margin-bottom:26px}.hero h1{font-size:clamp(48px,12.5vw,80px);line-height:.98;margin-bottom:24px}.hero-description{font-size:16px}.hero .button{font-size:14px;padding:18px}.hero-note,.hero-note span,.offer-detail{font-size:11px}.hero .text-link{font-size:13px}.hero-image.product-stage.ritual-hero{order:2;min-height:0;aspect-ratio:1/1.13;margin:0}.hero-drop-code{font-size:76vw}.ritual-hero .sequence-pack{inset:24px 0 78px}.sequence-captions{font-size:11px;left:24px;bottom:65px}.sequence-next{left:24px;font-size:12px}.motion-toggle{right:22px;font-size:12px}.benefit-strip{grid-template-columns:repeat(3,1fr);padding:23px 12px;font-size:10px;gap:0}.benefit-strip span{padding:0 8px}.benefit-strip span:nth-child(3){border-left:1px solid #a6a8a6}}
/* Full-bleed object study: photographic depth rather than a floating mockup. */
.hero-image.product-stage.ritual-hero{background:#111216}.hero-drop-code{z-index:1;top:10px;left:20px;font-size:110px;color:#ffffff0a;pointer-events:none}.hero-image .sequence-pack{inset:0}.ritual-hero .sequence-pack>img{object-fit:cover;object-position:50% 34%;filter:none}.sequence-captions,.sequence-next,.motion-toggle{z-index:3}.sequence-captions{color:#deddd7;text-shadow:0 1px 4px #000}.sequence-next{color:var(--bone);text-shadow:0 1px 4px #000}.sequence-pack::after{content:'';position:absolute;inset:75% 0 0;background:linear-gradient(transparent,#101114d9);pointer-events:none}.pack-light{mask:none;-webkit-mask:none;mix-blend-mode:screen}
.section{padding-top:88px;padding-bottom:88px}.texture-experience{background:#f8f8f4;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,145px)}.texture-copy h2{color:var(--ink);font-size:clamp(43px,5.2vw,77px);font-weight:650;line-height:1;letter-spacing:-.05em}.texture-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:370px}.texture-copy .eyebrow{font-size:12px;color:var(--muted)}.texture-options button{font-family:var(--mono);font-size:13px}.texture-caption{font-size:14px!important}.texture-instruction{font-family:var(--mono);font-size:12px!important}.texture-footnote{font-size:12px;letter-spacing:0}.texture-reveal{aspect-ratio:4/4.2;border-radius:0}.reveal-label{font-family:var(--mono);font-size:12px;letter-spacing:0;background:#f3ede1ed}.texture-copy .text-link{font-size:14px}.reveal-divider span{background:#f8f8f4;color:var(--ink)}
.lab{background:linear-gradient(115deg,#d0d2d0,#e1e2dd 44%,#cacdce);color:var(--ink)}.lab-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:50px}.lab-heading h2{font-size:clamp(44px,5.2vw,78px);line-height:.99;margin:0;letter-spacing:-.045em}.bracket{font-weight:350}.lab-intro{font-size:23px;line-height:1.25;max-width:330px;margin:0}.lab-intro span{display:block;font-size:16px;line-height:1.6;margin-top:19px;color:#51555a}.lab-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:center}.lab-image{margin:0;position:relative;height:570px;overflow:hidden;background:#d4d2c8}.lab-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform 1s}.lab-image:hover img{transform:scale(1.025)}.lab-image figcaption{position:absolute;bottom:22px;left:22px;right:22px;font-family:var(--mono);font-size:12px;line-height:1.5;color:#34332e}.lab-notes{max-width:540px}.lab-status{display:inline-block;padding:10px 12px;border:1px solid #878f93;margin-bottom:25px;color:#3f4850;font-size:12px}.lab-notes article{border-top:1px solid #a4aaa9;padding:22px 0 19px}.lab-index{font-size:12px;color:#50595e}.lab-notes h3{font-size:23px;font-weight:550;letter-spacing:-.025em;margin:11px 0}.lab-notes article p{font-size:16px;color:#50555a;line-height:1.6;margin:0}.lab-disclosure{font-size:13px;line-height:1.6;color:#555d61;margin:16px 0 0}.formula-detail{border-top:1px solid #a4aaa9;border-bottom:1px solid #a4aaa9;margin-top:40px}.formula-detail summary,.listening-notes>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:21px 0;list-style:none;font-size:15px}.formula-detail summary::-webkit-details-marker,.listening-notes>summary::-webkit-details-marker{display:none}.formula-detail summary span,.listening-notes>summary span{font-size:22px}.formula-detail[open] summary span,.listening-notes[open]>summary span{transform:rotate(45deg)}.formula-detail>div{max-width:1000px;padding:10px 0 25px}.formula-detail .eyebrow{margin-bottom:18px}.formula-detail p{font-size:14px;line-height:1.8;color:#444d53}.formula-detail .inci{font-size:14px;line-height:1.8}.listening-notes{border-bottom:1px solid #a4aaa9}.listening-notes .reviews{padding:20px 0 10px}.listening-notes .reviews h2{font-size:30px;color:var(--ink)}.listening-notes .review-tools{align-items:center}.listening-notes .market-source-intro{font-size:13px;line-height:1.6}.listening-notes .review-card{border-color:#a4aaa9;min-height:260px}.listening-notes .review-card blockquote{color:#1d2b3c;font-size:23px}.listening-notes .voice-category{font-size:12px}.listening-notes .review-card a{font-size:12px}
.product{border:0;background:var(--bone)}.product-visual.product-still{background:radial-gradient(ellipse at 55% 35%,#eef0ed,#b8bdc0 65%,#929ca4);min-height:760px;perspective:1000px;isolation:isolate}.product-still img{height:690px!important;width:100%!important;padding:25px 0 70px;filter:drop-shadow(20px 24px 12px #15203329);transition:transform .6s cubic-bezier(.2,.7,.3,1);transform:perspective(1000px) rotateY(var(--turn-x,0deg)) rotateX(var(--turn-y,0deg)) rotateZ(-3deg);will-change:auto}.product-still .product-index{left:35px;right:35px;color:#263344;font-size:12px;bottom:30px}.product-copy .eyebrow{font-family:var(--mono);font-size:12px;color:#555b60}.product-title-row h2{font-size:clamp(37px,4vw,62px);font-weight:650;line-height:.99;color:var(--ink);letter-spacing:-.045em}.price{color:var(--ink);font-size:28px}.price small{font-family:var(--mono);font-size:12px}.size{font-family:var(--mono);font-size:13px}.product-description{font-size:16px;line-height:1.7}.specs{font-size:14px}.specs dt{font-size:13px}.scent-detail{font-size:12px}.founder-note{border:0;border-top:1px solid #bbc0c5;border-bottom:1px solid #bbc0c5;background:transparent;padding:19px 0}.founder-note strong{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--ink)}.founder-note p{font-size:14px}.founder-note>span{font-family:var(--mono);font-size:12px;letter-spacing:0}.purchase{border-radius:0;font-size:15px;background:var(--cobalt)}
.rare-form{background:#0b111b;color:var(--bone);padding-left:0;padding-right:0;overflow:hidden}.rare-form>.section-heading{padding:0 var(--gutter);margin-bottom:42px}.rare-form .eyebrow{font-family:var(--mono);font-size:12px}.rare-form h2{font-size:clamp(45px,5.6vw,84px);line-height:.98;font-weight:650;letter-spacing:-.05em}.editorial-intro p{font-size:17px;color:#bdc1c5}.world-feature{position:relative;margin:0 0 28px;width:100%;aspect-ratio:2/1;overflow:hidden}.world-feature img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;display:block;transition:transform 1.2s}.world-feature:hover img{transform:scale(1.02)}.world-feature:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.world-feature figcaption{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:25px;z-index:1;font-family:var(--mono);font-size:12px;color:white}.editorial-grid{padding:0 var(--gutter);gap:22px;margin-top:28px}.editorial-card{background:transparent;border:0;padding:0;color:var(--bone);overflow:visible;border-radius:0}.editorial-card img{aspect-ratio:4/3;filter:saturate(.75);object-position:50% 35%}.editorial-card:nth-child(2) img{filter:none;object-position:60% 45%}.editorial-card:nth-child(3) img{filter:grayscale(1);object-position:50% 32%}.editorial-top{left:15px;top:15px;font-family:var(--mono);font-size:12px}.editorial-bottom{padding:21px 0 0}.editorial-bottom strong{color:var(--bone);font-size:24px;font-weight:500}.editorial-bottom small{color:#aeb6c0;font-size:14px}.editorial-bottom .story-arrow{color:var(--bone);border-color:#646c76}
.routine{background:var(--cobalt);color:var(--bone)}.routine h2{color:var(--bone);font-weight:650;font-size:clamp(42px,4.8vw,70px);letter-spacing:-.045em}.routine .section-heading>p{color:#d3d8e3;font-size:16px}.steps article{border-color:#f3ede166}.step-number{color:var(--bone);font-family:var(--mono);font-size:14px}.steps h3{font-size:24px;color:var(--bone);font-weight:500}.steps p{color:#d3d8e3;font-size:16px}
.faq{background:var(--bone);border:0}.faq h2{font-size:clamp(39px,4.5vw,65px);color:var(--ink);font-weight:650}.questions summary{font-size:16px}.questions summary span{color:var(--ink)}.questions details p{font-size:16px}
.community{background:#111216;color:var(--bone);gap:clamp(45px,8vw,125px);padding-top:95px;padding-bottom:100px}.community h2{font-size:clamp(45px,5.8vw,88px);font-weight:650;line-height:.98;letter-spacing:-.045em}.community .eyebrow{font-family:var(--mono);font-size:12px;color:#bdc1c7}.community p{font-size:16px;color:#bdc1c7}.community .form-note,.community .consent{font-size:13px;color:#aeb4bc}.email-row input{font-size:18px}.email-row button{font-family:var(--mono);font-size:13px}.community form>label:first-child{font-size:14px}.community .bracket{font-style:italic;font-weight:400}
.closing{padding:65px var(--gutter);background:#e2e3dd;color:var(--ink)}.closing-mark{height:65px;margin-bottom:30px}.closing-line{font-weight:650;line-height:1.05;font-size:clamp(34px,5vw,72px);letter-spacing:-.045em}.closing-line em{font-weight:400}.closing a{font-family:var(--mono);font-size:13px;color:var(--ink);border-color:#868e90}
footer{background:var(--bone);padding-top:55px}.footer-top .wordmark img{width:clamp(240px,34vw,470px)}.footer-top p{font-family:var(--mono);font-size:12px;color:var(--ink)}.footer-bottom{font-size:12px}.button{border-radius:0}.dialog-disclosure{font-size:13px}.commerce-dialog .eyebrow{font-size:12px}.commerce-dialog h2{color:var(--ink);font-weight:600}.sticky-purchase strong,.sticky-purchase span{font-size:12px}.sticky-purchase button{border-radius:0;font-size:14px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ritual-hero[data-complete=true]:hover .sequence-pack{transform:scale(1.025) translateX(-.4%)}}
@media(min-width:761px) and (max-width:1100px){.hero-copy{padding:45px 30px}.hero h1{font-size:6vw}.hero-image.product-stage.ritual-hero{min-height:670px}.hero{min-height:670px}.lab-heading{gap:35px}.lab-intro{max-width:270px;font-size:21px}.lab-image{height:550px}.product-title-row h2{font-size:39px}.product-copy{padding:50px 30px}.product-visual.product-still{min-height:820px}.hero .eyebrow{font-size:11px}.sequence-captions{font-size:11px;left:24px}.sequence-next{left:24px;font-size:12px}.texture-footnote{font-size:11px;gap:10px}.community h2{font-size:5.7vw}.editorial-bottom strong{font-size:22px}}
@media(max-width:760px){.section{padding-top:62px;padding-bottom:62px}.hero-image .sequence-pack{inset:0}.hero-image.product-stage.ritual-hero{aspect-ratio:1/1.2}.ritual-hero .sequence-pack>img{object-position:50% 32%}.hero .eyebrow{font-size:12px}.hero-note,.hero-note span,.offer-detail{font-size:12px}.hero .text-link{font-size:14px}.announcement{font-size:10px}.benefit-strip{font-size:11px;padding:22px 5px}.texture-experience{grid-template-columns:1fr;gap:28px}.texture-copy h2{font-size:45px;line-height:1}.texture-copy .eyebrow{font-size:12px}.texture-copy>p:not(.eyebrow){max-width:100%;font-size:16px}.texture-options button{font-size:12px;padding:19px 19px 19px 0}.texture-footnote{font-size:11px;letter-spacing:0}.texture-reveal{aspect-ratio:4/4.5}.reveal-label{font-size:11px;padding:7px}.lab-heading{display:block;margin-bottom:30px}.lab-heading h2{font-size:clamp(38px,10.5vw,68px)}.lab-intro{font-size:22px;margin-top:28px;max-width:100%}.lab-intro span{font-size:16px;max-width:400px;margin-top:14px}.lab-body{grid-template-columns:1fr;gap:30px}.lab-image{height:340px}.lab-image img{object-position:50% 44%}.lab-image figcaption{font-size:11px;left:18px;bottom:17px}.lab-status{font-size:12px;margin-bottom:18px}.lab-notes h3{font-size:23px}.lab-index{font-size:12px}.lab-notes article{padding:21px 0}.lab-disclosure{font-size:13px}.formula-detail{margin-top:28px}.formula-detail summary,.listening-notes>summary{font-size:14px;padding:20px 0}.formula-detail .inci{font-size:14px;overflow-wrap:anywhere}.listening-notes .reviews h2{font-size:29px}.listening-notes .section-heading .eyebrow{font-size:12px}.listening-notes .review-tools{flex-wrap:wrap}.listening-notes .review-card{min-height:260px;flex-basis:90%}.product-visual.product-still{min-height:470px}.product-still img{height:470px!important;padding:20px 0 60px}.product-still .product-index{font-size:11px;left:24px;right:24px}.product-copy{padding:45px var(--gutter) 55px}.product-copy .eyebrow{font-size:12px}.product-title-row h2{font-size:38px}.product-title-row{gap:12px}.price{font-size:26px}.price small{font-size:11px}.specs{font-size:14px}.specs>div{grid-template-columns:80px 1fr}.founder-note>span{font-size:11px}.rare-form{padding-left:0;padding-right:0}.rare-form>.section-heading{padding:0 var(--gutter);margin-bottom:30px}.rare-form h2{font-size:49px}.rare-form .eyebrow{font-size:12px}.editorial-intro p{font-size:16px}.world-feature{aspect-ratio:1/1;margin-bottom:24px}.world-feature img{object-position:50% 45%}.world-feature figcaption{bottom:20px;font-size:11px;display:block}.world-feature figcaption span{display:block;margin-top:7px}.editorial-grid{padding:0 var(--gutter) 12px;margin:0;gap:18px}.editorial-card{padding:0;flex-basis:83%}.editorial-card img{aspect-ratio:4/4.6;object-position:50% 35%}.editorial-card:nth-child(2) img{object-position:65% 50%}.editorial-top{font-size:11px}.editorial-bottom{padding:18px 0 0}.editorial-bottom strong{font-size:24px}.editorial-bottom small{font-size:14px}.routine h2{font-size:43px}.steps h3{font-size:23px}.steps p{font-size:16px}.faq h2{font-size:44px}.faq .eyebrow{font-size:12px}.community{gap:35px}.community h2{font-size:clamp(42px,11.5vw,70px)}.community .eyebrow{font-size:12px}.community p{font-size:16px}.closing{padding:54px var(--gutter)}.closing-mark{height:58px}.closing-line{font-size:34px}.footer-top .wordmark img{width:100%}.footer-top .wordmark{max-width:330px}.footer-top p,.footer-bottom{font-size:12px}.product-still img{max-width:100%}}
@media(prefers-reduced-motion:reduce){.product-still img{transform:none!important}.world-feature img,.lab-image img{transform:none!important}}
/* Keep the exposed neck fully in frame across the product-study crop. */
.ritual-hero .sequence-pack>img{object-position:50% 14%}
html{scroll-padding-top:24px}
@media(max-width:760px){.ritual-hero .sequence-pack>img{object-position:50% 10%}}
.world-feature-open{display:block;width:100%;height:100%;border:0;padding:0;background:#0b111b;cursor:pointer}.world-feature figcaption{pointer-events:none}.world-feature-open:focus-visible{outline:3px solid var(--bone);outline-offset:-6px}.world-feature-open:focus-visible img{opacity:.8}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-card img{aspect-ratio:16/9}.editorial-card[data-story="2"] img{filter:grayscale(1)}
@media(max-width:760px){.editorial-card img{aspect-ratio:4/4.2}.world-feature figcaption{font-size:11px}}
