:root{--bg:#15171b;--panel:#202328;--ink:#f5f3ef;--muted:#aaaeb5;--red:#e74b51;--red2:#ff686d;--line:rgba(255,255,255,.12);--display:"Space Grotesk",sans-serif;--body:"Inter",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;height:92px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:600 17px var(--display);letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--red);font:800 21px var(--display);clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav a,footer a{color:#dfe0e2;text-decoration:none;font-size:13px;font-weight:600}.site-header nav a:hover{color:#fff}.nav-cta{border:1px solid var(--line);padding:13px 18px}.nav-cta span,.primary-button span,.text-link span{color:var(--red2)}.menu-button{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{height:min(850px,100vh);min-height:680px;position:relative;overflow:hidden;background:#24272c}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 80% 40%,rgba(255,82,91,.25),transparent 38%),linear-gradient(90deg,#15171b 0%,rgba(21,23,27,.96) 42%,rgba(21,23,27,.2) 100%);z-index:2}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}.slide.is-active{opacity:1;visibility:visible}.slide-art{position:absolute;inset:0 0 0 38%;overflow:hidden;filter:saturate(.85)}.slide-art:before,.slide-art:after{content:"";position:absolute;transform:rotate(24deg)}.slide-art:before{width:42vw;height:120%;right:8%;top:-20%;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 55%);border:1px solid rgba(255,255,255,.1)}.slide-art:after{width:18vw;height:90%;right:2%;bottom:-20%;background:rgba(0,0,0,.18)}.slide-art span{position:absolute;right:-20px;top:48%;transform:rotate(90deg);font:700 clamp(70px,11vw,170px) var(--display);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.13)}.art-one{background:linear-gradient(125deg,#3a1e25,#e54b52 54%,#26292e)}.art-two{background:linear-gradient(125deg,#172e38,#297b91 52%,#1c2026)}.art-three{background:linear-gradient(125deg,#33261b,#ae742b 52%,#1c2026)}.slide-content{position:absolute;z-index:3;left:clamp(24px,8vw,130px);top:50%;transform:translateY(-43%);max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:800;color:var(--red2);margin:0 0 22px}.slide h1,.slide h2{font:700 clamp(50px,6.8vw,105px)/.92 var(--display);letter-spacing:-.06em;margin:0}.slide h1 em,.slide h2 em,.section-heading h2 em,.about h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72)}.intro{max-width:530px;color:#c7c9cd;font-size:17px;line-height:1.7;margin:30px 0}.primary-button{display:inline-flex;align-items:center;gap:25px;padding:17px 22px;background:var(--ink);color:#17191d;text-decoration:none;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:.25s}.primary-button:hover{transform:translateY(-3px);background:#fff}.slider-controls{position:absolute;z-index:5;right:clamp(24px,5vw,80px);bottom:47px;display:flex;align-items:center;gap:18px}.arrow,.dot{border:0;cursor:pointer}.arrow{width:46px;height:46px;color:#fff;background:rgba(16,17,20,.55);border:1px solid var(--line);font-size:18px}.arrow:hover{background:var(--red)}.dots{display:flex;gap:8px}.dot{width:28px;height:3px;padding:0;background:rgba(255,255,255,.3)}.dot.is-active{background:var(--red2)}.scroll-hint{position:absolute;z-index:4;bottom:53px;left:clamp(24px,5vw,80px);font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#a7a9ae}.scroll-hint span{display:inline-block;width:36px;height:1px;background:var(--red);margin-right:12px;vertical-align:middle}.projects{padding:120px clamp(24px,5vw,80px);background:#efede8;color:#17191d}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:60px}.section-heading h2,.about h2{font:700 clamp(48px,6vw,86px)/1 var(--display);letter-spacing:-.055em;margin:0}.section-heading h2 em{-webkit-text-stroke:1px #17191d}.section-heading>p{max-width:520px;color:#65676b;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{position:relative;background:#fff;min-width:0;box-shadow:0 14px 40px rgba(24,25,28,.07);transition:transform .35s,box-shadow .35s}.project-card:hover{transform:translateY(-8px);box-shadow:0 22px 60px rgba(24,25,28,.15)}.card-number{position:absolute;z-index:2;right:18px;top:14px;color:rgba(255,255,255,.7);font:600 12px var(--display)}.project-image{height:300px;display:grid;place-items:center;overflow:hidden;position:relative}.project-image:before{content:"";position:absolute;width:68%;height:150%;transform:rotate(28deg);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}.project-image span{font:700 11px var(--display);letter-spacing:.25em;color:rgba(255,255,255,.58);z-index:1}.image-community{background:linear-gradient(135deg,#262a30,#e64e54)}.image-gaming{background:linear-gradient(135deg,#252b35,#287b9a)}.image-creative{background:linear-gradient(135deg,#282823,#c38b3b)}.project-logo{position:absolute;top:252px;left:24px;width:74px;height:74px;display:grid;place-items:center;background:#191b1f;color:#fff;border:5px solid #fff;font:700 24px var(--display)}.card-body{padding:50px 26px 26px}.card-tag{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 10px}.card-body h3{font:700 25px var(--display);margin:0 0 12px}.card-body>p:not(.card-tag){color:#71747a;font-size:14px;line-height:1.65;min-height:70px}.project-links{display:flex;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid #e7e5e0}.project-links a{width:38px;height:38px;display:grid;place-items:center;background:#f0eee9;color:#222;text-decoration:none;font-weight:800;transition:.2s}.project-links a:hover{background:var(--red);color:#fff}.coming-soon{display:flex;min-height:486px;flex-direction:column;justify-content:flex-end;color:#fff;background:#1d2024}.coming-soon .card-number{color:#777}.soon-mark{margin:auto;display:grid;place-items:center;width:90px;height:90px;border:1px solid #4e5156;color:var(--red);font:300 48px var(--body)}.coming-soon .card-body>p:not(.card-tag){color:#92959a}.about{padding:140px clamp(24px,8vw,130px);min-height:600px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(110deg,rgba(22,24,28,.94),rgba(22,24,28,.68)),radial-gradient(circle at 80% 50%,#e84c53,transparent 50%)}.about h2{max-width:900px}.about>p:not(.eyebrow){max-width:580px;color:#aaadb3;line-height:1.8;font-size:17px}.text-link{color:#fff;text-decoration:none;font-weight:700;margin-top:18px}footer{min-height:130px;padding:30px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#101216;color:#777;font-size:11px}footer>div{display:flex;gap:24px}.footer-brand{opacity:.75}@media(min-width:1150px){.project-card:first-child{grid-column:span 1}.coming-soon{grid-column:auto}.project-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.site-header nav{display:none;position:absolute;top:92px;left:0;right:0;padding:24px;background:#17191d;flex-direction:column;align-items:flex-start}.site-header nav.is-open{display:flex}.menu-button{display:block}.hero{min-height:720px}.slide-art{left:20%;opacity:.45}.slide-content{top:52%}.project-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start;flex-direction:column}.section-heading>p{margin:0}.coming-soon{min-height:486px}}@media(max-width:620px){.site-header{height:76px}.site-header nav{top:76px}.hero{min-height:680px}.slide-content{transform:translateY(-45%);right:24px}.slide h1,.slide h2{font-size:49px}.intro{font-size:15px}.slider-controls{bottom:28px}.scroll-hint{display:none}.projects{padding-top:85px}.project-grid{grid-template-columns:1fr}.project-image{height:250px}.project-logo{top:202px}.section-heading h2,.about h2{font-size:48px}.about{min-height:520px;padding-top:90px;padding-bottom:90px}footer{flex-direction:column;text-align:center;padding:45px 24px}}