/* ── DESIGN TOKENS ── */
:root {
  --bg:       #f8f6f3;
  --bg-alt:   #efecea;
  --cream:    #f8f6f3;
  --ink:      #282622;
  --stone:    #4a4540;
  --sage:     #909d89;
  --sage-dk:  #697060;
  --sage-lt:  #b5bfb0;
  --blush:    #b07068;
  --gold:     #bb9560;
  --gold-dk:  #9a7d48;
  --rule:     #d8d0c4;
  --olive:    #5e7059;
  --olive-lt: #7d8976;
  --focus:    #2563eb;
  --max-w:    1200px;
  --pad:      0 40px;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Jost',sans-serif;font-weight:300;line-height:1.75;overflow-x:hidden;font-size:16px}

:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}

.skip{position:absolute;top:-100%;left:16px;background:var(--ink);color:#fff;padding:10px 18px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.15em;text-decoration:none;z-index:9999}
.skip:focus{top:16px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.container{max-width:var(--max-w);margin:0 auto;padding:var(--pad)}

/* ── TYPOGRAPHY ── */
.lbl{
  font-family:'DM Mono',monospace;
  font-size:10px;
  font-weight:500;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--blush);
  margin-bottom:12px;
  display:block;
}
.h1{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,6vw,72px);font-weight:500;line-height:1.05;color:var(--ink)}
.h2{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,46px);font-weight:500;line-height:1.1;color:var(--ink)}
.h2 em{font-style:italic;color:var(--sage-dk)}
.h3{font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.5vw,26px);font-weight:600;line-height:1.2;color:var(--ink)}
.rule{width:100%;height:1px;background:var(--rule);margin:20px 0 0}

/* ── LOCATION PILL ── */
.loc-pill{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'DM Mono',monospace;font-size:10px;font-weight:500;
  letter-spacing:.15em;text-transform:uppercase;color:var(--cream);
  opacity:.85;
}
.loc-pill svg{width:12px;height:12px;flex-shrink:0;fill:var(--gold)}

/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;height:82px;
  background:rgba(248,246,243,.97);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rule);
}
.nav-logo{display:flex;align-items:center;text-decoration:none}
.nav-logo svg{height:52px;width:auto}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-link{
  font-family:'DM Mono',monospace;font-size:11px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--stone);
  text-decoration:none;padding:4px 0;
  transition:color .2s;position:relative;
}
.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--olive);transform:scaleX(0);transition:transform .2s}
.nav-link:hover,.nav-link.active-link{color:var(--ink)}
.nav-link.active-link::after,.nav-link:hover::after{transform:scaleX(1)}
.nav-cta{
  font-family:'DM Mono',monospace;font-size:10px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;
  background:var(--olive);color:#f8f6f3;border:none;
  padding:13px 22px;cursor:pointer;transition:background .2s;
  text-decoration:none;display:inline-block;
}
.nav-cta:hover{background:var(--olive-lt)}
.page-content{padding-top:82px}

