@font-face{font-family:Gloock;src:url("/fonts/gloock.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/fonts/dm-sans-variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{
  --green:#193932;--ink:#182d28;--mute:#4b5e53;--paper:#f7f5ee;--ivory:#f5efdf;--accent:#d8ae83;--rule:#c4c7b8;--plum:#56243b;
  --display:Gloock,Georgia,serif;--body:"DM Sans",Arial,sans-serif;--margin:clamp(22px,5vw,80px)
}
*{box-sizing:border-box}
html{scroll-padding-top:12px}
body{margin:0;color:var(--ink);background:var(--paper);font:400 17px/1.52 var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,dl,dd,figure{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.038em;text-wrap:balance;line-height:1.04}
a{color:inherit;text-decoration:none;text-underline-offset:.25em}
a:focus-visible{outline:3px solid #b95300;outline-offset:5px}
.hero a:focus-visible,footer a:focus-visible{outline-color:#ffda9f}
img{display:block;max-width:100%}
a svg{width:1.05em;height:1.05em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.frame,.head-inner{max-width:1510px;margin-inline:auto;padding-inline:var(--margin)}
.skip{position:fixed;left:10px;top:-80px;z-index:9;background:white;padding:12px}.skip:focus{top:10px}
.site-head{background:#fff}
.head-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:inline-flex;padding:6px 0}.brand img{width:158px;height:auto}
nav{display:flex;gap:clamp(22px,3vw,54px);align-items:center;font-size:15px;font-weight:550}
nav a{display:inline-flex;align-items:center;min-height:44px}
.nav-section:hover,.mail:hover,.archive a:hover{text-decoration:underline}
.nav-contact{gap:13px;border:1px solid #c2cdc2;border-radius:3px;padding:0 15px}
.nav-contact:hover{background:#edf2ec}
.hero{background:var(--green);color:var(--ivory)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:center;gap:6%;padding-block:clamp(46px,4.5vw,74px)}
.hero-copy{padding-block:8px}
.location,.context{font-size:14px;font-weight:600;letter-spacing:.025em}
.location{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#e4d4b7}
.location span{height:1px;width:22px;background:#b5b6a2}
h1{font-size:clamp(72px,7.9vw,119px);line-height:.99;margin:23px 0 30px}
.lead{max-width:48ch;font-size:clamp(17px,1.4vw,21px);color:#e2e5d8;line-height:1.55}
.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}
.solid,.under,.editor-link,.mail,.phone{display:inline-flex;align-items:center;gap:12px;min-height:44px}
.solid{background:var(--ivory);color:var(--ink);border-radius:3px;padding:13px 19px;font-size:15px;font-weight:650}
.solid:hover{background:#e4d8bf}
.under{font-size:15px;font-weight:550;text-decoration:underline;text-decoration-color:#81988d}
.under:hover{text-decoration-color:currentColor}
.archive{width:100%;max-width:445px;justify-self:end;background:#eae4d4;color:var(--ink);padding:0 10px 10px}
.art-frame{background:#a68f68;width:100%;aspect-ratio:1/1.07;overflow:hidden}
.art-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 9%}
.archive figcaption{font-size:13px;line-height:1.35;color:#34463d;display:flex;flex-wrap:wrap;gap:2px 12px;justify-content:space-between;align-items:center;margin:0;padding:6px 3px}
.archive figcaption a{display:inline-flex;align-items:center;gap:5px;min-height:28px}
.archive figcaption svg{width:11px;height:11px}
.works{padding-block:clamp(55px,6vw,100px)}
.works-intro{display:grid;grid-template-columns:1.26fr 1fr;gap:7%;align-items:end;margin-bottom:37px}
.context{color:var(--mute);margin-bottom:13px}
h2{font-size:clamp(44px,4.6vw,71px)}
.works-intro>p{max-width:46ch}
.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,45px)}
.study{position:relative;background:#e9e6d8;overflow:hidden}
.study img{width:100%;aspect-ratio:540 / 245;object-fit:contain;height:auto}
.study figcaption{padding:0 16px 11px;font-size:13px;color:#4d584b}
h3{font-size:clamp(27px,2.7vw,41px);margin:22px 0 10px}
.work-pair article>p{max-width:53ch}
.reportage{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:40px;padding:18px 0}
.reportage p{font-weight:650}.reportage p span{font-weight:400;margin-left:12px;color:var(--mute);font-size:15px}
.editor-link{color:var(--green);font-weight:600;text-decoration:underline;text-decoration-color:#8d9b90}
.editor-link:hover{text-decoration-color:currentColor}
.team{background:#e9ece2;padding-block:clamp(48px,6vw,92px)}
.team-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:5%}
.prize{display:inline-flex;flex-direction:column;gap:4px;align-items:flex-start;margin-top:29px}
.prize strong{font-size:16px;color:var(--plum);display:flex;align-items:center;gap:10px}.prize:hover strong{text-decoration:underline}
.prize span,.credits small{font-size:15px;color:var(--mute)}
.credits>div{padding:18px 0;display:grid;grid-template-columns:minmax(125px,.72fr) minmax(0,1.12fr);gap:18px;border-bottom:1px solid #bac3b6}
.credits>div:first-child{border-top:1px solid #bac3b6}
.credits dt{font-size:14px;color:var(--mute);padding-top:3px}
.credits dd{line-height:1.28;font-size:clamp(19px,1.6vw,24px);font-weight:580}
.credits small{display:block;font-weight:400;margin-top:4px}
footer{background:#34212b;color:#faeee3}
.footer-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:5%;padding-block:clamp(47px,5vw,80px)}
footer .context{color:#e0bdab}.owner{margin-top:17px;color:#e6d6ce}
address{font-style:normal;display:flex;flex-direction:column;align-items:flex-start}
.phone{font-family:var(--display);font-size:clamp(35px,3.3vw,52px);line-height:1.12;letter-spacing:-.025em}
.phone svg{width:27px;height:27px;margin-left:8px}
.phone:hover{text-decoration:underline;text-decoration-thickness:1px}
.mail{font-size:20px;gap:14px}.mail svg{width:17px}
address p{font-size:15px;line-height:1.5;margin-top:13px;color:#e8d9d3}
.footer-tail{display:flex;justify-content:space-between;gap:12px;padding-bottom:20px;color:#deccc6;font-size:13px}
.missing main{max-width:980px;margin:12vh auto;padding:24px}.missing h1{font-size:clamp(46px,8vw,96px)}.missing .solid{background:var(--green);color:var(--ivory)}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1.2fr .8fr;gap:4%}.hero-actions{gap:10px 18px}.works-intro{gap:5%}.credits>div{grid-template-columns:1fr;gap:4px;padding:13px 0}.credits dt{padding:0}.archive figcaption{justify-content:flex-start;row-gap:0}.archive figcaption a{margin-left:0}.reportage p span{display:block;margin-left:0}
}
@media(max-width:640px){
 :root{--margin:22px}
 body{font-size:16px;line-height:1.52}
 .head-inner{min-height:65px;gap:10px}.brand img{width:138px}.nav-section{display:none}.nav-contact{font-size:14px;padding:0 10px;gap:7px;min-height:44px}
 .hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-block:30px 23px;gap:24px}.hero-copy{padding:0}
 .location,.context{font-size:13px}.location{gap:8px}.location span{width:12px}
 h1{font-size:clamp(64px,15.8vw,89px);line-height:1;margin:15px 0 17px}h1 br{display:none}
 .lead{font-size:16px;max-width:47ch;line-height:1.49}
 .hero-actions{gap:8px 18px;margin-top:19px}.solid{padding:11px 13px}.under{gap:7px}.solid,.under{font-size:14px}
 .archive{max-width:none;padding:0 7px 7px}.art-frame{aspect-ratio:2.15/1}.art-frame img{object-position:center 7%}
 .archive figcaption{display:flex;justify-content:flex-start;gap:0 14px;margin-top:0;font-size:13px}.archive figcaption a{margin-left:0;min-height:24px}
 .works{padding-block:39px}.works-intro,.team-grid,.footer-grid{grid-template-columns:1fr;gap:18px}
 .works-intro{margin-bottom:24px}.works-intro>p{max-width:52ch}.context{margin-bottom:9px}
 h2{font-size:clamp(39px,10vw,55px)}.work-pair{grid-template-columns:1fr;gap:29px}.study img{aspect-ratio:540 / 248}.study figcaption{padding:0 12px 9px;font-size:13px}
 h3{font-size:32px;margin:16px 0 7px}.reportage{margin-top:25px;display:block;padding:16px 0 10px}.reportage p span{display:inline;margin-left:7px;font-size:13px}.editor-link{font-size:16px}
 .team{padding-block:39px}.team-title h2 br{display:none}.prize{margin-top:18px}.team-grid{gap:22px}.credits>div{grid-template-columns:minmax(95px,.73fr) 1.4fr;gap:12px;padding:14px 0}.credits dd{font-size:17px}.credits dt,.credits small{font-size:13px}
 .footer-grid{padding-block:38px 31px}.owner{margin-top:9px}.footer-tail{flex-direction:column;gap:2px;font-size:13px}
}
@media(max-width:355px){:root{--margin:16px}.hero-actions{gap:4px 12px}.solid,.under{font-size:13px}.under{gap:3px}.nav-contact{font-size:13px}.brand img{width:128px}.reportage p span{display:block;margin:0}.location{font-size:13px}}
@media(prefers-reduced-motion:no-preference){a svg{transition:transform .18s ease}.solid:hover svg,.nav-contact:hover svg{transform:translateY(2px)}.editor-link:hover svg,.under:hover svg{transform:translate(1px,-1px)}}
@media print{.site-head nav,.hero-actions,.footer-tail{display:none}.hero,.team,footer{background:white;color:#151e19}.location,.lead,.context,.owner,address p,.archive figcaption{color:#273d30}.hero-grid{padding:20px;display:grid}.archive{max-width:210px}.works,.team,.footer-grid{padding-block:20px}.work-pair{grid-template-columns:1fr 1fr}article,footer{break-inside:avoid}}