:root{
  --paper:#f4f0e7;
  --ink:#151411;
  --muted:#6d675e;
  --line:rgba(21,20,17,.16);
  --charcoal:#181816;
  --serif:Georgia,"Times New Roman",serif;
  --sans:"Helvetica Neue",Arial,sans-serif;
  --max:1480px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);line-height:1.45;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility
}
a{color:inherit;text-decoration:none}
a:hover{opacity:1}
img{display:block;width:100%;height:auto}
.wrap{width:min(calc(100% - 78px),var(--max));margin:0 auto}
.skip{position:absolute!important;left:-10000px!important;top:auto!important;width:1px;height:1px;overflow:hidden}
.skip:focus{left:18px!important;top:18px!important;width:auto;height:auto;background:white;padding:10px 14px;z-index:999}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(247,243,235,.965);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(21,20,17,.16);
}
.masthead{
  min-height:112px;
  display:grid;
  grid-template-columns:minmax(285px,1fr) minmax(410px,1.25fr) minmax(350px,1fr);
  align-items:center;
  gap:34px;
}
.masthead-place{
  min-width:0;
  padding-right:34px;
  border-right:1px solid rgba(21,20,17,.18);
}
.masthead-city{
  display:flex;
  align-items:center;
  gap:14px;
  font-family:var(--serif);
  font-size:17px;
  line-height:1;
  font-style:italic;
  color:#302d28;
}
.masthead-city-rule{
  display:block;
  width:54px;
  height:1px;
  background:#9a7d5e;
  opacity:.72;
}
.masthead-disciplines{
  margin-top:14px;
  font-size:8px;
  line-height:1.3;
  letter-spacing:.19em;
  text-transform:uppercase;
  white-space:nowrap;
  color:var(--muted);
}
.masthead-identity{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.brand{
  display:block;
  font-family:var(--serif);
  font-size:28px;
  line-height:1;
  letter-spacing:.22em;
  white-space:nowrap;
  color:var(--ink);
}
.masthead-tagline{
  display:block;
  margin-top:12px;
  font-family:var(--serif);
  font-size:14px;
  line-height:1.2;
  letter-spacing:.045em;
  font-style:italic;
  color:#4a453e;
  white-space:nowrap;
}
.navlinks{
  min-width:0;
  padding-left:32px;
  border-left:1px solid rgba(21,20,17,.18);
  display:flex!important;
  justify-content:flex-end;
  align-items:center;
  gap:28px!important;
  font-size:9px;
  line-height:1;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.navlinks a{
  display:inline-block;
  white-space:nowrap;
  position:relative;
  padding:8px 0;
}
.navlinks a[aria-current="page"]{
  border-bottom:0;
}
.navlinks a[aria-current="page"]:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:1px;
  background:#9a7d5e;
}
.navlinks a:hover{
  opacity:.62;
}

/* Keep the masthead authored and calm as the viewport narrows. */
@media(max-width:1250px){
  .masthead{
    grid-template-columns:minmax(220px,.8fr) minmax(360px,1.25fr) minmax(310px,1fr);
    gap:24px;
  }
  .masthead-place{padding-right:24px}
  .masthead-disciplines{font-size:7px;letter-spacing:.15em}
  .brand{font-size:25px}
  .masthead-tagline{font-size:13px}
  .navlinks{padding-left:24px;gap:20px!important;font-size:8px}
}
@media(max-width:980px){
  .masthead{
    min-height:82px;
    grid-template-columns:1fr auto;
    gap:26px;
  }
  .masthead-place{
    display:none;
  }
  .masthead-identity{
    align-items:flex-start;
    text-align:left;
  }
  .brand{
    font-size:21px;
    letter-spacing:.17em;
  }
  .masthead-tagline{
    margin-top:7px;
    font-size:12px;
    white-space:normal;
  }
  .navlinks{
    border-left:0;
    padding-left:0;
    gap:18px!important;
  }
}
@media(max-width:680px){
  .masthead{
    min-height:68px;
    grid-template-columns:1fr auto;
    gap:18px;
  }
  .masthead-tagline{
    display:none;
  }
  .brand{
    font-size:17px;
    letter-spacing:.14em;
  }
  .navlinks{
    gap:13px!important;
  }
  .navlinks a:nth-child(3),
  .navlinks a:nth-child(4){
    display:none;
  }
}

/* Approved-mockup hero: image spans full viewport, text floats over soft cream wash */
.hero{
  position:relative;min-height:635px;overflow:hidden;
  border-bottom:1px solid var(--line);background:#ded6ca
}
.hero-image{position:absolute;inset:0;z-index:0}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero-image:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,
    rgba(247,243,235,.99) 0%,
    rgba(247,243,235,.96) 26%,
    rgba(247,243,235,.79) 39%,
    rgba(247,243,235,.26) 54%,
    rgba(247,243,235,.02) 70%)
}
.hero-copy{
  position:relative;z-index:2;width:min(500px,42vw);
  min-height:635px;margin-left:max(48px,calc((100vw - 1480px)/2 + 39px));
  padding:74px 0 60px;
  display:flex;flex-direction:column;justify-content:center
}
.kicker,.eyebrow{
  font-size:9px;line-height:1.3;letter-spacing:.28em;
  text-transform:uppercase;color:var(--muted)
}
.hero h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(65px,6.7vw,104px);
  line-height:.84;letter-spacing:-.052em;
  margin:19px 0 25px
}
.hero-deck{
  max-width:455px;font-family:var(--serif);
  font-size:18px;line-height:1.34
}
.rule-link{
  display:inline-flex;align-items:center;gap:13px;
  margin-top:30px;font-size:9px;letter-spacing:.18em;text-transform:uppercase
}
.rule-link:before{content:"";width:42px;height:1px;background:currentColor}

