:root{--ink:#29282a;--paper:#f8f3ed;--lav:#ddc2df;--mint:#b7dcb7;--apricot:#ffc58d;--yellow:#f7df79;--blue:#adc4ef;--rose:#efb7bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}.switcher{position:sticky;top:0;z-index:10;min-height:68px;display:flex;align-items:center;gap:24px;padding:14px 34px;color:#fff;background:var(--ink)}.switcher strong{margin-right:auto}.switcher a{color:inherit;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}.switcher a:hover,.switcher a[aria-current="page"]{border-color:var(--yellow)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700}.placeholder{max-width:62ch}
.fields .hero{min-height:calc(100vh - 68px);display:grid;grid-template-columns:1.15fr .85fr;background:var(--lav)}.fields .hero-copy{padding:9vh 7vw;align-self:center}.fields h1{max-width:11ch;margin:18px 0 26px;font:500 clamp(3.8rem,7vw,7.5rem)/.9 Georgia,serif;letter-spacing:-.055em}.fields .lede{font-size:clamp(1.15rem,1.7vw,1.55rem);max-width:37ch}.fields .hero-image{min-height:680px}.fields .hero-image img{object-position:50% 24%}.band{min-height:62vh;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;padding:8vh 8vw}.band h2{margin:0;font:500 clamp(2.8rem,5vw,5.2rem)/1 Georgia,serif}.band p{font-size:1.2rem}.mint{background:var(--mint)}.yellow{background:var(--yellow)}.blue{background:var(--blue)}.pills{display:flex;flex-wrap:wrap;gap:10px}.pills span{border:1px solid var(--ink);padding:9px 15px;border-radius:999px}
.magazine{background:#f4efe7}.masthead{min-height:calc(100vh - 68px);display:grid;grid-template-columns:42% 58%}.portrait-wrap{padding:38px;background:var(--apricot)}.portrait-wrap img{height:calc(100vh - 144px);object-position:50% 22%;border-radius:200px 200px 12px 12px;filter:grayscale(1)}.intro{align-self:center;padding:8vh 9vw}.intro h1{margin:10px 0 20px;font:700 clamp(4rem,7vw,7rem)/.92 Arial,sans-serif;letter-spacing:-.07em}.rule{width:90px;height:6px;margin:32px 0;background:var(--ink)}.intro p{font-size:1.25rem;max-width:42ch}.issue{display:grid;grid-template-columns:230px 1fr;border-top:1px solid #aaa;min-height:420px}.issue>h2{margin:0;padding:46px 36px;font-size:1rem;text-transform:uppercase;letter-spacing:.12em;border-right:1px solid #aaa}.stories{display:grid;grid-template-columns:repeat(3,1fr)}article{padding:46px 34px;border-right:1px solid #aaa}article:last-child{border:0}article .number{font:400 3rem/1 Georgia,serif;color:#796f65}article h3{font:600 1.65rem/1.1 Georgia,serif}.soft-lav{background:#eadbea}.soft-mint{background:#d8ead8}
.mosaic-page{padding:28px;background:#efece5}.mosaic{min-height:calc(100vh - 124px);display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:1fr 1fr;gap:18px}.tile{padding:clamp(28px,4vw,64px);border-radius:24px;overflow:hidden}.name{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;background:var(--blue)}.name h1{margin:24px 0;font:700 clamp(4.2rem,7vw,8rem)/.85 Arial,sans-serif;letter-spacing:-.08em}.photo{padding:0;background:var(--rose)}.photo img{object-position:50% 22%}.topic{display:flex;flex-direction:column;justify-content:space-between}.topic h2{margin:0;font:600 clamp(1.9rem,3vw,3.2rem)/1.05 Georgia,serif}.research{background:var(--yellow)}.methods{background:var(--mint)}.human{background:var(--apricot)}.below{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.below .tile{min-height:340px}.beyond{background:var(--lav)}.contact{background:var(--ink);color:#fff}
@media(max-width:900px){.switcher{position:static;gap:8px;flex-wrap:wrap;padding:14px 16px}.switcher strong{width:100%}.switcher a{font-size:.88rem}.fields .hero,.band,.masthead,.issue{grid-template-columns:1fr}.fields .hero-image{min-height:540px}.portrait-wrap img{height:70vh}.issue>h2{border-right:0;border-bottom:1px solid #aaa}.stories{grid-template-columns:1fr}article{border-right:0;border-bottom:1px solid #aaa}.mosaic,.below{grid-template-columns:1fr;grid-template-rows:auto}.name{grid-row:auto;min-height:560px}.photo{min-height:540px}}