@font-face{font-family:Newsreader;src:url('assets/newsreader-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--ivory:#f6f3ec;--ink:#193d3c;--teal:#255e60;--coral:#c67e68;--sage:#a6b9a7;--amber:#bd945b}
*{box-sizing:border-box}
html{background:var(--ivory);color:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0}
.homepage{min-height:100svh;display:flex;flex-direction:column;isolation:isolate}
.masthead{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px clamp(28px,4.5vw,88px) 19px;flex-shrink:0}
.identity{margin:0;line-height:0;font-weight:400}
.identity a{display:block;border-radius:3px}
.identity img{display:block;width:clamp(230px,21vw,306px);height:auto}
.navigation{display:flex;align-items:center;gap:clamp(24px,3vw,52px);flex-wrap:wrap;font:500 18px/1.5 Manrope,Arial,sans-serif}
.navigation a{position:relative;display:flex;align-items:center;min-height:44px;min-width:44px;justify-content:center;color:var(--ink);text-decoration:none;letter-spacing:.035em}
.navigation a::after{position:absolute;content:"";height:1px;left:0;right:100%;bottom:7px;background:var(--teal);transition:right .2s ease}
.navigation a:hover::after,.navigation a:focus-visible::after{right:0}
a:focus-visible{outline:2px solid var(--teal);outline-offset:6px}
.landscape{position:relative;flex:1;min-height:560px;display:flex;flex-direction:column}
.artwork{display:block;position:relative;flex:1;min-height:0;overflow:hidden;order:2}
.artwork img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;}
.artwork::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--ivory),transparent 12%);pointer-events:none}
.disciplines{display:flex;align-items:center;gap:19px;flex-wrap:wrap;position:relative;order:1;flex-shrink:0;margin:0;padding:3px 4.7vw 18px;font:400 clamp(23px,2.1vw,32px)/1.25 Newsreader,Georgia,serif;letter-spacing:-.015em}
.divider{font:400 16px/1 Manrope,Arial,sans-serif;color:#6c8175}
@media(min-width:1600px){.landscape{min-height:670px}}
@media(max-width:900px){.masthead{padding:20px 28px 16px;gap:20px}.navigation{gap:22px;font-size:16px}.identity img{width:225px}}
@media(max-width:700px) and (orientation:portrait){
 .masthead{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:24px 25px 6px}
 .identity img{width:244px}
 .navigation{width:100%;justify-content:space-between;gap:8px;font-size:14.5px;letter-spacing:0}
 .navigation a{min-height:44px}
 .landscape{min-height:620px}
 .artwork img{object-fit:cover;object-position:center 46%}
 .disciplines{font-size:21px;gap:11px;padding:7px 25px 17px;letter-spacing:-.025em;justify-content:center}
 .divider{font-size:12px}
}
@media(max-width:370px) and (orientation:portrait){.masthead{padding-inline:19px}.disciplines{padding-inline:17px;gap:8px;font-size:19px}.navigation{font-size:13.5px}}
@media(orientation:landscape) and (max-height:540px){
 .masthead{padding:10px max(25px,env(safe-area-inset-left)) 4px;gap:22px}
 .identity img{width:204px}
 .navigation{gap:24px;font-size:14px}
 .landscape{min-height:270px}
 .artwork img{object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent)}
 .disciplines{font-size:20px;gap:12px;padding:1px 29px 10px;}
 .divider{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}