/* Main editorial body */
.section{padding:56px 0 62px;border-bottom:1px solid var(--line)}
.section-head{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.63fr) auto;
  gap:45px;align-items:end;margin-bottom:25px
}
.h2{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(38px,4vw,61px);line-height:.98;
  letter-spacing:-.042em;margin:7px 0 0;
  white-space:nowrap
}
.intro{
  font-family:var(--serif);font-size:16px;line-height:1.38;
  color:#4c4841;max-width:370px
}
.all-work{
  align-self:end;font-size:8px;letter-spacing:.17em;
  text-transform:uppercase;white-space:nowrap;padding-bottom:5px
}
.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.work-card{min-width:0}
.work-card img{height:205px;object-fit:cover}
.card-meta{font-size:8px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);margin-top:11px}
.card-title{font-family:var(--serif);font-size:24px;line-height:1.02;margin-top:3px}
.card-desc{font-family:var(--serif);font-size:14px;line-height:1.28;color:#4b4740;margin-top:5px;min-height:37px}
.mini{display:inline-block;margin-top:11px;font-size:8px;letter-spacing:.17em;text-transform:uppercase;border-bottom:1px solid}

.writing-title-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}
.writing-label{font-family:var(--serif);font-size:25px;letter-spacing:.035em}
.writing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.story{min-width:0}
.story img{height:150px;object-fit:cover}
.story-body{padding:10px 1px 0}
.story-cat{font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}
.story h3{font-family:var(--serif);font-weight:400;font-size:19px;line-height:1.05;margin:4px 0}
.story p{font-family:var(--serif);font-size:14px;line-height:1.25;color:#4b4740;margin:0}
.story time{display:block;margin-top:10px;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}



.impact{
  background:#f2ede4;
  color:var(--ink);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:44px 0 42px;
}
.impact:before{display:none!important}
.impact-grid{
  width:min(calc(100% - 78px),var(--max));
  margin:0 auto;
  display:grid;
  grid-template-columns:.8fr 1fr 1fr 1.25fr 1.2fr;
  align-items:stretch;
  gap:0;
}
.impact .stat{
  min-width:0;
  padding:4px 30px;
  border-left:1px solid rgba(21,20,17,.18);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.impact .stat:first-child{
  border-left:0;
  padding-left:0;
}
.impact .stat strong{
  font-family:var(--serif);
  font-weight:400;
  font-size:32px;
  line-height:1;
  letter-spacing:-.025em;
  color:var(--ink);
}
.impact .stat-long strong{
  font-size:27px;
  white-space:nowrap;
}
.impact .stat span{
  display:block;
  margin-top:12px;
  max-width:175px;
  font-size:8px;
  line-height:1.55;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--muted);
}
.impact-closing{
  border-left:1px solid rgba(21,20,17,.18);
  padding:3px 0 0 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.impact-rule{
  width:42px;
  height:1px;
  background:#9a7d5e;
  display:block;
  margin-bottom:15px;
}
.impact-closing p{
  margin:0;
  font-family:var(--serif);
  font-size:17px;
  line-height:1.34;
  color:#403b35;
}

.page-hero{padding:105px 0 74px;border-bottom:1px solid var(--line)}
.page-hero .h2{white-space:normal;max-width:1020px}
.page-deck{font-family:var(--serif);font-size:22px;max-width:780px;color:#4b4740;margin-top:24px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:76px}
.prose{font-family:var(--serif);font-size:18px;line-height:1.58}
.prose p{margin:0 0 1.2em}
.project{padding:72px 0;border-bottom:1px solid var(--line)}
.project-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:74px}
.project h2{font-family:var(--serif);font-size:50px;line-height:.96;font-weight:400;margin:8px 0 20px}
.project img{max-height:500px;object-fit:cover}
.proof{margin-top:23px;border-top:1px solid var(--line)}
.proof-row{display:grid;grid-template-columns:150px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:13px 0}
.proof-row span:first-child{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.press-list{list-style:none;padding:0;margin:0}
.press-list li{border-top:1px solid var(--line);padding:22px 0}
.press-row{display:grid;grid-template-columns:170px 1fr 85px;gap:22px;align-items:baseline}
.press-source{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}
.press-title{font-family:var(--serif);font-size:23px;line-height:1.12}
.press-date{font-size:9px;color:var(--muted);text-align:right}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:74px}
.form{display:grid;gap:17px}
.form label{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.form input,.form textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px 0 14px;outline:none}
.form textarea{min-height:125px;resize:vertical}
.form button{justify-self:start;border:1px solid var(--ink);background:transparent;padding:13px 22px;font-size:8px;text-transform:uppercase;letter-spacing:.18em;cursor:pointer}


.footer{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.025),transparent 32%),
    linear-gradient(180deg,#1a1917 0%,#121210 100%);
  color:#eee8dd;
  border-top:1px solid rgba(255,255,255,.10);
  padding:60px 0 46px;
}
.footer-grid-final{
  display:grid;
  grid-template-columns:1.25fr .6fr 1fr;
  gap:78px;
  align-items:start;
}
.footer-brand-block{
  min-width:0;
}
.footer-name{
  font-family:var(--serif);
  font-size:24px;
  line-height:1;
  letter-spacing:.14em;
  color:#f2ede3;
}
.footer-place{
  margin-top:13px;
  font-size:9px;
  letter-spacing:.19em;
  text-transform:uppercase;
  color:#aaa398;
}
.footer-rule{
  display:block;
  width:48px;
  height:1px;
  background:#9a7d5e;
  margin:26px 0 22px;
}
.footer-thesis{
  max-width:420px;
  font-family:var(--serif);
  font-size:20px;
  line-height:1.35;
  font-style:italic;
  color:#d5cdc0;
}
.footer-legal{
  margin-top:40px;
  font-size:8px;
  line-height:1.5;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#847e75;
}
.footer-nav-final{
  display:flex;
  flex-direction:column;
  gap:13px;
  padding-top:2px;
}
.footer-nav-final a{
  width:max-content;
  font-family:var(--serif);
  font-size:15px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#e8e1d6;
}
.footer-signature{
  position:relative;
  min-height:155px;
  padding-left:48px;
  border-left:1px solid rgba(255,255,255,.22);
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}
.footer-monogram{
  font-family:var(--serif);
  font-size:42px;
  line-height:1;
  letter-spacing:-.08em;
  color:#a77f58;
  opacity:.92;
}
.footer-ideas{
  margin-top:auto;
  font-size:8px;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:#9c958b;
}

@media(max-width:1100px){
  .h2{white-space:normal}
  .section-head{grid-template-columns:1fr .65fr}
  .section-head .all-work{display:none}
}
@media(max-width:900px){
  .hero{min-height:730px}
  .hero-image img{object-position:62% center}
  .hero-image:after{
    background:linear-gradient(180deg,
      rgba(247,243,235,.05) 0%,
      rgba(247,243,235,.10) 32%,
      rgba(247,243,235,.88) 67%,
      rgba(247,243,235,.99) 100%)
  }
  .hero-copy{
    width:auto;min-height:730px;margin:0;
    padding:390px 34px 50px;justify-content:flex-end
  }
  .work-grid{grid-template-columns:repeat(2,1fr)}
  .writing-grid{grid-template-columns:1fr}
  .section-head,.two,.project-grid,.contact-grid{grid-template-columns:1fr}
  .impact-grid{grid-template-columns:1fr 1fr}
  .quote{grid-column:1/-1;margin-bottom:20px}
}
@media(max-width:680px){
  .wrap{width:min(calc(100% - 34px),var(--max))}
  .nav{min-height:62px}
  .brand{font-size:17px}
  .navlinks{gap:13px!important}
  .navlinks a:nth-child(3),.navlinks a:nth-child(4){display:none}
  .hero h1{font-size:58px}
  .hero-deck{font-size:18px}
  .section{padding:48px 0 52px}
  .work-grid{grid-template-columns:1fr}
  .work-card img{height:245px}
  .writing-title-row{align-items:flex-start;gap:14px}
  .story img{height:180px}
  .impact-grid{grid-template-columns:1fr;width:min(calc(100% - 34px),var(--max))}
  .stat{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:15px 0}
  .press-row{grid-template-columns:1fr}
  .press-date{text-align:left}
  .footer-row{flex-direction:column;align-items:flex-start}
}
@media(max-width:900px){
  .impact-grid{
    grid-template-columns:1fr 1fr;
  }
  .quote{
    grid-column:1/-1;
    max-width:680px;
    padding:0 0 24px;
  }
  .stat{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.18);
    padding:18px 10px 18px 0;
  }
  .footer-grid-new{
    grid-template-columns:1fr 1fr;
  }
  .footer-nav{
    grid-column:1/-1;
    justify-content:flex-start;
  }
}
@media(max-width:680px){
  .impact-grid{
    grid-template-columns:1fr;
    width:min(calc(100% - 34px),var(--max));
  }
  .stat{
    padding:16px 0;
  }
  .stat-long strong{
    white-space:normal;
  }
  .footer-grid-new{
    grid-template-columns:1fr;
    gap:24px;
  }
  .footer-nav{
    grid-column:auto;
  }
}


/* V12 final footer responsive overrides */
@media(max-width:1050px){
  .impact-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .impact .stat,
  .impact .stat:first-child,
  .impact-closing{
    border-left:0;
    border-top:1px solid rgba(21,20,17,.14);
    padding:22px 18px 22px 0;
  }
  .impact .stat:first-child,
  .impact .stat:nth-child(2){
    border-top:0;
  }
  .impact-closing{
    grid-column:1/-1;
  }
  .footer-grid-final{
    grid-template-columns:1.2fr .7fr;
    gap:48px;
  }
  .footer-signature{
    grid-column:1/-1;
    min-height:auto;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.18);
    padding:28px 0 0;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }
  .footer-ideas{margin-top:0}
}
@media(max-width:680px){
  .impact{
    padding:34px 0;
  }
  .impact-grid{
    width:min(calc(100% - 34px),var(--max));
    grid-template-columns:1fr;
  }
  .impact .stat,
  .impact .stat:first-child,
  .impact .stat:nth-child(2),
  .impact-closing{
    border-top:1px solid rgba(21,20,17,.14);
    padding:20px 0;
  }
  .impact .stat:first-child{
    border-top:0;
  }
  .impact .stat-long strong{
    white-space:normal;
  }
  .footer{
    padding:44px 0 34px;
  }
  .footer-grid-final{
    grid-template-columns:1fr;
    gap:36px;
  }
  .footer-nav-final{
    border-top:1px solid rgba(255,255,255,.14);
    padding-top:28px;
  }
  .footer-signature{
    grid-column:auto;
  }
}