/* ── BUTTON SYSTEM ── */
.btn{
  font-family:'DM Mono',monospace;font-size:10px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;
  padding:14px 26px;cursor:pointer;border:none;
  transition:all .2s;display:inline-block;text-decoration:none;
}
.btn-primary{background:var(--sage);color:#f8f6f3}
.btn-primary:hover{background:var(--sage-dk)}
.btn-ghost-lt{background:transparent;color:#f8f6f3;border:1px solid rgba(248,246,243,.5)}
.btn-ghost-lt:hover{border-color:#f8f6f3;background:rgba(248,246,243,.1)}
.btn-ghost-dk{background:transparent;color:var(--olive);border:1px solid var(--olive)}
.btn-ghost-dk:hover{background:var(--olive);color:#f8f6f3}
.btn-gold{background:var(--sage);color:#f8f6f3}
.btn-gold:hover{background:var(--sage-dk)}

/* ── HERO ── */
.hero{
  position:relative;min-height:60vh;
  display:flex;align-items:center;overflow:hidden;
}
.hero-bg-img{
  position:absolute;inset:0;
  background-image:url("noris-garment-stack.png");
  background-size:cover;background-position:center right;
}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(40,38,34,.88) 0%,rgba(40,38,34,.6) 55%,rgba(40,38,34,.15) 100%);
  z-index:1;
}
.hero-content{
  position:relative;z-index:2;
  padding:0 64px;max-width:680px;
}
.hero-eyebrow{
  font-family:'DM Mono',monospace;font-size:10px;font-weight:500;
  letter-spacing:.28em;text-transform:uppercase;color:#f8f6f3;
  margin-bottom:20px;opacity:0;animation:fadeUp .8s ease forwards .1s;
}
.hero h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(40px,6.5vw,76px);font-weight:500;line-height:1.05;
  color:#f8f6f3;margin-bottom:18px;
  opacity:0;animation:fadeUp .8s ease forwards .25s;
}
.hero-tag{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(18px,2.2vw,24px);font-weight:400;font-style:italic;
  color:rgba(248,246,243,.82);margin-bottom:32px;
  opacity:0;animation:fadeUp .8s ease forwards .4s;
}
.hero-loc{
  margin-bottom:36px;
  opacity:0;animation:fadeUp .8s ease forwards .5s;
}
.hero-proof{
  display:flex;gap:28px;margin-bottom:44px;
  opacity:0;animation:fadeUp .8s ease forwards .55s;
}
.p-num{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:500;color:var(--gold);line-height:1}
.p-desc{font-family:'DM Mono',monospace;font-size:8px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(248,246,243,.55);margin-top:4px}
.p-div{width:1px;background:rgba(248,246,243,.2);align-self:stretch}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s ease forwards .7s}

/* ── TRUST BAR ── */
.trust-bar{
  background:var(--sage-dk);padding:18px 48px;
  display:flex;align-items:center;justify-content:center;
  gap:40px;flex-wrap:wrap;
  border-bottom:2px solid rgba(255,255,255,.12);
}
.trust-item{display:flex;align-items:center;gap:10px}
.trust-item span:last-child{
  font-family:'DM Mono',monospace;font-size:10px;font-weight:500;
  letter-spacing:.15em;text-transform:uppercase;color:rgba(248,246,243,.85);
}

/* ── SECTIONS ── */
.sec{padding:88px 64px}
.sec.alt{background:var(--bg-alt)}
.sec-inner{max-width:var(--max-w);margin:0 auto}

/* ── DIFF CARDS ── */
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px}
.diff-card{background:var(--cream);padding:44px 36px;position:relative;overflow:hidden;border:1px solid var(--rule)}
.diff-card::after{
  content:attr(data-n);
  font-family:'Cormorant Garamond',serif;font-size:120px;font-weight:300;
  color:var(--gold);opacity:.18;
  position:absolute;right:12px;bottom:-18px;line-height:1;pointer-events:none;
}
.diff-icon{font-size:22px;margin-bottom:18px;display:block}
.diff-card h3{
  font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;
  margin-bottom:14px;color:var(--stone);
}
.diff-card p{font-size:16px;color:var(--stone);line-height:1.75}
.diff-note{
  display:inline-block;
  font-family:'DM Mono',monospace;font-size:9px;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold-dk);background:rgba(187,149,96,.12);
  padding:5px 12px;margin-top:16px;border:1px solid rgba(187,149,96,.25);
}

