@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Manrope:wght@400;600;700;800&display=swap');
:root{--orange:#ff6500;--ink:#06090d;--panel:#0b1017;--line:#252b32;--muted:#8d949c;font-family:Manrope,Arial,sans-serif;color:#f7f7f4;background:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 92% 7%,#ff650014,transparent 28%),var(--ink)}a{color:inherit;text-decoration:none}.topbar{height:84px;padding:0 max(24px,calc((100vw - 1440px)/2 + 54px));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#06090de8}.brand{display:flex;align-items:center;gap:12px}.brand img{width:47px;height:47px;border-radius:50%}.brand>span{font-size:25px;font-weight:800;letter-spacing:-1.2px;line-height:.8}.brand strong{color:var(--orange)}.brand small{display:block;margin-top:9px;font-size:7px;letter-spacing:3px}.back-link{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--orange)}.back-link span{font-size:18px;margin-left:7px}.intro{max-width:1440px;margin:0 auto;padding:92px max(24px,calc((100vw - 1440px)/2 + 54px)) 58px;display:grid;grid-template-columns:1.15fr .85fr;gap:10%;align-items:end}.eyebrow{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.6px}.intro h1{font:400 clamp(48px,6vw,88px)/.9 'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-4px;margin:22px 0 0}.intro h1 em{font-style:normal;color:var(--orange)}.lead{max-width:520px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 5px}.projects{max-width:1440px;margin:0 auto;padding:0 max(24px,calc((100vw - 1440px)/2 + 54px)) 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project{min-height:410px;position:relative;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);overflow:hidden;transition:.35s}.project:hover{transform:translateY(-6px);border-color:#ff650080;box-shadow:0 24px 70px #0008}.number{position:absolute;z-index:2;top:18px;left:20px;color:#7d858e;font-size:9px;font-weight:800;letter-spacing:1px}.visual{height:250px;display:flex;align-items:center;justify-content:center;padding:42px;background:#111820}.visual img{max-width:88%;max-height:150px;width:auto;height:auto;object-fit:contain}.purple .visual{background:#27033b}.black .visual{background:#050505}.blue .visual{background:linear-gradient(135deg,#07111d,#0c2735)}.gold .visual{background:radial-gradient(circle,#3d2c16,#100d09 72%)}.control .visual{background:radial-gradient(circle at 50% 30%,#25354f,#0b111b 70%)}.control .visual strong{font:400 36px/.8 'Archivo Black',sans-serif}.control .visual strong small{display:block;color:var(--orange);font:800 16px Manrope;letter-spacing:5px;margin-top:11px}.food .visual{background:#111820}.sport .visual{background:#f2f4f7}.details{position:relative;flex:1;padding:25px 22px}.details p{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.2px;margin:0 0 10px}.details h2{font:400 25px/1 'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-1px;margin:0 60px 12px}.details small{color:#767d85;font-size:10px}.details b{position:absolute;right:20px;bottom:20px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #394049;font-size:20px;font-weight:400}.project:hover .details b{background:var(--orange);border-color:var(--orange)}footer{max-width:1440px;margin:0 auto;padding:25px max(24px,calc((100vw - 1440px)/2 + 54px));display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#777;font-size:10px;text-transform:uppercase;letter-spacing:1px}@media(max-width:720px){.topbar{height:70px;padding:0 20px}.brand img{width:40px;height:40px}.brand>span{font-size:21px}.back-link{font-size:9px}.intro{display:block;padding:68px 20px 42px}.intro h1{font-size:43px;letter-spacing:-2.7px;margin-top:18px}.lead{font-size:13px;margin-top:26px}.projects{display:flex;flex-direction:column;padding:0 20px 70px}.project{min-height:365px}.visual{height:205px;padding:36px}.details h2{font-size:21px}footer{display:block;padding:24px 20px;line-height:2}footer span{display:block}}