/* V13 literary masthead final cascade protection */
@media(max-width:980px){
  .site-header .masthead{min-height:82px;display:grid;grid-template-columns:1fr auto;align-items:center}
  .site-header .masthead-place{display:none}
  .site-header .masthead-identity{align-items:flex-start;text-align:left}
  .site-header .brand{font-size:21px;letter-spacing:.17em}
  .site-header .masthead-tagline{display:block;margin-top:7px;font-size:12px;white-space:normal}
  .site-header .navlinks{display:flex!important;border-left:0;padding-left:0;gap:18px!important}
}
@media(max-width:680px){
  .site-header .masthead{min-height:68px;grid-template-columns:1fr auto;gap:18px}
  .site-header .masthead-tagline{display:none}
  .site-header .brand{font-size:17px;letter-spacing:.14em}
  .site-header .navlinks{gap:13px!important}
  .site-header .navlinks a:nth-child(3),
  .site-header .navlinks a:nth-child(4){display:none}
}


/* V16 — approved portrait/editorial interlude directly below homepage hero */
.portrait-story{
  background:var(--paper);
  border-bottom:1px solid var(--line);
  padding:22px 0 36px;
}
.portrait-story-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:clamp(54px,7vw,112px);
  align-items:center;
}
.portrait-story-media{
  margin:0;
}
.portrait-story-media img{
  width:100%;
  aspect-ratio:1.26/1;
  object-fit:cover;
  object-position:center top;
}
.portrait-story-media figcaption{
  margin-top:9px;
  font-family:var(--serif);
  font-size:11px;
  line-height:1.2;
  font-style:italic;
  color:#5f594f;
}
.portrait-story-copy{
  max-width:600px;
  padding-right:clamp(0px,2vw,34px);
}
.portrait-story-copy:before{
  content:"";
  display:block;
  width:44px;
  height:1px;
  background:#9a7d5e;
  opacity:.72;
  margin-bottom:30px;
}
.portrait-story-copy h2{
  margin:0 0 18px;
  font-family:var(--serif);
  font-size:clamp(46px,4.7vw,72px);
  line-height:.96;
  font-weight:400;
  letter-spacing:-.045em;
}
.portrait-story-copy p{
  margin:0;
  max-width:570px;
  font-family:var(--serif);
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.36;
  color:#302d28;
}
.portrait-story-copy .portrait-story-closing{
  margin-top:24px;
  color:var(--ink);
}
.portrait-signature{
  width:190px;
  height:auto;
  margin-top:19px;
}
@media(max-width:980px){
  .portrait-story{
    padding:22px 0 42px;
  }
  .portrait-story-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
  .portrait-story-copy{
    max-width:760px;
    padding-right:0;
  }
  .portrait-story-copy:before{
    margin-bottom:24px;
  }
  .portrait-story-copy h2{
    font-size:clamp(44px,9vw,65px);
  }
  .portrait-story-copy p{
    font-size:18px;
    max-width:690px;
  }
}
@media(max-width:680px){
  .portrait-story{
    padding:17px 0 38px;
  }
  .portrait-story-grid{
    gap:28px;
  }
  .portrait-story-media figcaption{
    margin-top:8px;
    font-size:10px;
  }
  .portrait-story-copy:before{
    width:36px;
    margin-bottom:21px;
  }
  .portrait-story-copy h2{
    margin-bottom:15px;
    font-size:46px;
  }
  .portrait-story-copy p{
    font-size:17px;
    line-height:1.4;
  }
  .portrait-story-copy .portrait-story-closing{
    margin-top:20px;
  }
  .portrait-signature{
    width:165px;
    margin-top:17px;
  }
}

