@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=DM+Sans:wght@400;500;600&display=swap");
:root{
  --paper:#f4f0e7;
  --paper-2:#e5ddd1;
  --ink:#1f1915;
  --muted:#6d655d;
  --line:rgba(31,25,21,.15);
  --overlay:rgba(13,10,8,.34);
  --overlay-strong:rgba(13,10,8,.58);
  --blue:#6d8698;
  --white:#fffdf8;
  --max:1460px;
  --content:1240px;
  --pad:clamp(20px,4vw,40px);
  --pad-lg:clamp(28px,6vw,80px);
  --safe:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
a,button{-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4{font-family:"Cormorant Garamond",serif;font-weight:400;letter-spacing:-.03em;margin:0}
p{margin:0}
strong{font-weight:500}

.container{width:min(var(--content),calc(100% - 2 * var(--pad)));margin:0 auto}
.wide-container{width:min(var(--max),calc(100% - 2 * var(--pad)))}
.editorial-section{padding:clamp(88px,10vw,144px) 0}
.split{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:clamp(36px,8vw,120px);align-items:start}
.sticky{position:sticky;top:110px}
.eyebrow{font-size:11px;line-height:1.4;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.section-title{font-size:clamp(48px,5.4vw,84px);line-height:.94;margin-top:10px}
.copy{font-size:clamp(16px,1.35vw,19px);line-height:1.82;color:var(--muted)}
.copy p + p{margin-top:18px}
.quote{font-family:"Cormorant Garamond",serif;font-size:clamp(32px,3.2vw,50px);line-height:1.18;margin-bottom:28px}

.header{position:fixed;top:0;left:0;right:0;z-index:50;height:72px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;transition:.25s ease;color:var(--white)}
.header.is-solid{background:rgba(244,240,231,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);color:var(--ink)}
.brand,.brand img{width:44px;height:44px}
.header-links{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
.header-links a{font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.header-cta{min-height:42px;padding:0 18px;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center}
.hero-header .header-cta{background:transparent}
.header.is-solid .brand img{filter:invert(1) brightness(.2)}

.hero-artwork{position:relative;min-height:100svh;padding:90px var(--pad) 34px;background:#e8ddce;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-art{width:min(1500px,100%);max-height:calc(100svh - 130px);object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.12)}
.hero-frame{position:absolute;inset:14px;border:1px solid rgba(255,255,255,.45);pointer-events:none;z-index:2}
.hero-actions-floating{position:absolute;left:50%;bottom:calc(34px + var(--safe));transform:translateX(-50%);display:flex;gap:12px;z-index:3}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border:1px solid rgba(255,255,255,.8);color:var(--white);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;background:transparent;transition:.2s ease}
.button.primary{background:var(--white);color:var(--ink);border-color:var(--white)}
.button.dark{background:var(--ink);color:var(--white);border-color:var(--ink)}

.limited{padding:16px var(--pad);display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;background:var(--paper)}
.limited i{display:block;width:18px;height:1px;background:currentColor;opacity:.35}

.intro-section{padding-top:98px}
.intro-split .copy strong{font-family:"Cormorant Garamond",serif;color:var(--ink);font-size:28px;font-weight:400}

.collection-section{padding-bottom:48px}
.collection-head{max-width:760px;margin:0 auto 38px;text-align:center}
.collection-head h2{font-size:clamp(56px,6vw,92px);line-height:.92;margin-top:8px}
.collection-head .copy{max-width:640px;margin:20px auto 0}
.story-nav{position:sticky;top:72px;z-index:32;display:flex;gap:10px;overflow-x:auto;padding:14px 0 18px;background:linear-gradient(to bottom,var(--paper),rgba(244,240,231,.92));scrollbar-width:none}
.story-nav::-webkit-scrollbar{display:none}
.story-nav a{flex:0 0 auto;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.42);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.collection-grid{display:flex;flex-direction:column;gap:24px}
.collection-card{position:relative;display:block;min-height:92svh;border-radius:0;overflow:hidden;color:var(--white);background:#201815}
.collection-card.is-light{color:#fff}
.card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.collection-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,14,10,.10),rgba(18,14,10,.18) 45%,rgba(18,14,10,.64) 100%)}
.collection-card.is-light::after{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(31,25,21,.12) 48%,rgba(31,25,21,.46) 100%)}
.collection-card:hover .card-bg{transform:scale(1.02)}
.card-inner{position:relative;z-index:2;min-height:92svh;padding:clamp(26px,4.2vw,58px);display:flex;flex-direction:column;justify-content:flex-end}
.card-title{font-size:clamp(68px,10vw,136px);line-height:.88;max-width:10ch;color:#fff}
.card-title-medium{font-size:clamp(60px,8vw,112px)}
.card-title-blue{color:#f4f6f8;max-width:12ch}
.card-copy{max-width:760px;margin-top:22px;font-size:clamp(15px,1.25vw,18px);line-height:1.7;color:rgba(255,255,255,.9)}
.card-meta{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.42);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.card-date,.card-link{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}
.card-link::after{content:"  →"}

.collections-copy{padding-top:30px}
.stacked-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.story-copy-block{padding:34px;min-height:100%;background:rgba(255,255,255,.38);border:1px solid var(--line)}
.story-copy-block h3{font-size:clamp(34px,3vw,46px);line-height:1.02;margin:12px 0 20px}
.bullet-list{margin:8px 0 0 0;padding-left:18px;color:var(--muted)}
.bullet-list li + li{margin-top:8px}

.why{background:var(--ink);color:var(--white)}
.why .copy{color:rgba(255,255,255,.72)}
.why-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);margin-top:46px}
.why-point{background:var(--ink);padding:26px}
.why-point span{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.5}
.why-point strong{display:block;margin-top:10px;font-size:30px}

.faq{background:var(--paper-2)}
.faq-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(36px,7vw,110px)}
.faq h2{font-size:clamp(58px,6.5vw,96px);line-height:.92}
.faq-item{padding:28px 0;border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item h3{font-family:"DM Sans",sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px}
.faq-item p{font-size:16px;line-height:1.8;color:var(--muted)}

.note{position:relative;overflow:hidden;color:var(--white);background:#2a211c;text-align:center;padding:clamp(98px,12vw,170px) var(--pad)}
.note-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}
.note::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(22,16,12,.26),rgba(22,16,12,.74))}
.note-inner{position:relative;z-index:2;max-width:820px;margin:0 auto}
.note h2{font-size:clamp(54px,6.2vw,90px);line-height:.94;margin-bottom:22px}
.note p{font-family:"Cormorant Garamond",serif;font-size:clamp(24px,2.4vw,34px);line-height:1.45}
.note p + p{margin-top:8px}
.note-sign{margin-top:28px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}

.footer{padding:30px var(--pad);background:#14100e;color:rgba(255,255,255,.58);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.footer img{width:128px}
.mobile-bar{display:none}

/* Detail pages */
.detail-hero{position:relative;min-height:100svh;background:#201815;overflow:hidden;color:var(--white);display:flex;align-items:center;justify-content:center;padding:92px var(--pad) 26px}
.detail-hero>img{width:min(1500px,100%);max-height:calc(100svh - 130px);object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.12)}
.detail-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,6,.06),rgba(8,7,6,.12) 40%,rgba(8,7,6,.42));pointer-events:none}
.detail-top{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:clamp(20px,3vw,34px);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff}
.detail-top .date,.back-link{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.back-link::before{content:"←  "}
.detail-content{min-height:100svh;display:grid;align-items:center;padding:clamp(86px,10vw,140px) 0}
.detail-grid{width:min(var(--content),calc(100% - 2 * var(--pad)));margin:0 auto;display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);gap:clamp(36px,8vw,110px)}
.detail-title{font-size:clamp(64px,7vw,112px);line-height:.88;margin-top:8px}
.detail-body .lead{font-family:"Cormorant Garamond",serif;font-size:clamp(31px,3vw,48px);line-height:1.18;margin-bottom:26px;color:var(--ink)}
.detail-body p{font-size:17px;line-height:1.82;color:var(--muted)}
.detail-body p + p{margin-top:16px}
.mood-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;list-style:none;padding:0;margin:30px 0 0}
.mood-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.06em;color:var(--ink)}
.info-strip{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.info-strip>div{padding:22px 20px;border-right:1px solid var(--line)}
.info-strip>div:last-child{border-right:0}
.info-strip span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.info-strip strong{display:block;margin-top:10px;font-family:"Cormorant Garamond",serif;font-size:30px;font-weight:400;line-height:1.1}
.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.detail-actions .button{color:var(--ink);border-color:var(--line)}
.detail-actions .button.dark{color:var(--white);border-color:var(--ink)}
.inspo-section{min-height:100svh;display:grid;align-items:center;background:#17120f;padding:clamp(76px,9vw,124px) 0;color:var(--white)}
.inspo-wrap{width:min(var(--max),calc(100% - 2 * var(--pad)));margin:0 auto}
.inspo-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}
.inspo-head h2{font-size:clamp(46px,5vw,78px);line-height:.95}
.inspo-head p{max-width:430px;color:rgba(255,255,255,.66);line-height:1.7}
.inspo-art{width:100%;height:auto;object-fit:contain;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.inspo-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.inspo-actions .button{color:var(--white)}
.inspo-actions .button.primary{color:var(--ink)}

@media (max-width:900px){
  .split,.faq-grid,.detail-grid,.stacked-copy{grid-template-columns:1fr}
  .sticky{position:static}
  .why-points{grid-template-columns:1fr 1fr}
}

@media (max-width:760px){
  html{scroll-padding-top:60px}
  body{padding-bottom:calc(72px + var(--safe))}
  .editorial-section{padding:76px 0}
  .header{height:60px;padding:0 14px}
  .brand,.brand img{width:38px;height:38px}
  .header-links a:not(.header-cta){display:none}
  .header-cta{min-height:40px;padding:0 12px;font-size:9px}
  .hero-artwork{min-height:100svh;padding:74px 12px 92px}
  .hero-art{width:100%;max-height:none}
  .hero-frame{inset:8px}
  .hero-actions-floating{bottom:calc(14px + var(--safe));width:calc(100% - 32px);display:grid;grid-template-columns:1fr;transform:none;left:16px;right:16px}
  .button{width:100%;min-height:52px;padding:0 18px;font-size:9px}
  .limited{padding:14px 10px;font-size:9px;letter-spacing:.15em}
  .section-title{font-size:50px}
  .copy{font-size:15px;line-height:1.75}
  .collection-head{text-align:left;margin-bottom:24px}
  .collection-head h2{font-size:52px}
  .story-nav{top:60px;margin:0 -14px 16px;padding:10px 14px 14px}
  .collection-grid{gap:14px}
  .collection-card{min-height:78svh}
  .card-inner{min-height:78svh;padding:24px 20px 20px}
  .card-title,.card-title-medium,.card-title-blue{font-size:clamp(62px,19vw,92px);line-height:.9;max-width:8.5ch}
  .card-copy{max-width:100%;font-size:13px;line-height:1.58;margin-top:12px}
  .card-meta{margin-top:18px;padding-top:16px;align-items:center}
  .card-date,.card-link{font-size:9px}
  .story-copy-block{padding:26px 22px}
  .story-copy-block h3{font-size:34px}
  .faq h2{font-size:58px}
  .note{padding:88px 20px}
  .note h2{font-size:58px}
  .note p{font-size:24px}
  .footer{justify-content:center;text-align:center;flex-direction:column;padding:26px 18px}
  .mobile-bar{position:fixed;z-index:70;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:72px;padding:10px 12px calc(10px + var(--safe));background:rgba(244,240,231,.97);border-top:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-bar span{font-family:"Cormorant Garamond",serif;font-size:18px;line-height:1.05}
  .mobile-bar a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;background:var(--ink);color:var(--white);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
  .detail-hero{min-height:92svh;padding:74px 12px 86px}
  .detail-hero>img{width:100%;max-height:none}
  .detail-top{left:16px;right:16px;bottom:18px}
  .detail-top .date,.back-link{font-size:9px}
  .detail-content{min-height:auto;padding:74px 0}
  .detail-title{font-size:60px}
  .detail-body .lead{font-size:34px}
  .detail-body p{font-size:16px}
  .mood-list{grid-template-columns:1fr}
  .info-strip{grid-template-columns:1fr}
  .info-strip>div{border-right:0;border-bottom:1px solid var(--line)}
  .info-strip>div:last-child{border-bottom:0}
  .detail-actions{display:grid}
  .detail-actions .button{width:100%}
  .inspo-section{min-height:auto;padding:68px 0 82px}
  .inspo-wrap{width:calc(100% - 24px)}
  .inspo-head{display:block;margin-bottom:18px}
  .inspo-head h2{font-size:52px}
  .inspo-head p{margin-top:14px;font-size:15px}
  .inspo-actions{display:grid}
  .inspo-actions .button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .card-bg,.header,.button{transition:none}
}

/* Final cohesion pass: real Autumn wordmark, full-screen story panels, clean spacing */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-clean{position:relative;min-height:100svh;overflow:hidden;background:#7a4e33;color:var(--white);display:grid;place-items:center;padding:88px var(--pad) 44px}
.hero-clean::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,8,.08),rgba(20,12,8,.12) 48%,rgba(20,12,8,.52));pointer-events:none}
.hero-clean .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-clean .hero-frame{inset:14px;z-index:3}
.hero-logo-wrap{position:relative;z-index:2;width:min(780px,68vw);display:grid;place-items:center}
.hero-wordmark{width:100%;height:auto;filter:drop-shadow(0 5px 24px rgba(30,15,8,.22))}
.hero-footer{position:absolute;z-index:4;left:var(--pad-lg);right:var(--pad-lg);bottom:clamp(30px,4vw,52px);display:flex;align-items:center;justify-content:space-between;gap:28px}
.hero-footer p{font-family:"Cormorant Garamond",serif;font-size:clamp(24px,2.4vw,38px);line-height:1.05}
.hero-button{flex:0 0 auto;background:rgba(255,253,248,.96);border-color:rgba(255,253,248,.96);color:var(--ink)}

.intro-section,.philosophy{min-height:86svh;display:grid;align-items:center}
.collection-section{padding:0;background:var(--paper)}
.collection-intro{min-height:72svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:clamp(90px,12vw,170px)}
.collection-intro h2{font-size:clamp(58px,7.8vw,116px);line-height:.86;margin-top:16px;letter-spacing:-.035em}
.collection-intro p{max-width:680px;margin-top:28px;color:var(--muted);font-size:clamp(17px,1.7vw,22px);line-height:1.6}
.collection-section>.story-nav{top:72px;margin:0;padding:12px max(var(--pad),calc((100vw - var(--max))/2));border-block:1px solid var(--line);background:rgba(244,240,231,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.collection-fullscreen{gap:0}
.collection-fullscreen .collection-card{min-height:calc(100svh - 72px);width:100%;border-top:1px solid rgba(255,255,255,.16)}
.collection-fullscreen .card-inner{min-height:calc(100svh - 72px);padding:clamp(34px,5vw,82px) var(--pad-lg)}
.card-spacer{flex:1}
.card-content{width:min(1120px,100%)}
.collection-fullscreen .card-title{font-family:"Cormorant Garamond",serif;font-size:clamp(82px,10vw,150px);font-weight:400;line-height:.78;letter-spacing:-.045em;max-width:9ch;margin:0;color:#fff;text-wrap:balance;text-shadow:0 2px 28px rgba(0,0,0,.18)}
.collection-fullscreen .card-copy{max-width:700px;margin-top:30px;font-size:clamp(16px,1.4vw,20px);line-height:1.62}
.collection-fullscreen .card-meta{margin-top:34px;padding-top:24px}
.collection-card::after{background:linear-gradient(180deg,rgba(18,14,10,.06),rgba(18,14,10,.10) 42%,rgba(18,14,10,.68) 100%)}
.collection-card.is-light::after{background:linear-gradient(180deg,rgba(35,47,54,.02),rgba(35,47,54,.10) 45%,rgba(29,39,45,.56) 100%)}
.collection-card .card-bg{object-position:center}
#home .card-bg{object-position:center 42%}
#apple .card-bg{object-position:center 45%}
#salt .card-bg{object-position:center}
#harvest .card-bg{object-position:center}
#nyc .card-bg{object-position:center 44%}

/* Detail pages stay as one clear sequence: title art, story, inspiration */
.detail-hero{min-height:100svh;padding:88px 0 0;background:#171310}
.detail-hero>img{width:100%;height:100svh;max-height:none;object-fit:cover;box-shadow:none}
.detail-hero::after{background:linear-gradient(180deg,rgba(8,7,6,.02),rgba(8,7,6,.04) 65%,rgba(8,7,6,.5))}
.detail-content{min-height:100svh}
.inspo-section{min-height:100svh;display:grid;align-items:center;padding-block:clamp(70px,8vw,110px)}
.inspo-wrap{width:min(1500px,calc(100% - 2 * var(--pad)))}
.inspo-art{width:100%;aspect-ratio:16/9;object-fit:contain;background:#171310}

@media(max-width:760px){
  .hero-clean{min-height:100svh;padding:78px 18px calc(112px + var(--safe))}
  .hero-clean .hero-frame{inset:8px}
  .hero-logo-wrap{width:min(88vw,560px);transform:translateY(-3vh)}
  .hero-footer{left:24px;right:24px;bottom:calc(92px + var(--safe));display:grid;justify-items:center;text-align:center;gap:20px}
  .hero-footer p{font-size:28px;max-width:11ch}
  .hero-button{width:min(320px,100%)}
  .intro-section,.philosophy{min-height:auto}
  .collection-intro{min-height:70svh;padding:90px 22px 76px}
  .collection-intro h2{font-size:54px;line-height:.88}
  .collection-intro p{font-size:16px;margin-top:22px}
  .collection-section>.story-nav{top:59px;margin:0;padding:10px 12px}
  .collection-fullscreen .collection-card{min-height:calc(100svh - 132px)}
  .collection-fullscreen .card-inner{min-height:calc(100svh - 132px);padding:30px 22px 28px}
  .collection-fullscreen .card-title{font-size:clamp(72px,21vw,102px);line-height:.8;max-width:7.5ch}
  .collection-fullscreen .card-copy{font-size:14px;line-height:1.55;margin-top:22px;max-width:34ch}
  .collection-fullscreen .card-meta{margin-top:24px;padding-top:18px;align-items:center}
  .card-date,.card-link{font-size:9px;letter-spacing:.18em}
  .detail-hero{min-height:100svh;padding:60px 0 0}
  .detail-hero>img{height:calc(100svh - 60px);object-fit:cover}
  .detail-content{min-height:auto}
  .inspo-section{min-height:auto;padding:72px 12px calc(96px + var(--safe))}
  .inspo-wrap{width:100%}
  .inspo-art{aspect-ratio:16/9;object-fit:contain}
}
.inspo-art{height:auto;aspect-ratio:auto}
@media(max-width:760px){.inspo-art{height:auto;aspect-ratio:auto}}

/* 2026-07-22 production pass: centered mobile layout, balanced headers, clean hero and note */
.header{
  height:74px;
  padding-inline:clamp(22px,4.5vw,72px);
  gap:28px;
}
.header-links{gap:clamp(18px,2.2vw,34px)}
.header-links a{line-height:1;white-space:nowrap}
.header-cta{min-height:44px;padding-inline:20px}
.brand,.brand img{width:42px;height:42px;object-fit:contain}

.hero-clean{
  padding:74px 0 0;
  background:#7a4e33;
  min-height:100svh;
}
.hero-clean::after{
  background:linear-gradient(180deg,rgba(20,12,8,.05),rgba(20,12,8,.09) 46%,rgba(20,12,8,.46));
}
.hero-clean .hero-bg{
  object-position:center center;
}
.hero-clean .hero-frame{display:none!important}
.hero-logo-wrap{
  width:min(620px,48vw);
  transform:translateY(-3vh);
}
.hero-footer{
  left:50%;right:auto;bottom:clamp(34px,4vw,52px);
  transform:translateX(-50%);
  width:min(760px,calc(100% - 48px));
  justify-content:center;
  text-align:center;
}
.hero-footer p{font-size:clamp(25px,2.15vw,34px);max-width:16ch}
.hero-button{min-width:218px}

.collection-intro{
  min-height:68svh;
  padding-block:clamp(88px,10vw,145px);
}
.collection-intro h2{
  font-size:clamp(56px,6.7vw,102px);
  line-height:.9;
  max-width:11ch;
}
.collection-intro p{max-width:620px}
.collection-section>.story-nav{justify-content:center}
.collection-fullscreen .card-inner{align-items:center;text-align:center}
.collection-fullscreen .card-content{display:flex;flex-direction:column;align-items:center}
.collection-fullscreen .card-title{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(76px,8.5vw,132px);
  line-height:.82;
  max-width:10ch;
  text-align:center;
}
.collection-fullscreen .card-copy{max-width:660px;text-align:center}
.collection-fullscreen .card-meta{width:min(980px,100%)}

/* Emma's note is now a quiet editorial close instead of a photo overlay. */
.note{
  min-height:82svh;
  display:grid;
  place-items:center;
  padding:clamp(90px,11vw,150px) var(--pad);
  background:var(--paper);
  color:var(--ink);
  text-align:center;
}
.note::after,.note-bg{display:none}
.note-inner{max-width:760px}
.note .eyebrow{margin-bottom:20px}
.note h2{
  max-width:11ch;
  margin:0 auto 34px;
  font-size:clamp(50px,5.4vw,82px);
  line-height:.94;
}
.note-copy{
  max-width:650px;
  margin:0 auto;
  color:var(--muted);
  font-size:clamp(16px,1.35vw,19px);
  line-height:1.8;
}
.note-copy p + p{margin-top:14px}
.note-sign{
  margin:36px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  width:max-content;
  max-width:100%;
  text-align:left;
  letter-spacing:0;
  text-transform:none;
  font-size:inherit;
}
.note-sign>span{width:46px;height:1px;background:var(--ink);opacity:.45}
.note-sign strong{
  display:block;
  font-family:"Cormorant Garamond",serif;
  font-size:25px;
  line-height:1;
  font-weight:500;
}
.note-sign small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* Collection pages */
.detail-top{left:clamp(22px,4.5vw,72px);right:clamp(22px,4.5vw,72px)}
.detail-grid{align-items:start}
.detail-title{font-size:clamp(58px,6.3vw,98px);line-height:.9}
.detail-body{max-width:720px}
.detail-actions .button:not(.dark){color:var(--ink);border-color:var(--line)}
.inspo-head{align-items:center;text-align:left}

@media(max-width:760px){
  html{scroll-padding-top:60px}
  body{overflow-x:hidden}
  .header{
    height:60px;
    padding-inline:14px;
    justify-content:center;
  }
  .brand{position:absolute;left:14px}
  .brand,.brand img{width:36px;height:36px}
  .header-links{margin-left:auto}
  .header-cta{min-height:40px;padding-inline:13px}

  .hero-clean{
    padding:60px 0 calc(92px + var(--safe));
    min-height:100svh;
  }
  .hero-clean .hero-bg{object-position:center center}
  .hero-logo-wrap{
    width:min(76vw,430px);
    transform:translateY(-4vh);
  }
  .hero-footer{
    left:20px;right:20px;bottom:calc(88px + var(--safe));
    transform:none;
    width:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
  }
  .hero-footer p{font-size:26px;max-width:14ch;text-align:center}
  .hero-button{width:min(300px,100%)}

  .intro-section,.philosophy,.why,.faq{ text-align:center }
  .split,.faq-grid{justify-items:center}
  .split>*,.faq-grid>*{width:100%}
  .section-copy,.copy{max-width:38rem;margin-inline:auto}
  .section-title{font-size:clamp(45px,13vw,58px)}
  .quote{font-size:clamp(31px,9vw,42px)}
  .why-points{max-width:560px;margin-inline:auto}

  .collection-intro{
    min-height:62svh;
    padding:82px 22px 68px;
  }
  .collection-intro h2{
    font-size:clamp(47px,14vw,62px);
    line-height:.9;
    max-width:10ch;
  }
  .collection-intro p{font-size:15px;max-width:32ch}
  .collection-section>.story-nav{
    justify-content:flex-start;
    scroll-padding-inline:50%;
    padding-inline:12px;
  }
  .story-nav a{padding:10px 13px;font-size:9px}

  .collection-fullscreen .collection-card{
    min-height:calc(100svh - 120px);
  }
  .collection-fullscreen .card-inner{
    min-height:calc(100svh - 120px);
    padding:28px 20px 28px;
    align-items:center;
    text-align:center;
  }
  .collection-fullscreen .card-content{width:100%;align-items:center}
  .collection-fullscreen .card-title{
    font-size:clamp(64px,19vw,88px);
    line-height:.83;
    max-width:8ch;
    text-align:center;
  }
  .collection-fullscreen .card-copy{
    max-width:31ch;
    margin-top:18px;
    font-size:14px;
    text-align:center;
  }
  .collection-fullscreen .card-meta{
    width:100%;
    margin-top:22px;
    padding-top:17px;
    justify-content:center;
    gap:18px 28px;
    text-align:center;
  }
  .card-date,.card-link{font-size:9px}

  .faq h2{font-size:clamp(48px,14vw,64px)}
  .faq-item{text-align:center}

  .note{
    min-height:auto;
    padding:86px 22px calc(104px + var(--safe));
  }
  .note h2{
    font-size:clamp(45px,13vw,58px);
    margin-bottom:28px;
  }
  .note-copy{font-size:15px;line-height:1.75}
  .note-sign{margin-top:30px;text-align:center;flex-direction:column;gap:12px}
  .note-sign>span{width:38px}
  .note-sign strong{font-size:24px}
  .note-sign small{font-size:9px;line-height:1.5}

  .detail-hero{padding-top:60px}
  .detail-top{
    left:16px;right:16px;bottom:20px;
    justify-content:center;
    flex-wrap:wrap;
    text-align:center;
  }
  .detail-top .date{width:100%;order:-1}
  .detail-content{text-align:center;padding:78px 0}
  .detail-grid{justify-items:center;text-align:center}
  .detail-grid>div{width:100%}
  .detail-title{
    max-width:9ch;
    margin:10px auto 0;
    font-size:clamp(52px,16vw,72px);
  }
  .detail-body{max-width:620px;margin-inline:auto}
  .detail-body .lead{font-size:clamp(30px,9vw,40px);max-width:16ch;margin-inline:auto;margin-bottom:24px}
  .detail-body p{font-size:15px}
  .mood-list{max-width:460px;margin-inline:auto;text-align:center;padding-left:0;list-style:none}
  .info-strip{max-width:520px;margin-inline:auto}
  .detail-actions{justify-items:center}
  .inspo-head{text-align:center}
  .inspo-head h2{font-size:clamp(46px,14vw,60px)}
  .inspo-head p{max-width:34ch;margin-inline:auto}
  .inspo-actions{justify-items:center}

  .footer{padding-bottom:calc(94px + var(--safe))}
  .mobile-bar{grid-template-columns:1fr auto;text-align:left}
  .mobile-bar span{font-size:19px}
}

/* Final spacing and mobile symmetry pass */
:root{
  --section-y:clamp(72px,7vw,108px);
  --section-y-mobile:58px;
}

/* Keep editorial sections connected instead of treating each as a full screen. */
.editorial-section{
  padding:var(--section-y) 0;
}
.intro-section,
.philosophy{
  min-height:0;
  display:block;
  padding:var(--section-y) 0;
}
.split{
  gap:clamp(40px,6vw,84px);
  align-items:center;
}
.section-title{
  max-width:10ch;
  text-wrap:balance;
}
.section-copy{
  max-width:700px;
}
.copy{
  line-height:1.72;
}
.copy p + p{
  margin-top:15px;
}
.quote{
  max-width:19ch;
  margin-bottom:24px;
  text-wrap:balance;
}

/* A shorter collection introduction keeps momentum into the stories. */
.collection-intro{
  min-height:0;
  padding:clamp(82px,8vw,118px) var(--pad) clamp(68px,7vw,96px);
}
.collection-intro h2{
  margin-top:14px;
  font-size:clamp(54px,6vw,92px);
  line-height:.91;
}
.collection-intro p{
  margin-top:22px;
  line-height:1.5;
}

/* Slightly calmer story typography while retaining the full-screen format. */
.collection-fullscreen .card-inner{
  padding-block:clamp(34px,4.5vw,68px);
}
.collection-fullscreen .card-title{
  font-size:clamp(72px,7.8vw,122px);
  line-height:.84;
}
.collection-fullscreen .card-copy{
  margin-top:22px;
  line-height:1.55;
}
.collection-fullscreen .card-meta{
  margin-top:26px;
  padding-top:20px;
}

/* Tighten the lower editorial sections. */
.why .split,
.faq-grid{
  align-items:start;
}
.why-points{
  margin-top:34px;
}
.faq-item{
  padding:22px 0;
}
.faq-item p{
  line-height:1.65;
}

/* A quieter, better-proportioned closing note. */
.note{
  min-height:0;
  padding:clamp(78px,8vw,112px) var(--pad);
}
.note-inner{
  max-width:700px;
}
.note .eyebrow{
  margin-bottom:16px;
}
.note h2{
  margin-bottom:26px;
  font-size:clamp(48px,4.7vw,72px);
  line-height:.92;
  max-width:none;
  text-wrap:balance;
}
.note-copy{
  max-width:610px;
  line-height:1.68;
}
.note-copy p + p{
  margin-top:10px;
}
.note-sign{
  margin-top:28px;
}

/* Detail pages use the same tighter vertical rhythm. */
.detail-content{
  min-height:0;
  padding:clamp(76px,8vw,112px) 0;
}
.detail-grid{
  gap:clamp(42px,6vw,84px);
  align-items:center;
}
.inspo-section{
  min-height:0;
  padding:clamp(72px,7vw,104px) 0;
}

@media(max-width:900px){
  .split,
  .faq-grid,
  .detail-grid{
    gap:34px;
  }
  .sticky{
    position:static;
  }
}

@media(max-width:760px){
  :root{
    --pad:20px;
  }

  /* The hero is a true centered stack: wordmark, tagline, action. */
  .hero-clean{
    min-height:100svh;
    padding:calc(60px + 42px) 20px calc(92px + var(--safe));
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:24px;
  }
  .hero-clean .hero-bg{
    object-position:center center;
  }
  .hero-logo-wrap{
    position:relative;
    z-index:3;
    width:min(82vw,390px);
    margin:0;
    transform:none;
  }
  .hero-footer{
    position:relative;
    z-index:4;
    inset:auto;
    transform:none;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:18px;
    text-align:center;
  }
  .hero-footer p{
    max-width:13ch;
    font-size:clamp(24px,7vw,29px);
    line-height:1.08;
  }
  .hero-button{
    width:min(288px,100%);
    min-width:0;
  }

  .limited{
    padding:12px 14px;
  }

  /* Remove the large blank zones on phones. */
  .editorial-section,
  .intro-section,
  .philosophy{
    padding:var(--section-y-mobile) 0;
  }
  .split,
  .faq-grid,
  .detail-grid{
    gap:26px;
  }
  .eyebrow{
    font-size:9px;
    letter-spacing:.23em;
  }
  .section-title{
    max-width:9ch;
    margin-inline:auto;
    font-size:clamp(43px,12vw,54px);
    line-height:.94;
  }
  .section-copy,
  .copy{
    max-width:34rem;
    margin-inline:auto;
  }
  .copy{
    font-size:15px;
    line-height:1.66;
  }
  .copy p + p{
    margin-top:13px;
  }
  .quote{
    max-width:15ch;
    margin:0 auto 20px;
    font-size:clamp(29px,8.4vw,38px);
    line-height:1.13;
  }

  .collection-intro{
    min-height:0;
    padding:64px 20px 54px;
  }
  .collection-intro h2{
    max-width:9ch;
    font-size:clamp(46px,13vw,58px);
    line-height:.91;
  }
  .collection-intro p{
    max-width:28ch;
    margin-top:18px;
    font-size:14px;
    line-height:1.5;
  }
  .collection-section>.story-nav{
    top:60px;
    padding:9px 12px;
  }
  .story-nav a{
    padding:9px 12px;
  }

  /* Center every card and keep text clear of the fixed bar. */
  .collection-fullscreen .collection-card{
    min-height:calc(100svh - 112px);
  }
  .collection-fullscreen .card-inner{
    min-height:calc(100svh - 112px);
    padding:26px 20px calc(32px + var(--safe));
    justify-content:flex-end;
  }
  .collection-fullscreen .card-title{
    max-width:8ch;
    font-size:clamp(58px,17vw,78px);
    line-height:.85;
  }
  .collection-fullscreen .card-copy{
    max-width:29ch;
    margin-top:15px;
    font-size:13px;
    line-height:1.5;
  }
  .collection-fullscreen .card-meta{
    margin-top:18px;
    padding-top:15px;
    gap:12px 22px;
  }

  .why .section-title{
    max-width:11ch;
  }
  .why-points{
    margin-top:26px;
  }
  .why-point{
    padding:20px 16px;
  }
  .why-point strong{
    font-size:25px;
  }

  .faq{
    padding:62px 0;
  }
  .faq h2{
    font-size:clamp(46px,13vw,58px);
    line-height:.92;
  }
  .faq-item{
    padding:20px 0;
  }
  .faq-item p{
    font-size:14px;
    line-height:1.62;
  }

  .note{
    padding:68px 22px calc(94px + var(--safe));
  }
  .note .eyebrow{
    margin-bottom:14px;
  }
  .note h2{
    max-width:9ch;
    margin:0 auto 22px;
    font-size:clamp(42px,12vw,52px);
    line-height:.92;
  }
  .note-copy{
    max-width:31ch;
    font-size:14px;
    line-height:1.65;
  }
  .note-copy p + p{
    margin-top:9px;
  }
  .note-sign{
    margin-top:24px;
    gap:10px;
  }

  /* Collection subpages */
  .detail-content{
    padding:62px 0;
  }
  .detail-title{
    font-size:clamp(48px,14vw,64px);
  }
  .detail-body .lead{
    font-size:clamp(28px,8vw,36px);
    margin-bottom:20px;
  }
  .detail-body p{
    font-size:14px;
    line-height:1.68;
  }
  .info-strip{
    margin-top:30px;
  }
  .detail-actions{
    margin-top:26px;
  }
  .inspo-section{
    padding:58px 12px calc(90px + var(--safe));
  }
  .inspo-head{
    margin-bottom:16px;
  }
  .inspo-actions{
    margin-top:20px;
  }
}

@media(max-width:390px){
  .hero-clean{
    gap:20px;
    padding-inline:16px;
  }
  .hero-logo-wrap{
    width:min(86vw,350px);
  }
  .hero-footer p{
    font-size:23px;
  }
  .collection-fullscreen .card-title{
    font-size:clamp(54px,16.5vw,68px);
  }
  .mobile-bar span{
    font-size:17px;
  }
}

/* Responsive layout repair: open header rhythm, balanced headings, uncropped mobile art. */
.header{
  height:82px;
  padding-inline:clamp(28px,5vw,76px);
  gap:36px;
}
.brand,
.brand img{
  width:46px;
  height:46px;
}
.header-links{
  gap:clamp(24px,2.8vw,42px);
}
.header-links a{
  letter-spacing:.2em;
}
.header-cta{
  min-height:46px;
  padding-inline:22px;
}

.hero-clean{
  padding-top:82px;
}
.hero-logo-wrap{
  width:min(660px,50vw);
}
.hero-footer{
  width:min(980px,calc(100% - 152px));
  justify-content:space-between;
  gap:48px;
}
.hero-footer p{
  max-width:24ch;
  line-height:1.12;
  text-wrap:balance;
}

.editorial-section,
.intro-section,
.philosophy{
  padding-block:clamp(92px,8vw,124px);
}
.split,
.faq-grid{
  gap:clamp(56px,7vw,104px);
}
.section-title{
  margin-top:16px;
  line-height:.98;
}
.quote{
  margin-bottom:32px;
  line-height:1.2;
}
.collection-intro{
  padding-block:clamp(96px,9vw,132px) clamp(82px,8vw,112px);
}
.collection-intro h2{
  margin-top:18px;
  line-height:.95;
}
.collection-intro p{
  margin-top:28px;
}
.collection-fullscreen .card-title{
  line-height:.9;
}
.collection-fullscreen .card-copy{
  margin-top:28px;
}
.collection-fullscreen .card-meta{
  margin-top:32px;
  padding-top:24px;
}
.faq-item{
  padding-block:28px;
}

.detail-grid{
  gap:clamp(56px,7vw,104px);
}
.detail-title{
  margin-top:16px;
  line-height:.95;
  text-wrap:balance;
}
.detail-body .lead{
  margin-bottom:32px;
  line-height:1.22;
}

@media(max-width:900px){
  /* Keep the complete 16:9 collection artwork visible on phones and tablets. */
  .detail-hero{
    min-height:0;
    height:auto;
    padding:82px 0 0;
    display:block;
    overflow:visible;
  }
  .detail-hero>img{
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:16/9;
    object-fit:contain;
  }
  .detail-top{
    position:static;
    min-height:64px;
    padding:18px var(--pad);
    background:#171310;
  }
  .detail-hero::after{
    display:none;
  }
}

@media(max-width:760px){
  html{
    scroll-padding-top:64px;
  }
  .header{
    height:64px;
    padding-inline:18px;
    gap:20px;
    justify-content:space-between;
  }
  .brand{
    position:static;
    flex:0 0 auto;
  }
  .brand,
  .brand img{
    width:38px;
    height:38px;
  }
  .header-links{
    margin-left:auto;
    gap:0;
  }
  .header-cta{
    min-height:42px;
    padding-inline:16px;
  }

  .hero-clean{
    min-height:100svh;
    padding:calc(64px + 52px) 20px calc(104px + var(--safe));
    gap:30px;
    justify-content:center;
  }
  .hero-logo-wrap{
    width:min(84vw,410px);
  }
  .hero-footer{
    width:100%;
    gap:22px;
  }
  .hero-footer p{
    max-width:17ch;
    font-size:clamp(25px,7vw,29px);
    line-height:1.12;
  }

  .editorial-section,
  .intro-section,
  .philosophy{
    padding-block:72px;
  }
  .split,
  .faq-grid,
  .detail-grid{
    gap:34px;
  }
  .section-title{
    margin-top:14px;
    line-height:.98;
  }
  .quote{
    margin-bottom:26px;
    line-height:1.18;
  }
  .collection-intro{
    padding:78px 22px 68px;
  }
  .collection-intro h2{
    margin-top:16px;
    line-height:.96;
  }
  .collection-intro p{
    margin-top:22px;
  }
  .collection-fullscreen .card-title{
    line-height:.9;
  }
  .collection-fullscreen .card-copy{
    margin-top:20px;
  }
  .collection-fullscreen .card-meta{
    margin-top:24px;
    padding-top:19px;
  }

  .detail-hero{
    padding-top:64px;
  }
  .detail-top{
    min-height:68px;
    padding:16px 20px;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    text-align:left;
  }
  .detail-top .date{
    width:auto;
    order:initial;
    text-align:right;
  }
  .detail-content{
    padding-block:76px;
  }
  .detail-title{
    margin-top:14px;
    line-height:.96;
  }
  .detail-body .lead{
    margin-bottom:26px;
    line-height:1.2;
  }
  .detail-body p + p{
    margin-top:18px;
  }

  .inspo-section{
    padding:68px 0 calc(98px + var(--safe));
  }
  .inspo-wrap{
    width:100%;
  }
  .inspo-head,
  .inspo-actions{
    margin-inline:20px;
  }
  .inspo-head{
    margin-bottom:24px;
  }
  .inspo-art{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
    box-shadow:none;
  }
  .inspo-actions{
    margin-top:24px;
  }
}

@media(max-width:390px){
  .header{
    padding-inline:14px;
  }
  .hero-clean{
    padding-inline:16px;
    gap:26px;
  }
  .detail-top{
    padding-inline:16px;
  }
}

/* Editorial rhythm pass: tighter sections, quiet rules, and collision-free display type. */
.editorial-section,
.intro-section,
.philosophy{
  padding-block:clamp(78px,7vw,104px);
}
.split,
.faq-grid,
.detail-grid{
  gap:clamp(48px,6vw,84px);
}
.split{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.collection-intro{
  padding-block:clamp(82px,7.5vw,110px) clamp(70px,6.5vw,92px);
}
.detail-content{
  padding-block:clamp(72px,7vw,98px);
}
.inspo-section{
  padding-block:clamp(66px,6.5vw,92px);
}
.note{
  padding-block:clamp(70px,7vw,96px);
}

/* A fine rule gives every chapter a clear beginning without adding visual weight. */
.editorial-section,
.collection-section,
.note,
.detail-content,
.inspo-section,
.footer{
  border-top:1px solid var(--line);
}
.why,
.inspo-section,
.footer{
  border-top-color:rgba(255,255,255,.14);
}

.header-links a{
  line-height:1.2;
}
.section-title,
.collection-intro h2,
.collection-fullscreen .card-title,
.faq h2,
.note h2,
.detail-title,
.inspo-head h2{
  line-height:1.02;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.section-title{
  max-width:15ch;
}
.why .section-title{
  font-size:clamp(42px,4.2vw,64px);
  max-width:100%;
}
.detail-title{
  max-width:12ch;
}
.quote,
.detail-body .lead{
  line-height:1.24;
}
.quote{
  max-width:none;
  font-size:clamp(34px,3vw,46px);
}
.quote span{
  display:block;
  white-space:nowrap;
}
.copy p,
.detail-body p,
.faq-item p,
.collection-intro p,
.card-copy,
.inspo-head p,
.note-copy p{
  text-wrap:pretty;
}
.hero-footer p{
  line-height:1.16;
}
.mobile-bar{
  grid-template-columns:minmax(0,1fr) auto;
}
.mobile-bar span{
  min-width:0;
  line-height:1.15;
  text-wrap:balance;
}

/* Slow background movement; intentionally subtle and disabled for reduced motion. */
.hero-clean .hero-bg{
  animation:ambient-image-drift 28s ease-in-out infinite alternate;
  will-change:transform;
}
.collection-card .card-bg{
  animation:ambient-image-drift 34s ease-in-out infinite alternate;
  will-change:transform;
}
.collection-card:nth-child(even) .card-bg{
  animation-direction:alternate-reverse;
  animation-duration:38s;
}
@keyframes ambient-image-drift{
  from{transform:scale(1.015) translate3d(-.25%,0,0)}
  to{transform:scale(1.04) translate3d(.35%,-.2%,0)}
}

@media(max-width:900px){
  .split,
  .faq-grid,
  .detail-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .editorial-section,
  .intro-section,
  .philosophy{
    padding-block:52px;
  }
  .split,
  .faq-grid,
  .detail-grid{
    gap:24px;
  }
  .section-title{
    max-width:100%;
    margin-top:11px;
    line-height:1.02;
  }
  .why .section-title{
    max-width:100%;
    font-size:clamp(38px,10.5vw,44px);
  }
  .copy p + p{
    margin-top:11px;
  }
  .quote{
    max-width:100%;
    margin-bottom:20px;
    font-size:clamp(25px,7.4vw,31px);
    line-height:1.22;
  }

  .collection-intro{
    padding:56px 20px 48px;
  }
  .collection-intro h2{
    margin-top:12px;
    line-height:1.02;
  }
  .collection-intro p{
    margin-top:16px;
  }
  .collection-fullscreen .collection-card,
  .collection-fullscreen .card-inner{
    min-height:72svh;
  }
  .collection-fullscreen .card-inner{
    padding:24px 20px;
    justify-content:center;
  }
  .collection-fullscreen .card-spacer{
    display:none;
  }
  .collection-fullscreen .card-title{
    max-width:9ch;
    font-size:clamp(52px,15vw,68px);
    line-height:1.04;
  }
  .collection-fullscreen .card-copy{
    margin-top:14px;
  }
  .collection-fullscreen .card-meta{
    margin-top:17px;
    padding-top:14px;
  }

  .why,
  .faq{
    padding-block:52px;
  }
  .why-points{
    margin-top:22px;
  }
  .faq-grid{
    gap:20px;
  }
  .faq h2,
  .note h2,
  .detail-title,
  .inspo-head h2{
    line-height:1.02;
  }
  .faq-item{
    padding-block:17px;
  }
  .note{
    padding:54px 22px calc(84px + var(--safe));
  }
  .note h2{
    margin-bottom:18px;
  }
  .note-sign{
    margin-top:20px;
  }

  .detail-content{
    padding-block:56px;
  }
  .detail-title{
    max-width:10ch;
    margin-top:10px;
  }
  .detail-body .lead{
    margin-bottom:20px;
    line-height:1.22;
  }
  .detail-body p + p{
    margin-top:13px;
  }
  .mood-list{
    margin-top:24px;
  }
  .info-strip{
    margin-top:26px;
  }
  .detail-actions{
    margin-top:22px;
  }
  .inspo-section{
    padding:46px 0 calc(34px + var(--safe));
  }
  .inspo-head{
    margin-bottom:18px;
  }
  .inspo-actions{
    margin-top:16px;
  }
  .footer{
    gap:16px;
    padding:28px 18px;
  }
  .footer img{
    width:112px;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-clean .hero-bg,
  .collection-card .card-bg{
    animation:none;
    transform:none;
    will-change:auto;
  }
}