:root{--bg:#000;--ink:#fff;--accent:#ff7e21;--strap:#fafafa;--strap-dark:#212121;--rule:#363636;--mute:#a6a6a6;--dim:#cbcbcb;--near-black:#0f0f0f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;overflow-x:hidden}body{letter-spacing:.04em;-webkit-font-smoothing:antialiased;font-family:Roboto,-apple-system,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}::selection{background:var(--accent);color:#000}.hdr{z-index:50;pointer-events:none;background:linear-gradient(#000000d9 0%,#0000 100%);grid-template-columns:1fr auto 1fr;align-items:center;height:100px;padding:32px 100px;display:grid;position:fixed;top:0;left:0;right:0}.hdr>*{pointer-events:auto}.social{letter-spacing:.04em;align-items:center;gap:16px;font-family:Poppins,sans-serif;font-size:14px;display:flex}.social a{transition:color .2s}.social a:hover{color:var(--accent)}.social .dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.wordmark{letter-spacing:-.02em;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:40px;font-weight:400;line-height:1;position:relative}.wordmark .period{color:var(--accent)}.hdr-right{justify-content:flex-end;align-items:center;gap:40px;display:flex}.search-btn{opacity:.9;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .2s,color .2s;display:flex}.search-btn:hover{color:var(--accent);opacity:1}.nav-links{align-items:center;gap:40px;display:flex}.nav-links button{letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:0;font-family:Poppins,sans-serif;font-size:13px;transition:color .2s}.nav-links button:hover{color:var(--accent)}.badge{z-index:40;width:96px;height:96px;position:fixed;top:140px;left:100px}.badge .disk{background:var(--strap);color:#000;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-family:Poppins,sans-serif;font-size:26px;font-weight:500;line-height:1;display:flex;position:absolute;top:20px;left:20px;transform:translateY(-2px)}.badge .ring{animation:20s linear infinite spin;position:absolute;inset:0}.badge .ring svg{width:100%;height:100%}.badge .ring text{letter-spacing:.3em;fill:#fff;font-family:Roboto,sans-serif;font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}.rail{z-index:40;flex-direction:column;gap:40px;width:16px;display:flex;position:fixed;top:312px;left:100px}.rail .item{writing-mode:vertical-rl;letter-spacing:.24em;color:#fff;cursor:pointer;white-space:nowrap;padding:4px 0;font-family:Roboto,sans-serif;font-size:12px;transition:color .2s;transform:rotate(180deg)}.rail .item:hover,.rail .item.active{color:var(--accent)}.watch{z-index:40;cursor:pointer;width:110px;height:110px;position:fixed;bottom:58px;right:92px}.watch .disk{background:var(--strap);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:transform .3s;display:flex;position:absolute;top:20px;left:20px}.watch:hover .disk{transform:scale(1.06)}.watch .disk svg{width:18px;height:18px;fill:var(--accent);margin-left:2px}.watch .ring{animation:18s linear infinite spin;position:absolute;inset:0}.watch .ring svg{width:100%;height:100%}.watch .ring text{letter-spacing:.3em;fill:#fff;font-family:Roboto,sans-serif;font-size:10px}.strap{white-space:nowrap;letter-spacing:.02em;pointer-events:none;transform-origin:50%;align-items:center;gap:60px;width:2200px;padding:24px 200px;font-family:Roboto,sans-serif;font-size:26px;display:flex;position:absolute;left:50%}.strap .tick{background:var(--accent);border-radius:50%;flex:none;width:14px;height:14px}.strap-1{background:var(--strap-dark);color:#fff;top:70%;transform:translate(-50%,-30%)rotate(-13deg)}.strap-2{background:var(--strap);color:var(--strap-dark);top:24%;transform:translate(-30%,-50%)rotate(44.7deg)}.strap-track{align-items:center;gap:60px;animation:40s linear infinite scroll;display:flex}.strap-2 .strap-track{animation-duration:55s}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}main{min-height:100vh;position:relative}.page{min-height:100vh;padding:200px;position:relative}.ghost{color:#0000;-webkit-text-stroke:1px var(--rule);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0;font-family:Poppins,sans-serif;font-size:520px;font-weight:300;line-height:.8;position:absolute}.kicker{letter-spacing:.04em;color:#fff;text-transform:uppercase;margin-bottom:96px;font-family:Poppins,sans-serif;font-size:32px;font-weight:400;display:inline-block}.kicker:after{content:"";background:#fff;width:36px;height:2px;margin-top:12px;display:block}.home-hero{align-items:center;min-height:100vh;padding:0 200px;display:flex;position:relative;overflow:hidden}.home-inner{z-index:5;max-width:1200px;position:relative}.home-inner .ghost-p{color:#0000;-webkit-text-stroke:1px var(--rule);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:-1;font-family:Poppins,sans-serif;font-size:520px;font-weight:300;line-height:.85;position:absolute;top:-110px;left:-40px}.home-inner h1{z-index:2;letter-spacing:-.01em;color:#fff;margin:0;font-family:Poppins,sans-serif;font-size:82px;font-weight:300;line-height:1.4;position:relative}.home-inner h1 .dot{color:var(--accent)}.home-sub{z-index:2;max-width:640px;color:var(--dim);letter-spacing:.01em;margin-top:48px;font-family:Open Sans,sans-serif;font-size:18px;line-height:1.8;position:relative}.home-cta{z-index:2;border-bottom:2px solid var(--accent);cursor:pointer;align-items:center;gap:16px;margin-top:48px;padding-bottom:6px;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;transition:color .2s,transform .2s;display:inline-flex;position:relative}.home-cta:hover{color:var(--accent);transform:translate(6px)}.home-cta svg{width:18px;height:18px;fill:var(--accent)}.about-row{z-index:2;grid-template-columns:500px 1fr;align-items:center;gap:120px;margin-top:80px;display:grid;position:relative}.about-letter{color:#0000;-webkit-text-stroke:1px var(--rule);-webkit-user-select:none;user-select:none;margin-left:-40px;font-family:Poppins,sans-serif;font-size:460px;font-weight:300;line-height:.85}.about-copy h2{letter-spacing:-.01em;color:#fff;margin:0 0 48px;font-family:Poppins,sans-serif;font-size:48px;font-weight:400;line-height:1.25}.about-copy p{color:var(--dim);text-transform:uppercase;letter-spacing:.02em;margin:0 0 28px;font-family:Poppins,sans-serif;font-size:26px;font-weight:300;line-height:1.75}.about-copy p.lower{text-transform:none;color:var(--mute);letter-spacing:-.01em;font-family:Poppins,sans-serif;font-size:19px;font-weight:300;line-height:1.85}.about-copy .link{color:#fff;cursor:pointer;align-items:center;gap:14px;margin-top:40px;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;display:inline-flex;position:relative}.about-copy .link:before{content:"";background:var(--accent);z-index:-1;opacity:.85;height:10px;transition:transform .3s;position:absolute;bottom:4px;left:-4px;right:-4px;transform:skew(-18deg)}.about-copy .link:hover:before{transform:skew(-18deg)translateY(-4px)}.services-grid{z-index:2;grid-template-columns:280px 1fr 1fr 1fr;align-items:start;gap:80px;margin-top:80px;display:grid;position:relative}.services-letter{color:#0000;-webkit-text-stroke:1px var(--rule);-webkit-user-select:none;user-select:none;margin-top:-40px;font-family:Poppins,sans-serif;font-size:320px;font-weight:300;line-height:.85}.svc h3{letter-spacing:-.005em;color:#fff;margin:0 0 24px;font-family:Poppins,sans-serif;font-size:32px;font-weight:400}.svc h3 .dot{color:var(--accent)}.svc p{color:var(--dim);margin:0 0 24px;font-family:Open Sans,sans-serif;font-size:14px;line-height:2}.svc .know{color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:15px;font-weight:600;display:inline-block;position:relative}.svc .know:before{content:"";background:var(--accent);z-index:-1;opacity:0;height:8px;transition:opacity .3s;position:absolute;bottom:4px;left:-4px;right:-4px;transform:skew(-18deg)}.svc:hover .know:before,.svc .know:hover:before{opacity:.9}.bg-giant{color:#0000;-webkit-text-stroke:1px var(--rule);-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;z-index:1;font-family:Poppins,sans-serif;font-size:220px;font-weight:700;line-height:1;position:absolute;bottom:40px;left:-40px}.port-hero{z-index:2;grid-template-columns:1fr 1fr;gap:160px;min-height:420px;margin-top:80px;display:grid;position:relative}.port-left{position:relative}.port-letter{color:#0000;-webkit-text-stroke:1px var(--rule);-webkit-user-select:none;user-select:none;font-family:Poppins,sans-serif;font-size:420px;font-weight:300;line-height:.85}.port-right{justify-content:flex-end;align-items:flex-end;display:flex}.port-right-letter{color:#0000;-webkit-text-stroke:1px var(--rule);-webkit-user-select:none;user-select:none;font-family:Poppins,sans-serif;font-size:280px;font-weight:300;line-height:.85}.projects-row{z-index:2;grid-template-columns:repeat(4,1fr);gap:48px;margin-top:40px;display:grid;position:relative}.proj{cursor:pointer;transition:transform .3s}.proj:hover{transform:translateY(-6px)}.proj .thumb{aspect-ratio:1.1;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border-radius:20px;justify-content:center;align-items:center;margin-bottom:28px;display:flex;position:relative;overflow:hidden}.proj .thumb .icon{color:#ffffff1f;-webkit-user-select:none;user-select:none;letter-spacing:-.04em;font-family:Poppins,sans-serif;font-size:120px;font-weight:300;line-height:1}.proj .thumb:after{content:"";background:radial-gradient(circle at 30% 30%,#ff7e211f,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0d,#0000 50%);position:absolute;inset:0}.proj.tint-1 .thumb{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%)}.proj.tint-2 .thumb{background:linear-gradient(135deg,#2a1a0a 0%,#3a2810 100%)}.proj.tint-3 .thumb{background:linear-gradient(135deg,#0a1a2a 0%,#142838 100%)}.proj.tint-4 .thumb{background:linear-gradient(135deg,#1a0a2a 0%,#281838 100%)}.proj h4{color:#fff;letter-spacing:.01em;margin:0 0 12px;font-family:Open Sans,sans-serif;font-size:22px;font-weight:600}.proj .meta{color:var(--mute);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-family:Roboto,sans-serif;font-size:13px;display:flex}.proj .meta .dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.port-cre8{text-align:center;color:#0000;-webkit-text-stroke:1px var(--rule);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;font-family:Poppins,sans-serif;font-size:260px;font-weight:700;line-height:.9;position:absolute;bottom:0;left:0;right:0}.detail{z-index:2;max-width:1200px;margin-top:40px;position:relative}.back{letter-spacing:.2em;text-transform:uppercase;color:var(--mute);cursor:pointer;align-items:center;gap:12px;margin-bottom:64px;font-family:Roboto,sans-serif;font-size:12px;transition:color .2s,transform .2s;display:inline-flex}.back:hover{color:var(--accent);transform:translate(-6px)}.back .arr{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.detail h1{letter-spacing:-.01em;color:#fff;max-width:1100px;margin:0 0 24px;font-family:Poppins,sans-serif;font-size:72px;font-weight:400;line-height:1.1}.detail .subline{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);align-items:center;gap:20px;margin-bottom:48px;font-family:Roboto,sans-serif;font-size:14px;display:flex}.detail .subline .dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.detail-body{grid-template-columns:2fr 1fr;gap:80px;margin-top:40px;display:grid}.detail-body .lede{color:var(--dim);margin-bottom:40px;font-family:Open Sans,sans-serif;font-size:22px;line-height:1.75}.detail-grid{grid-template-columns:1fr 1fr;gap:48px;margin-top:40px;display:grid}.block h5{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500}.block p{color:var(--dim);margin:0;font-family:Open Sans,sans-serif;font-size:16px;line-height:1.8}.aside{border-left:1px solid var(--rule);padding-left:40px}.aside h5{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:0 0 24px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500}.aside ul{margin:0 0 40px;padding:0;list-style:none}.aside li{color:var(--dim);border-bottom:1px solid #1a1a1a;justify-content:space-between;gap:16px;padding:10px 0;font-family:Open Sans,sans-serif;font-size:14px;display:flex}.aside li .k{color:var(--mute);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.metrics{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;display:grid}.metric{border:1px solid var(--rule);border-radius:14px;padding:24px;transition:border-color .3s,transform .3s}.metric:hover{border-color:var(--accent);transform:translateY(-3px)}.metric .v{color:#fff;letter-spacing:-.02em;font-family:Poppins,sans-serif;font-size:48px;font-weight:400;line-height:1}.metric .v .dot{color:var(--accent)}.metric .k{letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-top:12px;font-family:Roboto,sans-serif;font-size:11px;line-height:1.4}.bullets{margin:40px 0 0;padding:0;list-style:none}.bullets li{color:var(--dim);border-top:1px solid #1a1a1a;grid-template-columns:60px 1fr;gap:24px;padding:20px 0;font-family:Open Sans,sans-serif;font-size:16px;line-height:1.75;display:grid}.bullets li:last-child{border-bottom:1px solid #1a1a1a}.bullets li .n{color:var(--accent);font-family:Poppins,sans-serif;font-size:28px;font-weight:300;line-height:1}.connect-body{z-index:2;max-width:1100px;margin-top:80px;position:relative}.connect-body h2{letter-spacing:-.01em;color:#fff;margin:0 0 48px;font-family:Poppins,sans-serif;font-size:72px;font-weight:300;line-height:1.2}.connect-body h2 .dot{color:var(--accent)}.connect-grid{grid-template-columns:1fr 1fr;gap:40px;margin-top:64px;display:grid}.c-link{border-top:1px solid var(--rule);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:32px 0;transition:padding .3s;display:flex}.c-link:hover{padding-left:16px}.c-link:last-child{border-bottom:1px solid var(--rule)}.c-link .k{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-family:Roboto,sans-serif;font-size:12px}.c-link .v{color:#fff;letter-spacing:-.005em;font-family:Poppins,sans-serif;font-size:28px;font-weight:400}.c-link .arr{color:#fff;font-size:22px;transition:transform .3s,color .3s}.c-link:hover .arr{color:var(--accent);transform:rotate(-45deg)}.project-overlay{z-index:95;background:var(--bg);padding:200px;position:fixed;inset:0;overflow-y:auto}.tweaks{border:1px solid var(--rule);z-index:200;background:#111;border-radius:16px;width:280px;padding:24px;display:none;position:fixed;bottom:200px;right:100px;box-shadow:0 24px 60px #0009}.tweaks.open{display:block}.tweaks h5{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-family:Roboto,sans-serif;font-size:11px}.tweak-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tweak-row button{border:1px solid var(--rule);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-family:Roboto,sans-serif;font-size:11px;transition:all .2s}.tweak-row button:hover{border-color:var(--accent);color:#fff}.tweak-row button.active{background:var(--accent);color:#000;border-color:var(--accent)}[data-accent=emerald]{--accent:#2ed09a}[data-accent=magenta]{--accent:#e84c84}[data-accent=gold]{--accent:#f2c94c}[data-accent=electric]{--accent:#6366f1}@media (width<=1200px){.hdr{padding:24px 40px}.badge,.rail{left:40px}.watch{bottom:40px;right:32px}.home-hero,.page{padding-left:160px;padding-right:40px}.home-inner h1{font-size:54px}.home-inner .ghost-p,.about-letter,.services-letter,.port-letter{font-size:320px}.about-row,.services-grid,.detail-body{grid-template-columns:1fr;gap:48px}.projects-row{grid-template-columns:1fr 1fr}.aside{border-left:none;border-top:1px solid var(--rule);padding-top:40px;padding-left:0}}@media (width<=700px){.hdr{height:72px;padding:16px 20px}.wordmark{font-size:26px}.nav-links,.badge,.rail{display:none}.watch{width:72px;height:72px;bottom:20px;right:16px}.watch .disk{width:46px;height:46px;top:13px;left:13px}.home-hero{padding:80px 20px}.page{padding:100px 20px 80px}.project-overlay{padding:80px 20px 60px}.home-inner h1{font-size:36px;line-height:1.3}.home-inner .ghost-p{display:none}.home-sub{margin-top:24px;font-size:16px}.home-cta{margin-top:32px;font-size:16px}.strap,.about-letter{display:none}.about-copy h2{font-size:30px}.about-copy p{font-size:16px}.about-copy p.lower{font-size:15px}.services-letter{display:none}.services-grid{grid-template-columns:1fr;gap:40px}.svc h3{font-size:24px}.port-hero{display:none}.projects-row{grid-template-columns:1fr;gap:32px}.proj .thumb .icon{font-size:80px}.connect-body h2{font-size:36px;line-height:1.3}.connect-grid{grid-template-columns:1fr}.c-link .v{font-size:20px}.detail h1{font-size:36px}.detail-grid,.metrics{grid-template-columns:1fr}.metric .v{font-size:36px}.bg-giant,.port-cre8{font-size:80px}.kicker{margin-bottom:40px;font-size:20px}}