/* V20 — award refinement */
:focus-visible{outline:2px solid #9a7d5e;outline-offset:4px}
a,button,input,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,opacity .18s ease}
.navlinks a:after,.footer-nav-minimal a:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:#9a7d5e;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.navlinks a:hover:after,.footer-nav-minimal a:hover:after{transform:scaleX(1)}.navlinks a[aria-current="page"]:after{transform:scaleX(1)}
.rule-link:hover,.mini:hover,.all-work:hover{transform:translateX(3px)}.work-card img,.story img,.project-media img{transition:transform .22s ease,filter .22s ease}.work-card:hover img,.story:hover img{transform:scale(1.012)}.work-card:hover .mini{transform:translateX(3px)}
.menu-toggle{display:none;appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;font-size:9px;letter-spacing:.17em;text-transform:uppercase;padding:12px 0;cursor:pointer}.menu-toggle span{display:block;border-bottom:1px solid #9a7d5e;padding-bottom:4px}
.footer{padding:48px 0 40px}.footer-minimal{display:grid;grid-template-columns:1fr auto;gap:56px;align-items:end}.footer-identity{min-width:0}.footer-name{font-family:var(--serif);font-size:22px;line-height:1;letter-spacing:.14em;color:#f2ede3}.footer-place{margin-top:12px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#aaa398}.footer-legal{margin-top:24px;font-size:8px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:#847e75}.footer-nav-minimal{display:flex;align-items:center;gap:25px;padding-bottom:2px}.footer-nav-minimal a{position:relative;padding:8px 0;font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#e8e1d6}
.impact-grid-proof{grid-template-columns:repeat(4,1fr)}.impact-grid-proof .stat{min-height:92px}.impact-grid-proof .stat strong{font-size:clamp(25px,2.1vw,32px)}
.about-editorial{padding-top:64px;padding-bottom:78px}.about-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(54px,8vw,128px);align-items:start}.about-portrait{margin:0}.about-portrait img{aspect-ratio:1/1;object-fit:cover}.about-portrait figcaption{margin-top:10px;font-family:var(--serif);font-size:11px;font-style:italic;color:#5f594f}.about-copy{max-width:760px;padding-top:4px}.about-copy p{font-family:var(--serif);font-size:18px;line-height:1.55;margin:0 0 1.25em}.about-copy .about-lead{font-size:clamp(24px,2.3vw,34px);line-height:1.24;letter-spacing:-.018em;color:var(--ink);margin-bottom:30px}.about-roles{margin-top:42px;border-top:1px solid var(--line)}.about-roles div{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:15px 0;border-bottom:1px solid var(--line)}.about-roles span{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.about-roles strong{font-family:var(--serif);font-size:17px;font-weight:400}
.project-media,.project-copy{min-width:0}.project-alt .project-media{order:2}.project-alt .project-copy{order:1}.project .eyebrow{color:#776b5d}.project img{aspect-ratio:1.52/1;object-fit:cover}
.press-list li{padding:0}.press-row{position:relative;grid-template-columns:190px minmax(0,1fr) 70px 22px;gap:24px;align-items:center;padding:23px 0}.press-row:hover .press-title{color:#6c5239}.press-source{display:flex;flex-direction:column;gap:5px;font-size:9px;letter-spacing:.12em}.press-source span{color:#9a7d5e;font-size:7px;letter-spacing:.19em}.press-arrow{font-family:var(--serif);font-size:17px;text-align:right;transition:transform .18s ease}.press-row:hover .press-arrow{transform:translate(2px,-2px)}
.form input,.form textarea{font:inherit;color:var(--ink);outline:none;border-bottom:1px solid rgba(21,20,17,.28)}.form input:focus,.form textarea:focus{border-bottom-color:#9a7d5e;box-shadow:0 1px 0 #9a7d5e}.form button:hover{background:var(--ink);color:var(--paper)}
@media(max-width:680px){.site-header .masthead{position:relative;grid-template-columns:1fr auto}.site-header .menu-toggle{display:block}.site-header .navlinks{display:none!important;position:absolute;top:100%;left:-17px;right:-17px;padding:18px 17px 20px;background:rgba(247,243,235,.99);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:2px!important;box-shadow:0 12px 24px rgba(21,20,17,.06)}.site-header .navlinks.is-open{display:flex!important}.site-header .navlinks a,.site-header .navlinks a:nth-child(3),.site-header .navlinks a:nth-child(4){display:block;width:100%;padding:12px 0;font-size:10px;min-height:42px}.footer-minimal{grid-template-columns:1fr;gap:28px;align-items:start}.footer-nav-minimal{border-top:1px solid rgba(255,255,255,.14);padding-top:22px;flex-wrap:wrap;gap:12px 22px}.impact-grid-proof{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:34px}.about-portrait{max-width:430px}.about-copy .about-lead{font-size:27px}.about-roles div{grid-template-columns:125px 1fr}.project-alt .project-media,.project-alt .project-copy{order:initial}.press-row{grid-template-columns:1fr auto;gap:7px 18px;padding:20px 0}.press-source{grid-column:1/2}.press-title{grid-column:1/-1;font-size:21px}.press-date{grid-column:1/2;text-align:left}.press-arrow{grid-column:2/3;grid-row:1/2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* V26 — Press & Recognition
   Editorial case-study experience: image-led recognition + filterable evidence index. */

.press-page-v26{
  --v26-bronze:#95785a;
  --v26-wash:#eee7dc;
  --v26-ink:#171613;
  --v26-dark:#151513;
  --v26-dark-line:rgba(245,240,231,.17);
}
.press-page-v26 [id]{scroll-margin-top:118px}

/* Hero */
.press-v26-hero{padding-bottom:0}
.press-v26-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:clamp(72px,9vw,150px);
  align-items:end;
  padding-bottom:78px;
}
.press-v26-hero .h2{
  margin:0;
  font-size:clamp(68px,7.6vw,118px);
  line-height:.88;
  letter-spacing:-.058em;
}
.press-v26-hero-side{
  max-width:590px;
  padding-bottom:3px;
}
.press-v26-hero-side>p{
  margin:0 0 37px;
  max-width:530px;
  font-family:var(--serif);
  font-size:21px;
  line-height:1.47;
  color:#49443d;
}
.press-v26-jump{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.press-v26-jump a{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:82px;
  padding:16px 17px 15px 0;
  color:var(--ink);
}
.press-v26-jump a+a{
  border-left:1px solid var(--line);
  padding-left:17px;
}
.press-v26-jump a span{
  font-family:var(--serif);
  font-size:15px;
  color:#80684f;
}
.press-v26-jump a strong{
  font-size:7.5px;
  font-weight:400;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.press-v26-jump a:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:100%;
  height:2px;
  background:var(--v26-bronze);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease;
}
.press-v26-jump a:hover:after,
.press-v26-jump a.is-active:after{transform:scaleX(1)}

/* Recognition case studies */
.press-v26-case{
  padding:112px 0 124px;
  border-top:1px solid var(--line);
}
.press-v26-case-wash{background:var(--v26-wash)}
.press-v26-case-grid{
  display:grid;
  grid-template-columns:minmax(360px,.94fr) minmax(0,1.06fr);
  gap:clamp(70px,8.5vw,138px);
  align-items:center;
}
.press-v26-case-grid-reverse{
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);
}
.press-v26-visual{
  position:relative;
  margin:0;
  min-width:0;
}
.press-v26-visual img{
  display:block;
  width:100%;
  aspect-ratio:1.49/1;
  object-fit:cover;
  object-position:center;
}
.press-v26-visual-berber img{
  aspect-ratio:1.28/1;
  object-position:center center;
}
.press-v26-visual figcaption{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:10px;
  font-family:var(--serif);
  font-size:10.5px;
  font-style:italic;
  color:#5f594f;
}
.press-v26-proof{
  position:absolute;
  left:22px;
  bottom:37px;
  display:flex;
  align-items:flex-end;
  gap:14px;
  padding:16px 18px 15px;
  background:rgba(247,243,235,.94);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.press-v26-proof strong{
  font-family:var(--serif);
  font-size:38px;
  line-height:.8;
  font-weight:400;
}
.press-v26-proof span{
  font-size:6.5px;
  line-height:1.45;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.press-v26-case-copy{min-width:0}
.press-v26-case-copy h2{
  margin:19px 0 23px;
  font-family:var(--serif);
  font-size:clamp(58px,6vw,92px);
  line-height:.9;
  font-weight:400;
  letter-spacing:-.055em;
}
.press-v26-lead{
  margin:0 0 50px;
  max-width:780px;
  font-family:var(--serif);
  font-size:clamp(23px,2vw,31px);
  line-height:1.35;
  letter-spacing:-.012em;
  color:#36322d;
}
.press-v26-ledger{
  border-top:1px solid rgba(21,20,17,.28);
}
.press-v26-award{
  position:relative;
  display:grid;
  grid-template-columns:126px minmax(0,1fr) 24px;
  gap:26px;
  align-items:start;
  padding:29px 0 32px;
  border-bottom:1px solid rgba(21,20,17,.22);
  color:var(--ink);
}
.press-v26-award-static{
  grid-template-columns:126px minmax(0,1fr);
}
.press-v26-year{
  font-family:var(--serif);
  font-size:28px;
  line-height:1;
  letter-spacing:-.03em;
  color:#80684f;
}
.press-v26-distinction{
  margin-bottom:8px;
  font-size:7.5px;
  line-height:1.25;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#80684f;
}
.press-v26-award h3{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(23px,1.9vw,30px);
  line-height:1.12;
  font-weight:400;
  letter-spacing:-.021em;
}
.press-v26-award p{
  margin:10px 0 0;
  font-family:var(--serif);
  font-size:14px;
  line-height:1.4;
  color:#665f56;
}
.press-v26-arrow{
  font-family:var(--serif);
  font-size:18px;
  line-height:1;
  text-align:right;
  transition:transform .18s ease;
}
a.press-v26-award:hover h3{color:#694f38}
a.press-v26-award:hover .press-v26-arrow{transform:translate(3px,-3px)}
.press-v26-source-links{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:17px;
}
.press-v26-source-links a{
  width:max-content;
  padding-bottom:3px;
  border-bottom:1px solid rgba(128,104,79,.6);
  font-size:6.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#6f5944;
}

/* Press index: functional evidence archive */
.press-v26-index{
  padding:110px 0 112px;
  background:var(--v26-dark);
  color:#f2ede3;
}
.press-v26-index .eyebrow{color:#a9957d}
.press-v26-index-head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:clamp(70px,9vw,150px);
  align-items:end;
  padding-bottom:48px;
}
.press-v26-index-head h2{
  margin:15px 0 0;
  max-width:780px;
  font-family:var(--serif);
  font-size:clamp(55px,5.6vw,88px);
  line-height:.92;
  font-weight:400;
  letter-spacing:-.052em;
}
.press-v26-index-head>p{
  margin:0;
  max-width:530px;
  padding-bottom:7px;
  font-family:var(--serif);
  font-size:18px;
  line-height:1.5;
  color:#c7beb1;
}
.press-v26-controls{
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
  padding:18px 0 17px;
  border-top:1px solid var(--v26-dark-line);
  border-bottom:1px solid var(--v26-dark-line);
}
.press-v26-filter-group{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.press-v26-filter{
  appearance:none;
  border:1px solid rgba(244,240,231,.2);
  border-radius:999px;
  background:transparent;
  color:#cfc6b9;
  padding:8px 12px 7px;
  font:inherit;
  font-size:6.8px;
  letter-spacing:.16em;
  text-transform:uppercase;
  cursor:pointer;
}
.press-v26-filter:hover{border-color:#a9957d;color:#f2ede3}
.press-v26-filter.is-active{
  border-color:#a9957d;
  background:#a9957d;
  color:#171613;
}
.press-v26-count{
  flex:0 0 auto;
  font-size:7px;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#928a7e;
}
.press-v26-list{
  list-style:none;
  margin:0;
  padding:0;
}
.press-v26-row{
  border-bottom:1px solid var(--v26-dark-line);
}
.press-v26-row[hidden]{display:none!important}
.press-v26-row>a{
  display:grid;
  grid-template-columns:210px minmax(0,1fr) 65px 22px;
  gap:28px;
  align-items:center;
  min-height:100px;
  padding:20px 0;
}
.press-v26-row-feature>a{
  min-height:130px;
}
.press-v26-source{
  display:flex;
  flex-direction:column;
  gap:5px;
  font-size:7.5px;
  line-height:1.35;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#d4ccbf;
}
.press-v26-source span{
  font-size:6px;
  letter-spacing:.2em;
  color:#a9957d;
}
.press-v26-title{
  max-width:830px;
  font-family:var(--serif);
  font-size:22px;
  line-height:1.16;
  color:#f2ede3;
  transition:color .18s ease,transform .18s ease;
}
.press-v26-row-feature .press-v26-title{
  font-size:clamp(25px,2.2vw,33px);
  line-height:1.1;
}
.press-v26-year-small{
  font-size:7.5px;
  letter-spacing:.13em;
  text-align:right;
  color:#9f978c;
}
.press-v26-row-arrow{
  font-family:var(--serif);
  font-size:17px;
  text-align:right;
  color:#ddd3c5;
  transition:transform .18s ease;
}
.press-v26-row>a:hover .press-v26-title{
  color:#d8c2a7;
  transform:translateX(3px);
}
.press-v26-row>a:hover .press-v26-row-arrow{transform:translate(3px,-3px)}
.press-v26-source-note{
  display:grid;
  grid-template-columns:210px minmax(0,590px);
  gap:28px;
  padding-top:28px;
  color:#8f887e;
}
.press-v26-source-note span{
  font-size:6.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#a9957d;
}
.press-v26-source-note p{
  margin:0;
  font-family:var(--serif);
  font-size:13px;
  line-height:1.5;
}

/* reveal: quiet, and removed entirely for reduced motion */
.reveal-on-scroll{
  opacity:1;
  transform:none;
}
.js .reveal-on-scroll{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease,transform .55s ease;
}
.js .reveal-on-scroll.is-revealed{
  opacity:1;
  transform:none;
}

@media(max-width:980px){
  .press-v26-hero-grid,
  .press-v26-index-head{
    grid-template-columns:1fr;
    gap:42px;
  }
  .press-v26-case-grid,
  .press-v26-case-grid-reverse{
    grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr);
    gap:56px;
  }
  .press-v26-case-copy h2{font-size:58px}
  .press-v26-award,
  .press-v26-award-static{
    grid-template-columns:105px minmax(0,1fr) 20px;
    gap:21px;
  }
  .press-v26-award-static{grid-template-columns:105px minmax(0,1fr)}
  .press-v26-row>a{
    grid-template-columns:175px minmax(0,1fr) 58px 18px;
    gap:21px;
  }
  .press-v26-source-note{grid-template-columns:175px minmax(0,590px)}
}

@media(max-width:680px){
  .press-page-v26 [id]{scroll-margin-top:86px}
  .press-v26-hero{padding-top:68px}
  .press-v26-hero-grid{
    gap:32px;
    padding-bottom:44px;
  }
  .press-v26-hero .h2{
    font-size:58px;
    line-height:.91;
  }
  .press-v26-hero-side>p{
    margin-bottom:25px;
    font-size:17px;
  }
  .press-v26-jump{
    display:flex;
    overflow-x:auto;
    scrollbar-width:none;
    margin-right:-17px;
    padding-right:17px;
  }
  .press-v26-jump::-webkit-scrollbar{display:none}
  .press-v26-jump a{
    flex:0 0 142px;
    min-height:72px;
  }
  .press-v26-case{padding:66px 0 74px}
  .press-v26-case-grid,
  .press-v26-case-grid-reverse{
    grid-template-columns:1fr;
    gap:43px;
  }
  .press-v26-case-grid-reverse .press-v26-case-copy{order:2}
  .press-v26-case-grid-reverse .press-v26-visual{order:1}
  .press-v26-visual figcaption{font-size:9.5px}
  .press-v26-proof{
    left:12px;
    bottom:31px;
    padding:12px 13px;
  }
  .press-v26-proof strong{font-size:31px}
  .press-v26-case-copy h2{
    margin-top:14px;
    font-size:57px;
  }
  .press-v26-lead{
    margin-bottom:32px;
    font-size:23px;
  }
  .press-v26-award,
  .press-v26-award-static{
    grid-template-columns:1fr 20px;
    gap:14px;
    padding:25px 0 28px;
  }
  .press-v26-award-static{grid-template-columns:1fr}
  .press-v26-year{
    grid-column:1/-1;
    margin-bottom:2px;
    font-size:22px;
  }
  .press-v26-award h3{font-size:26px}
  .press-v26-arrow{
    grid-column:2/3;
    grid-row:2/3;
  }
  .press-v26-index{padding:70px 0 76px}
  .press-v26-index-head{
    gap:27px;
    padding-bottom:34px;
  }
  .press-v26-index-head h2{font-size:53px}
  .press-v26-index-head>p{font-size:16px}
  .press-v26-controls{
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
  }
  .press-v26-filter-group{
    width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .press-v26-filter-group::-webkit-scrollbar{display:none}
  .press-v26-filter{flex:0 0 auto}
  .press-v26-row>a{
    grid-template-columns:1fr auto;
    gap:8px 15px;
    min-height:0;
    padding:22px 0;
  }
  .press-v26-row-feature>a{min-height:0;padding:26px 0}
  .press-v26-source{grid-column:1/2}
  .press-v26-title{
    grid-column:1/-1;
    margin:5px 0 2px;
    font-size:20px;
  }
  .press-v26-row-feature .press-v26-title{font-size:26px}
  .press-v26-year-small{
    grid-column:1/2;
    text-align:left;
  }
  .press-v26-row-arrow{
    grid-column:2/3;
    grid-row:1/2;
  }
  .press-v26-source-note{
    grid-template-columns:1fr;
    gap:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .js .reveal-on-scroll{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* V27 — site-wide Webby refinement
   Preserve the established editorial system; improve legibility, navigation,
   feedback, touch ergonomics, and cross-page continuity. */

::selection{
  background:#cdb89e;
  color:#151411;
}

/* Micro-type was visually elegant but too small in several contexts.
   This keeps the hierarchy while making the experience more inclusive. */
.kicker,.eyebrow{font-size:10px;letter-spacing:.24em}
.navlinks{font-size:10px}
.card-meta,.mini,.story-cat,.story time{font-size:9px}
.impact .stat span{font-size:9px}
.footer-legal,.footer-nav-minimal a{font-size:9px}
.form label{font-size:9px}
.proof-row span:first-child{font-size:9px}

/* Desktop masthead becomes quieter after the visitor has established context. */
.site-header,
.site-header .masthead,
.site-header .brand,
.site-header .masthead-tagline,
.site-header .masthead-disciplines,
.site-header .masthead-city{
  transition:min-height .24s ease,font-size .24s ease,opacity .18s ease,
             margin .24s ease,padding .24s ease;
}
@media(min-width:981px){
  .site-header.is-compact .masthead{min-height:78px}
  .site-header.is-compact .brand{font-size:23px}
  .site-header.is-compact .masthead-tagline{
    opacity:0;
    max-height:0;
    margin-top:0;
    overflow:hidden;
  }
  .site-header.is-compact .masthead-disciplines{
    opacity:0;
    max-height:0;
    margin-top:0;
    overflow:hidden;
  }
  .site-header.is-compact .masthead-city{font-size:15px}
}

/* Homepage: allow the work headline and CTA to carry the section alone. */
.section-head-clean{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
}
.section-head-clean .all-work{display:block}

/* Proof points now function as navigation, not static decoration. */
.impact .stat{
  position:relative;
  color:inherit;
  text-decoration:none;
  transition:background-color .18s ease,padding .18s ease;
}
.impact .stat:after{
  content:"↗";
  position:absolute;
  top:6px;
  right:20px;
  font-family:var(--serif);
  font-size:14px;
  opacity:0;
  transform:translate(-3px,3px);
  transition:opacity .18s ease,transform .18s ease;
}
.impact .stat:hover{
  background:rgba(154,125,94,.045);
}
.impact .stat:hover:after{
  opacity:.72;
  transform:none;
}

/* Avoid false affordance: forthcoming essays are not links yet. */
.story:hover img{transform:none}

/* About: the role index is now an intentional path into the work. */
.about-roles a{
  display:grid;
  grid-template-columns:170px minmax(0,1fr) 20px;
  gap:24px;
  align-items:center;
  padding:15px 0;
  border-bottom:1px solid var(--line);
}
.about-roles a:first-child{border-top:0}
.about-roles a span{
  font-size:9px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--muted);
}
.about-roles a strong{
  font-family:var(--serif);
  font-size:17px;
  font-weight:400;
}
.about-roles a i{
  font-family:var(--serif);
  font-size:15px;
  font-style:normal;
  text-align:right;
  opacity:.5;
  transition:transform .18s ease,opacity .18s ease;
}
.about-roles a:hover i{
  opacity:1;
  transform:translateX(3px);
}

/* Work page evidence link */
.proof-link{
  display:inline-block;
  margin-left:8px;
  padding-bottom:2px;
  border-bottom:1px solid rgba(154,125,94,.65);
  font-family:var(--sans);
  font-size:8px;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}

/* Form ergonomics and spam protection */
.form-trap{
  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;
}
.field-note{
  margin-left:8px;
  font-size:8px;
  letter-spacing:.12em;
  color:#8b847a;
}
.form button{
  min-height:44px;
  padding:13px 24px;
  font-size:9px;
}

/* Press experience: improve small-type legibility and touch ergonomics
   without changing V26's visual composition. */
.press-v26-jump a strong{font-size:9px}
.press-v26-distinction{font-size:9px}
.press-v26-source-links a{font-size:8px}
.press-v26-filter{
  min-height:38px;
  padding:9px 13px 8px;
  font-size:8.5px;
}
.press-v26-count{font-size:8.5px}
.press-v26-source{font-size:9px}
.press-v26-source span{font-size:8px}
.press-v26-year-small{font-size:9px}
.press-v26-source-note span{font-size:8px}

/* Responsive polish */
@media(max-width:900px){
  .section-head-clean{grid-template-columns:1fr auto}
  .section-head-clean .all-work{display:block}
}
@media(max-width:680px){
  .kicker,.eyebrow{font-size:9px}
  .section-head-clean{
    grid-template-columns:1fr;
    gap:18px;
  }
  .section-head-clean .all-work{
    justify-self:start;
  }
  .impact .stat:after{
    opacity:.42;
    top:20px;
    right:2px;
  }
  .about-roles a{
    grid-template-columns:125px minmax(0,1fr) 18px;
    gap:14px;
  }
  .contact-grid{
    gap:34px;
  }
  .form{
    gap:21px;
  }
  .form input,.form textarea{
    min-height:48px;
  }
  .form textarea{
    min-height:150px;
  }
  .press-v26-filter{
    min-height:40px;
    font-size:9px;
  }
}

@media(prefers-reduced-motion:reduce){
  .site-header,
  .site-header .masthead,
  .site-header .brand,
  .site-header .masthead-tagline,
  .site-header .masthead-disciplines,
  .site-header .masthead-city{
    transition:none!important;
  }
}


/* =========================================================
   V28 — Material Editorial Redesign
   Visible change, restrained language:
   • asymmetric homepage portfolio
   • magazine-style writing hierarchy
   • chapter-based Work page
   • authored About hero
   • composed Contact close
   Press remains V26/V27 because it is already the strongest page.
   ========================================================= */

/* Homepage — selected work becomes an editorial composition, not four equal cards */
.editorial-work-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(22px,2.4vw,36px);
  align-items:start;
}
.editorial-work-grid .work-card{
  margin:0;
  min-width:0;
}
.editorial-work-grid .work-card img{
  width:100%;
  height:auto;
  object-fit:cover;
}
.editorial-work-grid .work-card-lead{
  grid-column:1 / span 7;
  grid-row:1 / span 2;
}
.editorial-work-grid .work-card-lead img{
  aspect-ratio:1.14/1;
}
.editorial-work-grid .work-card-berber{
  grid-column:9 / -1;
  grid-row:1;
  margin-top:64px;
}
.editorial-work-grid .work-card-berber img{
  aspect-ratio:1.12/1;
}
.editorial-work-grid .work-card-edible{
  grid-column:8 / span 3;
  grid-row:2;
  margin-top:34px;
}
.editorial-work-grid .work-card-edible img{
  aspect-ratio:.92/1;
}
.editorial-work-grid .work-card-ascenvie{
  grid-column:11 / -1;
  grid-row:2;
  margin-top:108px;
}
.editorial-work-grid .work-card-ascenvie img{
  aspect-ratio:.92/1;
}
.editorial-work-grid .work-card-lead .card-title{
  font-size:clamp(30px,3vw,46px);
}
.editorial-work-grid .work-card-lead .card-desc{
  max-width:520px;
}
.editorial-work-grid .work-card:not(.work-card-lead) .card-title{
  font-size:clamp(21px,2vw,28px);
}
.editorial-work-grid .work-card{
  border-top:1px solid var(--line);
  padding-top:12px;
}
.editorial-work-grid .work-card:hover{
  transform:translateY(-2px);
}

/* Homepage writing — one lead essay, two supporting pieces */
.editorial-writing-grid{
  display:grid;
  grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);
  gap:clamp(34px,5vw,76px);
  align-items:start;
}
.editorial-writing-grid .story-lead{
  grid-row:1 / span 2;
}
.editorial-writing-grid .story-lead img{
  aspect-ratio:1.62/1;
  object-fit:cover;
}
.editorial-writing-grid .story-lead h3{
  font-size:clamp(34px,3.5vw,54px);
  line-height:1.02;
}
.editorial-writing-grid .story-secondary{
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  gap:22px;
  align-items:start;
  padding:0 0 26px;
  border-bottom:1px solid var(--line);
}
.editorial-writing-grid .story-secondary + .story-secondary{
  padding-top:26px;
}
.editorial-writing-grid .story-secondary img{
  width:145px;
  height:110px;
  object-fit:cover;
}
.editorial-writing-grid .story-secondary .story-body{
  padding-top:0;
}
.editorial-writing-grid .story-secondary h3{
  margin-top:5px;
  font-size:25px;
  line-height:1.07;
}
.editorial-writing-grid .story-secondary p{
  margin-top:9px;
  font-size:14px;
}

/* About — the opening now feels authored, not templated */
.about-hero{
  padding-bottom:72px;
}
.about-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:clamp(72px,10vw,164px);
  align-items:end;
}
.about-hero .h2{
  margin-bottom:0;
  font-size:clamp(72px,7vw,112px);
  line-height:.86;
  letter-spacing:-.06em;
}
.about-hero-note{
  margin:0 0 8px;
  max-width:540px;
  font-family:var(--serif);
  font-size:22px;
  line-height:1.46;
  color:#49443d;
}
.about-page .about-grid{
  grid-template-columns:minmax(350px,.78fr) minmax(0,1.22fr);
}
.about-page .about-portrait{
  position:sticky;
  top:122px;
}
.about-page .about-copy{
  padding-top:20px;
}
.about-page .about-copy .about-lead{
  font-size:clamp(28px,2.7vw,40px);
  line-height:1.2;
}

/* Work — chapter index and stronger project rhythm */
.work-hero{
  padding-bottom:64px;
}
.work-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:clamp(64px,9vw,150px);
  align-items:end;
}
.work-hero .h2{
  margin-bottom:0;
  font-size:clamp(70px,7vw,108px);
  line-height:.9;
  letter-spacing:-.055em;
}
.work-index{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.work-index a{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-height:82px;
  padding:16px 18px 14px 0;
  border-bottom:1px solid var(--line);
  font-size:9px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.work-index a:nth-child(even){
  border-left:1px solid var(--line);
  padding-left:18px;
}
.work-index a:nth-child(3),
.work-index a:nth-child(4){
  border-bottom:0;
}
.work-index a span{
  font-family:var(--serif);
  font-size:17px;
  letter-spacing:0;
  color:#8a6e52;
}
.work-index a:hover{
  background:rgba(154,125,94,.035);
}
.project-chapter{
  position:relative;
  overflow:hidden;
}
.project-chapter:before{
  content:attr(data-chapter);
  position:absolute;
  right:3vw;
  top:38px;
  z-index:0;
  font-family:var(--serif);
  font-size:clamp(110px,15vw,240px);
  line-height:.7;
  letter-spacing:-.08em;
  color:rgba(21,20,17,.035);
  pointer-events:none;
}
.project-chapter.project-alt:before{
  left:3vw;
  right:auto;
}
.project-chapter .project-grid{
  position:relative;
  z-index:1;
}
.project-chapter:nth-of-type(even){
  background:#eee8de;
}
.project-chapter .project-media h2{
  font-size:clamp(54px,5vw,80px);
  line-height:.9;
  letter-spacing:-.05em;
  margin-bottom:28px;
}
.project-chapter .project-media img{
  box-shadow:0 1px 0 rgba(21,20,17,.1);
}
.project-chapter .project-copy{
  align-self:center;
}
.project-chapter .project-copy > p:first-child{
  font-size:clamp(24px,2vw,31px);
  line-height:1.36;
}

/* Writing — designed like a small journal issue */
.writing-page .page-hero{
  padding-bottom:66px;
}
.writing-page .page-hero .h2{
  max-width:1050px;
  font-size:clamp(60px,6.4vw,100px);
  line-height:.92;
  letter-spacing:-.052em;
}
.writing-grid-featured{
  display:grid;
  grid-template-columns:minmax(0,1.34fr) minmax(300px,.66fr);
  gap:clamp(36px,5vw,78px);
  align-items:start;
}
.writing-grid-featured .story-lead{
  grid-row:1 / span 2;
}
.writing-grid-featured .story-lead img{
  aspect-ratio:1.55/1;
  object-fit:cover;
}
.writing-grid-featured .story-lead h3{
  font-size:clamp(38px,4vw,60px);
  line-height:1.01;
}
.writing-grid-featured .story-secondary{
  border-top:1px solid var(--line);
  padding-top:18px;
}
.writing-grid-featured .story-secondary + .story-secondary{
  margin-top:38px;
}
.story-numbered{
  position:relative;
}
.story-numbered:before{
  content:attr(data-story);
  display:block;
  margin-bottom:13px;
  font-family:var(--serif);
  font-size:16px;
  color:#8a6e52;
}

/* Contact — a composed final page rather than a generic form page */
.contact-editorial{
  padding-top:72px;
  padding-bottom:110px;
}
.contact-editorial .contact-grid{
  grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
  gap:clamp(76px,10vw,170px);
  align-items:start;
}
.contact-aside{
  position:sticky;
  top:128px;
  max-width:430px;
}
.contact-city{
  font-family:var(--serif);
  font-size:clamp(44px,4vw,65px);
  line-height:.95;
  letter-spacing:-.04em;
}
.contact-aside p{
  margin:28px 0 0;
  font-family:var(--serif);
  font-size:20px;
  line-height:1.45;
  color:#49443d;
}
.contact-rule{
  width:58px;
  height:1px;
  margin:34px 0 17px;
  background:#9a7d5e;
}
.contact-aside span{
  font-size:8px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#82796e;
}
.contact-editorial .form{
  padding-top:4px;
}

/* Responsive collapse keeps the editorial intent rather than just shrinking it */
@media(max-width:980px){
  .editorial-work-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .editorial-work-grid .work-card-lead,
  .editorial-work-grid .work-card-berber,
  .editorial-work-grid .work-card-edible,
  .editorial-work-grid .work-card-ascenvie{
    grid-column:auto;
    grid-row:auto;
    margin-top:0;
  }
  .editorial-work-grid .work-card-lead{
    grid-column:1 / -1;
  }
  .editorial-work-grid .work-card-ascenvie{
    grid-column:1 / -1;
  }
  .about-hero-grid,
  .work-hero-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
  .about-page .about-grid{
    grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
  }
}

@media(max-width:680px){
  .editorial-work-grid{
    grid-template-columns:1fr;
    gap:38px;
  }
  .editorial-work-grid .work-card-lead,
  .editorial-work-grid .work-card-ascenvie{
    grid-column:auto;
  }
  .editorial-work-grid .work-card-lead img,
  .editorial-work-grid .work-card-berber img,
  .editorial-work-grid .work-card-edible img,
  .editorial-work-grid .work-card-ascenvie img{
    aspect-ratio:1.28/1;
  }
  .editorial-work-grid .work-card-lead .card-title{
    font-size:31px;
  }

  .editorial-writing-grid,
  .writing-grid-featured{
    grid-template-columns:1fr;
    gap:34px;
  }
  .editorial-writing-grid .story-lead,
  .writing-grid-featured .story-lead{
    grid-row:auto;
  }
  .editorial-writing-grid .story-secondary{
    grid-template-columns:112px minmax(0,1fr);
    gap:16px;
  }
  .editorial-writing-grid .story-secondary img{
    width:112px;
    height:92px;
  }

  .about-hero{
    padding-bottom:44px;
  }
  .about-hero .h2{
    font-size:58px;
  }
  .about-hero-note{
    font-size:18px;
  }
  .about-page .about-grid{
    grid-template-columns:1fr;
  }
  .about-page .about-portrait{
    position:relative;
    top:auto;
  }

  .work-hero{
    padding-bottom:44px;
  }
  .work-hero .h2{
    font-size:58px;
  }
  .work-index{
    grid-template-columns:1fr;
  }
  .work-index a,
  .work-index a:nth-child(even),
  .work-index a:nth-child(3),
  .work-index a:nth-child(4){
    border-left:0;
    border-bottom:1px solid var(--line);
    padding-left:0;
  }
  .work-index a:last-child{
    border-bottom:0;
  }
  .project-chapter:before{
    font-size:128px;
    top:28px;
  }
  .project-chapter .project-media h2{
    font-size:52px;
  }

  .writing-page .page-hero .h2{
    font-size:53px;
  }

  .contact-editorial{
    padding-top:48px;
    padding-bottom:72px;
  }
  .contact-editorial .contact-grid{
    grid-template-columns:1fr;
    gap:48px;
  }
  .contact-aside{
    position:relative;
    top:auto;
  }
}

@media(prefers-reduced-motion:reduce){
  .editorial-work-grid .work-card:hover{
    transform:none;
  }
}


/* =========================================================
   V29 — Balanced Editorial Correction
   The V28 asymmetry created too much dead space and made
   secondary work feel artificially small. These sections
   are rebuilt around proportion, rhythm and hierarchy.
   ========================================================= */

/* HOME — Selected Work
   Two deliberate editorial pairs. Material hierarchy without
   the visual imbalance of the previous 12-column experiment. */
.balanced-work-grid{
  display:flex;
  flex-direction:column;
  gap:clamp(50px,6vw,84px);
}
.balanced-work-row{
  display:grid;
  gap:clamp(28px,3.4vw,50px);
  align-items:start;
}
.balanced-work-row-primary{
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
}
.balanced-work-row-secondary{
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
}
.balanced-work-row .work-card{
  margin:0;
  min-width:0;
  padding-top:13px;
  border-top:1px solid var(--line);
}
.balanced-work-row .work-card img{
  width:100%;
  aspect-ratio:1.34/1;
  object-fit:cover;
}
.balanced-work-row-primary .work-card:first-child .card-title,
.balanced-work-row-secondary .work-card:last-child .card-title{
  font-size:clamp(30px,3vw,45px);
}
.balanced-work-row-primary .work-card:last-child{
  margin-top:68px;
}
.balanced-work-row-secondary .work-card:first-child{
  margin-top:46px;
}
.balanced-work-row .card-desc{
  max-width:560px;
}
.balanced-work-row .work-card:hover{
  transform:translateY(-2px);
}

/* HOME — Writing & Ideas
   One clear lead and two supporting ideas, but all remain
   part of a single composed field with no dead vertical void. */
.balanced-writing-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(240px,.72fr) minmax(240px,.72fr);
  gap:clamp(24px,3vw,44px);
  align-items:start;
}
.balanced-writing-grid .story{
  min-width:0;
}
.balanced-writing-grid .story-featured img{
  aspect-ratio:1.62/1;
  object-fit:cover;
}
.balanced-writing-grid .story-featured h3{
  font-size:clamp(32px,3.2vw,49px);
  line-height:1.03;
}
.balanced-writing-grid .story-supporting{
  border-top:1px solid var(--line);
  padding-top:13px;
}
.balanced-writing-grid .story-supporting img{
  aspect-ratio:1.42/1;
  object-fit:cover;
}
.balanced-writing-grid .story-supporting h3{
  font-size:clamp(21px,1.8vw,27px);
  line-height:1.08;
}
.balanced-writing-grid .story-supporting p{
  font-size:14px;
  line-height:1.42;
}

/* WRITING PAGE
   Lead essay becomes a true editorial feature: image and copy
   in one horizontal composition. The two remaining pieces form
   a balanced two-column row beneath it. */
.writing-feature-layout{
  display:block;
}
.writing-lead-wrap{
  padding-bottom:62px;
  margin-bottom:52px;
  border-bottom:1px solid var(--line);
}
.writing-lead-story{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);
  gap:clamp(46px,6vw,94px);
  align-items:center;
}
.writing-lead-story:before{
  grid-column:1/-1;
  margin-bottom:-18px;
}
.writing-lead-story > img{
  width:100%;
  aspect-ratio:1.55/1;
  object-fit:cover;
}
.writing-lead-story .story-body{
  max-width:520px;
}
.writing-lead-story h3{
  font-size:clamp(44px,4.6vw,70px);
  line-height:.98;
  letter-spacing:-.04em;
}
.writing-lead-story p{
  margin-top:18px;
  font-size:18px;
  line-height:1.48;
}
.writing-support-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(32px,5vw,76px);
}
.writing-support-story{
  border-top:1px solid var(--line);
  padding-top:16px;
}
.writing-support-story img{
  width:100%;
  aspect-ratio:1.58/1;
  object-fit:cover;
}
.writing-support-story h3{
  font-size:clamp(28px,2.8vw,40px);
  line-height:1.04;
}
.writing-support-story p{
  max-width:560px;
  font-size:15px;
  line-height:1.48;
}

/* Neutralize V28 experimental rules on these two sections. */
.editorial-work-grid,
.editorial-writing-grid,
.writing-grid-featured{
  display:initial;
}
.editorial-work-grid .work-card,
.editorial-writing-grid .story,
.writing-grid-featured .story{
  grid-column:auto!important;
  grid-row:auto!important;
  margin-top:0!important;
}

/* Tablet */
@media(max-width:980px){
  .balanced-work-row-primary,
  .balanced-work-row-secondary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .balanced-work-row-primary .work-card:last-child,
  .balanced-work-row-secondary .work-card:first-child{
    margin-top:32px;
  }
  .balanced-writing-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr);
  }
  .balanced-writing-grid .story-featured{
    grid-row:1 / span 2;
  }
  .balanced-writing-grid .story-supporting{
    grid-column:2;
  }
  .writing-lead-story{
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
    gap:42px;
  }
}

/* Mobile */
@media(max-width:680px){
  .balanced-work-grid{
    gap:40px;
  }
  .balanced-work-row-primary,
  .balanced-work-row-secondary{
    grid-template-columns:1fr;
    gap:38px;
  }
  .balanced-work-row-primary .work-card:last-child,
  .balanced-work-row-secondary .work-card:first-child{
    margin-top:0;
  }
  .balanced-work-row .work-card img{
    aspect-ratio:1.28/1;
  }
  .balanced-work-row-primary .work-card:first-child .card-title,
  .balanced-work-row-secondary .work-card:last-child .card-title{
    font-size:31px;
  }

  .balanced-writing-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
  .balanced-writing-grid .story-featured,
  .balanced-writing-grid .story-supporting{
    grid-column:auto;
    grid-row:auto;
  }
  .balanced-writing-grid .story-supporting{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:16px;
    align-items:start;
  }
  .balanced-writing-grid .story-supporting img{
    width:112px;
    height:92px;
  }

  .writing-lead-wrap{
    padding-bottom:42px;
    margin-bottom:38px;
  }
  .writing-lead-story{
    grid-template-columns:1fr;
    gap:24px;
  }
  .writing-lead-story:before{
    margin-bottom:0;
  }
  .writing-lead-story h3{
    font-size:46px;
  }
  .writing-support-grid{
    grid-template-columns:1fr;
    gap:38px;
  }
}


/* =========================================================
   V30 — FORENSIC FINAL
   Corrections discovered during multi-viewport QA.
   No aesthetic redesign: only defects, semantics, inclusion,
   touch ergonomics and responsive edge cases.
   ========================================================= */

/* Deep links must not land behind the sticky masthead. */
section[id]{
  scroll-margin-top:124px;
}

/* Improve standalone link touch targets without changing their visual scale. */
.rule-link,
.all-work,
.mini{
  display:inline-flex;
  align-items:center;
  min-height:28px;
}
.press-v26-source-links a{
  display:inline-flex;
  align-items:center;
  min-height:28px;
}

/* Mobile brand link is a proper touch target. */
.masthead-identity{
  min-height:32px;
  justify-content:center;
}

/* Header metadata remains elegant but no longer drops to 7px. */
.masthead-disciplines{
  font-size:9px;
  letter-spacing:.16em;
}

/* Small text on the paper background now clears normal-text contrast. */
.field-note,
.contact-aside span{
  color:#6d675e;
}
.work-index a span,
.story-numbered:before{
  color:#80684f;
}

/* Writing semantics changed to H2; preserve the approved typography. */
.writing-page .story h2{
  margin:4px 0;
  font-family:var(--serif);
  font-weight:400;
  line-height:1.05;
}
.writing-lead-story h2{
  font-size:clamp(44px,4.6vw,70px);
  line-height:.98;
  letter-spacing:-.04em;
}
.writing-support-story h2{
  font-size:clamp(28px,2.8vw,40px);
  line-height:1.04;
}

/* 1120–1250px: never solve masthead pressure by making copy microscopic. */
@media(min-width:1081px) and (max-width:1250px){
  .masthead-disciplines{
    max-width:250px;
    white-space:normal;
    font-size:9px;
    line-height:1.42;
    letter-spacing:.12em;
  }
  .navlinks{
    gap:18px!important;
    font-size:9px;
  }
}

/* 1024-class tablets previously showed a real header collision.
   Collapse to the calm two-column masthead before that can happen. */
@media(max-width:1080px){
  .masthead{
    min-height:82px;
    grid-template-columns:minmax(0,1fr) auto;
    gap:26px;
  }
  .masthead-place{
    display:none;
  }
  .masthead-identity{
    align-items:flex-start;
    text-align:left;
  }
  .brand{
    font-size:21px;
    letter-spacing:.17em;
  }
  .masthead-tagline{
    margin-top:7px;
    font-size:12px;
    white-space:normal;
  }
  .navlinks{
    border-left:0;
    padding-left:0;
    gap:18px!important;
    font-size:9px;
  }
  section[id]{
    scroll-margin-top:92px;
  }
}

/* Switch to the menu before the five-link desktop nav becomes cramped. */
@media(max-width:740px){
  .masthead{
    min-height:68px;
    grid-template-columns:1fr auto;
    gap:18px;
  }
  .masthead-identity{
    min-height:44px;
    justify-content:center;
  }
  .masthead-tagline{
    display:none;
  }
  .brand{
    font-size:17px;
    letter-spacing:.14em;
  }

  .site-header .menu-toggle{
    display:block;
  }
  .site-header .navlinks{
    display:none!important;
    position:absolute;
    top:100%;
    left:-17px;
    right:-17px;
    padding:18px 17px 20px;
    background:rgba(247,243,235,.99);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    flex-direction:column;
    align-items:flex-start;
    gap:2px!important;
    box-shadow:0 12px 24px rgba(21,20,17,.06);
  }
  .site-header .navlinks.is-open{
    display:flex!important;
  }
  .site-header .navlinks a,
  .site-header .navlinks a:nth-child(3),
  .site-header .navlinks a:nth-child(4){
    display:block;
    width:100%;
    min-height:42px;
    padding:12px 0;
    font-size:10px;
  }

  section[id]{
    scroll-margin-top:78px;
  }

  .writing-lead-story h2{
    font-size:46px;
  }
}

/* Press mobile had a measurable 70px horizontal document overflow.
   Keep chapter navigation scrollable inside its own box, never the page. */
.press-v26-hero-side{
  min-width:0;
}
@media(max-width:680px){
  .press-v26-hero-grid,
  .press-v26-hero-side,
  .press-v26-jump{
    min-width:0;
    width:100%;
    max-width:100%;
  }
  .press-v26-jump{
    margin-right:0;
    padding-right:0;
  }
  .press-v26-jump a{
    flex:0 0 118px;
  }
}