
/* ============================================================
   Mahi Apparel USA — preview-v3 (Editorial-Luxury)
   Serif display: EB Garamond · Body: Inter Tight
   Palette: bone + ink + one warm brass accent.
   Grammar: hairline rules, small-caps kickers, flat cards, full-bleed photography.
   ============================================================ */

:root{
  --ink:#111111;
  --ink-90:#1E1E1E;
  --bone:#F4F1EA;
  --paper:#FFFFFF;
  --rule:#E3DED4;
  --rule-dark:#2A2724;
  --mute:#7A756C;
  --mute-2:#A59E91;
  --accent:#8B6F47;   /* warm brass — the ONE chrome accent */
  --accent-dk:#6B5434;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:"Inter Tight",-apple-system,system-ui,"Helvetica Neue",sans-serif;
  color:var(--ink);
  background:var(--bone);
  font-size:15px;
  line-height:1.6;
  font-feature-settings:"ss01","tnum","ss02";
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* Display + editorial type */
.display{
  font-family:"EB Garamond",Garamond,"Times New Roman",serif;
  font-weight:500;
  line-height:1.08;
  letter-spacing:-0.005em;
  color:var(--ink);
}
h1.display, .display--xl{font-size:clamp(2.6rem, 5.8vw, 4.6rem)}
h2.display{font-size:clamp(1.9rem, 3.2vw, 2.8rem); margin-bottom:18px}
h3.display{font-size:clamp(1.3rem, 2vw, 1.6rem)}
.display em{font-style:italic;font-weight:500}
p{font-size:0.98rem}
.muted-italic{font-family:"EB Garamond",serif;font-style:italic;color:var(--mute);font-size:0.95rem}

/* Kicker — small-caps editorial label */
.kicker{
  display:inline-block;
  font-family:"Inter Tight",sans-serif;
  font-size:0.7rem;
  font-weight:600;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--mute);
  margin-bottom:10px;
}
.kicker.center{display:block;text-align:center}

/* Containers */
.wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.wrap.narrow{max-width:740px}
.center{text-align:center}
.pad-y{padding:88px 0}
.pad-y-sm{padding:28px 0}
.pad-t{padding-top:20px}

/* Preview strip */
.preview-strip{background:var(--ink);color:var(--bone);padding:8px 16px;text-align:center;font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase}
.preview-strip strong{color:#E4C98A;letter-spacing:0.22em}

/* Announce / topbar */
.announce{background:var(--bone);border-bottom:1px solid var(--rule);padding:10px 16px}
.announce__inner{max-width:1320px;margin:0 auto;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--mute)}
.announce__dot{color:var(--rule)}

/* Masthead — centered serif wordmark (NAP / Matches pattern) */
.masthead{background:var(--bone);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:50;backdrop-filter:saturate(1.1)}
.masthead__row{max-width:1320px;margin:0 auto;padding:22px 32px 10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.mast-cta{justify-self:start;font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px;font-weight:500}
.mast-cta:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}
.mast-link{justify-self:end;font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink)}
.mast-link:hover{color:var(--accent);text-decoration:none}
.wordmark{
  font-family:"EB Garamond",serif;
  font-weight:500;
  font-size:2rem;
  letter-spacing:0.28em;
  color:var(--ink);
  text-align:center;
  text-decoration:none;
}
.wordmark:hover{color:var(--ink);text-decoration:none}
.nav{display:flex;justify-content:center;gap:30px;padding:14px 32px 18px;flex-wrap:wrap;border-top:1px solid var(--rule)}
.nav__link{font-size:0.72rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink);padding:2px 0;border-bottom:1px solid transparent;font-weight:500}
.nav__link:hover{color:var(--accent);border-bottom-color:var(--accent);text-decoration:none}
.nav__link.is-active{color:var(--accent);border-bottom-color:var(--accent)}

