@import url('/vendor/fonts/fonts.css');
:root{--ink:#102b2c;--deep:#092d2f;--peacock:#006a70;--sea:#4e8b86;--glass:#9db6ad;--foam:#f4efe5;--cream:#e7decd;--sand:#c8b79f;--copper:#bd7048;--brass:#d0aa6b;--char:#132323;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--shadow:0 30px 90px #001d20aa}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--foam);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.6}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
button,a{color:inherit}
a{text-decoration:none}
.skip{position:fixed;top:-5rem;left:1rem;z-index:1000;background:#fff;padding:1rem}
.skip:focus{top:1rem}
.site-head{position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:150px 1fr auto auto;align-items:center;gap:1.25rem;padding:1rem clamp(1rem,4vw,4rem);color:var(--foam);background:linear-gradient(#061f20de,transparent);transition:.4s}
.site-head.scrolled{background:#092d2ff0;backdrop-filter:blur(18px);padding-block:.6rem;border-bottom:1px solid #fff2}
.wordmark{width:auto;color:var(--foam)}
.wordmark-type{display:inline-flex;align-items:center;font:400 1.35rem/1 var(--serif);letter-spacing:.2em;text-indent:.2em;white-space:nowrap}
.site-head nav{display:flex;justify-content:center;gap:clamp(.7rem,2vw,2rem)}
.site-head nav a,.motion-toggle,.sea-window-open,.menu-button{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}
.site-head nav a{position:relative}
.site-head nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--brass);transition:.25s}
.site-head nav a:hover:after,.site-head nav a[aria-current]:after{right:0}
.motion-toggle,.sea-window-open,.menu-button{border:1px solid #ffffff55;background:#082f31aa;color:#fff;padding:.65rem .85rem;cursor:pointer}
.menu-button{display:none}
.ocean-film{position:fixed;inset:0;z-index:-2;background:#073539;overflow:hidden}
.ocean-video{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;opacity:1;filter:saturate(.8) hue-rotate(8deg) contrast(1.08) brightness(.62);transition:opacity 2s,transform 1.5s cubic-bezier(.2,.7,.1,1)}
.ocean-still{background:url('/assets/video/seahunny-original-ocean.webp') center/cover no-repeat;animation:oceanBreathe 18s ease-in-out infinite alternate}
@keyframes oceanBreathe{from{background-position:48% 50%;filter:brightness(.58) saturate(.85)}to{background-position:53% 47%;filter:brightness(.7) saturate(.95)}}
.ocean-video-b{opacity:0;transform:scale(1.12) scaleX(-1)}
.ocean-video-b.active{opacity:.55}
.ocean-grade{position:absolute;inset:0;background:linear-gradient(115deg,#092d2fb8 0%,transparent 45%,#3f180f55 100%),radial-gradient(circle at 70% 20%,#d58b5750,transparent 24%),linear-gradient(transparent 60%,#041d20cc)}
#oceanFx{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.5}
.home-page{background:#062b2d;color:var(--foam)}
.tide-panel{position:relative;min-height:100vh;padding:clamp(6rem,12vw,10rem) clamp(1.3rem,7vw,8rem);display:grid;align-items:center;overflow:hidden}
.tide-panel:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#062b2daa,transparent 65%)}
.hero-copy,.section-heading,.split,.mystery-glass,.faith-copy,.final-card,.window-frame,.review-drift,.rating-note{position:relative;z-index:2}
.hero-copy{max-width:800px}
.eyebrow{font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;font-weight:600;color:var(--brass);margin:0 0 1.3rem}
.hero h1,.inner-hero h1,.quiz-intro h1,.contact-intro h1,.faq-wrap h1{font:400 clamp(3.6rem,8.8vw,9rem)/.78 var(--serif);letter-spacing:-.025em;margin:0}
.hero h1 em,.inner-hero h1 em,.quiz-intro h1 em,.contact-intro h1 em,.faq-wrap h1 em,h2 em{font-weight:400;color:#d7b77c}
.food-line{font-size:clamp(1rem,2vw,1.55rem);letter-spacing:.3em;margin:2rem 0 1rem}
.lede{max-width:680px;font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.65}
.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;background:transparent;padding:.95rem 1.4rem;letter-spacing:.17em;text-transform:uppercase;font-size:.68rem;cursor:pointer;transition:.25s}
.button:hover{background:var(--ink);color:white;transform:translateY(-2px)}
.button.copper{background:var(--copper);border-color:var(--copper);color:#fff}
.button.copper:hover{background:#9e5735}
.text-link{border:0;border-bottom:1px solid currentColor;background:none;padding:.3rem 0;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.made{font:italic 1.15rem Georgia,serif;margin:2.8rem 0 0;color:#e6d8bd}
.born{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;opacity:.65}
.dive-cue{position:absolute;bottom:2rem;right:3rem;display:grid;place-items:center;gap:.5rem;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}
.dive-cue i{height:48px;width:1px;background:linear-gradient(#fff,transparent);animation:drip 2s infinite}
@keyframes drip{50%{transform:translateY(8px)}
}
.glass-panel{background:#092f31aa;backdrop-filter:blur(12px)}
.section-heading{max-width:720px}
.section-heading h2,.split h2,.faith-copy h2,.mystery-glass h2,.final-card h2,.window-frame h2,.content-section h2,.story-beat h2,.archive-room h2,.maker-cta h2,.fire-water h2,.ripple-cards h2,.ripple-image h2{font:400 clamp(2.8rem,6vw,6.2rem)/.92 var(--serif);margin:.2rem 0 1.5rem}
.ingredient-orbit{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;margin-top:4rem}
.ingredient{position:relative;min-height:280px;padding:0;border:1px solid #fff4;background:#061f2055;color:#fff;overflow:hidden;cursor:pointer;text-align:left}
.ingredient img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:.5s}
.ingredient:hover img{transform:scale(1.08);opacity:.85}
.ingredient span{position:absolute;top:1rem;left:1rem;color:var(--brass)}
.ingredient{font:1.4rem/1 var(--serif)}
.ingredient:not(:has(img)){padding:1rem}
.ingredient img+span~*{}
.ingredient{display:grid;grid-template-rows:1fr auto;gap:0}
.ingredient img{grid-row:1}
.ingredient span{z-index:2}
.ingredient::after{content:attr(data-name);padding:1rem}
.ganache-panel{background:linear-gradient(90deg,#5a4d3de8,#173637da)}
.origin-panel{background:#345d58cc}
.mystery-panel{background:linear-gradient(#435c5cca,#092d2fef)}
.vote-tease{min-height:70vh;background:#102c2ee8;text-align:center}
.vote-tease .section-heading{margin:auto}
.quiz-tease{background:#061c28e8}
.sea-window-call{background:transparent;min-height:70vh}
.faith-panel{background:linear-gradient(#061f2088,#181813e8);text-align:center}
.faith-copy{max-width:830px;margin:auto}
.reviews-panel{background:#dccdb9f2;color:var(--ink)}
.reviews-panel .eyebrow{color:#874b2e}
.review-drift{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem}
.review-drift blockquote,.proof blockquote{font:italic clamp(1.3rem,2vw,2rem)/1.45 Georgia,serif;margin:0;padding:2rem;border:1px solid #20383744}
.review-drift cite,blockquote cite{display:block;font:600 .66rem var(--sans);letter-spacing:.15em;text-transform:uppercase;margin-top:1.5rem}
.rating-note{text-align:center;margin-top:3rem;font-size:.75rem;letter-spacing:.1em}
.final-commerce{background:#082d2fee}
.final-card{max-width:1000px;margin:auto;display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}
.final-card img{filter:drop-shadow(0 30px 40px #0008)}
.split{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,7vw,7rem);align-items:center}
.split.reverse figure,.split.reverse .portrait-pair{order:2}
.art-frame{margin:0;position:relative}
.art-frame img{width:100%;max-height:70vh;object-fit:cover;box-shadow:var(--shadow)}
figcaption{font:italic .85rem Georgia,serif;margin-top:.8rem;opacity:.75}
.display-copy{font:italic clamp(1.2rem,2vw,1.7rem)/1.6 Georgia,serif}
.product-reveal{margin:0}
.product-reveal img{width:130%;max-width:none;margin-left:-20%}
.portrait-pair img{width:100%;border-radius:50% 50% 5% 5%;box-shadow:0 0 100px #008e9380}
.window-frame{max-width:760px;margin:auto;text-align:center;padding:5rem 3rem;border:12px solid #6a4b35;outline:1px solid #ddb477;background:#092d2faa;box-shadow:inset 0 0 70px #0008,var(--shadow)}
.window-label{font-size:.62rem;letter-spacing:.25em}
.mystery-glass{text-align:center;max-width:900px;margin:auto}
.fog-object{height:280px;overflow:hidden;filter:blur(8px);opacity:.7;margin:1rem auto;mask-image:linear-gradient(transparent,#000 35%,transparent)}
.fog-object img{height:480px;margin:-80px auto 0}
.reveal{opacity:0;transform:translateY(35px);transition:opacity 1s,transform 1s}
.reveal.seen{opacity:1;transform:none}
.motion-off *{animation-play-state:paused!important;transition-duration:.01s!important}
.motion-off .ocean-video{display:none}
.motion-off .ocean-film{background:url('/assets/video/seahunny-original-ocean.webp') center/cover}
.ingredient-dialog,.sea-dialog{border:1px solid #d5ac71;background:#0a3334f7;color:#fff;max-width:620px;padding:3rem;box-shadow:0 40px 100px #000}
.ingredient-dialog::backdrop,.sea-dialog::backdrop{background:#001b1dcc;backdrop-filter:blur(9px)}
.dialog-close{position:absolute;right:1rem;top:1rem;border:0;background:none;color:inherit;font-size:2rem;cursor:pointer}
.sea-links{display:grid;gap:.8rem}
.sea-links a{padding:1rem;border:1px solid #fff3;display:flex;justify-content:space-between}
.sea-links a:after{content:'↗';color:var(--brass)}
.inner{background:var(--foam);color:var(--ink)}
.inner .site-head{background:#0c3637ed}
.inner main{padding-top:70px}
.inner-hero{min-height:90vh;padding:clamp(5rem,9vw,9rem) clamp(1.3rem,7vw,8rem);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:6vw}
.inner-hero .lede{max-width:620px}
.product-hero{background:radial-gradient(circle at 80% 30%,#caa46e55,transparent 30%),linear-gradient(115deg,#eee4d4 0 55%,#8f9b85 55%)}
.label-relic{margin:0;text-align:center}
.label-relic img{max-height:60vh;margin:auto;filter:drop-shadow(0 35px 35px #21332755)}
.cream-band{padding:3rem 7vw;background:#173e3f;color:#fff}
.fact-row{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:auto}
.fact-row div{padding:1.5rem;border-right:1px solid #fff3}
.fact-row strong{display:block;font:2.5rem var(--serif);color:var(--brass)}
.fact-row span{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.content-section{padding:clamp(5rem,10vw,10rem) 7vw}
.content-section.warm{background:#dbd1bf}
.content-section.proof{background:#294b47;color:#fff}
.ingredient-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.7rem;margin-top:3rem}
.ingredient-grid article{background:#fff;padding:.6rem;box-shadow:0 8px 30px #31413a14}
.ingredient-grid img{width:100%;aspect-ratio:1/1.2;object-fit:cover}
.ingredient-grid h3{font:1.2rem var(--serif);margin:.8rem .2rem}
.allergy-note{text-align:center;margin-top:2rem;font-size:.75rem}
.ritual-list{counter-reset:ritual;list-style:none;padding:0}
.ritual-list li{border-bottom:1px solid #1f353533;padding:1rem 0}
.commerce-bar{position:sticky;bottom:0;z-index:20;background:#0b3234;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem 7vw}
.buy-room{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;align-items:start;background:#efe6d8}
.buy-copy{position:sticky;top:8rem}
.size-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.size-grid a{min-height:190px;padding:1.6rem;border:1px solid #183c3b40;background:#f8f3eb;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}
.size-grid a:hover,.size-grid a:focus-visible{transform:translateY(-5px);border-color:var(--copper);box-shadow:0 22px 55px #273c3820}
.size-grid strong{font:1.75rem var(--serif)}
.size-grid span{font:2rem var(--serif);color:#8c4c30}
.size-grid small{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}
.journal-hero{background:linear-gradient(120deg,#d6d2c8 0 58%,#6b827b 58%)}
.torn-photo{margin:0;transform:rotate(2deg);background:#eee7da;padding:1rem;box-shadow:0 30px 70px #24363444}
.torn-photo img{max-height:65vh;width:100%;object-fit:cover}
.story-stream{padding:5vw}
.story-beat{max-width:1150px;margin:8rem auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}
.story-beat.reverse figure{order:2}
.story-beat figure{margin:0}
.story-beat img{width:100%;height:60vh;object-fit:cover;filter:saturate(.76);box-shadow:20px 20px 0 #a1aea5}
.archive-room{padding:8rem 7vw;background:#183e3f;color:#fff}
.archive-links{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:900px}
.archive-links a{border:1px solid #fff4;padding:2rem;font:2rem var(--serif)}
.archive-links span{display:block;font:.65rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:.8rem}
.maker-cta{position:relative;min-height:70vh;color:#fff;display:grid;place-items:center;text-align:center;overflow:hidden}
.maker-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.35)}
.maker-cta div{position:relative}
.fire-water{min-height:75vh;display:grid;place-items:center;text-align:center;padding:7vw;background:radial-gradient(circle,#e39959 0,transparent 22%),linear-gradient(#1b3e3f,#061e21);color:#fff}
.fire-water>div{max-width:900px}
.vote-status{text-align:center;font:italic 1.1rem Georgia,serif;margin:2rem}
.change-vote{display:block;margin:auto}
.contact-form{display:grid;gap:1rem}
.contact-form label{font-size:.67rem;letter-spacing:.15em;text-transform:uppercase}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:.5rem;padding:1rem;border:1px solid #fff5;background:#fff1;color:inherit}
.quiz-page{background:#061b28;color:#fff}
.quiz-shell{min-height:calc(100vh - 70px);padding:clamp(5rem,10vw,9rem) 7vw;background:radial-gradient(circle at 85% 15%,#744a6388,transparent 24%),radial-gradient(circle at 10% 90%,#007e8177,transparent 30%)}
.quiz-intro{max-width:950px;margin:auto;text-align:center}
.quiz-intro fieldset{border:0;display:flex;justify-content:center;gap:1rem;margin:2rem 0}
.quiz-intro label{border:1px solid #fff4;padding:.8rem 1.2rem;cursor:pointer}
.quiz-intro small{display:block;max-width:650px;margin:1.4rem auto;opacity:.6}
.quiz-stage{max-width:880px;margin:auto}
.quiz-progress{display:flex;align-items:center;gap:1rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}
.quiz-progress i{height:2px;background:#fff2;flex:1}
.quiz-progress b{display:block;height:100%;background:var(--brass);width:0;transition:.4s}
.quiz-stage h2{font:clamp(2.3rem,5vw,4.8rem)/1.05 var(--serif);margin:3rem 0}
.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.answer-grid button{padding:1.4rem;text-align:left;border:1px solid #fff4;background:#ffffff08;color:#fff;cursor:pointer;transition:.25s}
.answer-grid button:hover{background:#ffffff18;border-color:var(--brass);transform:translateX(5px)}
.quiz-back{margin-top:2rem}
.quiz-result{max-width:1150px;margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;align-items:start}
.result-art{position:sticky;top:100px}
.result-art img{width:100%;border:1px solid #ba986766;box-shadow:0 30px 90px #0008}
.result-copy [data-result-title]{font:clamp(3rem,7vw,7rem)/.85 var(--serif);margin:0;color:#dcc18e}
.result-award{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#9ac2b7}
.result-lede{font:italic 1.35rem/1.6 Georgia,serif}
.result-chapters{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.result-chapters article{border-top:1px solid #fff3;padding-top:1rem}
.result-chapters h3{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}
.result-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.river-hero{background:#a9bcb5}
.river-still img{height:60vh;width:100%;object-fit:cover}
.ripple-cards{padding:8rem 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.ripple-cards article{border-top:1px solid;padding-top:2rem}
.ripple-cards span{color:var(--copper)}
.ripple-image{display:grid;grid-template-columns:1.2fr .8fr;min-height:75vh;background:#173e3f;color:#fff}
.ripple-image img{width:100%;height:100%;object-fit:cover}
.ripple-image div{padding:7vw;align-self:center}
.contact-room{min-height:calc(100vh - 70px);display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(105deg,#183f40 0 50%,#d5c8b6 50%);color:#fff}
.contact-intro,.contact-form{padding:clamp(4rem,8vw,8rem)}
.contact-intro figure{margin:3rem 0 0;max-width:460px}
.contact-intro img{max-height:260px;object-fit:cover;width:100%}
.contact-form{color:var(--ink);align-content:center}
.contact-form input,.contact-form textarea,.contact-form select{border-color:#173e3f55;background:#ffffff75}
.faq-wrap{min-height:100vh;padding:9rem 7vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;background:#d9cfbf}
.faq-list details{border-top:1px solid #203a38;padding:1.4rem 0}
.faq-list summary{font:1.55rem var(--serif);cursor:pointer}
.faq-list p{max-width:680px}
.form-note{font-size:.76rem;opacity:.75}
footer{position:relative;z-index:3;background:#071f21;color:#fff;padding:4rem 7vw;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}
footer p{font:1.5rem var(--serif);margin:0}
footer p span{color:var(--copper)}
footer nav{display:flex;gap:2rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}
footer small{grid-column:1/-1;opacity:.6}

@media(max-width:1050px){.site-head{grid-template-columns:130px 1fr auto auto}
.site-head nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;background:#092d2ff5;padding:2rem}
.site-head nav.open{display:flex}
.menu-button{display:block;justify-self:end}
.site-head{grid-template-columns:130px 1fr auto auto}
.ingredient-orbit{grid-template-columns:repeat(4,1fr)}
.ingredient{min-height:220px}
.ingredient-grid{grid-template-columns:repeat(4,1fr)}
.motion-toggle{display:none}
}

@media(max-width:720px){.site-head{grid-template-columns:100px 1fr auto;padding:.6rem 1rem}
.wordmark{width:95px}
.site-head .sea-window-open{display:none}
.menu-button{grid-column:3}
.tide-panel{padding:7rem 1.2rem;min-height:auto}
.hero{min-height:100svh}
.hero h1,.inner-hero h1,.quiz-intro h1,.contact-intro h1,.faq-wrap h1{font-size:clamp(3rem,15vw,5.3rem)}
.split,.inner-hero,.quiz-result,.faq-wrap{grid-template-columns:1fr}
.split.reverse figure,.split.reverse .portrait-pair,.story-beat.reverse figure{order:0}
.ingredient-orbit{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}
.ingredient{min-width:68vw;scroll-snap-align:center}
.review-drift,.ripple-cards{grid-template-columns:1fr}
.final-card{grid-template-columns:1fr}
.inner main{padding-top:58px}
.inner-hero{padding:6rem 1.2rem 4rem;min-height:auto}
.product-hero,.journal-hero{background:#ded4c3;color:var(--ink)}
.fact-row{grid-template-columns:1fr 1fr}
.ingredient-grid{display:flex;overflow-x:auto}
.ingredient-grid article{min-width:42vw}
.content-section{padding:5rem 1.2rem}
.commerce-bar{position:relative;flex-direction:column}
.buy-room{grid-template-columns:1fr}
.buy-copy{position:relative;top:auto}
.size-grid{grid-template-columns:1fr 1fr}
.size-grid a{min-height:160px;padding:1.15rem}
.story-beat{grid-template-columns:1fr;margin:5rem auto}
.story-beat img{height:50vh}
.archive-links{grid-template-columns:1fr}
.answer-grid{grid-template-columns:1fr}
.result-art{position:relative;top:auto;max-width:380px;margin:auto}
.result-chapters{grid-template-columns:1fr}
.ripple-image{grid-template-columns:1fr}
.contact-room{grid-template-columns:1fr;background:#183f40}
.contact-intro,.contact-form{padding:5rem 1.2rem}
.contact-form{background:#d5c8b6}
.faq-wrap{padding:7rem 1.2rem}
.window-frame{padding:3rem 1rem}
.product-reveal img{width:110%;margin-left:-5%}
footer{grid-template-columns:1fr;padding:3rem 1.2rem}
footer nav{flex-wrap:wrap;gap:1rem}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
.dive-cue i{animation:none}
.ocean-video-b{display:none}
}

/* 2026 boutique art direction: California apothecary, not fantasy theme park. */
:root{--sea-ink:#071d1e;--verdigris:#1e625e;--verdigris-bloom:#69a69a;--oxidized:#143c3b;--old-copper:#a65f3d;--copper-edge:#d08a59;--bone:#f2ecdf;--linen:#ddd1bf;--cacao:#4a3028;--wet-stone:#263c3b}
body{letter-spacing:.002em}
.site-head{grid-template-columns:clamp(150px,17vw,230px) 1fr auto;padding:.8rem clamp(1rem,4vw,4rem);background:linear-gradient(#041819ef,#04181980 62%,transparent);border-bottom:1px solid #ffffff17}
.site-head.scrolled{padding-block:.48rem;background:#071d1ef3}
.wordmark{width:clamp(145px,16vw,220px);filter:brightness(0) invert(1)}
.wordmark img{height:76px}
.site-head nav{gap:clamp(.65rem,1.5vw,1.55rem)}
.site-head nav a{font-size:.64rem}
.site-head .motion-toggle{background:transparent;border-color:#ffffff2e}
.tide-panel:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.11;background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 70% 65%,#000 0 1px,transparent 1.5px);background-size:8px 8px,11px 11px;mix-blend-mode:soft-light}
.boutique-hero{grid-template-columns:minmax(0,1.1fr) minmax(280px,.62fr);gap:5vw;padding-top:9rem;background:linear-gradient(90deg,#03191bd9 0 53%,#0c3736a6 76%,transparent)}
.boutique-hero:before{background:radial-gradient(circle at 73% 40%,#cf8e5542,transparent 24%),linear-gradient(90deg,#071e20c9,transparent)}
.hero-product{position:relative;z-index:2;margin:0;align-self:center;justify-self:center;width:min(430px,35vw);filter:drop-shadow(0 45px 70px #000a)}
.hero-product:before{content:'';position:absolute;inset:-12%;border:1px solid #d28d5a72;border-radius:50%;box-shadow:inset 0 0 60px #b5683b1f}
.hero-product img{position:relative;width:100%}
.hero-product img,.final-card>img,.label-relic img,.shop-feature figure img{clip-path:circle(49% at 50% 50%)}
.artifact-note{position:absolute;z-index:2;right:-4rem;top:8%;width:9rem;font:italic .86rem/1.45 Georgia,serif;color:#e9d9bf;transform:rotate(4deg)}
.hero-notes{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:2.5rem;font:italic .88rem Georgia,serif;color:#ddd0b8}
.hero-notes span+span:before{content:'•';margin-right:1.2rem;color:var(--copper-edge)}
.cabinet-panel{background:linear-gradient(115deg,#0b2a2bcf,#102b26e8),radial-gradient(circle at 80% 20%,#6d9b803b,transparent 25%)}
.cabinet-panel:before{background:linear-gradient(90deg,#331f1766,transparent 35%),repeating-linear-gradient(90deg,transparent 0 14.15%,#d08a5916 14.2% 14.35%)}
.cabinet-panel .section-heading h2{font-size:clamp(3.5rem,7.5vw,7.5rem)}
.ingredient-orbit{align-items:end}
.ingredient{border:1px solid #d3925b55;background:#0c2625;box-shadow:0 22px 40px #0004}
.ingredient:nth-child(2n){transform:translateY(1.25rem)}
.ingredient::after{background:linear-gradient(transparent,#061616e6);margin-top:-3.3rem;z-index:2}
.ingredient img{filter:saturate(.74) contrast(1.08) sepia(.08);opacity:.65}
.made-real-panel{min-height:115vh;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:7vw;background:linear-gradient(112deg,#d9cdbb 0 61%,#5d746b 61%);color:var(--ink)}
.made-real-panel:before{background:linear-gradient(90deg,transparent 58%,#092d2f4f)}
.editorial-collage{position:relative;z-index:2;height:min(72vw,820px)}
.editorial-shot{position:absolute;margin:0;background:#eee8dd;padding:.65rem;box-shadow:0 30px 70px #1a2c2840}
.editorial-shot img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04) sepia(.04)}
.shot-main{width:55%;height:68%;left:2%;top:6%;transform:rotate(-2deg)}
.shot-small{width:44%;height:38%;right:3%;top:2%;transform:rotate(2.5deg)}
.shot-tall{width:39%;height:53%;right:8%;bottom:1%;transform:rotate(1deg)}
.editorial-shot figcaption{position:absolute;left:.8rem;right:.8rem;bottom:.7rem;margin:0;padding:.55rem .7rem;background:#071d1edb;color:#fff;font-size:.72rem}
.editorial-copy{position:relative;z-index:2;padding-right:2vw}
.editorial-copy h2{font:400 clamp(2.8rem,5vw,5.8rem)/.94 var(--serif);margin:.2rem 0 1.5rem}
.otter-cove{min-height:105vh;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);padding:0;background:#061c1e}
.otter-cove:before{z-index:1;background:linear-gradient(90deg,transparent 35%,#061c1ee8 68%),linear-gradient(0deg,#061c1e 0,transparent 28%,transparent 72%,#061c1e)}
.otter-water{position:absolute;inset:0 29% 0 0;overflow:hidden;mask-image:linear-gradient(90deg,#000 0 74%,transparent 100%),linear-gradient(0deg,transparent,#000 18% 82%,transparent);mask-composite:intersect}
.otter-video{width:100%;height:100%;object-fit:cover;object-position:45% center;filter:saturate(.76) contrast(1.08) brightness(.82) hue-rotate(4deg);transition:opacity .65s}
.otter-caustics{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#bfe6d530,transparent 35%),repeating-radial-gradient(ellipse at 40% 50%,transparent 0 22px,#b7ded310 25px 28px,transparent 31px 48px);mix-blend-mode:screen;animation:caustics 14s ease-in-out infinite alternate}
@keyframes caustics{to{transform:translate3d(2%,-1%,0) scale(1.06);opacity:.65}}
.otter-copy{position:relative;z-index:2;grid-column:2;padding:2rem clamp(1rem,5vw,6rem) 2rem 0}
.otter-copy h2{font:400 clamp(3.3rem,6vw,6.6rem)/.88 var(--serif);margin:.2rem 0 1.4rem}
.otter-controls{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}
.otter-controls button{border:1px solid #d08a5960;background:#ffffff08;color:#fff;padding:.7rem .85rem;font-size:.65rem;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
.otter-controls button:hover,.otter-controls button:focus-visible{background:var(--old-copper);border-color:var(--copper-edge)}
.otter-status{min-height:3rem;margin-top:1.2rem;font:italic .95rem Georgia,serif;color:#d9b98a}
.otter-cove.otters-off .otter-video{opacity:0}
.otter-cove.otters-off .otter-water{background:linear-gradient(130deg,#173f42,#061c1e)}
.otter-cove.diving .otter-water{inset:0 24% 0 0}
.otter-bubbles.active:before,.otter-bubbles.active:after{content:'°  ·  ○  °  ·';position:absolute;left:40%;bottom:15%;color:#d6f2e899;font-size:3rem;letter-spacing:.6rem;animation:bubbleRise 2.4s ease-out}
.otter-bubbles.active:after{left:62%;animation-delay:.2s}
@keyframes bubbleRise{to{transform:translateY(-42vh);opacity:0}}
.boutique-quiz-tease{min-height:86vh;grid-template-columns:.72fr 1.28fr;gap:8vw;background:radial-gradient(circle at 22% 52%,#8db9a927,transparent 31%),linear-gradient(115deg,#071c1f,#2a4350);color:#fff}
.mermaid-seal{position:relative;z-index:2;width:min(500px,38vw);display:grid;place-items:center;margin:auto;padding:clamp(1.2rem,3vw,2.5rem)}
.mermaid-paper{width:100%;aspect-ratio:4/3;display:grid;place-items:center;background:linear-gradient(145deg,#f4efe5,#d9ccb8);border:1px solid #c98a6055;box-shadow:0 35px 90px #0009,inset 0 0 0 10px #ffffff35;transform:rotate(-1.5deg)}
.mermaid-seal img{max-width:82%;max-height:82%;object-fit:contain;filter:none}
.mermaid-seal span{position:absolute;bottom:.4rem;right:0;font:italic .85rem Georgia,serif;color:#d5b17c;transform:rotate(-3deg)}
.quiz-tease-copy{position:relative;z-index:2;max-width:720px}
.quiz-tease-copy h2{font:400 clamp(4rem,8vw,8rem)/.82 var(--serif);margin:.2rem 0 2rem}
.boutique-mystery{min-height:78vh;background:linear-gradient(#6f7b76c9,#0c292be8),url('/assets/story/lake.png') center/cover;color:#fff}
.boutique-window{background:linear-gradient(115deg,#d9d0c2ee 0 48%,#173f41de 48%),url('/assets/story/golden-gate.png') center/cover;color:var(--ink)}
.boutique-window .window-frame{margin-right:3vw;background:#f2ecdfd9;border:10px solid #72472f;outline-color:#b9784e;box-shadow:inset 0 0 70px #7e8f7e29,0 30px 80px #092d2f61}
.boutique-proof{grid-template-columns:1.05fr .95fr;gap:7vw;align-items:stretch;padding:0;background:#d9cdbb;color:var(--ink)}
.proof-photo{position:relative;z-index:2;min-height:90vh}
.proof-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.03) sepia(.05)}
.proof-copy{position:relative;z-index:2;padding:8rem 7vw 6rem 0}
.proof-copy h2{font:400 clamp(3.5rem,7vw,7rem)/.88 var(--serif);margin:.2rem 0 2rem}
.proof-copy blockquote{margin:0;padding:1.4rem 0;border-top:1px solid #102b2c4d;font:italic clamp(1.15rem,1.6vw,1.5rem)/1.5 Georgia,serif}
.proof-copy .rating-note{text-align:left}
.faith-panel{background:radial-gradient(circle at 50% 0,#98714338,transparent 35%),linear-gradient(#0f302fc9,#151913ec)}
.final-commerce{background:linear-gradient(110deg,#061d1e,#113b3b)}
.final-card{padding:3rem;border:1px solid #d08a594a;background:#ffffff05;box-shadow:0 35px 90px #0006}
.final-card img{max-height:480px;margin:auto}

@media(max-width:1050px){
  .site-head{grid-template-columns:170px 1fr auto auto}
  .boutique-hero,.made-real-panel,.otter-cove,.boutique-quiz-tease,.boutique-proof{grid-template-columns:1fr}
  .hero-product{position:absolute;right:3vw;bottom:7vh;width:min(36vw,360px);opacity:.72}
  .editorial-collage{height:75vw;max-height:720px}
  .made-real-panel:before{background:linear-gradient(#dbcdbbc9,#173f41aa)}
  .editorial-copy{padding:0}
  .otter-cove{padding:0;display:block}
  .otter-water{inset:0;mask-image:linear-gradient(0deg,transparent,#000 22% 72%,transparent)}
  .otter-cove:before{background:linear-gradient(0deg,#061c1ef7 0 29%,transparent 64%,#061c1ebd)}
  .otter-copy{position:absolute;left:7vw;right:7vw;bottom:6vh;padding:0;max-width:650px}
  .mermaid-seal{width:min(420px,58vw)}
  .quiz-tease-copy{margin:auto;text-align:center}
  .proof-photo{min-height:62vh}
  .proof-copy{padding:0 7vw 7rem}
}

@media(max-width:720px){
  .site-head{grid-template-columns:145px 1fr auto}
  .wordmark{width:140px}
  .wordmark img{height:62px}
  .boutique-hero{padding-top:7rem;display:block;background:linear-gradient(#04191bcf,#04191bcf)}
  .boutique-hero .hero-copy{position:relative;z-index:3}
  .hero-product{right:-8vw;bottom:6vh;width:64vw;opacity:.3}
  .artifact-note{display:none}
  .hero h1{font-size:clamp(3.7rem,16vw,6.4rem)}
  .hero-notes{display:block}
  .hero-notes span{display:block;margin:.35rem 0}
  .hero-notes span+span:before{display:none}
  .cabinet-panel{padding-bottom:8rem}
  .ingredient:nth-child(2n){transform:none}
  .made-real-panel{display:block;padding-top:6rem;background:#d9cdbb}
  .editorial-collage{height:122vw;margin-bottom:4rem}
  .shot-main{width:70%;height:64%}.shot-small{width:51%;height:35%}.shot-tall{width:48%;height:50%}
  .otter-cove{min-height:100svh}
  .otter-video{object-position:42% center}
  .otter-copy{left:1.2rem;right:1.2rem;bottom:4.5rem}
  .otter-copy h2{font-size:clamp(3rem,14vw,5rem)}
  .otter-controls{max-width:94vw}
  .otter-controls button{font-size:.58rem;padding:.62rem .68rem}
  .boutique-quiz-tease{display:block;text-align:center}
  .mermaid-seal{width:76vw;margin:0 auto 4rem}
  .mermaid-seal span{right:-1rem}
  .quiz-tease-copy h2{font-size:clamp(3.6rem,17vw,6rem)}
  .boutique-window{background:#d9d0c2}
  .boutique-window .window-frame{margin:auto}
  .boutique-proof{display:block;padding:0}
  .proof-photo{min-height:58vh}
  .proof-copy{padding:4rem 1.2rem 6rem}
  .final-card{padding:1.3rem}
}

@media(prefers-reduced-motion:reduce){
  .otter-caustics{animation:none}
  .otter-video{display:none}
  .otter-water{background:url('/assets/otters/mama-pup-poster.jpg') center/cover}
}

/* SeaSoul: editorial identity system with the official mark, never synthetic faces. */
.seasoul-page{background:#071b20}
.seasoul-shell{position:relative;isolation:isolate;overflow:hidden;background:
radial-gradient(circle at 82% 15%,#9a6a554a,transparent 25%),
radial-gradient(circle at 15% 80%,#2d827a42,transparent 32%),
linear-gradient(135deg,#06171c,#142d38 55%,#102724)}
.seasoul-shell:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.13;background-image:
radial-gradient(ellipse at center,transparent 56%,#a6cfc01f 57% 59%,transparent 60%),
linear-gradient(45deg,transparent 48%,#d19a6740 49% 50%,transparent 51%);background-size:180px 110px,80px 80px}
.quiz-mark{width:110px;height:110px;margin:0 auto 1.5rem;border:1px solid #ce8c5a70;border-radius:50%;display:grid;place-items:center;background:#ffffff08}
.quiz-mark img{height:76px;filter:brightness(0) invert(1) opacity(.78)}
.quiz-intro>p:not(.eyebrow){max-width:790px;margin:1.8rem auto;font:italic 1.12rem/1.65 Georgia,serif}
.quiz-intro fieldset{flex-wrap:wrap}
.quiz-intro label{background:#ffffff06;border-color:#d08a5960}
.quiz-intro label:has(input:checked){background:#a65f3d;border-color:#d99868}
.quiz-stage{padding:4rem 0}
.quiz-stage h2{max-width:900px}
.answer-grid button{min-height:84px;background:#ffffff06;border-color:#d6b57c44}
.answer-grid button:hover,.answer-grid button:focus-visible{background:#b46c4330;border-color:#d6a271;transform:translateX(6px)}
.quiz-email-gate{max-width:1040px;margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center;padding:5rem 0}
.email-gate-seal{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1px solid #ca8d5c75;background:radial-gradient(circle,#ffffff0d,transparent 65%);box-shadow:0 0 100px #4b96884a}
.email-gate-seal img{max-height:66%;filter:brightness(0) invert(1) sepia(.25) opacity(.84)}
.quiz-email-gate h2{font:400 clamp(3.2rem,6vw,6.4rem)/.9 var(--serif);margin:0 0 1rem}
.quiz-email-gate form{display:grid;gap:1rem;margin-top:2rem}
.quiz-email-gate label:not(.consent-check){font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}
.quiz-email-gate input[type=email]{width:100%;margin-top:.55rem;padding:1rem 1.1rem;border:1px solid #ffffff4d;background:#ffffff0a;color:#fff}
.consent-check{display:flex;gap:.7rem;align-items:flex-start;font-size:.78rem;color:#d7d0c6}
.quiz-result{grid-template-columns:.72fr 1.28fr}
.material-result{--realm:#4f8c78;min-height:650px;border:1px solid #d79a6659;background:
radial-gradient(circle at 50% 38%,#f4eadb16 0 22%,transparent 23%),
linear-gradient(145deg,var(--realm),#081d20 72%);display:grid;place-items:center;overflow:hidden;box-shadow:0 35px 100px #0009}
.material-result:before,.material-result:after{content:'';position:absolute;border:1px solid #d49a6d4a;border-radius:50%;width:75%;aspect-ratio:1}
.material-result:after{width:56%;border-style:dotted}
.material-result img{position:relative;z-index:2;width:58%;height:auto;border:0;box-shadow:none;filter:brightness(0) invert(1) sepia(.2) opacity(.78)}
.material-result span{position:absolute;z-index:3;left:10%;right:10%;bottom:8%;text-align:center;font-size:.66rem;letter-spacing:.25em;text-transform:uppercase;color:#e4c49c}
.skin-profile{grid-column:1/-1;margin-top:2rem;padding:2rem;border:1px solid #d08a5952;background:#ffffff08}
.skin-profile h2{font:400 clamp(2.2rem,4vw,4rem)/.95 var(--serif);margin:.3rem 0 1rem;color:#edddc6}
.skin-profile .button{margin-top:1rem}

@media(max-width:720px){
  .quiz-email-gate{grid-template-columns:1fr;padding:2rem 0}
  .email-gate-seal{width:70vw;margin:auto}
  .material-result{min-height:440px}
  .quiz-result{display:block}
  .result-copy{padding-top:3rem}
}

/* The shop is a quieter boutique room. */
.shop-page{background:var(--bone)}
.shop-hero{min-height:88vh;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;background:linear-gradient(110deg,#dad0c0 0 45%,#153c3c 45%);padding:6rem 7vw 2rem}
.shop-hero h1{font:400 clamp(4.8rem,10vw,10rem)/.78 var(--serif);margin:0}
.shop-hero h1 em{color:var(--old-copper);font-weight:400}
.shop-hero figure{margin:0;height:70vh;box-shadow:0 35px 100px #071d1e6b}
.shop-hero figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.06)}
.shop-feature{padding:8rem 8vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:center;background:#f0e9dd}
.shop-feature figure{margin:0;padding:3rem;background:radial-gradient(circle,#b9875e2b,transparent 55%);border:1px solid #a65f3d3b}
.shop-feature figure img{max-height:520px;margin:auto;filter:drop-shadow(0 35px 45px #3b2a2152)}
.shop-feature h2{font:400 clamp(3.2rem,6vw,6.5rem)/.9 var(--serif);margin:.2rem 0 1.5rem}
.shop-price{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#7e4932}

/* SeaWindow is an observatory, not a directory of tiny links. */
.seawindow-page{background:#cfd7cf}
.seawindow-hero{min-height:58vh;padding:11rem 7vw 5rem;color:#fff;background:linear-gradient(#06232687,#062326cb),url('/assets/story/golden-gate.png') center 56%/cover}
.seawindow-hero h1{font:400 clamp(5rem,13vw,13rem)/.75 var(--serif);margin:0;letter-spacing:-.04em}
.observatory{padding:6rem 6vw 8rem;background:linear-gradient(145deg,#d9d3c8,#9eb0a7)}
.featured-window{min-height:72vh;display:grid;grid-template-columns:1.35fr .65fr;background:#08292b;box-shadow:0 35px 110px #1b35356e;border:1px solid #b97b5263}
.featured-window>img{width:100%;height:100%;min-height:72vh;object-fit:cover;filter:saturate(.78) contrast(1.06)}
.featured-glass{align-self:stretch;padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(140deg,#092c2ee8,#153e3cea)}
.featured-glass h2{font:400 clamp(3rem,5vw,5.8rem)/.9 var(--serif);margin:.2rem 0 1.4rem}
.provider{font-size:.72rem;letter-spacing:.08em;margin:1.5rem 0}
.window-selector{display:grid;grid-template-columns:repeat(5,1fr);margin-top:1rem}
.window-selector button{position:relative;text-align:left;border:1px solid #0c343630;border-top:0;background:#e8e1d7;padding:1.4rem 1rem;cursor:pointer;font:1.25rem var(--serif)}
.window-selector button.selected{background:#a65f3d;color:#fff}
.window-selector span{display:block;font:.6rem var(--sans);letter-spacing:.2em;color:var(--old-copper);margin-bottom:.6rem}
.window-selector button.selected span{color:#f4d4b7}
.window-selector small{display:block;font:.57rem/1.35 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-top:.55rem;opacity:.7}

@media(max-width:900px){
  .shop-hero,.shop-feature,.featured-window{grid-template-columns:1fr}
  .shop-hero{padding:8rem 1.2rem 3rem;background:#dad0c0}
  .shop-hero figure{height:58vh;margin-top:3rem}
  .shop-feature{padding:5rem 1.2rem}
  .featured-window>img{min-height:55vh}
  .window-selector{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .window-selector button{min-width:48vw;scroll-snap-align:start}
}
.error-room{min-height:100vh;padding:10rem 7vw;display:grid;align-content:center;justify-items:start;color:#fff;background:radial-gradient(circle at 70% 30%,#4c807856,transparent 30%),linear-gradient(135deg,#071d1e,#173d3e)}
.error-room>img{position:absolute;right:10vw;top:18vh;height:62vh;filter:brightness(0) invert(1) opacity(.12)}
.error-room h1{font:400 clamp(4rem,10vw,10rem)/.8 var(--serif);margin:0}.error-room h1 em{color:#d19a67;font-weight:400}

/* Critical content is never hidden while enhancement scripts or media load. */
.reveal{opacity:1;transform:none}

/* ================================================================
   BLISSED-OUT CAMPAIGN HOME
   Editorial, product-first and unmistakably SEAHUNNY.
   ================================================================ */
.campaign-home{
  --campaign-teal:#2d837b;
  --campaign-bright:#3d978b;
  --campaign-deep:#082f31;
  --campaign-ink:#092729;
  --campaign-cream:#f3e9dc;
  --campaign-coral:#df685d;
  --campaign-copper:#b86b45;
  margin:0;background:var(--campaign-teal);color:var(--campaign-cream);overflow-x:hidden
}
.campaign-home h1,.campaign-home h2,.campaign-home h3,.campaign-home p{margin-top:0}
.campaign-home .reveal{transition:transform .75s cubic-bezier(.2,.75,.2,1),opacity .75s}
.campaign-home .campaign-head{
  inset:1.15rem 2vw auto;grid-template-columns:minmax(145px,.75fr) 2.2fr minmax(145px,.75fr);
  width:96%;min-height:64px;padding:.65rem .72rem .65rem 1.4rem;border:1px solid #ffffff16;border-radius:999px;
  background:#0b3a38ed;box-shadow:0 12px 38px #04232226;backdrop-filter:blur(18px);color:var(--campaign-cream)
}
.campaign-home .campaign-head.scrolled{inset:.65rem 2vw auto;padding:.55rem .65rem .55rem 1.35rem;border:1px solid #ffffff18;border-radius:999px;background:#082f31f2}
.campaign-head .wordmark-type{font:700 1rem/1 var(--sans);letter-spacing:.25em;text-indent:0}
.campaign-head nav{gap:clamp(.85rem,2.2vw,2.2rem)}
.campaign-head nav a{font-size:.62rem;font-weight:600;letter-spacing:.13em}
.campaign-head nav a:after{background:var(--campaign-coral)}
.head-shop{justify-self:end;padding:.82rem 1.15rem;border-radius:999px;background:var(--campaign-coral);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:.25s}
.head-shop:hover,.head-shop:focus-visible{background:var(--campaign-cream);color:var(--campaign-deep);transform:translateY(-2px)}
.campaign-hero{position:relative;min-height:112vh;padding:10rem 5vw 6rem;display:grid;grid-template-columns:.83fr 1.17fr;gap:4vw;align-items:center;isolation:isolate;background:url('/assets/campaign/kelp-luxury.webp') center/cover no-repeat;overflow:hidden}
.campaign-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#042729f5 0%,#063638d9 40%,#05373848 75%),linear-gradient(0deg,#082f31 0%,transparent 24%)}
.campaign-hero-copy{position:relative;z-index:2;max-width:700px}
.campaign-kicker{font-size:.64rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.campaign-hero .campaign-kicker{color:#f3c99e}
.campaign-hero h1{font:700 clamp(4.2rem,8.6vw,9.6rem)/.78 var(--sans);letter-spacing:-.085em;margin:0 0 2.1rem;max-width:1040px;text-wrap:balance}
.campaign-mantra{font:800 clamp(1rem,1.8vw,1.5rem)/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#f6c29b}
.campaign-lede{max-width:580px;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55;color:#f8eee3d9}
.campaign-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}
.campaign-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.35rem;border:1px solid currentColor;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transition:.25s}
.campaign-button.coral{background:var(--campaign-coral);border-color:var(--campaign-coral);color:#fff}
.campaign-button.cream{background:var(--campaign-cream);border-color:var(--campaign-cream);color:var(--campaign-deep)}
.campaign-button:hover,.campaign-button:focus-visible{transform:translateY(-3px);box-shadow:0 15px 35px #001d1d40}
.campaign-link{display:inline-flex;gap:.8rem;padding:.45rem 0;border-bottom:1px solid currentColor;font-size:.69rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.campaign-link span{transition:.25s}.campaign-link:hover span{transform:translate(3px,-3px)}
.campaign-product{position:relative;z-index:2;margin:0;align-self:center}
.campaign-product:before{content:'';position:absolute;inset:10% 5%;border-radius:50%;background:#f2b87836;filter:blur(55px)}
.campaign-product img{position:relative;width:100%;height:min(72vh,760px);padding:clamp(.7rem,1.6vw,1.5rem);object-fit:contain;object-position:center;border-radius:2.25rem;background:#e4d5c3;box-shadow:0 45px 120px #001c1db5;filter:saturate(.92) contrast(1.04)}
.campaign-product figcaption{position:absolute;right:1.3rem;bottom:1rem;margin:0;padding:.55rem .8rem;border-radius:999px;background:#082f31d9;color:#fff;font:600 .58rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.campaign-scroll{position:absolute;left:5vw;bottom:2rem;margin:0;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.campaign-scroll span{display:inline-block;margin-left:.5rem;animation:campaignBob 1.7s ease-in-out infinite}
@keyframes campaignBob{50%{transform:translateY(6px)}}
.campaign-intro{padding:clamp(7rem,12vw,12rem) 6vw;text-align:center;background:var(--campaign-teal)}
.campaign-intro .campaign-kicker,.campaign-sizes .campaign-kicker{color:#123e3c}
.campaign-intro h2,.campaign-section-head h2,.campaign-proof h2,.campaign-story h2,.campaign-quiz h2,.campaign-final h2,.campaign-deep h2{font:800 clamp(3.5rem,7.5vw,8.2rem)/.86 'Fraunces',Georgia,serif;letter-spacing:-.06em;margin:0;text-wrap:balance}
.campaign-intro h2{max-width:1220px;margin:auto;color:var(--campaign-cream)}
.campaign-intro-copy{max-width:710px;margin:2.5rem auto 0;font-size:clamp(1.05rem,1.7vw,1.35rem);color:#e9e1d7}
.campaign-sizes{padding:2rem 2vw 8rem;background:var(--campaign-teal)}
.campaign-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:2rem 3vw 3rem}
.campaign-section-head h2{max-width:850px}
.size-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.size-card{position:relative;min-height:620px;padding:1.25rem;border-radius:1.75rem;display:flex;flex-direction:column;overflow:hidden;color:var(--campaign-ink);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.size-card:hover{transform:translateY(-12px);box-shadow:0 26px 55px #0c46433b}
.size-card .size-index{font-size:.65rem;font-weight:700;letter-spacing:.15em}
.size-card img{width:min(88%,310px);margin:2.5rem auto 2rem;filter:drop-shadow(0 28px 30px #34291e35);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.size-card:hover img{transform:rotate(-4deg) scale(1.04)}
.size-card h3{font:800 clamp(2rem,3vw,3.2rem)/.9 'Fraunces',Georgia,serif;letter-spacing:-.04em;margin:auto 0 .5rem}
.size-card>p:not(.size-index){font-size:.78rem;margin-bottom:1.25rem;opacity:.75}
.size-card strong{font-size:1rem;margin-bottom:1.2rem}
.size-card a{display:flex;justify-content:space-between;align-items:center;padding-top:.9rem;border-top:1px solid currentColor;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.card-cream{background:var(--campaign-cream)}.card-coral{background:#e87267}.card-copper{background:#c78b62}.card-deep{background:var(--campaign-deep);color:var(--campaign-cream)}
.campaign-mosaic{padding:1.4vw;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:10vw;gap:1.1vw;background:var(--campaign-cream);color:var(--campaign-ink)}
.mosaic-tile{position:relative;margin:0;border-radius:1.6rem;overflow:hidden;background:#d2c6b8}
.mosaic-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05);transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .5s}
.mosaic-tile:hover img{transform:scale(1.045);filter:saturate(.94) contrast(1.04)}
.mosaic-tile figcaption{position:absolute;left:1rem;bottom:1rem;margin:0;padding:.5rem .72rem;border-radius:999px;background:#f4eadfe6;color:#092729;font:600 .56rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.mosaic-andie{grid-column:1/4;grid-row:1/6}.mosaic-coast{grid-column:4/9;grid-row:1/4}.mosaic-mixer{grid-column:9/13;grid-row:1/5}.mosaic-statement{grid-column:4/9;grid-row:4/8;border-radius:1.6rem;display:grid;place-items:center;text-align:center;background:var(--campaign-coral);color:#fff;padding:2rem}
.mosaic-statement p{font:800 clamp(2.4rem,5vw,6rem)/.84 'Fraunces',Georgia,serif;letter-spacing:-.06em;margin:0}.mosaic-statement em{font-weight:800;color:var(--campaign-deep)}
.mosaic-batch{grid-column:1/4;grid-row:6/10}.mosaic-studio{grid-column:9/13;grid-row:5/10}.mosaic-beach{grid-column:4/9;grid-row:8/10}
.campaign-deep{position:relative;min-height:105vh;padding:8rem 7vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:linear-gradient(90deg,#052527eb,#052f319c),url('/assets/campaign/kelp-luxury.webp') center/cover fixed;color:var(--campaign-cream)}
.campaign-deep-copy{max-width:700px}.campaign-deep h2{font-size:clamp(4.2rem,8vw,9rem);margin:.3rem 0 1.8rem}.campaign-deep-copy>p:not(.campaign-kicker){max-width:560px;font-size:1.15rem;margin-bottom:2rem}
.campaign-label-stage{margin:0;padding:clamp(2rem,5vw,5rem);border:1px solid #ffffff3d;border-radius:50%;background:radial-gradient(circle,#f4d5b127,transparent 67%);text-align:center;box-shadow:inset 0 0 75px #e2b58e15,0 40px 100px #00151680}
.campaign-label-stage img{width:100%;margin:auto;filter:drop-shadow(0 35px 45px #0008);transition:transform .6s}.campaign-label-stage:hover img{transform:rotate(3deg) scale(1.025)}
.campaign-label-stage figcaption{color:#e9d5bd}
.campaign-ingredients{padding:clamp(6rem,10vw,10rem) 0;background:var(--campaign-cream);color:var(--campaign-ink);overflow:hidden}
.campaign-ingredients .campaign-section-head{padding-inline:5vw}.campaign-ingredients .campaign-kicker{color:var(--campaign-copper)}
.ingredient-run{display:grid;grid-template-columns:repeat(7,minmax(245px,1fr));gap:.8rem;padding:1rem 2vw 2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--campaign-coral) #d9ccbc}
.ingredient-run article{scroll-snap-align:start;min-height:510px;padding:1rem;border:1px solid #163a3829;border-radius:1.5rem;background:#f8f2e9;display:flex;flex-direction:column;transition:.35s}
.ingredient-run article:hover{transform:translateY(-8px);background:#fff}
.ingredient-run article>span{font-size:.65rem;font-weight:700;letter-spacing:.15em;color:var(--campaign-copper)}
.ingredient-run img{width:100%;aspect-ratio:1/.92;margin:1rem 0 1.4rem;border-radius:1rem;object-fit:cover;filter:saturate(.8) contrast(1.04)}
.ingredient-run h3{font:800 2rem/.95 'Fraunces',Georgia,serif;letter-spacing:-.035em;margin:auto 0 .7rem}
.ingredient-run p{font-size:.8rem;line-height:1.45;margin-bottom:.4rem;opacity:.72}
.campaign-proof{padding:clamp(7rem,11vw,11rem) 7vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:var(--campaign-coral);color:#fff}
.campaign-proof h2{margin:.5rem 0 2rem}.proof-rating{font-size:.64rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.proof-quotes{display:grid;align-content:center}.proof-quotes blockquote{margin:0;padding:2.6rem 0;border:0;border-bottom:1px solid #ffffff52}.proof-quotes blockquote:first-child{border-top:1px solid #ffffff52}
.proof-quotes blockquote p{font:700 clamp(1.7rem,3vw,3.2rem)/1.08 'Fraunces',Georgia,serif;letter-spacing:-.035em}.proof-quotes cite{font:700 .64rem/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.campaign-story{padding:clamp(6rem,10vw,10rem) 7vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;background:var(--campaign-teal);color:var(--campaign-cream)}
.campaign-story figure{margin:0}.campaign-story figure img{width:100%;height:min(72vh,760px);object-fit:cover;border-radius:48% 48% 2rem 2rem;filter:saturate(.73) contrast(1.04);box-shadow:0 35px 90px #0b45433e}
.campaign-story h2{font-size:clamp(3.2rem,6.3vw,7rem);margin:.35rem 0 1.8rem}.campaign-story-copy>p:not(.campaign-kicker){max-width:620px;font-size:1.1rem}.campaign-story .campaign-link{margin-top:1rem}
.campaign-quiz{min-height:88vh;padding:7rem 7vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;background:var(--campaign-deep);color:var(--campaign-cream)}
.mermaid-card{margin:0;padding:4rem 2rem 2rem;border-radius:1.75rem;background:var(--campaign-cream);text-align:center;transform:rotate(-2deg)}
.mermaid-card img{max-height:58vh;margin:auto}.mermaid-card figcaption{color:var(--campaign-ink);font:600 .58rem/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.campaign-quiz h2{font-size:clamp(4rem,8vw,8.8rem);margin:.3rem 0 1.5rem}.campaign-quiz-copy>p:not(.campaign-kicker){max-width:600px;font-size:1.1rem;margin-bottom:2rem}.campaign-quiz .campaign-kicker{color:#f3b992}
.campaign-final{position:relative;min-height:95vh;padding:8rem 7vw;display:grid;align-items:center;isolation:isolate;background:url('/assets/campaign/central-coast-fog.webp') center/cover no-repeat;color:#fff}
.campaign-final-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#062c2ee9 0%,#062c2ea3 47%,transparent 82%),linear-gradient(0deg,#082f31 0%,transparent 30%)}
.campaign-final-copy{max-width:820px}.campaign-final h2{font-size:clamp(4.5rem,10vw,10rem);margin:.5rem 0 1.5rem}.campaign-final-copy>p:not(.campaign-kicker){font-size:1.2rem;margin-bottom:2rem}
.campaign-footer{padding:4rem 5vw 2rem;display:grid;grid-template-columns:1fr auto;gap:2rem;background:#061f21;color:var(--campaign-cream)}
.campaign-footer p{font-weight:700;letter-spacing:.12em}.campaign-footer nav{display:flex;gap:1.8rem;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.campaign-footer small{grid-column:1/-1;padding-top:1.2rem;border-top:1px solid #ffffff27;font-size:.63rem;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1050px){
  .campaign-home .campaign-head{grid-template-columns:1fr auto auto}.campaign-head .menu-button{display:block;border:0;border-radius:999px;background:#ffffff14}.campaign-head nav{display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;padding:1.5rem;border-radius:1.3rem;background:#082f31f8;box-shadow:0 18px 45px #001d1e66;flex-direction:column;align-items:center}.campaign-head nav.open{display:flex}.head-shop{font-size:0;padding:.75rem}.head-shop:after{content:'Shop';font-size:.62rem}
  .campaign-hero{min-height:100vh;grid-template-columns:1fr;padding-top:9rem}.campaign-hero-copy{padding-top:4rem}.campaign-product img{height:min(62vh,650px)}
  .size-cards{grid-template-columns:1fr 1fr}.size-card{min-height:580px}
  .campaign-mosaic{grid-auto-rows:15vw}.mosaic-andie{grid-column:1/5}.mosaic-coast{grid-column:5/13}.mosaic-mixer{grid-column:9/13;grid-row:4/8}.mosaic-statement{grid-column:5/9;grid-row:4/8}.mosaic-batch{grid-column:1/5;grid-row:6/10}.mosaic-studio{grid-column:9/13;grid-row:8/12}.mosaic-beach{grid-column:5/9;grid-row:8/12}
  .campaign-deep{background-attachment:scroll}.campaign-proof,.campaign-story{gap:5vw}
}
@media(max-width:720px){
  .campaign-home .campaign-head{inset:.65rem 3vw auto;width:94%;min-height:58px;padding:.55rem .6rem .55rem 1rem}.campaign-home .campaign-head.scrolled{inset:.45rem 3vw auto;padding:.5rem .55rem .5rem 1rem}.campaign-head .wordmark-type{font-size:.82rem;letter-spacing:.18em}.campaign-head .menu-button{font-size:.57rem;padding:.6rem}.head-shop{padding:.62rem .8rem}
  .campaign-hero{padding:8rem 1rem 5rem;gap:2.5rem}.campaign-hero h1{font-size:clamp(3.4rem,18vw,6.2rem)}.campaign-hero-shade{background:linear-gradient(0deg,#062d2ff2 0 47%,#062d2f59 90%),linear-gradient(90deg,#062d2fb8,transparent)}.campaign-product{order:-1}.campaign-product img{height:48vh;border-radius:1.4rem}.campaign-product figcaption{display:none}.campaign-scroll{display:none}
  .campaign-intro{padding:6rem 1.2rem}.campaign-intro h2{font-size:clamp(3rem,14vw,5.5rem)}
  .campaign-sizes{padding:1rem .65rem 5rem}.campaign-section-head{display:block;padding:2rem .6rem}.campaign-section-head h2{margin-top:.5rem}.size-cards{grid-template-columns:1fr}.size-card{min-height:540px}.size-card img{width:min(75%,280px)}
  .campaign-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:58vw;gap:.6rem;padding:.6rem}.mosaic-andie,.mosaic-coast,.mosaic-mixer,.mosaic-statement,.mosaic-batch,.mosaic-studio,.mosaic-beach{grid-column:auto;grid-row:auto}.mosaic-coast,.mosaic-statement,.mosaic-beach{grid-column:1/-1}.mosaic-tile,.mosaic-statement{border-radius:1rem}.mosaic-statement{min-height:72vw}.mosaic-beach{height:60vw}
  .campaign-deep,.campaign-proof,.campaign-story,.campaign-quiz{grid-template-columns:1fr;padding:6rem 1.2rem}.campaign-deep{min-height:auto}.campaign-label-stage{order:-1}.campaign-deep h2,.campaign-quiz h2{font-size:clamp(3.5rem,16vw,6rem)}
  .ingredient-run{grid-template-columns:repeat(7,80vw);padding-left:1rem}.ingredient-run article{min-height:500px}
  .campaign-proof{gap:2rem}.proof-quotes blockquote p{font-size:1.8rem}
  .campaign-story figure img{height:62vh}.campaign-story h2{font-size:clamp(3rem,14vw,5.4rem)}
  .campaign-quiz{gap:4rem}.mermaid-card{padding:2.5rem 1.5rem 1.5rem}.mermaid-card img{max-height:48vh}
  .campaign-final{min-height:85vh;padding:7rem 1.2rem;background-position:63% center}.campaign-final h2{font-size:clamp(4rem,18vw,7rem)}
  .campaign-footer{grid-template-columns:1fr;padding:3rem 1.2rem 2rem}.campaign-footer nav{flex-wrap:wrap;gap:1rem 1.5rem}.campaign-footer small{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.campaign-scroll span{animation:none}.campaign-deep{background-attachment:scroll}.campaign-home *{scroll-behavior:auto!important}}

/* Blissed-Out product room carries the campaign language through checkout. */
.product-page{--product-coral:#df685d;--product-teal:#2d837b;--product-deep:#082f31;--product-cream:#f3e9dc;background:var(--product-cream)}
.product-page .product-hero{min-height:105vh;padding-top:10rem;background:linear-gradient(105deg,#082f31 0 57%,#2d837b 57%);color:var(--product-cream)}
.product-page .product-hero h1{font:700 clamp(4rem,8.8vw,9.5rem)/.78 var(--sans);letter-spacing:-.08em}.product-page .product-hero h1 em{font-style:normal;font-weight:700;color:#f0ad87}
.product-page .product-hero .eyebrow{color:#f0ad87}.product-page .label-relic{padding:clamp(2rem,5vw,5rem);border-radius:50%;background:radial-gradient(circle,#f5dfbf4d,transparent 68%)}
.product-page .cream-band{background:var(--product-coral)}.product-page .fact-row strong{font-family:'Fraunces',Georgia,serif;color:#fff}.product-page .fact-row span{font-weight:600}
.product-page .buy-room{background:var(--product-teal);color:var(--product-cream)}.product-page .buy-room .eyebrow{color:#123e3c}.product-page .buy-room h2,.product-page #inside h2,.product-page .content-section h2{font-family:'Fraunces',Georgia,serif;font-weight:800;letter-spacing:-.055em}.product-page .buy-room h2 em{font-weight:800;color:var(--product-deep)}
.product-page .size-grid a{min-height:230px;border:0;border-radius:1.4rem;background:var(--product-cream);color:var(--product-deep);box-shadow:none}.product-page .size-grid a:nth-child(2){background:#e87569}.product-page .size-grid a:nth-child(3){background:#c78b62}.product-page .size-grid a:nth-child(4){background:var(--product-deep);color:var(--product-cream)}.product-page .size-grid strong{font:800 2.1rem/1 'Fraunces',Georgia,serif}.product-page .size-grid span{font-family:var(--sans);font-weight:700;color:inherit}
.product-page #inside{background:var(--product-cream)}.product-page .ingredient-grid{gap:.8rem}.product-page .ingredient-grid article{padding:.7rem;border-radius:1.2rem;box-shadow:none}.product-page .ingredient-grid img{border-radius:.8rem;filter:saturate(.8)}.product-page .ingredient-grid h3{font:800 1.25rem/1 'Fraunces',Georgia,serif}
.product-page .content-section.warm{background:#d7c4ad}.product-page .content-section.proof{background:var(--product-deep)}.product-page .art-frame img{border-radius:1.5rem;box-shadow:0 30px 80px #092b2b36}
.product-page .commerce-bar{background:#061f21}.product-page .button.copper{border-color:var(--product-coral);background:var(--product-coral)}
@media(max-width:900px){.product-page .product-hero{padding-top:8.5rem;background:var(--product-deep)}.product-page .label-relic{margin-top:2rem}.product-page .ingredient-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.product-page .ingredient-grid article{min-width:58vw;scroll-snap-align:start}}