/* ── SERVICES AVAILABLE ── */
.plans-wrap{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:40px}
.plan{
  background:var(--cream);padding:40px 36px;
  border:1px solid var(--rule);
  transition:transform .2s;
  display:flex;flex-direction:column;
}
.plan:hover{transform:translateY(-3px)}
.plan.feat{background:var(--olive)}
.plan-name{
  font-family:'DM Mono',monospace;font-size:10px;font-weight:500;
  letter-spacing:.25em;text-transform:uppercase;color:var(--stone);margin-bottom:8px;
}
.plan.feat .plan-name{color:rgba(248,246,243,.65)}
.plan-wt{
  font-family:'Cormorant Garamond',serif;font-size:40px;font-weight:600;
  color:var(--ink);line-height:1;margin-bottom:8px;
}
.plan.feat .plan-wt{color:#f8f6f3}
.plan-sub{font-size:14px;font-weight:500;color:var(--stone);margin-bottom:20px}
.plan.feat .plan-sub{color:rgba(248,246,243,.7)}
.plan-div{height:1px;background:var(--rule);margin:20px 0}
.plan.feat .plan-div{background:rgba(255,255,255,.18)}
.plan-desc{font-size:16px;color:var(--stone);line-height:1.7;flex:1;margin-bottom:24px}
.plan.feat .plan-desc{color:rgba(248,246,243,.82)}

/* ── PRICING PLANS (3-col) ── */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:32px}
.price-card{
  background:#b5bfb0;padding:36px 28px;
  border:1px solid var(--rule);
  display:flex;flex-direction:column;
  transition:transform .2s;
}
.price-card:hover{transform:translateY(-3px)}
.price-card.feat{background:#b5bfb0}
.price-tier{
  font-family:'DM Mono',monospace;font-size:10px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-bottom:6px;opacity:.7;
}
.price-card.feat .price-tier{color:var(--ink);opacity:.7}
.price-wt{
  font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:600;
  color:var(--ink);line-height:1;
}
.price-card.feat .price-wt{color:var(--ink)}
.price-unit{font-size:13px;color:var(--ink);margin-bottom:16px;opacity:.7}
.price-card.feat .price-unit{color:var(--ink);opacity:.7}
.price-num{
  font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;
  color:var(--olive);
}
.price-card.feat .price-num{color:var(--olive)}
.price-per{font-family:'DM Mono',monospace;font-size:9px;color:var(--ink);opacity:.6}
.price-card.feat .price-per{color:var(--ink);opacity:.6}
.price-div{height:1px;background:rgba(40,38,34,.15);margin:16px 0}
.price-card.feat .price-div{background:rgba(40,38,34,.15)}
.price-desc{font-size:14px;color:var(--ink);line-height:1.65;flex:1;margin-bottom:20px;opacity:.8}
.price-card.feat .price-desc{color:var(--ink);opacity:.8}

/* ── PAYG ── */
.payg{background:var(--ink);display:grid;grid-template-columns:1fr 1fr;margin-top:2px;border:1px solid rgba(255,255,255,.08)}
.payg-l{padding:48px 52px;border-right:2px solid rgba(255,255,255,.1)}
.payg-lbl{
  font-family:'DM Mono',monospace;font-size:10px;font-weight:500;
  letter-spacing:.25em;text-transform:uppercase;color:var(--gold);
  margin-bottom:14px;display:block;
}
.payg-l h3{
  font-family:'Cormorant Garamond',serif;font-size:clamp(22px,3vw,32px);
  font-weight:600;color:#f8f6f3;margin-bottom:14px;
}
.payg-l p{font-size:16px;color:rgba(248,246,243,.65);line-height:1.75}
.payg-r{padding:48px 52px;display:flex;flex-direction:column;justify-content:center}
.payg-row{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.payg-row:last-child{border-bottom:none}
.payg-k{font-family:'DM Mono',monospace;font-size:9px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:rgba(248,246,243,.45)}
.payg-v{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;color:#f8f6f3}

/* ── HOW IT WORKS ── */
.hiw-sec{background:#efecea;padding:80px 64px}
.hiw-hd-wrap{max-width:var(--max-w);margin:0 auto}
.hiw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px;max-width:var(--max-w);margin-left:auto;margin-right:auto}
.hiw-step{
  overflow:hidden;
  display:flex;flex-direction:column;
}
.hiw-step img{
  width:100%;height:auto;display:block;
}

/* ── INCLUDES ── */
.incl{
  background:var(--sage-dk);padding:32px 64px;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  border-top:2px solid rgba(255,255,255,.1);
  border-bottom:2px solid rgba(255,255,255,.1);
}
.incl-lbl{
  font-family:'DM Mono',monospace;font-size:10px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(248,246,243,.6);
  margin-right:12px;white-space:nowrap;
}
.incl-pill{
  font-size:13px;font-weight:400;color:rgba(248,246,243,.88);
  background:rgba(255,255,255,.09);padding:6px 16px;
  border:1px solid rgba(255,255,255,.15);
}

/* ── INLINE FAQ ── */
.ifaq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.ifaq-item{background:#FBF9F6;padding:32px 36px;border:none;margin-bottom:2px}
.ifaq-q{
  font-family:'Jost',sans-serif;font-size:15px;font-weight:600;
  color:var(--ink);margin-bottom:10px;line-height:1.4;
}
.ifaq-a{font-size:15px;color:var(--stone);line-height:1.75}
.ifaq-a a{color:var(--sage-dk);text-decoration:underline;text-underline-offset:3px}

/* ── SOUL ── */
.soul{padding:80px 64px;text-align:center;position:relative}
.soul::before{content:'';display:block;width:1px;height:56px;background:var(--rule);margin:0 auto 36px}
.soul blockquote{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(26px,3.5vw,44px);font-weight:400;font-style:italic;
  line-height:1.35;color:var(--olive);max-width:760px;margin:0 auto 28px;
}
.soul cite{
  font-family:'DM Mono',monospace;font-size:10px;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--blush);font-style:normal;
}

/* ── FAQ PAGE ── */
.faq-hero{
  background:var(--olive);padding:96px 64px 64px;
  position:relative;overflow:hidden;
}
.faq-hero::after,.faq-hero::before{content:'';position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06);pointer-events:none}
.faq-hero::after{width:360px;height:360px;right:-80px;top:-100px}
.faq-hero::before{width:210px;height:210px;right:40px;top:20px}
.faq-hero h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.1;
  color:#f8f6f3;position:relative;z-index:2;
}
.faq-hero h1 em{font-style:italic;color:#f8f6f3}
.faq-hero p{font-size:15px;color:rgba(248,246,243,.68);max-width:420px;margin-top:12px;position:relative;z-index:2}

.faq-body{max-width:880px;margin:0 auto;padding:56px 48px 100px}

.search-wrap{position:relative;margin-bottom:40px}
.search-wrap input{
  width:100%;background:var(--cream);border:1px solid var(--rule);
  padding:16px 20px 16px 48px;
  font-family:'Jost',sans-serif;font-size:15px;font-weight:300;color:var(--ink);
  outline:none;transition:border-color .2s;
}
.search-wrap input:focus{border-color:var(--sage-dk);box-shadow:0 0 0 3px rgba(98,117,96,.12)}
.search-wrap input::placeholder{color:var(--stone);opacity:.55}
.s-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--stone);opacity:.45;pointer-events:none}
.s-clear{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;color:var(--stone);
  font-family:'DM Mono',monospace;font-size:9px;font-weight:500;
  letter-spacing:.12em;opacity:0;transition:opacity .2s;
}
.has-val .s-clear{opacity:.65}
.has-val .s-clear:hover{opacity:1}