/* Hero — editorial full-bleed */
.hero-ed{position:relative;background:var(--ink);color:var(--bone)}
.hero-ed__frame{
  aspect-ratio:16/9;
  min-height:560px;
  max-height:82vh;
  background-size:cover;background-position:center;
  filter:brightness(0.85);
}
.hero-ed__caption{
  position:absolute;left:clamp(32px,5vw,80px);bottom:clamp(40px,8vw,96px);
  max-width:540px;color:var(--bone);
}
.hero-ed__caption .kicker{color:#DDD4BE}
.hero-ed__caption h1{color:var(--bone);margin-bottom:18px;font-size:clamp(2.4rem,4.8vw,4rem)}
.hero-ed__caption h1 em{color:#E4C98A}
.hero-ed__lede{font-size:1.05rem;max-width:480px;margin-bottom:26px;color:#EDE6D5}
.hero-ed__ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-ed__credit{
  position:absolute;right:32px;bottom:20px;
  font-family:"EB Garamond",serif;font-style:italic;
  font-size:0.82rem;color:#D7CEBB;max-width:320px;text-align:right;
}
@media(max-width:780px){
  .hero-ed__frame{min-height:480px}
  .hero-ed__credit{position:static;padding:12px 24px;background:var(--ink);text-align:left;max-width:none}
}

/* Buttons */
.btn{
  display:inline-block;
  font-family:"Inter Tight",sans-serif;
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.22em;
  text-transform:uppercase;
  padding:14px 26px;
  border:1px solid var(--ink);
  background:var(--ink);
  color:var(--bone);
  cursor:pointer;
  transition:all 0.18s ease;
  line-height:1;
}
.btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bone);text-decoration:none}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--bone)}
.btn--wide{display:block;width:100%;text-align:center;padding:16px 24px}
.hero-ed .btn--ghost{color:var(--bone);border-color:var(--bone)}
.hero-ed .btn--ghost:hover{background:var(--bone);color:var(--ink)}
.hero-ed .btn--ink{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.hero-ed .btn--ink:hover{background:var(--accent);color:var(--bone);border-color:var(--accent)}

.arrow-link{
  font-family:"Inter Tight",sans-serif;
  font-size:0.78rem;
  font-weight:500;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--ink);
  border-bottom:1px solid var(--ink);
  padding-bottom:2px;
  display:inline-flex;gap:10px;align-items:baseline;
}
.arrow-link:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}
.arrow-link span{transition:transform .18s ease;display:inline-block}
.arrow-link:hover span{transform:translateX(4px)}

/* Value line (below hero) */
.value-line{background:var(--bone);border-bottom:1px solid var(--rule);padding:44px 0}
.value-line__row{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.value-line__row > div{border-left:1px solid var(--rule);padding-left:18px}
.value-line__row > div:first-child{border-left:0;padding-left:0}
.value-line__row p{font-size:0.9rem;color:var(--ink);max-width:24ch}
@media(max-width:880px){.value-line__row{grid-template-columns:1fr 1fr;gap:24px}.value-line__row > div:nth-child(3){border-left:0;padding-left:0}}

/* The Edit (home) */
.edit{padding:96px 0;background:var(--bone)}
.edit__head{max-width:760px;margin:0 0 44px}
.edit__head h2{margin-bottom:14px}
.edit__sub{color:var(--mute);font-size:1rem;max-width:60ch}
.edit__more{margin-top:44px}

/* Piece grid + cards (PLP + home) */
.piece-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}
.piece-grid--editorial{grid-template-columns:repeat(6,1fr)}
.piece-grid--editorial .piece-card{grid-column:span 2}
.piece-grid--editorial .piece-card--wide{grid-column:span 4}
.piece-grid--editorial .piece-card--wide .piece-card__fig{aspect-ratio:16/10}
@media(max-width:1000px){.piece-grid{grid-template-columns:repeat(2,1fr)}.piece-grid--editorial{grid-template-columns:repeat(2,1fr)}.piece-grid--editorial .piece-card,.piece-grid--editorial .piece-card--wide{grid-column:span 1}.piece-grid--editorial .piece-card--wide .piece-card__fig{aspect-ratio:3/4}}
@media(max-width:580px){.piece-grid,.piece-grid--editorial{grid-template-columns:1fr}}

