:root{--ink:#701a2b;--paper:#f7e8de;--accent:#e8a697}.topnav{color:var(--ink)}.wordmark{font:58px/.9 Instrument,Georgia,serif;letter-spacing:-.06em}.beauty-hero{height:calc(100svh - 34px);min-height:800px;position:relative;overflow:hidden;background:#f7e8de}.hero-whisper{position:absolute;left:4vw;top:155px}.beauty-title{position:absolute;left:5vw;top:24%;z-index:3;pointer-events:none}.beauty-title h1{font:clamp(96px,10.9vw,177px)/.93 Instrument,Georgia,serif;letter-spacing:-.055em}.beauty-title h1 em{font-weight:400}.beauty-title .split-line{padding:.06em 0 .13em;margin-bottom:-.13em}.beauty-title .split-line:last-child{margin-left:9.5vw}.product-oval{position:absolute;width:36vw;max-width:580px;height:73%;top:15%;right:7vw;border-radius:50% 50% 47% 47%;overflow:hidden;transform:rotate(8deg);will-change:transform;box-shadow:0 25px 75px #671b2820}.product-oval img{width:100%;height:100%;object-fit:cover;transform:scale(1.07) rotate(-8deg);filter:saturate(.85)}.beauty-title .split-line:last-child{color:#701a2b}.hero-seal{width:128px;height:128px;position:absolute;bottom:25%;left:47%;z-index:4;background:var(--paper);border-radius:50%;transform:rotate(-12deg)}.hero-seal svg{width:100%;height:100%;animation:seal-spin 36s linear infinite;fill:var(--ink);font-size:12px;letter-spacing:1.9px}.hero-seal>span{font:50px Instrument,Georgia,serif;position:absolute;top:27px;left:42px}.beauty-bottom{position:absolute;bottom:45px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:end;gap:20px;z-index:5}.beauty-bottom p{font-size:14px;line-height:1.7}.pill{border:1px solid currentColor;border-radius:100px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:19px 30px;background:var(--paper);font-size:14px;transition:background .4s,color .4s,transform .4s}.pill:hover{background:var(--ink);color:var(--paper);transform:translateY(-3px)}.pill.dark{background:var(--ink);color:var(--paper)}.pill.dark:hover{background:transparent;color:var(--ink)}.beauty-bottom .overline{text-align:right;font-size:12px}.hero-folio{position:absolute;right:15px;top:43%;writing-mode:vertical-rl;font-size:12px}.ribbon{overflow:hidden;padding:18px 0;background:var(--ink);color:var(--paper);transform:rotate(-2deg);width:104%;margin:0 -2%;position:relative;z-index:5}.ribbon>div{display:flex;align-items:center;gap:40px;width:max-content;font:38px Instrument,Georgia,serif;animation:marquee 35s linear infinite}.ribbon span{font:30px Manrope,Arial}.belief{padding:125px 7vw 110px;display:grid;grid-template-columns:1.4fr 1fr;gap:35px 9vw}.belief>.overline{grid-column:1/-1}.belief h2{font:clamp(64px,7.3vw,118px)/.98 Instrument,Georgia,serif;letter-spacing:-.04em}.belief h2 em{color:#b47676}.belief-side{align-self:end;max-width:360px}.little-star{font-size:70px;display:block;margin-bottom:35px;line-height:1}.belief-side p{font-size:16px;line-height:1.9}.belief-side .arrow-link{margin-top:20px}.ritual{display:grid;grid-template-columns:1fr 1fr;background:#e8d2c7;transition:background 1s,color 1s;--ink:#701a2b;--paper:#f7e8de}.ritual.evening{background:#391521;color:#f7e8de;--ink:#f7e8de;--paper:#391521}.ritual-image{position:relative;min-height:880px;padding:8% 12%;display:flex;align-items:center;justify-content:center}.ritual-image-inner{height:700px;width:100%;border-radius:46% 46% 5px 5px;overflow:hidden;transform:rotate(-5deg);transition:transform 1.3s var(--ease)}.ritual-image-inner img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:scale(1.05);transition:transform 1.4s}.ritual.evening .ritual-image-inner{transform:rotate(5deg)}.ritual.evening .ritual-image-inner img{transform:scale(1.16)}.ritual-image>.overline{position:absolute;bottom:35px;left:40px;font-size:12px}.ritual-copy{padding:95px 7vw 85px 5vw;display:flex;flex-direction:column;justify-content:center}.ritual-copy h2{font:clamp(76px,7.4vw,118px)/.87 Instrument,Georgia,serif;letter-spacing:-.035em;margin:40px 0 35px}.ritual-description{font-size:16px;line-height:1.8}.product-meta{display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:.1em;margin:35px 0}.time-tabs{display:flex;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.time-tabs button{flex:1;display:flex;justify-content:space-between;gap:10px;padding:20px 10px;background:transparent;font-size:13px;opacity:.6}.time-tabs button.selected{opacity:1;font-weight:700}.time-tabs button:first-child{border-right:1px solid currentColor}.time-tabs span{font-size:20px}.time-copy{display:flex;gap:25px;margin:26px 0 35px;min-height:95px}.time-num{font:44px Instrument,Georgia,serif;line-height:1}.time-copy p{font-size:14px;line-height:1.8}.ritual-copy>.pill{align-self:start;min-width:260px}.ingredients{padding:100px 7vw}.ingredients-heading{display:flex;justify-content:space-between;gap:40px;margin-bottom:65px}.ingredients h2{font:clamp(52px,5.5vw,86px)/1 Instrument,Georgia,serif;letter-spacing:-.035em}.ingredient{width:100%;display:grid;grid-template-columns:65px 1fr 40px;align-items:center;gap:25px;background:none;text-align:left;border-top:1px solid #701a2b55;padding:30px 0}.ingredient:last-child{border-bottom:1px solid #701a2b55}.ingredient>span:first-child{font-size:12px}.ingredient-name{font:clamp(32px,4.4vw,66px)/1.1 Instrument,Georgia,serif;letter-spacing:-.02em}.ingredient-sign{font-size:26px}.ingredient-detail{grid-column:2/3;font:15px/1.9 Manrope,Arial,sans-serif;max-width:560px;padding:0 0 5px}.formula-note{font-size:12px;margin-top:24px;color:#936a6e}.beauty-cta{padding:95px 7vw 0;background:var(--ink);color:var(--paper);text-align:center;overflow:hidden}.beauty-cta>.overline{margin:auto}.beauty-cta h2{font:clamp(70px,8.5vw,135px)/1 Instrument,Georgia,serif;letter-spacing:-.04em;margin:35px 0}.beauty-cta .pill{color:#701a2b;margin-bottom:80px}.beauty-cta .pill:hover{border-color:var(--paper);color:var(--paper)}.soma-signature{font:36vw/.65 Instrument,Georgia,serif;letter-spacing:-.055em;opacity:.22;margin-bottom:1vw}.site-footer{background:#701a2b;color:#f7e8de;border-color:#f7e8de35}.dialog h2,.quiz-result h3{font-family:Instrument,Georgia,serif}.quiz-options{display:grid;gap:10px;margin-top:25px}.quiz-options button{padding:20px;background:#701a2b0c;border:1px solid #701a2b44;display:flex;justify-content:space-between}.quiz-options button:hover,.quiz-options button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.quiz-result{padding:30px 0 10px}.quiz-result h3{font-size:46px;line-height:1.1;margin-top:20px}.quiz-result .pill{margin-top:15px;width:100%;font-size:12px}@keyframes seal-spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1000px){.beauty-title h1{font-size:12vw}.hero-seal{left:43%;bottom:23%}.product-oval{right:3vw;width:43vw}.beauty-bottom .overline{display:none}.ritual-image{padding:8% 8%;min-height:800px}.ritual-image-inner{height:630px}.ritual-copy{padding-left:3vw;padding-right:5vw}}@media(max-width:760px){.wordmark{font-size:45px}.nav-cta{font-size:12px}.beauty-hero{min-height:830px;height:calc(100svh - 34px);max-height:1050px}.hero-whisper{top:120px;left:22px;font-size:12px}.beauty-title{top:23%;left:22px}.beauty-title h1{font-size:clamp(60px,14vw,104px)}.beauty-title .split-line:last-child{margin-left:3vw}.product-oval{top:39%;right:11%;width:59%;height:43%;transform:rotate(8deg)}.hero-seal{left:9%;bottom:26%;width:100px;height:100px}.hero-seal>span{font-size:37px;top:22px;left:32px}.beauty-bottom{left:22px;right:22px;bottom:24px;align-items:center;gap:15px}.beauty-bottom p{font-size:12px;max-width:150px}.beauty-bottom .pill{padding:15px 16px;gap:10px;font-size:12px;max-width:190px}.hero-folio{font-size:12px;right:8px;top:50%}.ribbon{padding:12px 0}.ribbon>div{font-size:28px;gap:25px}.belief{padding:75px 25px;grid-template-columns:1fr;gap:35px}.belief h2{font-size:clamp(58px,13vw,88px)}.belief-side{max-width:100%;display:grid;grid-template-columns:45px 1fr;gap:20px}.little-star{font-size:42px}.belief-side p{font-size:15px}.belief-side .arrow-link{grid-column:2}.ritual{grid-template-columns:1fr}.ritual-image{min-height:580px;padding:50px 17% 65px}.ritual-image-inner{height:475px}.ritual-image>.overline{bottom:20px;left:25px;font-size:12px}.ritual-copy{padding:45px 25px 65px}.ritual-copy h2{font-size:90px;margin:30px 0}.time-copy{min-height:70px}.ingredients{padding:70px 25px}.ingredients-heading{flex-direction:column;gap:25px;margin-bottom:45px}.ingredients h2{font-size:58px}.ingredient{grid-template-columns:20px 1fr 20px;gap:15px;padding:25px 0}.ingredient-name{font-size:clamp(27px,6.5vw,42px)}.ingredient-detail{font-size:14px;grid-column:2/4}.beauty-cta{padding:70px 20px 0}.beauty-cta h2{font-size:clamp(55px,12vw,90px)}.beauty-cta .pill{margin-bottom:65px}.beauty-cta>.overline{font-size:12px}.soma-signature{font-size:38vw;margin-bottom:1vw}}

.ribbon-shell{overflow:hidden;padding:25px 0;margin-top:-25px;position:relative;z-index:5;pointer-events:none}.beauty-title h1{letter-spacing:-.025em}.ritual-description,.time-copy p,.ingredient-detail,.belief-side p{font-size:16px}.beauty-bottom p{font-size:14px}.beauty-bottom .pill{font-size:14px}.hero-folio{right:7px}.product-meta{flex-wrap:wrap}.ritual-copy .overline{font-size:12px}
@media(max-width:760px){.beauty-hero{min-height:880px}.beauty-title h1{font-size:clamp(56px,14vw,94px)}.beauty-title{top:23%}.beauty-bottom{bottom:72px;align-items:start}.beauty-bottom p{font-size:14px;max-width:145px}.beauty-bottom .pill{font-size:14px;max-width:178px;gap:8px;padding:15px}.hero-folio{font-size:12px}.hero-seal{left:6%;bottom:25%}.product-oval{height:38%;top:41%}.ritual-image>.overline{font-size:12px}.formula-note{font-size:12px}.ingredient-detail{font-size:16px}.time-tabs button{font-size:14px}.quiz-result .pill{font-size:14px}}
.purchase-panel{margin-top:0}.purchase-panel>div{display:flex;align-items:baseline;gap:18px;margin-bottom:18px}.price{font:40px Instrument,Georgia,serif}.purchase-panel>div>span:last-child{font-size:12px}.purchase-panel>.pill{width:100%;max-width:380px;justify-content:space-between}.purchase-panel>p{font-size:12px;opacity:.7;margin-top:12px}.texture-story{height:180svh;background:#701a2b;color:#f7e8de;position:relative}.texture-sticky{height:100svh;min-height:700px;position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;overflow:hidden;padding:60px 7vw}.serum-orb{position:relative;aspect-ratio:1;max-width:570px;width:100%;filter:drop-shadow(10px 25px 40px #27041165);transform:rotate(calc(var(--texture-p,0)*45deg));will-change:transform}.serum-orb i{position:absolute;display:block;border-radius:44% 56% 60% 40%/40% 44% 56% 60%;background:radial-gradient(ellipse at 25% 20%,#fff8dfd9,transparent 24%),radial-gradient(ellipse at 65% 75%,#bd788d00 28%,#b9607285 68%,#ffefe7bf),linear-gradient(125deg,#e8bca499,#99395233 45%,#3f081666);border:1px solid #ffede899;box-shadow:inset -12px -14px 40px #f6cbb14d,inset 4px 4px 15px #f8e5cf99;inset:14%;transform:rotate(-20deg) scale(calc(1 + var(--texture-p,0)*.2));animation:serum-breathe 9s ease-in-out infinite alternate}.serum-orb i:nth-child(2){inset:4% 66% 62% -3%;transform:translateY(calc(var(--texture-p,0)*-45px));animation-delay:-2s}.serum-orb i:nth-child(3){inset:68% -2% -2% 70%;animation-delay:-4s}.texture-copy h2{font:clamp(72px,7vw,115px)/.95 Instrument,Georgia,serif;letter-spacing:-.04em;margin:30px 0 40px}.texture-copy .overline{font-size:12px}.texture-steps{display:grid;gap:0}.texture-steps article{border-top:1px solid #f7e8de40;padding:16px 0;display:grid;grid-template-columns:95px 1fr;gap:25px;opacity:var(--step-opacity,1);transition:opacity .5s}.texture-steps span{font-size:12px;letter-spacing:.1em}.texture-steps p{font-size:14px;line-height:1.7}.texture-copy .arrow-link{margin-top:20px}.bag-dialog{margin-right:0;height:100svh;max-height:100svh;width:540px;max-width:100%;border:0}.bag-dialog[open]{animation:bag-arrive .5s var(--ease)}.bag-dialog .dialog-inner{padding:60px 40px}.bag-item{display:grid;grid-template-columns:90px 1fr;gap:25px;align-items:center;margin:35px 0}.bag-item img{height:120px;width:90px;object-fit:cover;border-radius:45px}.bag-item h3{font:30px Instrument,Georgia,serif}.bag-item p{font-size:12px;margin:8px 0}.bag-item span{font-size:14px}.bag-quantity,.bag-total{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid #701a2b40;font-size:14px}.bag-quantity>div{display:flex;align-items:center;border:1px solid #701a2b50}.bag-quantity button{padding:8px 14px;background:none}.bag-quantity button:disabled{opacity:.3}.bag-quantity output{min-width:25px;text-align:center}.bag-total output{font-size:24px}.bag-dialog #bag-preview{width:100%;margin-top:20px}.bag-dialog #bag-result{padding:20px;background:#701a2b10;font-size:16px}.bag-dialog .small-note{line-height:1.8}@keyframes serum-breathe{from{border-radius:44% 56% 60% 40%/40% 44% 56% 60%}to{border-radius:56% 44% 40% 60%/60% 56% 44% 40%}}@keyframes bag-arrive{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:760px){.texture-story{height:auto}.texture-sticky{position:relative;height:auto;display:flex;flex-direction:column;gap:10px;padding:30px 25px 60px;min-height:0}.serum-orb{width:90%;max-width:400px}.texture-copy{width:100%}.texture-copy h2{font-size:70px;margin:25px 0 35px}.texture-steps article{grid-template-columns:85px 1fr;gap:18px}.texture-steps p{font-size:15px}.texture-copy .arrow-link{font-size:13px}.bag-dialog .dialog-inner{padding:50px 25px}.bag-item{gap:20px}.purchase-panel>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.serum-orb,.serum-orb i{transform:none!important}.texture-steps article{opacity:1!important}}
.no-motion .serum-orb,.no-motion .serum-orb i{transform:none!important}.no-motion .texture-steps article{opacity:1!important}