.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:48px}
.filter-btn{
  background:none;border:1px solid var(--rule);padding:9px 18px;cursor:pointer;
  font-family:'DM Mono',monospace;font-size:9px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--stone);transition:all .2s;
}
.filter-btn:hover{border-color:var(--sage-dk);color:var(--sage-dk)}
.filter-btn.active{background:var(--olive);border-color:var(--olive);color:#f8f6f3}

.no-results{display:none;text-align:center;padding:60px 20px}
.no-results.vis{display:block}
.no-results p{font-family:'Cormorant Garamond',serif;font-size:22px;font-style:italic;color:var(--stone);margin-bottom:8px}
.no-results span{font-family:'DM Mono',monospace;font-size:9px;color:var(--rule);text-transform:uppercase;letter-spacing:.15em}

.faq-block{margin-bottom:64px}
.faq-block-hd{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--rule)}
.faq-tag{font-family:'DM Mono',monospace;font-size:9px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--blush)}
.faq-block-name{font-family:'Cormorant Garamond',serif;font-size:clamp(20px,3vw,26px);font-weight:500;color:var(--ink)}
.faq-count{font-family:'DM Mono',monospace;font-size:9px;color:var(--rule);letter-spacing:.1em;margin-left:auto}

.faq-item{border-bottom:1px solid var(--rule)}
.faq-item.hidden{display:none}
.faq-q-btn{
  width:100%;background:none;border:none;text-align:left;
  padding:20px 0;cursor:pointer;
  display:flex;justify-content:space-between;align-items:flex-start;gap:20px;
}
.faq-q-btn:hover .q-txt{color:var(--sage-dk)}
.q-txt{
  font-family:'Jost',sans-serif;font-size:15px;font-weight:600;
  color:var(--ink);line-height:1.5;transition:color .2s;flex:1;
}
.q-ico{width:20px;height:20px;flex-shrink:0;position:relative;margin-top:3px}
.q-ico::before,.q-ico::after{content:'';position:absolute;background:var(--stone);transition:transform .25s,opacity .25s}
.q-ico::before{width:12px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}
.q-ico::after{width:1.5px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}
.faq-item.open .q-ico::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.faq-item.open .q-ico::before{background:var(--sage-dk)}
.faq-ans{overflow:hidden;max-height:0;transition:max-height .3s ease}
.faq-ans-inner{padding:0 0 24px;font-size:15px;color:var(--stone);line-height:1.85;max-width:680px}
.faq-ans-inner a{color:var(--sage-dk);text-decoration:underline;text-underline-offset:3px}
mark{background:rgba(187,149,96,.15);color:inherit;padding:0 2px}
.faq-cta{background:#697060;color:#f8f6f3;padding:40px 48px;border-left:3px solid var(--blush);margin-top:32px}
.faq-cta p{font-family:'Cormorant Garamond',serif;font-size:clamp(18px,2.5vw,24px);font-style:italic;font-weight:400;line-height:1.4;margin-bottom:12px;color:#f8f6f3}
.faq-cta span{font-family:'DM Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(248,246,243,.65)}

/* ── ABOUT PAGE ── */
.about-hero{
  background:var(--olive);padding:0px 64px;
  min-height:60vh;display:flex;align-items:center;
  position:relative;overflow:hidden;
}
.about-hero::after{
  content:'N';font-family:'Cormorant Garamond',serif;
  font-size:420px;font-weight:500;color:rgba(255,255,255,.06);
  position:absolute;right:-10px;bottom:-130px;line-height:1;
  pointer-events:none;z-index:1;
}
.about-hero-inner{position:relative;z-index:2;max-width:700px}
.about-hero h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(38px,5.5vw,64px);font-weight:600;line-height:1.1;
  color:#f8f6f3;margin-top:16px;
}
.about-hero h1 em{font-style:italic;color:#f8f6f3}

/* About tabs */
.about-tabs-wrap{background:var(--bg-alt);border-bottom:1px solid var(--rule);padding:0 64px}
.about-filter-row{display:flex;gap:0;max-width:var(--max-w);margin:0 auto;overflow-x:auto}
.about-tab{
  background:none;border:none;border-bottom:2px solid transparent;
  padding:18px 24px;cursor:pointer;
  font-family:'DM Mono',monospace;font-size:9px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--stone);
  transition:all .2s;white-space:nowrap;
}
.about-tab:hover{color:var(--ink)}
.about-tab.active{color:var(--olive);border-bottom-color:var(--olive)}

.about-panel{display:none;animation:fadeIn .3s ease}
.about-panel.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.about-main-wrap{
  display:grid;grid-template-columns:3fr 2fr;
  max-width:var(--max-w);margin:0 auto;
}
.about-main{padding:72px 56px 72px 64px;border-right:1px solid var(--rule)}
.about-main h2{
  font-family:'Cormorant Garamond',serif;font-size:clamp(24px,3vw,34px);
  font-weight:600;margin-bottom:28px;max-width:640px;
}
.about-main p{font-size:16px;color:var(--stone);line-height:1.85;margin-bottom:20px;max-width:640px}
.about-main p strong{color:var(--ink);font-weight:600}
.about-aside{padding:72px 44px}
.aside-blk{margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid var(--rule)}
.aside-blk:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.aside-lbl{
  font-family:'DM Mono',monospace;font-size:9px;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--blush);
  margin-bottom:12px;display:block;
}
.aside-blk p{font-size:15px;color:var(--olive);line-height:1.7;font-weight:400}
.dot-list{list-style:none}
.dot-list li{
  font-size:15px;color:var(--olive);padding:8px 0;
  border-bottom:1px solid var(--rule);
  display:flex;align-items:center;gap:12px;font-weight:400;
}
.dot-list li:last-child{border-bottom:none}
.dot-list li::before{content:'◆';font-size:8px;color:var(--gold);flex-shrink:0}

/* Promise panel */
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:64px;max-width:var(--max-w);margin:0 auto}
.promise-card{background:var(--cream);padding:40px 32px;border:1px solid var(--rule)}
.promise-card .aside-lbl{margin-bottom:10px}
.promise-card h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;margin-bottom:12px;color:var(--ink)}
.promise-card p{font-size:15px;color:var(--stone);line-height:1.75}