.piece-card{background:transparent}
.piece-card__link{display:block;color:var(--ink)}
.piece-card__link:hover{text-decoration:none}
.piece-card__fig{aspect-ratio:3/4;overflow:hidden;background:#EEE9DF;margin-bottom:14px}
.piece-card__fig img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease, transform .9s ease}
.piece-card__link:hover .piece-card__fig img{opacity:0.92;transform:scale(1.015)}
.piece-card__kicker{display:block;font-size:0.64rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.piece-card__title{font-family:"EB Garamond",serif;font-size:1.12rem;font-weight:500;line-height:1.3;margin-bottom:6px;color:var(--ink)}
.piece-card__price{display:flex;justify-content:space-between;align-items:baseline;font-size:0.86rem;font-variant-numeric:tabular-nums}
.piece-card__price .unit{color:var(--mute);font-size:0.72rem;letter-spacing:0.04em}
.piece-card__tier{color:var(--mute);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase}

/* Department row (home) */
.dept-row{padding:96px 0;background:var(--paper);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.dept-row h2{text-align:center;margin-bottom:44px}
.dept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:880px){.dept-grid{grid-template-columns:repeat(2,1fr)}}
.dept{position:relative;aspect-ratio:3/4;overflow:hidden;display:block;background:#EEE9DF}
.dept__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .9s ease;filter:brightness(0.9)}
.dept:hover .dept__img{transform:scale(1.04)}
.dept__label{position:absolute;left:20px;bottom:18px;color:var(--bone);text-shadow:0 1px 8px rgba(0,0,0,.4)}
.dept__label .kicker{color:#E4C98A;margin-bottom:4px}
.dept__label h3{font-family:"EB Garamond",serif;font-size:1.5rem;font-weight:500;font-style:italic}

/* Journal lead (home) */
.journal-lead{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:var(--paper)}
.journal-lead__img{background-size:cover;background-position:center}
.journal-lead__copy{padding:clamp(48px,6vw,96px) clamp(32px,5vw,80px);display:flex;flex-direction:column;justify-content:center;max-width:640px}
.journal-lead__copy h2{margin-bottom:20px}
@media(max-width:880px){.journal-lead{grid-template-columns:1fr}.journal-lead__img{min-height:360px}}

/* Drop cap */
.drop-cap::first-letter{
  font-family:"EB Garamond",serif;
  font-weight:500;
  font-size:4.2em;
  line-height:0.88;
  float:left;
  padding:6px 10px 0 0;
  color:var(--accent);
}

/* Invitation (CTA band) */
.invitation{background:var(--ink);color:var(--bone);padding:96px 0;border-top:1px solid var(--rule-dark)}
.invitation .kicker{color:#DDD4BE}
.invitation h2{color:var(--bone);margin-bottom:14px}
.invitation h2 em{color:#E4C98A}
.invitation__lede{color:#D7CEBB;max-width:56ch;margin:0 auto 24px;font-size:1.02rem}
.invitation .btn{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.invitation .btn:hover{background:var(--accent);color:var(--bone);border-color:var(--accent)}

/* Page masthead (interior) */
.page-mast{padding:56px 0 28px;border-bottom:1px solid var(--rule);background:var(--bone)}
.page-mast h1{margin:10px 0 14px}
.page-mast__sub{color:var(--mute);font-size:1.05rem;max-width:56ch}
.page-mast__note{margin-top:14px;font-family:"EB Garamond",serif;font-style:italic;color:var(--accent);font-size:0.98rem}
.crumbs{font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--mute);margin-bottom:12px;display:flex;gap:10px;flex-wrap:wrap}
.crumbs a{color:var(--mute)}
.crumbs a:hover{color:var(--accent);text-decoration:none}

/* Collection layout */
.coll-layout{display:grid;grid-template-columns:220px 1fr;gap:56px}
@media(max-width:880px){.coll-layout{grid-template-columns:1fr;gap:32px}}
.refine h4{margin-bottom:16px}
.refine details{border-top:1px solid var(--rule);padding:14px 0}
.refine details:last-of-type{border-bottom:1px solid var(--rule)}
.refine summary{cursor:pointer;font-size:0.82rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);list-style:none;display:flex;justify-content:space-between}
.refine summary::after{content:"+";color:var(--mute)}
.refine details[open] summary::after{content:"−"}
.refine ul{list-style:none;padding:12px 0 0}
.refine li{padding:5px 0;font-size:0.88rem;color:var(--mute)}
.refine input{margin-right:10px}
.refine__note{font-size:0.78rem;color:var(--mute-2);margin-top:18px;font-family:"EB Garamond",serif}
.coll-bar{display:flex;justify-content:space-between;align-items:center;padding:0 0 18px;border-bottom:1px solid var(--rule);margin-bottom:32px}
.sort select{font-family:inherit;font-size:0.82rem;background:transparent;border:1px solid var(--rule);padding:6px 10px}
.sort .kicker{margin-bottom:0;margin-right:10px}

/* Collections index grid */
.coll-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 32px}
@media(max-width:720px){.coll-grid{grid-template-columns:1fr}}
.coll-card{display:grid;grid-template-columns:1fr;color:var(--ink);background:var(--paper);border:1px solid var(--rule)}
.coll-card:hover{text-decoration:none}
.coll-card__fig{aspect-ratio:4/3;overflow:hidden}
.coll-card__fig img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.coll-card:hover .coll-card__fig img{transform:scale(1.03)}
.coll-card__body{padding:28px 32px 32px}
.coll-card__body h3{margin-bottom:8px}
.coll-card__body p{color:var(--mute);margin-bottom:14px}

/* PDP */
.pdp{padding:32px 0 96px;background:var(--bone)}
.pdp__grid{max-width:1320px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:start}
@media(max-width:980px){.pdp__grid{grid-template-columns:1fr;gap:40px}}
.pdp__gallery{display:grid;grid-template-columns:1fr;gap:12px}
.gallery__tile{background:#EEE9DF;overflow:hidden}
.gallery__tile img{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover}
.pdp__info{position:sticky;top:140px;align-self:start}
@media(max-width:980px){.pdp__info{position:static}}
.pdp__title{font-size:clamp(1.9rem,3vw,2.4rem);margin:8px 0 14px}
.pdp__price{font-family:"EB Garamond",serif;font-size:1.6rem;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:12px;margin-bottom:6px;color:var(--ink)}
.pdp__price .unit{font-family:"Inter Tight",sans-serif;font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--mute)}
.pdp__moq{font-family:"EB Garamond",serif;font-style:italic;color:var(--mute);font-size:0.95rem;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--rule)}
.pdp__section{padding:18px 0;border-bottom:1px solid var(--rule)}
.pdp__desc{font-size:0.98rem;line-height:1.7;color:var(--ink-90)}
.pdp__ctas{display:grid;gap:10px;margin:24px 0}

/* Margin figure */
.margin-fig{border:1px solid var(--rule);background:var(--paper);padding:4px 0}
.margin-fig__row{display:flex;justify-content:space-between;padding:10px 18px;font-size:0.9rem;border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums}
.margin-fig__row:last-child{border-bottom:0}
.margin-fig__row span:first-child{color:var(--mute);font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:500}
.margin-fig__row .num{font-family:"EB Garamond",serif;font-size:1.15rem;font-variant-numeric:tabular-nums}
.margin-fig__row--accent{background:var(--bone)}
.margin-fig__row--accent .num{color:var(--accent);font-weight:600}

/* Tier table */
.tier-table{width:100%;border-collapse:collapse;font-size:0.9rem;margin-top:10px;font-variant-numeric:tabular-nums}
.tier-table th,.tier-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--rule)}
.tier-table th{font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--mute);font-weight:600;padding-bottom:6px}
.tier-table .num{font-family:"EB Garamond",serif;font-size:1.02rem}
.tier-table tr:last-child td{border-bottom:0}
.tier-table--wide{margin:18px 0 32px;border-top:1px solid var(--ink)}
.tier-table--wide th{border-bottom:1px solid var(--rule);padding:12px}

