@import url("layout-fixes.css");
:root{--bg:#111214;--surface:#1a1b1e;--surface-2:#222327;--text:#f3f3f3;--muted:#b5b7bc;--line:#3a3c41;--accent:#ff3344;--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#3a3b40 0,#242529 30%,#111214 76%);background-attachment:fixed;color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header,main,footer{width:min(calc(100% - 72px),var(--max));margin:auto;background:linear-gradient(145deg,rgba(31,32,36,.98),rgba(20,21,24,.98))}.site-header{min-height:70px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative}.brand{font-size:.9rem;font-weight:700;color:var(--text)}.header-role{text-align:center;margin:0;font-size:.82rem;color:var(--muted)}nav{display:flex;justify-content:flex-end;gap:24px}nav a,.menu-button{font-size:.82rem;color:var(--text)}nav a:hover{color:var(--accent)}.menu-button{display:none;background:none;border:1px solid var(--line);padding:8px 11px}
.intro{min-height:440px;padding:72px 28px 58px;display:grid;grid-template-columns:.8fr 2fr 1fr;gap:32px;align-content:end;border-bottom:1px solid var(--line)}.kicker,.section-label,.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.intro .kicker{grid-column:1}.intro h1{grid-column:1/-1;font-size:clamp(2.4rem,4.15vw,4rem);line-height:1.02;letter-spacing:-.05em;margin:10px 0 0;font-weight:600;color:var(--accent);white-space:nowrap}.intro-copy{grid-column:3;align-self:end;margin:16px 0 0;max-width:360px;color:var(--text);font-size:1rem}
.work-section{padding:52px 28px 82px}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.work-heading h2{font-size:1.65rem;line-height:1.2;margin:0;color:var(--accent)}.work-heading h2 span{color:var(--text);font-size:1rem;font-weight:400}.filters{display:flex;gap:22px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.filters span:first-child{color:var(--text)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{min-width:0}.project-thumb{aspect-ratio:16/10;background:#101113;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line)}.project-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.poster-thumb{background:#191a1d}.poster-thumb img{object-fit:contain}.placeholder-thumb{background:linear-gradient(135deg,#4a4c52,#24262b);color:#fff}.placeholder-thumb span{font-size:2rem;line-height:.92;letter-spacing:-.04em;font-weight:700;color:var(--accent)}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 2px 26px}.project-meta h3{font-size:1rem;margin:0 0 3px;color:var(--text)}.project-meta p,.project-meta>span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.project-meta .project-status{color:var(--accent);font:inherit;font-weight:700}.project-card:hover .project-meta h3{color:var(--accent)}.project-card:hover .project-thumb img{transform:scale(1.015)}
.about-section{padding:82px 28px;display:grid;grid-template-columns:.8fr 2fr 1fr;gap:32px;border-top:1px solid var(--line)}.about-section h2{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.05;letter-spacing:-.04em;font-weight:600;color:var(--accent);margin:0 0 28px}.about-section>div>p{max-width:680px;color:var(--text);font-size:1rem}.about-section ul{list-style:none;margin:0;padding:0;font-size:.86rem;color:var(--text)}.about-section li{padding:8px 0;border-bottom:1px solid var(--line)}
footer{padding:82px 28px 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr;gap:40px}footer h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.02;letter-spacing:-.045em;font-weight:600;color:var(--accent);margin:22px 0 62px}.footer-links{display:grid;align-content:start}.footer-links a{padding:9px 0;border-bottom:1px solid var(--line);font-size:.88rem;color:var(--text)}.footer-links a:hover{color:var(--accent)}.copyright{grid-column:1/-1;font-size:.75rem;color:var(--muted);margin:0}
.project-page main{padding:48px 28px 95px}.back-link{color:var(--muted);font-size:.82rem}.project-intro{padding:78px 0 46px;display:grid;grid-template-columns:2fr 1fr;gap:70px}.project-intro h1{font-size:clamp(3rem,5.5vw,5.5rem);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:14px 0;font-weight:600;color:var(--accent)}.project-intro h1 span{color:var(--accent)}.project-summary{align-self:end;color:var(--text);font-size:1rem;max-width:470px}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.meta-grid div{padding:16px 0}.meta-grid dt{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.meta-grid dd{margin:4px 0 0;font-size:.88rem;color:var(--text)}.project-hero{display:grid;place-items:center;min-height:0;max-height:none;background:#111214;overflow:hidden;border:1px solid var(--line)}.project-hero img{width:100%;max-height:82vh;object-fit:contain}.project-hero span{font-size:3rem;font-weight:700;color:var(--accent)}.project-body{max-width:790px;margin:78px auto}.project-body h2{font-size:2rem;line-height:1.1;letter-spacing:-.025em;font-weight:600;color:var(--accent);margin-bottom:20px}.project-body p{color:var(--text);font-size:1rem}.placeholder-note,.credit-note{border-left:2px solid var(--accent);padding:4px 0 4px 18px;color:var(--muted)}
@media(max-width:820px){body{background:#111214}.site-header,main,footer{width:100%}.site-header{grid-template-columns:1fr auto;padding:0 18px}.header-role{display:none}.menu-button{display:block}nav{display:none;position:absolute;top:69px;left:18px;right:18px;background:var(--surface-2);border:1px solid var(--line);padding:18px;flex-direction:column;z-index:5}nav.open{display:flex}.intro{min-height:390px;padding:62px 18px 42px;display:block}.intro h1{margin:65px 0 28px;font-size:2.8rem}.intro-copy{max-width:460px}.work-section{padding:44px 18px 65px}.work-heading{display:block}.filters{margin-top:16px;overflow:auto}.project-grid{grid-template-columns:1fr}.project-meta{padding-bottom:30px}.about-section{padding:65px 18px;grid-template-columns:1fr}.about-section h2{margin-top:24px}footer{padding:65px 18px 24px;grid-template-columns:1fr}footer h2{margin-bottom:30px}.project-page main{padding:42px 18px 75px}.project-intro{padding:60px 0 36px;display:block}.project-intro h1{font-size:3rem}.project-summary{margin-top:30px}.meta-grid{grid-template-columns:1fr 1fr}.project-hero img{max-height:none}}