/* Hours/Area panel */
.logistics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:64px;max-width:var(--max-w);margin:0 auto}
.logistics-card{background:var(--cream);padding:40px 32px;border:1px solid var(--rule)}
.logistics-card .aside-lbl{margin-bottom:12px}
.logistics-card p,.logistics-card li{font-size:16px;color:var(--olive);line-height:1.75;font-weight:400}
.hrs-list{list-style:none}
.hrs-list li{padding:6px 0;border-bottom:1px solid var(--rule);font-size:16px;color:var(--olive);display:flex;align-items:center;gap:10px}
.hrs-list li:last-child{border-bottom:none}
.hrs-list li::before{content:'◆';font-size:8px;color:var(--gold);flex-shrink:0}

/* Compete panel */
.compete-wrap{padding:64px;max-width:var(--max-w);margin:0 auto}
.compete-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:32px}
.compete-list li{
  background:var(--cream);padding:28px 32px;border:1px solid var(--rule);
  font-size:16px;color:var(--stone);display:flex;align-items:center;gap:14px;line-height:1.5;
}
.compete-list li::before{content:'◆';font-size:10px;color:var(--gold);flex-shrink:0}

/* ── SERVICES HERO ── */
.svc-hero{
  position:relative;min-height:60vh;
  display:flex;align-items:center;overflow:hidden;
}
.svc-hero-img{
  position:absolute;inset:0;
  background-image:url("noris-garment-stack-with-hands.png");
  background-size:cover;background-position:center center;
}
.svc-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(40,38,34,.85) 0%,rgba(40,38,34,.55) 60%,rgba(40,38,34,.15) 100%);
  z-index:1;
}
.svc-hero-content{position:relative;z-index:2;padding:0 64px;max-width:660px}
.svc-hero-content h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(36px,5vw,56px);font-weight:400;line-height:1.1;
  color:#f8f6f3;margin-bottom:16px;
}
.svc-hero-content p{font-size:16px;color:rgba(248,246,243,.78);max-width:500px;line-height:1.75}