/* Spec list */
.spec{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--rule);font-size:0.86rem}
.spec dt{color:var(--mute);font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;padding:6px 0}
.spec dd{padding:6px 0;color:var(--ink)}

/* Wholesale / editorial-steps */
.editorial-steps{list-style:none;counter-reset:step;margin:18px 0 40px}
.editorial-steps li{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--rule)}
.editorial-steps .kicker{margin-bottom:0;padding-top:2px}
.editorial-steps strong{font-family:"EB Garamond",serif;font-weight:500;font-size:1.18rem;display:block;margin-bottom:4px;color:var(--ink)}
.ed-bullets{list-style:none;margin:16px 0 32px;padding:0}
.ed-bullets li{padding:10px 0 10px 20px;border-bottom:1px solid var(--rule);position:relative}
.ed-bullets li::before{content:"—";position:absolute;left:0;color:var(--accent)}

/* Article (about) */
.article p{margin-bottom:18px;font-size:1.02rem;line-height:1.75}
.article h2{margin-top:40px}
.article .pull, .pull{
  font-family:"EB Garamond",serif;font-style:italic;
  font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.35;
  border-left:2px solid var(--accent);padding:8px 0 8px 24px;margin:32px 0;color:var(--ink)
}
.article__fig{margin:36px 0}
.article__fig-img{aspect-ratio:3/2;background-size:cover;background-position:center}
.article__fig figcaption{font-family:"EB Garamond",serif;font-style:italic;color:var(--mute);font-size:0.9rem;margin-top:10px}

