:root{--bg:#000;--fg:#f9f9f9;--orange:#ff6a00;--ink:#ffebf9;--content:984px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Georgia,'Times New Roman',serif;font-size:16px;}
a{color:inherit}button{font:inherit}.top{height:500px;background:#000;position:relative;}
.mini-brand{width:52px;height:56px;position:absolute;left:16px;top:0;display:block;z-index:3}.mini-brand img{display:block;width:52px;height:56px;object-fit:contain}
.nav{position:absolute;top:0;right:24px;display:flex;align-items:flex-start;gap:25px;height:56px;z-index:10;}
.nav-link{color:#f9f9f9;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:15px;display:flex;align-items:center;height:52px;position:relative;padding:0 2px;white-space:nowrap;}
.nav-link[aria-current=page]::after{content:'';height:7px;background:var(--orange);bottom:0;left:0;right:0;position:absolute;}
.search-toggle{width:32px;height:52px;border:0;background:none;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.search-toggle svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2.3;stroke-linecap:round;}
.search-area{display:none;position:absolute;right:18px;top:60px;background:#141414;border:1px solid #555;padding:10px;z-index:11}
.search-area.open{display:flex;gap:8px}
.search-area input{border:1px solid #555;background:black;color:white;padding:10px 12px;width:220px;font-size:15px;outline-color:var(--orange)}
.search-area button{background:var(--orange);color:black;border:0;padding:9px 12px;cursor:pointer}
.top.compact{height:56px}.top.compact .wordmark{display:none}
.wordmark{width:min(783px,82vw);height:385px;position:absolute;left:50%;top:56px;transform:translateX(-50%);object-fit:contain;}
.intro{width:min(968px,calc(100% - 44px));margin:0 auto;text-align:center;padding-top:16px;}
.intro p{font-family:Arial,Helvetica,sans-serif;font-size:18.67px;font-weight:700;color:var(--ink);line-height:1.5;margin:0;}
.section-divider{max-width:1169px;width:calc(100% - 64px);height:2px;background:var(--orange);margin:47px auto 0;border:none}
.section-title{font-family:Georgia,'Times New Roman',serif;font-size:16px;color:var(--orange);text-align:center;font-weight:400;margin:28px 0 46px;}
.project-list{width:min(var(--content),calc(100% - 48px));margin:auto;}
.project-row{display:grid;grid-template-columns:481fr 479fr;gap:23px;align-items:start;margin-bottom:96px;}
.project-art{width:100%;overflow:hidden}
.project-art img{display:block;width:100%;height:auto;object-fit:contain;}
.project-copy{padding-left:7px}
.project-copy h2{font-size:45.33px;line-height:1.2;font-family:Georgia,'Times New Roman',serif;margin:4px 0 27px;font-weight:700;letter-spacing:-.7px;}
.project-copy p{margin:0 0 29px;line-height:1.5;font-size:16px;min-height:57px;}
.actions{display:flex;flex-direction:column;gap:8px;margin-left:-7px;}
.project-action{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;background:var(--orange);color:#fff;font-family:Georgia,'Times New Roman',serif;border:1px solid var(--orange);font-size:15px;min-height:50px;border-radius:4px;padding:8px;transition:filter .15s ease;}
.project-action:hover{filter:brightness(1.18)}.project-action:focus-visible,.nav-link:focus-visible,.search-toggle:focus-visible{outline:2px solid white;outline-offset:3px}
.project-action.ghost{background:transparent;color:var(--orange);}
#home-section{display:block}#project-page,#about-page,#contact-page{display:none}
#project-page{padding-top:110px}#project-page .section-title{margin:0 0 55px}#project-page .project-row:last-child{margin-bottom:100px}
.inner-page{min-height:calc(100vh - 200px);max-width:900px;margin:auto;padding:120px 30px 60px;}
.inner-page h1{font:700 48px/1.2 Georgia,serif;text-align:center;margin:0 0 60px}.inner-page p{font-size:20px;line-height:1.5}
.footer{padding-top:90px;padding-bottom:22px;min-height:260px;position:relative;text-align:center;}
.footer h3{font-size:16px;font-weight:400;margin:0 0 14px;}
.footer-links{color:#999;font-size:16px}.footer-links a{color:#999;text-decoration:underline;}
.legal{color:#999;font-size:12px;margin-top:55px}
.footer-icons{position:absolute;right:11%;bottom:10px;display:flex;gap:12px;}
.footer-icons a{width:32px;height:32px;border-radius:50%;background:#5f6368;color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-weight:bold;display:flex;align-items:center;justify-content:center;}
.dialog-backdrop{display:none;position:fixed;inset:0;background:#000b;z-index:25;align-items:center;justify-content:center;padding:20px}
.dialog-backdrop.open{display:flex}
.dialog{background:#101010;color:#fff;border:1px solid #555;max-width:480px;width:100%;padding:25px;position:relative;}
.dialog h2{font-size:30px;margin:0 0 15px}.dialog p{line-height:1.5}.dialog button{background:var(--orange);border:0;color:#000;padding:8px 12px;cursor:pointer;}
@media(max-width:750px){
 .top{height:340px}.nav{gap:12px;right:12px}.nav-link{font-size:13px;}.mini-brand{width:40px;height:43px;left:9px}.mini-brand img{width:40px;height:43px}
 .wordmark{width:min(92vw,570px);height:245px;top:63px}
 .intro{padding-top:22px}.intro p{font-size:16px;line-height:1.5}
 .section-divider{width:calc(100% - 32px);margin-top:32px}.section-title{margin:24px 0 30px}
 .project-list{width:min(481px,calc(100% - 40px));}
 .project-row{grid-template-columns:1fr;gap:15px;margin-bottom:70px}
 .project-copy{padding-left:0}
 .project-copy h2{font-size:34px;margin:0 0 17px}
 .project-copy p{margin:0 0 20px;min-height:0}
 .actions{margin-left:0}
 .project-art img{height:auto}
 .footer{padding-top:60px}
 .footer-icons{right:0;bottom:0;left:0;position:relative;justify-content:center;margin-top:30px}
 .legal{margin-top:24px}
 #project-page{padding-top:65px}
}
@media(max-width:410px){.nav{gap:8px;right:5px}.nav-link{font-size:12px}.search-toggle{width:25px}.mini-brand img{width:30px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-action{transition:none}}

:root {
  --odd-heading: 'Manrope', 'Arial', 'Helvetica', sans-serif;
  --odd-body: 'IBM Plex Mono', 'DejaVu Sans Mono', monospace;
}
body, .nav-link, .intro p, .project-copy p, .project-action,
.inner-page p, .footer-links, .legal, .dialog p, .dialog button,
.search-area input, .search-area button {
  font-family: var(--odd-body);
}
.section-title, .project-copy h2, .inner-page h1, .footer h3, .dialog h2 {
  font-family: var(--odd-heading);
}

.project-art-placeholder{display:block;width:100%;aspect-ratio:var(--art-ratio,16/9);background:#090909;border:1px solid #202020;}