/* HIW cards (services page) */
.hiw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:40px}
.hiw-card{
  background:var(--cream);padding:44px 36px;
  border:1px solid var(--rule);
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.hiw-card-n{
  font-family:'Cormorant Garamond',serif;font-size:60px;font-weight:600;
  color:var(--olive);line-height:1;margin-bottom:16px;
}
.hiw-card h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--ink);margin-bottom:12px}
.hiw-card p{font-size:15px;color:var(--stone);line-height:1.75}

/* ── FOOTER ── */
footer{background:var(--sage-dk);color:#f8f6f3;padding:64px 64px 40px}
.f-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;
  margin-bottom:48px;padding-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.12);
  max-width:var(--max-w);margin-left:auto;margin-right:auto;
}
.f-logo-svg{height:48px;width:auto;margin-bottom:16px;display:block}
.f-brand p{font-size:14px;color:rgba(248,246,243,.55);line-height:1.75;max-width:280px}
.f-col h4{
  font-family:'DM Mono',monospace;font-size:9px;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;
  color:rgba(248,246,243,.5);margin-bottom:20px;
}
.f-col ul{list-style:none}
.f-col ul li{margin-bottom:12px}
.f-col ul li a,.f-col ul li span{
  font-size:14px;color:rgba(248,246,243,.6);text-decoration:none;
  font-family:'Jost',sans-serif;font-weight:300;transition:color .2s;
}
.f-col ul li a:hover{color:#f8f6f3}
.f-bottom{
  display:flex;justify-content:space-between;align-items:center;
  max-width:var(--max-w);margin:0 auto;flex-wrap:wrap;gap:12px;
}
.f-bottom span,.f-bottom a{
  font-family:'DM Mono',monospace;font-size:9px;font-weight:500;
  letter-spacing:.15em;color:rgba(248,246,243,.3);text-transform:uppercase;
  text-decoration:none;
}
.f-bottom a:hover{color:rgba(248,246,243,.7)}
.f-bottom-links{display:flex;gap:24px;align-items:center}

/* ── OVERLAYS ── */
.overlay-backdrop{
  display:none;position:fixed;inset:0;
  background:rgba(40,38,34,.75);z-index:200;
  align-items:flex-start;justify-content:center;
  padding:60px 20px;overflow-y:auto;
}
.overlay-backdrop.open{display:flex}
.overlay-panel{
  background:var(--bg);max-width:680px;width:100%;
  padding:56px;position:relative;
}
.overlay-close{
  position:absolute;top:20px;right:20px;background:none;border:none;
  cursor:pointer;font-family:'DM Mono',monospace;font-size:9px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--stone);
  padding:8px 12px;transition:color .2s;
}
.overlay-close:hover{color:var(--ink)}
.overlay-tag{font-family:'DM Mono',monospace;font-size:8px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--blush);margin-bottom:14px;display:block}
.overlay-panel h2{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,3.5vw,36px);font-weight:600;color:var(--ink);margin-bottom:28px;line-height:1.1}
.overlay-panel h3{font-family:'Jost',sans-serif;font-size:14px;font-weight:600;color:var(--ink);margin:24px 0 8px}
.overlay-panel p{font-size:15px;color:var(--stone);line-height:1.8;margin-bottom:14px}
.overlay-panel a{color:var(--sage-dk);text-decoration:underline;text-underline-offset:3px}
.overlay-rule{height:1px;background:var(--rule);margin:24px 0}
.overlay-updated{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--rule);margin-top:32px;display:block}

