@font-face{font-family:'About Editors';src:url('assets/fonts/EditorsNote-Hairline.otf') format('opentype');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'About Editors';src:url('assets/fonts/EditorsNote-HairlineItalic.otf') format('opentype');font-weight:100;font-style:italic;font-display:swap}

body.about-page{background:#fff!important;color:#111!important;overflow-x:hidden}
body.about-page .site-header{z-index:10;color:#111!important}
body.about-page .site-header .wordmark{display:none}
body.about-page .site-header .menu-toggle{display:block;top:2rem;right:2.5rem;left:auto;color:#111;opacity:.8;font-size:0;width:2.4rem;height:2.4rem;border:1px solid rgba(17,17,17,.65);border-radius:50%;background:transparent}
body.about-page .site-header .menu-toggle:before{content:'+';display:block;font:300 1.25rem/1 'Montserrat',Arial,sans-serif;transform:translateY(-1px)}
body.about-page .site-footer{background:#fff;color:rgba(17,17,17,.58);border-color:rgba(17,17,17,.16)}
body.about-page .site-footer a{color:#111}

.about-shell{min-height:100svh;background:#fff}
.about-editorial{display:grid;grid-template-columns:minmax(22rem,40%) minmax(0,60%);min-height:100svh;background:#fff}
.about-portrait{position:relative;min-height:100svh;padding:4rem 0 7rem 0;background:#fff}
.about-portrait img{display:block;width:100%;height:calc(100svh - 11rem);object-fit:cover;object-position:center 24%;filter:grayscale(1);}
.about-signature{position:absolute;right:-1rem;bottom:4rem;margin:0;color:#111;writing-mode:vertical-rl;transform:rotate(180deg);font:100 clamp(2.8rem,4vw,5rem)/.8 'About Editors',Georgia,serif;font-style:italic;letter-spacing:-.05em}
.about-copy{display:flex;align-items:stretch;background:#fff!important;color:#111!important}
.about-copy-inner{display:flex;flex-direction:column;width:min(100%,60rem);padding:7rem clamp(3rem,8vw,9rem) 5rem clamp(3rem,7vw,8rem)}
.about-eyebrow{margin:0 0 clamp(4rem,8vw,8rem);color:#111!important;font:400 1rem/1 'Montserrat',Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase}
.about-copy h1{max-width:56rem;margin:0 0 clamp(4rem,7vw,7rem);color:#111!important;font:100 clamp(2.6rem,3.4vw,4.5rem)/1.02 'About Editors',Georgia,serif;letter-spacing:-.045em}
.about-copy h1 em{font:inherit;font-style:italic}
.about-body{max-width:43rem;margin-left:auto}
.about-body p{margin:0 0 2.2rem;color:rgba(17,17,17,.78);font:300 clamp(.95rem,1.15vw,1.35rem)/1.5 'Montserrat',Arial,sans-serif;letter-spacing:.005em}
.about-footer-cta{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-top:auto;padding-top:5rem;color:rgba(17,17,17,.62);font:300 .8rem/1.5 'Montserrat',Arial,sans-serif;letter-spacing:.04em}
.about-footer-cta p{max-width:16rem;margin:0}
.about-link{color:#111;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;white-space:nowrap;border-bottom:1px solid rgba(17,17,17,.65);padding-bottom:.5rem}
.about-link span{margin-left:.7rem;font-size:1.15em}
.about-team{padding:clamp(7rem,12vw,13rem) clamp(1.2rem,7vw,8rem) 10rem;background:#f5f4f0;color:#111}
.about-team-intro{display:grid;grid-template-columns:minmax(12rem,22%) minmax(18rem,1fr) minmax(16rem,25rem);gap:clamp(2rem,5vw,6rem);align-items:end;margin-bottom:clamp(5rem,9vw,9rem)}
.about-team-intro .about-eyebrow{margin:0;align-self:start}
.about-team-intro h2{margin:0;font:100 clamp(3.8rem,6vw,7rem)/.82 'About Editors',Georgia,serif;letter-spacing:-.055em}
.about-team-intro h2 em{font:inherit;font-style:italic}
.about-team-intro>p:last-child{max-width:22rem;margin:0;color:rgba(17,17,17,.62);font:300 .9rem/1.7 'Montserrat',Arial,sans-serif}
.about-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.about-team-card{min-width:0}
.about-team-placeholder{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:.78;background:linear-gradient(145deg,#efeeeb,#bcbab5 48%,#deddd8);padding:1.2rem;color:rgba(17,17,17,.7);overflow:hidden}
.about-team-placeholder:after{content:'';position:absolute;inset:1.2rem;border:1px solid rgba(17,17,17,.28)}
.about-team-placeholder span,.about-team-placeholder small{position:relative;z-index:1;text-transform:uppercase;letter-spacing:.15em;font:400 .65rem/1 'Montserrat',Arial,sans-serif}
.about-team-placeholder small{align-self:flex-end;letter-spacing:.08em}
.about-team-role{margin:1.4rem 0 .7rem;color:rgba(17,17,17,.56);font:400 .65rem/1.2 'Montserrat',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.about-team-card h3{margin:0;color:#111;font:100 clamp(2rem,2.5vw,3.2rem)/.9 'About Editors',Georgia,serif;letter-spacing:-.04em}
.about-team-bio{margin:1rem 0 0;color:rgba(17,17,17,.55);font:300 .78rem/1.5 'Montserrat',Arial,sans-serif}

@media(max-width:900px){
  .about-editorial{grid-template-columns:1fr;min-height:auto}
  .about-portrait{min-height:auto;padding:5rem 1.2rem 0}
  .about-portrait img{height:min(72svh,48rem);object-position:center 22%}
  .about-signature{right:.7rem;bottom:1.4rem;font-size:3.6rem}
  .about-copy-inner{padding:5rem 1.2rem 5rem}
  .about-eyebrow{margin-bottom:4rem;font-size:.75rem}
  .about-copy h1{font-size:clamp(2.6rem,8.6vw,4.8rem);margin-bottom:4rem}
  .about-body{margin-left:0}
  .about-body p{font-size:.95rem;line-height:1.65}
  .about-footer-cta{display:block;padding-top:2rem}
  .about-footer-cta p{margin-bottom:2rem}
  .about-team{padding:6rem 1.2rem 7rem}
  .about-team-intro{display:block;margin-bottom:4rem}
  .about-team-intro .about-eyebrow{margin-bottom:2.5rem}
  .about-team-intro h2{font-size:clamp(3.6rem,14vw,5.8rem);margin-bottom:2rem}
  .about-team-intro>p:last-child{font-size:.9rem}
  .about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1rem}
  .about-team-placeholder{aspect-ratio:.72}
  .about-team-card h3{font-size:2.3rem}
}

@media(prefers-reduced-motion:reduce){.about-link{transition:none}}
.site-header .menu-toggle{display:grid!important;place-items:center!important;position:absolute!important;top:1.25rem!important;right:var(--gutter)!important;left:auto!important;width:3.4rem!important;height:3.4rem!important;min-width:3.4rem!important;min-height:3.4rem!important;padding:0!important;border:1px solid currentColor!important;border-radius:50%!important;background:rgba(245,244,240,.78)!important;color:#171717!important;font-size:0!important;transform:none!important;z-index:22!important}.site-header .menu-toggle::before{content:'';display:block;width:1.35rem;height:.82rem;background:linear-gradient(to bottom,currentColor 0 2px,transparent 2px 5px,currentColor 5px 7px,transparent 7px 10px,currentColor 10px 12px)}.site-header .menu-toggle[aria-expanded='true']::before{height:1.2rem;background:linear-gradient(45deg,transparent 44%,currentColor 45% 55%,transparent 56%),linear-gradient(-45deg,transparent 44%,currentColor 45% 55%,transparent 56%)}
body.about-page .site-header .menu-toggle{border:0!important;background:transparent!important}