/* Lookbook */
.lookbook-mast{padding:96px 0 56px;background:var(--paper);border-bottom:1px solid var(--rule)}
.lookbook-mast__title{margin-bottom:14px}
.lookbook-mast__byline{font-family:"EB Garamond",serif;font-style:italic;color:var(--mute);margin-bottom:18px}
.lookbook-mast__lede{color:var(--ink);font-size:1.08rem;max-width:52ch;margin:0 auto}
.spread{background:var(--bone)}
.spread--full{padding:0}
.spread--full .spread__img{aspect-ratio:16/9;min-height:620px;background-size:cover;background-position:center}
.spread--full .spread__cap{padding:40px clamp(32px,5vw,80px) 80px;max-width:740px;margin:0 auto}
.spread--full .spread__cap.spread__cap--center{text-align:center}
.spread--split{display:grid;grid-template-columns:1.1fr 1fr;min-height:720px;background:var(--paper)}
.spread--split.spread--rev{grid-template-columns:1fr 1.1fr}
.spread--split.spread--rev .spread__img{order:2}
.spread__img--tall{background-size:cover;background-position:center;min-height:560px}
.spread__cap{padding:clamp(40px,5vw,80px) clamp(32px,5vw,64px);display:flex;flex-direction:column;justify-content:center;gap:14px;max-width:520px}
.spread__cap.spread__cap--right{justify-self:end}
@media(max-width:880px){.spread--split,.spread--split.spread--rev{grid-template-columns:1fr}.spread--split .spread__img,.spread--split.spread--rev .spread__img{order:0;min-height:420px}}

