@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');

:root { --ink:#101014; --paper:#f3f0e8; --lime:#d8ff52; --violet:#6c54f8; --muted:#6f6c67; --line:rgba(16,16,20,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { position:absolute; z-index:5; top:0; left:0; width:100%; height:90px; display:flex; justify-content:space-between; align-items:center; padding:0 clamp(24px,5vw,76px); }
.brand { font-size:28px; font-weight:800; letter-spacing:-2px; }.brand span { color:var(--violet); }
nav { display:flex; align-items:center; gap:32px; font-size:13px; font-weight:700; }
.nav-cta { border-bottom:1px solid; padding:8px 0; }
.hero { min-height:760px; display:grid; grid-template-columns:58% 42%; overflow:hidden; }
.hero-copy { display:flex; flex-direction:column; justify-content:center; padding:130px 7vw 80px; }
.eyebrow,.kicker,.label { font:500 11px DM Mono,monospace; text-transform:uppercase; letter-spacing:.15em; }
.eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:34px; }.eyebrow span { width:30px; height:2px; background:var(--violet); }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(58px,7.2vw,112px); line-height:.89; letter-spacing:-.07em; margin:0 0 36px; max-width:900px; }
h1 em,.about h2 em { font-family:"Playfair Display",serif; font-weight:600; color:var(--violet); }
.intro { font-size:clamp(17px,1.5vw,21px); line-height:1.65; max-width:570px; color:#4f4d49; }
.hero-actions { margin-top:30px; display:flex; align-items:center; gap:30px; flex-wrap:wrap; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:17px 22px; font-size:13px; font-weight:700; border:1px solid var(--ink); }
.button.primary { background:var(--ink); color:white; }.button.primary span { color:var(--lime); }.button:hover { transform:translateY(-2px); }
.button,.project-link,.contact-links a { transition:transform .2s ease,background .2s ease; }
.text-link { font:500 12px DM Mono,monospace; border-bottom:1px solid var(--line); padding-bottom:6px; }
.hero-art { position:relative; background:var(--lime); min-height:650px; overflow:hidden; }
.orb { position:absolute; border-radius:50%; filter:blur(1px); }.orb-one { width:370px; height:370px; background:var(--violet); top:17%; right:-13%; }.orb-two { width:160px; height:160px; background:#ff806d; bottom:5%; left:-8%; }
.code-card { position:absolute; top:33%; left:9%; width:min(430px,82%); padding:18px 24px 28px; background:#17171d; color:#f5f2e9; box-shadow:18px 20px 0 rgba(16,16,20,.12); transform:rotate(-3deg); font:12px/2 DM Mono,monospace; }
.code-card p { margin:0; }.code-card b { color:#666673; margin-right:12px; font-weight:400; }.pink{color:#ff7d91}.green{color:#92e6a7}.gold{color:#ffd073}
.code-top { display:flex; gap:6px; padding-bottom:15px; border-bottom:1px solid #303039; margin-bottom:15px; }.code-top i { width:8px;height:8px;border-radius:50%;background:#ff7474}.code-top i:nth-child(2){background:#ffd35b}.code-top i:nth-child(3){background:#75d984}
.side-note { position:absolute; right:22px; bottom:25px; writing-mode:vertical-rl; font:500 10px DM Mono,monospace; letter-spacing:.18em; }
.section { padding:120px clamp(24px,7vw,110px); }
.section-heading { display:grid; grid-template-columns:1fr .55fr; gap:10vw; align-items:end; margin-bottom:76px; }
.kicker { color:var(--violet); margin-bottom:22px; }
.section-heading h2,.about h2,.contact h2 { font-size:clamp(45px,5.5vw,80px); line-height:.98; letter-spacing:-.055em; margin:0; }
.section-heading>p { line-height:1.7; color:var(--muted); max-width:380px; }
.work { background:#fcfbf7; }
.project { position:relative; display:grid; grid-template-columns:1.25fr .75fr; gap:8vw; align-items:center; padding:50px 0 90px; border-top:1px solid var(--line); }
.project.reverse { grid-template-columns:.75fr 1.25fr; }.project.reverse .project-visual { order:2; }.project.reverse .project-copy { order:1; }
.project-number { position:absolute; top:22px; right:0; font:11px DM Mono,monospace; color:var(--muted); }
.project-visual { min-height:430px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.gamefinder-visual { background:var(--violet); padding:11%; }.search-ui { width:100%; padding:30px; background:#ece8df; transform:rotate(2deg); box-shadow:15px 18px 0 rgba(0,0,0,.15); }.search-bar { background:white; border:1px solid #d5d0c6; padding:14px; color:#888; font:11px DM Mono,monospace; }.search-bar span{font-size:18px;margin-right:8px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.game-grid i{display:block;aspect-ratio:.8;background:#16161c}.game-grid i:nth-child(2),.game-grid i:nth-child(5){background:#ff866c}.game-grid i:nth-child(3),.game-grid i:nth-child(4){background:#d8ff52}
.zombie-visual { background:#050505; position:relative; padding:28px; }.zombie-visual img{display:block;width:100%;height:100%;max-height:470px;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.18);image-rendering:auto}.image-caption{position:absolute;left:40px;bottom:40px;background:var(--lime);color:var(--ink);padding:8px 10px;font:500 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em;box-shadow:5px 5px 0 rgba(0,0,0,.45)}
.project-copy h3 { font-size:clamp(35px,4vw,60px); letter-spacing:-.05em; margin:14px 0 22px; }.project-copy>p:not(.label){color:var(--muted);line-height:1.75;max-width:490px}.label{color:var(--violet)}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.tags span{font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);padding:7px 10px;border-radius:20px}
.project-link { display:inline-flex; gap:40px; padding-bottom:8px; border-bottom:1px solid; font-size:13px; font-weight:700; }.project-link:hover { transform:translateX(4px); }
.about { background:var(--lime); display:grid; grid-template-columns:1fr 1fr; gap:6vw; position:relative; }.about-copy{padding-top:40px}.about-copy p{line-height:1.75;max-width:550px}.about-copy .large{font-size:clamp(20px,2vw,27px);line-height:1.45;font-weight:600}.button.dark{margin-top:20px;background:var(--ink);color:white}
.interest-list { grid-column:2; border-top:1px solid rgba(16,16,20,.25); margin-top:30px; padding-top:25px; display:grid; grid-template-columns:1fr 1.2fr; font:11px DM Mono,monospace; text-transform:uppercase; letter-spacing:.08em; }.interest-list ul{list-style:none;margin:0;padding:0}.interest-list li{margin-bottom:13px}
.contact { background:var(--ink); color:#f7f4eb; padding:120px clamp(24px,7vw,110px) 80px; }.contact .kicker{color:var(--lime)}.contact h2{font-size:clamp(58px,8vw,120px);max-width:1000px}.contact>p:not(.kicker){color:#aaa9a5;max-width:610px;line-height:1.7;margin:40px 0 50px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:55px;max-width:820px}.contact-details div{display:flex;flex-direction:column;gap:9px}.contact-details span{color:#777;font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.15em}.contact-details strong,.contact-details a{font-size:clamp(17px,1.8vw,23px);font-weight:500}.contact-details a{overflow-wrap:anywhere}.contact-details a:hover{color:var(--lime)}.contact-links{display:flex;border-top:1px solid #3d3d42;gap:45px}.contact-links a{display:flex;justify-content:space-between;width:33.333%;padding:24px 0;border-bottom:1px solid #3d3d42;font-size:14px}.contact-links span{color:var(--lime)}
footer { display:flex; justify-content:space-between; gap:20px; padding:25px clamp(24px,7vw,110px); background:var(--ink); color:#777; border-top:1px solid #29292e; font:10px DM Mono,monospace; text-transform:uppercase; letter-spacing:.08em; }footer p{margin:0}
@media (max-width:800px){
  .site-header{height:72px}.site-header nav a:not(.nav-cta){display:none}nav{gap:0}.hero{grid-template-columns:1fr}.hero-copy{padding:130px 24px 75px}.hero-art{min-height:440px}.section{padding:85px 24px}.section-heading{grid-template-columns:1fr;gap:30px;margin-bottom:45px}.project,.project.reverse{grid-template-columns:1fr;gap:35px;padding:50px 0 65px}.project.reverse .project-visual{order:1}.project.reverse .project-copy{order:2}.project-visual{min-height:330px}.about{grid-template-columns:1fr}.interest-list{grid-column:1}.contact{padding:85px 24px 60px}.contact-details{grid-template-columns:1fr;gap:25px}.contact-links{display:block}.contact-links a{width:100%;margin:0!important}footer{display:block}footer p+p{margin-top:8px}
}
@media (max-width:480px){h1{font-size:55px}.hero-actions{align-items:flex-start;flex-direction:column}.code-card{left:7%;width:86%;padding-left:16px}.project-visual{min-height:280px}.zombie-visual{padding:15px}.zombie-visual img{min-height:280px}.image-caption{left:25px;bottom:25px}.search-ui{padding:20px}.about-title br{display:none}.interest-list{grid-template-columns:1fr;gap:12px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.project-link{transition:none}}