@font-face{font-family:Roboto;src:url(assets/roboto.ttf) format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Mono;src:url(assets/mono.woff2) format('woff2');font-display:swap}:root{--bg:#101521;--orange:#e9a23b;--text:#f6f5f1;--muted:#8f99aa;--line:#ffffff15}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:7px}p{line-height:1.75}::selection{background:var(--orange);color:var(--bg)}.header{height:104px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:#101521ef}.logo{width:204px;height:auto;display:block}.header nav{display:flex;gap:38px;font-size:13px;color:#b9c0cd}.header nav a:hover{color:var(--orange)}.nav-cta{font-size:12px;display:flex;gap:30px;border:1px solid #ffffff35;border-radius:5px;padding:14px 19px}.nav-cta span{color:var(--orange)}.menu-toggle{display:none}.hero{position:relative;min-height:775px;overflow:hidden;padding:67px 6% 0;display:grid;grid-template-columns:1.1fr 1fr}.hero-content{position:relative;z-index:2}.eyebrow{font-family:Mono,monospace;font-size:10px;font-weight:400;letter-spacing:1.65px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:10px;color:#c7cdd7;margin:0 0 29px}.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 13px #e9a23b70}.hero h1{font-size:clamp(65px,6.95vw,110px);line-height:1.02;letter-spacing:-6px;margin:0;font-weight:600}.orange{color:var(--orange)}.hero-description{font-size:14px;color:#a6aebb;line-height:1.85;margin:27px 0 28px}.hero-actions{display:flex;align-items:center;gap:30px}.button{border-radius:4px;padding:17px 23px;display:inline-flex;align-items:center;gap:35px;font-size:12px;font-weight:700;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.primary{background:var(--orange);color:#171b22}.primary:hover{background:#ffb94e}.button span{font-size:20px;font-weight:400}.text-link{display:flex;align-items:center;gap:20px;font-size:12px}.text-link span{color:var(--orange)}.hero-person{margin-top:34px;display:flex;align-items:center;gap:12px}.hero-person img{border-radius:50%;object-fit:cover;filter:saturate(.5);border:1px solid #ffffff30}.hero-person p{display:flex;flex-direction:column;font-size:10px;margin:0;gap:3px}.hero-person strong{font-weight:600}.hero-person p span{color:var(--muted);font-size:9px}.hero-visual{position:relative;min-width:0;margin:-20px -10% 0 -13%;height:620px}.orb-glow{position:absolute;inset:12%;background:radial-gradient(ellipse,#e9a23b17,transparent 70%);filter:blur(35px)}#scene{position:absolute;inset:0;cursor:grab}#scene canvas{width:100%;height:100%;display:block}.fallback-spark{font-size:400px;text-align:center;color:var(--orange);line-height:1.3;transform:rotate(15deg);text-shadow:25px 20px #7a4b1c}.scene-tag{position:absolute;z-index:1;font-family:Mono,monospace;font-size:8px;letter-spacing:1.3px;color:#939dab;pointer-events:none}.tag-top{top:34px;right:16%;display:flex;align-items:center;gap:9px}.tag-top i{width:5px;height:5px;background:#e9a23b;border-radius:50%}.tag-bottom{left:19%;bottom:30px}.tag-bottom span{color:var(--orange);margin-right:10px}.motion-toggle{position:absolute;bottom:62px;right:15%;font:10px Mono,monospace;border:1px solid #ffffff20;background:#101521a0;border-radius:30px;padding:9px 13px;color:#acb5c3}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:45px;height:70px;font-family:Mono,monospace;letter-spacing:1.4px;font-size:8px;color:#7d8798;position:relative}.hero-bottom .orange{margin-left:10px}.ticker{overflow:hidden;background:var(--orange);color:#121826;padding:18px 0;transform:rotate(-1.5deg);width:100%;margin:8px 0 0}.ticker div{width:max-content;word-spacing:3px;font-size:14px;letter-spacing:1px;font-weight:800;animation:marquee 40s linear infinite}.ticker b{padding:0 50px;font-size:21px;vertical-align:middle}@keyframes marquee{to{transform:translateX(-30%)}}.section{padding:115px 7%;max-width:1600px;margin:auto}.section-heading{margin-bottom:45px}.section .eyebrow{color:var(--orange);margin:0 0 24px}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:35px}h2{font-size:clamp(32px,4vw,59px);line-height:1.17;letter-spacing:-2.5px;font-weight:500;margin:0}.muted{color:var(--muted)}.heading-row>p{font-size:13px;color:#a0a9b8;margin:0 0 5px}.service{border-top:1px solid var(--line);padding:31px 0;display:grid;grid-template-columns:45px 68px 1fr 55px;align-items:start;gap:20px}.service:last-child{border-bottom:1px solid var(--line)}.service-no{font-family:Mono;font-size:10px;color:var(--muted);padding-top:13px}.service-icon{height:47px;width:47px;display:grid;place-items:center;font-size:30px;border:1px solid #e9a23b40;border-radius:12px;color:var(--orange);background:#e9a23b08}.service h3{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:4px 0 8px}.service p{font-size:13px;max-width:660px;color:#a0a9b8;margin:0 0 17px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font:9px Mono,monospace;border:1px solid var(--line);padding:6px 10px;border-radius:3px;color:#9ca7b9}.service>a{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:20px;transition:.3s}.service:hover>a{background:var(--orange);color:var(--bg);transform:rotate(45deg)}.projects{padding-top:70px}.filters{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);color:#a0a9b8;padding:11px 18px;border-radius:30px;font-size:11px}.filters button.active{background:#f6f5f1;color:var(--bg);border-color:#f6f5f1}.filters sup{margin-left:6px;font-size:8px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 25px}.project-wide{grid-column:1/-1}.project-card[hidden]{display:none}.project-open{text-align:left;background:none;padding:0;display:block;width:100%}.project-art{position:relative;overflow:hidden;height:315px;border:1px solid #ffffff0d;border-radius:9px}.suite-art{height:420px;background:radial-gradient(ellipse at 50% 100%,#33605d,#1d383a 60%,#162a2f)}.art-label{position:absolute;top:27px;left:29px;font-weight:700;font-size:15px;letter-spacing:2px;z-index:2}.art-label>span{display:block;font:7px Mono,monospace;letter-spacing:1.8px;opacity:.6;margin-top:5px}.suite-window{position:absolute;width:79%;height:300px;left:15%;top:115px;display:flex;background:#f5f7f8;color:#22363a;border-radius:7px;box-shadow:0 0 0 5px #ffffff12,0 30px 70px #0005;transform:perspective(1500px) rotateY(-12deg) rotateX(9deg) rotateZ(-5deg);transition:transform .7s}.project-open:hover .suite-window{transform:perspective(1500px) rotateY(-5deg) rotateX(4deg) rotateZ(-2deg)}.suite-sidebar{display:flex;flex-direction:column;gap:19px;padding:20px;width:18%;background:#edf0f0;font-size:8px}.suite-sidebar b{font-size:30px;line-height:1;margin-bottom:20px}.suite-sidebar b span{font-size:10px;color:#2f8779}.suite-body{padding:24px;flex:1;min-width:0}.suite-top{font-size:14px;font-weight:700;display:flex;justify-content:space-between}.suite-tiles{display:flex;gap:10px;margin-top:20px}.suite-tiles>div{background:white;border:1px solid #e1e7e7;padding:13px;flex:1;display:flex;flex-direction:column;font-size:7px;gap:8px;border-radius:5px}.suite-tiles strong{font-size:20px}.suite-tiles em{font-size:6px;color:#318e7b;font-style:normal}.suite-chart{margin-top:18px;background:white;border:1px solid #e1e7e7;padding:15px;font-size:9px;border-radius:5px}.chart-bars{height:80px;display:flex;gap:13px;align-items:end;padding-top:10px}.chart-bars i{display:block;height:var(--h);flex:1;background:linear-gradient(#61b6a8,#b4dcd3);border-radius:3px 3px 0 0}.art-caption{position:absolute;bottom:12px;left:20px;font:7px Mono;color:#b0c9c6}.card-arrow{position:absolute;right:20px;top:20px;border:1px solid #ffffff40;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:18px;background:#10152130;transition:.3s;z-index:3}.project-open:hover .card-arrow{background:var(--text);color:var(--bg)}.project-meta{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:10px}.project-meta .eyebrow{font-size:8px;letter-spacing:1px;color:#8c99a9;display:block;margin:0 0 8px}.project-meta h3{font-size:22px;margin:0;letter-spacing:-.5px;font-weight:600}.project-meta h3 span{font-size:12px;color:#919cab;font-weight:400;display:block;letter-spacing:0;margin-top:6px}.project-wide .project-meta h3 span{display:inline;margin-left:18px}.project-type{font:8px Mono;color:#7c899b}.lapmetry-art{background:radial-gradient(ellipse at 60% 70%,#464a6a,#252736)}.feed-art{background:radial-gradient(ellipse at 70% 70%,#cbbca0,#857b68);color:#222c2d}.project-art>img{width:91%;height:auto;position:absolute;top:102px;left:13%;transform:perspective(1000px) rotateY(-9deg) rotateZ(-6deg);border:1px solid #ffffff20;border-radius:5px;box-shadow:0 30px 60px #0005;transition:transform .6s}.project-open:hover .project-art>img{transform:perspective(1000px) rotateY(-3deg) rotateZ(-2deg) translateY(-6px)}.feed-art>img{transform:perspective(1000px) rotateY(-9deg) rotateZ(6deg);left:10%}.feed-art .art-label{font-size:22px;letter-spacing:-1px}.feed-art .art-label span{letter-spacing:1px}.about{display:grid;grid-template-columns:.85fr 1fr;gap:100px;border-top:1px solid var(--line);align-items:center}.about-image{position:relative;max-width:470px}.about-image>img{width:100%;height:auto;display:block;filter:grayscale(1);border-radius:8px}.image-stamp{position:absolute;bottom:-22px;right:-25px;font:10px Mono;letter-spacing:1px;line-height:1.6;background:var(--orange);color:var(--bg);padding:20px 25px;transform:rotate(-5deg);border-radius:4px}.image-stamp b{font-size:35px;margin-left:30px}.about-copy h2{margin-bottom:25px}.about-copy p{font-size:13px;color:#9ea8b8}.about-copy .about-lead{color:#e1e5e9;font-size:18px;line-height:1.6}.signature{border-top:1px solid var(--line);margin-top:25px;padding-top:22px;font-size:13px}.signature span{display:block;color:#7c899b;font:9px Mono;margin-top:7px}.process{padding-top:50px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.steps article{border-top:1px solid #ffffff25;padding-top:24px}.steps article>span{font:9px Mono;letter-spacing:1px;color:var(--orange)}.steps h3{font-size:18px;font-weight:500;margin:25px 0 10px}.steps p{font-size:12px;color:#939fb0;margin:0}.contact{position:relative;margin:0 4% 45px;max-width:none;border-radius:9px;background:var(--orange);color:#151b25;padding:80px 7%;overflow:hidden}.contact .eyebrow{color:#403522;font-size:9px;position:relative}.contact h2{font-size:clamp(44px,6vw,88px);letter-spacing:-4px;position:relative}.contact h2>span{color:#fff7e9}.contact p:not(.eyebrow){font-size:13px;color:#4d3d28;position:relative}.light{background:var(--bg);color:#fff;margin-top:15px;position:relative}.contact-email{display:block;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:20px;position:relative;width:fit-content}.contact-note{display:block;font:8px Mono;letter-spacing:1px;margin-top:40px;color:#604723;position:relative}.contact-spark{position:absolute;right:-25px;top:0;font-size:500px;line-height:1;transform:rotate(12deg);color:#ffffff1d;user-select:none}footer{padding:0 5%}.footer-top{display:flex;align-items:center;gap:50px;padding:15px 0 35px}.footer-top p{font-size:12px;color:#98a2b2}.back-top{margin-left:auto;border:1px solid var(--line);padding:10px 15px;border-radius:50%}.footer-bottom{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#8f9aab}.footer-bottom div{display:flex;gap:22px}.footer-bottom button{padding:0;background:none;font-size:9px;color:inherit}.footer-bottom>span:last-child{font:8px Mono;letter-spacing:1px}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--orange);color:var(--bg);padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{background:#192130;color:var(--text);border:1px solid #ffffff20;border-radius:14px;padding:48px;max-width:660px;width:90%;max-height:85vh;overflow:auto}dialog::backdrop{background:#050811ba;backdrop-filter:blur(10px)}dialog h2{font-size:38px;margin:15px 0 25px}dialog p{font-size:14px;color:#b0bbcb}dialog .eyebrow{color:var(--orange);font-size:9px}.dialog-close{position:absolute;top:12px;right:18px;background:none;font-size:28px;color:#abb5c5}dialog a:not(.button){color:var(--orange)}dialog .tags{margin:25px 0}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}.motion-paused .ticker div{animation-play-state:paused}@media(min-width:1600px){.hero{max-width:1700px;margin:auto}}@media(max-width:1000px){.hero{min-height:720px;padding-top:50px}.hero h1{font-size:80px}.hero-visual{height:560px;margin-left:-25%;margin-right:-20%}.hero-description{font-size:12px}.hero-actions{gap:20px}.section{padding:85px 6%}.about{gap:55px}.project-type{display:none}.header nav{gap:22px}.hero .eyebrow{font-size:8px}.contact{padding:65px 7%}.hero-bottom{margin-top:15px}}@media(max-width:700px){html{scroll-padding-top:25px}.header{height:80px;padding:0 6%}.logo{width:172px}.header nav{display:none;position:absolute;left:0;right:0;top:80px;padding:25px;background:#161e2d;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;gap:24px}.nav-cta{margin-left:auto;font-size:10px;padding:10px;gap:12px}.menu-toggle{display:block;background:none;font-size:22px;margin-left:10px;padding:6px}.hero{display:flex;flex-direction:column;padding:43px 7% 0;min-height:0;overflow:hidden}.hero h1{font-size:76px;letter-spacing:-4px}.hero .eyebrow{margin-bottom:23px;font-size:8px}.hero-description{font-size:13px;margin:25px 0}.hero-actions{gap:22px}.button{padding:15px 17px;gap:20px;font-size:11px}.text-link{font-size:10px;gap:10px}.hero-person{margin-top:25px}.hero-visual{height:350px;width:117%;margin:-5px -8% -10px;order:2}.hero-bottom{order:3;width:100%;height:55px;margin:0;font-size:7px;letter-spacing:.5px}.hero-bottom>span:last-child{display:none}.tag-top{top:25px;right:5%;font-size:6px}.tag-bottom{left:5%;bottom:20px;font-size:6px}.motion-toggle{right:5%;bottom:40px;font-size:8px}.fallback-spark{font-size:260px;line-height:1.2}.ticker{padding:12px 0}.ticker div{font-size:11px}.ticker b{padding:0 25px;font-size:16px}.section{padding:75px 7%}.section .eyebrow{font-size:8px;margin-bottom:20px}h2{font-size:37px;letter-spacing:-1.8px}.heading-row{display:block}.heading-row>p{margin-top:20px;font-size:12px}.service{grid-template-columns:30px 1fr 30px;gap:12px;padding:25px 0}.service-icon{display:none}.service-no{font-size:9px}.service h3{font-size:19px}.service p{font-size:12px}.service>a{width:30px;height:30px;font-size:16px}.tags span{font-size:7px;padding:5px 7px}.projects{padding-top:20px}.filters{gap:6px;margin-top:-10px}.filters button{padding:9px 12px;font-size:9px}.project-grid{grid-template-columns:1fr;gap:20px}.project-wide{grid-column:auto}.project-art,.suite-art{height:270px}.suite-window{top:92px;left:8%;width:96%;height:220px}.suite-sidebar{padding:12px;font-size:6px;gap:13px}.suite-sidebar b{margin-bottom:5px}.suite-body{padding:15px}.suite-top{font-size:9px}.suite-tiles{gap:5px;margin-top:12px}.suite-tiles>div{padding:8px;font-size:5px}.suite-tiles strong{font-size:15px}.suite-tiles em{font-size:4px}.suite-chart{margin-top:10px;font-size:6px;padding:10px}.chart-bars{height:50px;gap:7px}.art-label{top:23px;left:20px;font-size:13px}.art-caption{font-size:5px}.project-meta .eyebrow{font-size:7px;margin-bottom:7px}.project-meta h3{font-size:22px}.project-wide .project-meta h3 span{display:block;margin-left:0}.project-meta h3 span{font-size:11px}.about{grid-template-columns:1fr;gap:55px}.about-image{width:85%;margin:auto}.about-copy .about-lead{font-size:17px}.about-copy p{font-size:12px}.process{padding-top:10px}.steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.steps h3{margin-top:16px}.contact{margin:0 4% 25px;padding:55px 7%}.contact h2{font-size:47px;letter-spacing:-2px}.contact-spark{right:-120px;top:130px;font-size:370px}.contact p:not(.eyebrow){font-size:11px}.contact .eyebrow{font-size:7px}.contact-note{font-size:6px}.footer-top{gap:15px;flex-wrap:wrap;padding-bottom:20px}.footer-top .logo{width:155px}.footer-top p{display:none}.footer-bottom{flex-direction:column;font-size:9px;padding-bottom:30px}.footer-bottom>span:last-child{display:none}dialog{padding:35px 25px}dialog h2{font-size:30px}}@media(max-width:380px){.logo{width:140px}.hero h1{font-size:66px}.nav-cta{font-size:9px}.hero-actions{gap:14px}.hero-description{font-size:12px}.hero-person p span{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
@media(max-width:700px){.hero h1{font-size:clamp(44px,13vw,76px);letter-spacing:-3px}.header .logo{width:145px}.nav-cta{white-space:nowrap;font-size:9px;gap:13px}.hero-visual{margin-top:10px}.hero-description .desktop{display:none}}

/* Refinements to the original design: readable controls and bounded layouts. */
body{overflow-x:clip}.hero-content,.hero-visual{min-width:0}.hero-description{max-width:480px}
.service{grid-template-columns:35px 60px minmax(0,1fr) auto}
.service>a{width:auto;height:auto;border-radius:0;border:0;border-bottom:1px solid currentColor;padding:10px 0;font-size:12px}
.service:hover>a{transform:none;background:none;color:var(--orange)}
.back-top{border-radius:0;font-size:11px}.project-meta h3 span{line-height:1.5}
.story-art{background:#263c60}.story-art>img{object-fit:cover}
@media(max-width:700px){.service{grid-template-columns:25px minmax(0,1fr)}.service>a{grid-column:2;justify-self:start}.hero-actions{flex-wrap:wrap}.hero h1{font-size:clamp(44px,13vw,76px)}.hero-description br.desktop{display:none}.nav-cta{display:none}.menu-toggle{margin-left:auto}.tags{flex-wrap:wrap}.project-art>img{max-width:none}}
.project-grid .suite-art{height:315px}@media(max-width:700px){.project-grid .suite-art{height:270px}}