@font-face{font-family:General;src:url('/assets/general-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url('/assets/satoshi-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('/assets/satoshi-500.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--gutter:clamp(22px,5.3vw,86px);--paper:#e2eee6;--muted:#b2c6bd;--accent:#f6c453}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;isolation:isolate;background:#071117;color:var(--paper);font:400 16px/1.6 Satoshi,Arial,sans-serif}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,#060f14 0%,#0a1920 52%,#081a1a 100%)}
body:after{content:'';position:fixed;inset:0;opacity:.025;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:General,Arial,sans-serif;font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b4d6c0;outline-offset:6px}[hidden]{display:none!important}::selection{background:#b4d6c0;color:#071117}
.skip-link{position:fixed;top:-100px;left:20px;z-index:30;padding:12px 20px;background:#e6eee8;color:#07100f}.skip-link:focus{top:15px}
.project-header{height:94px;width:min(100% - var(--gutter)*2,1440px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.project-brand{display:flex;align-items:center;gap:11px;font:500 17px/1.2 General,Arial,sans-serif;letter-spacing:-.035em}.project-brand img{width:36px;height:36px;object-fit:contain}
.project-back{font-size:13px;min-height:44px;display:flex;align-items:center;color:var(--muted)}.project-back:hover{color:var(--paper)}
.project-wrap{width:min(100% - var(--gutter)*2,1440px);margin:auto;padding:64px 0 0}
.project-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:48px}
.project-client{font-size:13px;color:var(--muted);margin-bottom:18px}
.project-heading h1{font-size:clamp(64px,7.5vw,112px);line-height:1;letter-spacing:-.06em}.project-heading h1>span{color:var(--accent)}
.project-description{font-size:clamp(18px,2vw,25px);line-height:1.5;margin-top:20px;color:var(--muted)}
.project-client-logo{width:105px;filter:brightness(0) invert(1);opacity:.9}
.project-opening .feg-overview{margin:0}
.project-walkthrough{padding-top:clamp(62px,7vw,100px)}
.project-walkthrough>h2{font-size:clamp(32px,3.5vw,46px);line-height:1.15;letter-spacing:-.04em;margin-bottom:32px}
.project-walkthrough .feg-product-header{min-height:58px}
.project-walkthrough .feg-scene-caption p{margin-top:5px}
.project-notes{display:flex;justify-content:flex-end;margin-top:24px}
.project-notes .feg-view-notes{font-size:11px;line-height:1.6;max-width:500px}
.project-notes a{text-decoration:underline;text-underline-offset:3px}
.project-contact{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:65px 0;margin-top:30px;border-top:1px solid #c8b5a62b}
.project-contact h2{font-size:clamp(24px,3vw,38px);line-height:1.2;letter-spacing:-.035em}
.project-contact>a{font-size:18px;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;text-decoration:underline;text-decoration-color:#d7b7a47a;text-underline-offset:7px}
.site-footer{width:min(100% - var(--gutter)*2,1440px);margin:auto;padding:26px 0 36px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px 40px;font-size:11px;color:#92a69a;border-top:1px solid #c8b5a61f}
.footer-identity,.footer-connect{display:flex;align-items:center;gap:20px}.footer-brand{font:500 14px General;color:#d4e0d6}.footer-connect{font-size:12px}.linkedin-link{width:24px;height:32px;display:grid;place-items:center}.linkedin-link svg{width:19px;height:19px;fill:currentColor}.footer-policies{display:flex;flex-wrap:wrap;gap:12px 21px}.footer-copyright{text-align:right;font-size:10px}.site-footer a:hover{color:#e5f6e9}
@media(max-width:900px){.project-wrap{padding-top:38px}.project-heading{margin-bottom:32px}.project-client-logo{width:82px}.site-footer{grid-template-columns:1fr}.footer-copyright{text-align:left}}
@media(max-width:540px){
 .project-header{height:82px;gap:16px}.project-brand{font-size:13px;gap:7px}.project-brand img{width:27px;height:30px}.project-back{font-size:11px;max-width:88px;text-align:right;line-height:1.4}
 .project-wrap{padding-top:32px}.project-heading{gap:20px;align-items:flex-start}.project-client{font-size:11px;max-width:180px;margin-bottom:16px}.project-client-logo{width:52px;margin-top:5px;flex-shrink:0}.project-description{font-size:17px;margin-top:16px}.project-heading h1{font-size:64px}
 .project-walkthrough>h2{margin-bottom:24px}
 .project-notes{justify-content:flex-start;margin-top:16px}.project-notes .feg-view-notes{text-align:left}
 .project-contact{align-items:flex-start;flex-direction:column;gap:16px;padding:40px 0;margin-top:34px}.project-contact>a{font-size:17px}
 .footer-identity{flex-wrap:wrap;gap:8px 18px}.footer-connect{flex-wrap:wrap;font-size:11px}.footer-policies{font-size:10px;gap:10px 16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}