@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  nav{padding:0 20px;height:74px}
  .nav-logo svg{height:40px}
  .page-content{padding-top:74px}
  .hero-content,.svc-hero-content{padding:0 24px 64px}
  .hero-proof{gap:16px}
  .trust-bar{padding:16px 24px;gap:20px}
  .sec{padding:56px 24px}
  .diff-grid,.ifaq-grid,.plans-wrap,.pricing-grid{grid-template-columns:1fr}
  .payg{grid-template-columns:1fr}.payg-l{border-right:none;border-bottom:2px solid rgba(255,255,255,.1)}
  .hiw-sec{padding:56px 24px}.hiw-steps,.hiw-cards{grid-template-columns:1fr}
  .about-hero{padding:72px 24px 48px}
  .about-main-wrap{grid-template-columns:1fr}
  .about-main{padding:48px 24px;border-right:none;border-bottom:1px solid var(--rule)}
  .about-aside{padding:48px 24px}
  .about-tabs-wrap{padding:0 24px}
  .promise-grid,.logistics-grid,.compete-wrap{padding:32px 24px}
  .promise-grid,.logistics-grid{grid-template-columns:1fr}
  .compete-list{grid-template-columns:1fr}
  footer{padding:48px 24px 32px}
  .f-grid{grid-template-columns:1fr;gap:28px}
  .f-bottom{flex-direction:column;text-align:center}
  .faq-body{padding:40px 20px 80px}
  .incl{padding:28px 24px}
  .soul{padding:56px 24px}
}