/* Visit */
.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
@media(max-width:880px){.visit-grid{grid-template-columns:1fr}}
.visit__addr{font-family:"EB Garamond",serif;font-size:1.4rem;line-height:1.3;margin-bottom:18px;font-style:italic}
.visit-grid h2{margin-bottom:14px}
.visit-grid h3,.contact-grid h3{margin-top:18px;margin-bottom:4px}
.visit-grid p{margin-bottom:14px;color:var(--ink)}
.map-fig{margin:0}
.map-fig__placeholder{aspect-ratio:4/3;background:#EEE9DF;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--mute);font-family:"EB Garamond",serif;font-style:italic;padding:32px;border:1px solid var(--rule)}
.map-fig figcaption{font-family:"EB Garamond",serif;font-style:italic;color:var(--mute);font-size:0.88rem;margin-top:10px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:start}
@media(max-width:880px){.contact-grid{grid-template-columns:1fr}}

/* Forms */
.ed-form{background:var(--paper);border:1px solid var(--rule);padding:32px 28px}
.ed-form fieldset{border:0;padding:0;margin-bottom:28px}
.ed-form legend{margin-bottom:14px}
.ed-form label{display:block;margin-bottom:16px;font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--mute);font-weight:500}
.ed-form input,.ed-form select,.ed-form textarea{
  display:block;width:100%;margin-top:6px;
  padding:12px 14px;
  font-family:"Inter Tight",sans-serif;font-size:0.95rem;
  color:var(--ink);background:var(--bone);
  border:1px solid var(--rule);text-transform:none;letter-spacing:0;
}
.ed-form input:focus,.ed-form select:focus,.ed-form textarea:focus{outline:none;border-color:var(--ink);background:var(--paper)}
.ed-form__actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}

/* Footer */
.footer{background:var(--ink);color:#DDD4BE;padding:72px 0 28px;border-top:1px solid var(--rule-dark)}
.footer__top{max-width:1320px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
@media(max-width:880px){.footer__top{grid-template-columns:1fr 1fr;gap:32px}}
.footer__wordmark{font-family:"EB Garamond",serif;font-size:1.6rem;letter-spacing:0.28em;color:var(--bone);margin-bottom:18px}
.footer__byline{font-family:"EB Garamond",serif;color:#C8BFA8;margin-bottom:22px;font-size:0.98rem;max-width:42ch;line-height:1.6}
.footer__byline em{color:#E4C98A}
.footer h4.kicker{color:#E4C98A;margin-bottom:14px}
.footer ul{list-style:none}
.footer li{padding:5px 0;font-size:0.88rem}
.footer a{color:#C8BFA8}
.footer a:hover{color:var(--bone);text-decoration:none}
.footer__note{font-size:0.8rem;color:#A59E91;margin-bottom:10px;font-family:"EB Garamond",serif;font-style:italic}
.footer__social{margin-top:10px;color:#A59E91;font-size:0.8rem;letter-spacing:0.1em}
.subscribe__row{display:flex;border:1px solid #4A4540;background:#1B1916}
.subscribe input{flex:1;padding:12px 14px;background:transparent;border:0;color:var(--bone);font-family:inherit;font-size:0.88rem}
.subscribe input:focus{outline:none}
.subscribe button{border:0;background:transparent;color:#E4C98A;padding:0 18px;font-size:0.72rem;letter-spacing:0.22em;text-transform:uppercase;cursor:pointer;border-left:1px solid #4A4540}
.subscribe button:hover{background:var(--accent);color:var(--bone)}
.footer__rule{height:1px;background:var(--rule-dark);margin:44px 32px 22px;max-width:1320px;margin-left:auto;margin-right:auto}
.footer__meta{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:0.74rem;letter-spacing:0.12em;text-transform:uppercase;color:#8F887A}
.footer__legal{display:flex;gap:10px;flex-wrap:wrap}
.footer__legal a{color:#8F887A}

/* Responsive mast */
@media(max-width:720px){
  .masthead__row{grid-template-columns:auto auto auto;padding:16px 20px 8px}
  .mast-cta, .mast-link{font-size:0.62rem;letter-spacing:0.12em}
  .wordmark{font-size:1.5rem;letter-spacing:0.22em}
  .nav{gap:14px;padding:10px 16px 14px}
  .nav__link{font-size:0.62rem;letter-spacing:0.14em}
  .hero-ed__caption{left:24px;right:24px;max-width:none}
  .pad-y{padding:64px 0}
  .edit{padding:64px 0}
  .dept-row{padding:64px 0}
  .invitation{padding:72px 0}
}
