@font-face{font-family:Mikatz;src:url('../mikatz-fonts/MikatzLight.woff2') format('woff2');font-weight:300;font-display:swap}
:root{color-scheme:light;--night:#142c35;--cream:#f1f0e8;--sea:#91c9cb;--lime:#dce795;--ink:#243b42;--muted:#536469}
*{box-sizing:border-box}html{scroll-padding-top:30px}body{margin:0;background:var(--night);color:var(--cream);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--sea)}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}p,h1,h2,h3,figure{margin:0}.skip{position:absolute;left:20px;top:12px;transform:translateY(-170%);padding:8px 16px;background:var(--cream);color:var(--night);z-index:10}.skip:focus{transform:none}.hero{max-width:1040px;margin:auto;padding:78px 44px 72px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px 60px;align-items:center}.eyebrow{font-size:14px;letter-spacing:.09em;text-transform:uppercase;font-weight:550}.hero .eyebrow{color:var(--sea);display:flex;align-items:center;gap:10px}.eyebrow>span{font-size:26px;line-height:1}h1{font-size:clamp(66px,8.4vw,108px);line-height:.97;font-weight:650;letter-spacing:-7px;margin:28px 0}h1>span:not(.period){color:var(--sea)}h1 .period{color:var(--lime)}.intro{max-width:450px;color:#cfdbdc;font-size:18px;line-height:1.7}.intro p+p{margin-top:13px;color:#aebfc3}.intro a{color:var(--cream)}.portrait{align-self:stretch;position:relative;isolation:isolate;margin:0 0 0 5px;min-height:470px;display:flex;flex-direction:column;transform:rotate(2deg)}.portrait:before{content:'';position:absolute;inset:18px -13px -12px 16px;border:1px solid #91c9cb70;z-index:-1}.portrait img{display:block;width:100%;height:100%;min-height:0;flex:1;object-fit:cover;object-position:65% 90%;position:absolute;inset:0}.portrait figcaption{position:absolute;bottom:13px;left:13px;max-width:calc(100% - 26px);padding:5px 10px;background:rgb(241 240 232 / 65%);color:var(--night);font-size:12px;line-height:1.4}.selected{background:var(--cream);color:var(--ink);padding:55px max(44px,calc((100vw - 952px)/2));display:grid;grid-template-columns:250px minmax(0,1fr);gap:45px}.section-intro{padding-top:4px}.section-intro .eyebrow{color:#466a71}h2{font:300 47px/1.08 Mikatz,Georgia,serif;letter-spacing:-1.9px;margin:18px 0}h2>span{color:#4b8992}.section-intro>p:last-child{color:var(--muted);font-size:15px}.project{padding:29px 0;border-bottom:1px solid #bdccca}.project:first-child{padding-top:0}.project:last-child{border-bottom:0;padding-bottom:0}.project-top{display:flex;align-items:center;gap:16px;margin-bottom:10px;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:#52696f}.number{color:#386f79;font-variant-numeric:tabular-nums}.category{border-left:1px solid #bdccca;padding-left:16px}h3{font-size:24px;letter-spacing:-.65px;font-weight:550;line-height:1.35;margin-bottom:8px}h3 a{text-decoration:none;display:flex;justify-content:space-between;gap:12px}h3 a span{font-weight:400;color:#3c7681}.project p{color:var(--muted);font-size:16px;line-height:1.7;max-width:620px}.links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:14px;font-size:15px}.links a{color:#275f6a}.links span{margin-left:6px}.selected a:hover{color:#143d48;text-decoration:underline}footer{max-width:1040px;margin:auto;padding:32px 44px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-name{font:300 31px/1.3 Mikatz,Georgia,serif;color:var(--cream)}footer p{font-size:15px;color:#afc2c7;margin-top:5px}footer nav{display:flex;flex-wrap:wrap;gap:25px;font-size:16px}footer a{text-decoration:none}
@media(min-width:1500px){.selected{padding-left:calc((100vw - 952px)/2);padding-right:calc((100vw - 952px)/2)}}
@media(max-width:900px){.hero{gap:26px 35px;padding-top:58px;padding-bottom:58px}.portrait{min-height:420px}h1{font-size:80px;letter-spacing:-5px}.selected{grid-template-columns:220px 1fr;gap:35px;padding:40px 32px}h2{font-size:42px}.intro{font-size:17px}}
@media(max-width:650px){.hero{padding:46px 24px 48px;grid-template-columns:1fr;gap:28px}h1{font-size:clamp(62px,13vw,85px);letter-spacing:-4px;margin:23px 0}.intro{font-size:18px;max-width:none}.portrait{width:100%;max-width:340px;min-height:350px;justify-self:center;margin:8px 0 0;transform:rotate(1deg)}.portrait img{object-position:65% 85%}.selected{grid-template-columns:1fr;padding:35px 24px;gap:28px}.section-intro>p:last-child br{display:none}h2{font-size:43px;margin:12px 0}.project{padding:26px 0}h3{font-size:24px}footer{padding:28px 24px 32px;flex-direction:column;align-items:flex-start;gap:20px}footer nav{gap:23px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a{transition:color .15s ease}}