@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Sora;src:url('/assets/fonts/sora-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Archivo Black';src:url('/assets/fonts/archivo-black-latin.woff2') format('woff2');font-display:swap}
:root{--canvas:#e6eef3;--ink:#0d1117;--muted:#59636d;--wine:#7a0e1a;--line:#bec9d0;--side:clamp(20px,5vw,88px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font:400 16px/1.6 Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
.skip{position:absolute;z-index:10;top:-80px;left:16px;padding:10px 16px;background:var(--ink);color:#fff}
.skip:focus{top:12px}
.site-header{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:24px;padding:8px var(--side);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:14px;font:500 15px/1 Sora,sans-serif;letter-spacing:.44em;text-transform:uppercase;white-space:nowrap}
.brand svg{width:76px;height:auto}.logo-ink{fill:var(--ink)}.logo-wine{fill:var(--wine)}
.header-link{font:700 12px/1.4 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.header-link:hover,.text-link:hover,.breadcrumbs a:hover,.more-projects a:hover{color:var(--wine)}
.header-link span{margin-left:6px;color:var(--wine)}
.page-intro{max-width:1300px;margin:0 auto;padding:46px var(--side) 56px}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:80px;color:var(--muted);font-size:13px}
.breadcrumbs [aria-current]{color:var(--ink)}
.eyebrow{margin:0 0 16px;color:var(--wine);font:700 12px/1.3 Sora,sans-serif;letter-spacing:.16em;text-transform:uppercase}
h1,h2,p{overflow-wrap:break-word}
h1{max-width:1100px;margin:0;font:400 clamp(50px,8vw,112px)/.98 'Archivo Black',Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase}
.period{color:var(--wine)}
.lead{max-width:760px;margin:30px 0 0;color:#36424c;font-size:clamp(18px,2.1vw,23px);line-height:1.55}
.intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:32px}
.button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:8px;padding:14px 26px;background:var(--wine);color:white;font:700 12px/1.2 Inter,sans-serif;letter-spacing:.08em;text-align:center;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.button:hover{background:#941526}
.text-link{font:700 12px/1.4 Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.screen-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.33fr) minmax(125px,.2fr);align-items:start;gap:24px;max-width:1300px;margin:0 auto;padding:0 var(--side) 90px}
.screen{min-width:0;margin:0;padding:10px;background:#10151d;box-shadow:0 18px 36px rgb(8 13 21/.12)}
.screen img{display:block;width:100%;background:#d7e0e6;object-fit:cover}.screen--desktop img{aspect-ratio:16/9}.screen--tablet img{aspect-ratio:834/1157}.screen--mobile img{aspect-ratio:390/804}
.screen figcaption{padding:10px 2px 2px;color:#c3cbd0;font:600 11px/1.3 Sora,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1300px;margin:0 auto;padding:0 var(--side) 110px}
.project-card{min-width:0;background:#f7fafb}.project-card__image{display:block;overflow:hidden;background:#10151d}.project-card__image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease}.project-card__image:hover img{transform:scale(1.025)}
.project-card__copy{padding:28px}.project-card h2{margin:0;font:600 clamp(22px,2.3vw,30px)/1.2 Sora,sans-serif}.project-card p{margin:14px 0 24px;color:#46535d}.project-card .text-link{color:var(--wine)}
.empty{grid-column:1/-1;margin:0;padding:30px;border:1px solid var(--line)}
.case-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;max-width:1300px;margin:0 auto;padding:0 var(--side) 90px}.case-note{padding-top:22px;border-top:2px solid var(--wine)}.case-note h2{margin:0 0 12px;font:600 21px/1.2 Sora,sans-serif}.case-note p{margin:0;color:#46535d}
.project-end,.closing{padding:72px var(--side);background:#10151d;color:var(--canvas);text-align:center}.project-end p{margin:0 0 24px;font:500 clamp(22px,3vw,32px)/1.3 Sora,sans-serif}.closing h2{margin:0;font:400 clamp(34px,5vw,64px)/1 'Archivo Black',sans-serif;letter-spacing:-.05em;text-transform:uppercase}.closing>p:not(.eyebrow){margin:20px 0 28px;color:#c1cbd1}.closing .eyebrow{color:#d66b76}
.more-projects{max-width:1300px;margin:0 auto;padding:70px var(--side)}.more-projects h2{margin:0 0 18px;font:600 24px Sora,sans-serif}.more-projects ul{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.more-projects a{display:block;padding:14px 18px;border:1px solid var(--line);font-weight:600}
.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:26px var(--side);border-top:1px solid var(--line);font-size:13px}.site-footer>a:first-child{font:600 17px Sora,sans-serif;letter-spacing:.2em;text-transform:uppercase}.site-footer>a:last-child{color:var(--wine);font-weight:700}
@media(max-width:800px){.breadcrumbs{margin-bottom:52px}.screen-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.screen--desktop{grid-column:1/-1}.project-list{grid-template-columns:1fr}}
@media(max-width:520px){.site-header{min-height:70px}.brand{gap:8px;font-size:11px;letter-spacing:.32em}.brand svg{width:50px}.header-link{max-width:115px;font-size:10px;text-align:right}.breadcrumbs{margin-bottom:40px}.page-intro{padding-top:24px;padding-bottom:42px}h1{font-size:clamp(32px,8.6vw,44px)}.lead{margin-top:20px}.intro-actions{gap:20px}.screen-gallery{gap:12px;padding-bottom:56px}.screen{padding:5px}.screen figcaption{font-size:9px}.project-card__copy{padding:22px}.project-list{padding-bottom:70px}.case-notes{padding-bottom:60px}.site-footer{display:grid;justify-content:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card__image img{transition:none}}