:root{--bg:#0b0c0e;--panel:#121418;--line:#272a30;--text:#f4f2ed;--muted:#9a9da4;--accent:#ef3e33;--max:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.site-header{height:82px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:850;letter-spacing:.08em;font-size:.9rem}.brand span{color:var(--accent)}nav{display:flex;gap:32px}nav a{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}nav a:hover{color:var(--text)}main{max-width:var(--max);margin:auto;padding:0 28px}.hero{min-height:680px;display:grid;grid-template-columns:1.55fr .75fr;gap:80px;align-items:center;border-bottom:1px solid var(--line)}.kicker,.section-label{color:var(--accent);font-size:.72rem;font-weight:750;letter-spacing:.18em}.hero h1{font-size:clamp(3.4rem,7vw,6.8rem);line-height:.88;letter-spacing:-.06em;margin:24px 0 30px;max-width:820px}.hero h1 em{font-style:normal;color:var(--muted)}.intro{max-width:660px;color:#b7b9bf;font-size:1.12rem;line-height:1.7}.actions{display:flex;gap:12px;margin-top:34px}.button{padding:14px 20px;border:1px solid var(--line);font-size:.82rem;font-weight:700}.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.secondary:hover{border-color:var(--muted)}.signal-card{background:var(--panel);border:1px solid var(--line);padding:30px}.status{font-size:.68rem;letter-spacing:.15em;color:var(--muted)}.status i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px}.signal-card h2{font-size:2rem;letter-spacing:-.04em;margin:34px 0 12px}.signal-card p{color:var(--muted);line-height:1.65}.signal-line{height:1px;background:var(--line);margin:30px 0}.signal-card small{color:#666b74;letter-spacing:.12em}.section{padding:110px 0;border-bottom:1px solid var(--line)}.section h2{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1;letter-spacing:-.05em;margin:24px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.body-copy{padding-top:40px}.body-copy p,.ideas p{color:#aeb1b8;line-height:1.8;font-size:1.04rem}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:54px}.project-grid :is(article,.project-card){background:var(--bg);padding:34px;min-height:260px;position:relative}.project-grid :is(article,.project-card):hover{background:var(--panel)}.project-grid :is(article,.project-card)>span{color:#5f636b;font-size:.75rem}.project-grid h3{font-size:1.8rem;margin:38px 0 12px}.project-grid p{color:var(--muted);line-height:1.65;max-width:430px}.tag{position:absolute;bottom:28px;font-size:.64rem;color:var(--accent);letter-spacing:.15em}.ideas{display:grid;grid-template-columns:.35fr 1fr;gap:80px}.ideas div{max-width:720px}.ideas h2{margin-top:0}footer{max-width:var(--max);margin:auto;padding:58px 28px;display:flex;justify-content:space-between;color:var(--muted)}footer p{font-size:.8rem}.footer-right{text-align:right}footer small{font-size:.7rem;color:#646871}@media(max-width:800px){.site-header{height:70px}nav{display:none}.hero{grid-template-columns:1fr;gap:40px;padding:80px 0}.hero h1{font-size:clamp(3.2rem,15vw,5rem)}.signal-card{margin-bottom:70px}.split,.ideas{grid-template-columns:1fr;gap:25px}.section{padding:75px 0}.body-copy{padding-top:0}.project-grid{grid-template-columns:1fr}.project-grid :is(article,.project-card){min-height:240px}footer{flex-direction:column;gap:30px}.footer-right{text-align:left}}

/* Keep the supplied portrait uncropped at every breakpoint. */
.hero-media{display:grid;gap:20px;min-width:0;padding:44px 0}.hero-portrait{margin:0;aspect-ratio:1;border:1px solid var(--line);overflow:hidden;background:var(--panel)}.hero-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.hero-media .signal-card{padding:24px;margin:0}.hero-media .signal-card h2{margin-top:20px}.hero-media .signal-line{margin:22px 0}@media(max-width:800px){.hero-media{padding:0}}

/* Native full-card links retain the project layout and a visible keyboard focus ring. */
.project-card{display:block}.project-card:hover,.project-card:focus-visible{background:var(--panel)}.project-card:hover h3,.project-card:focus-visible h3{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.18em}.project-card:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}