:root{--gold:#d8a94d;--gold-hi:#f3d58d;--ink:#030303;--glass:rgba(18,15,11,.82);--line:rgba(224,178,85,.36);--muted:#9d978f;--page-progress:0;--parallax-y:0px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;overflow-x:hidden;background:var(--ink);color:#f5f1e8;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}

.progress-track{position:fixed;z-index:100;top:0;left:0;width:100%;height:2px;background:rgba(255,255,255,.06)}.progress-track i{display:block;width:calc(var(--page-progress)*100%);height:100%;background:linear-gradient(90deg,#865716,var(--gold-hi));box-shadow:0 0 12px var(--gold)}
.desktop-story{display:block;background:#000;scroll-snap-type:y proximity}.desktop-scene{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;scroll-snap-align:start;isolation:isolate}.desktop-scene>img{width:100%;height:100%;object-fit:cover}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.14),transparent 22%,transparent 78%,rgba(0,0,0,.1))}.desktop-scene::after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(231,189,102,.48),transparent)}
.app-dock{position:fixed;z-index:80;right:18px;top:50%;width:112px;padding:12px;border:1px solid rgba(223,179,90,.25);border-radius:16px;background:rgba(5,5,5,.72);box-shadow:0 20px 70px rgba(0,0,0,.55),inset 0 0 20px rgba(215,165,67,.025);backdrop-filter:blur(18px);transform:translateY(-50%)}.app-dock>img{width:50px;margin:0 auto 10px;filter:drop-shadow(0 0 9px rgba(216,169,77,.22))}.app-dock nav{display:grid;gap:4px}.app-dock nav a{display:flex;align-items:center;gap:7px;padding:8px 7px;border-radius:8px;color:#69645d;font-size:8px;letter-spacing:.09em;text-transform:uppercase;transition:.25s ease}.app-dock nav a span{color:#8c6b32}.app-dock nav a b{font-weight:600}.app-dock nav a:hover,.app-dock nav a.active{background:rgba(216,169,77,.11);color:#f0d99f;box-shadow:inset 0 0 0 1px rgba(216,169,77,.18)}.dock-work{display:block;margin-top:9px;padding:9px 6px;border:1px solid rgba(216,169,77,.38);border-radius:7px;color:#e7c77f;font-size:7px;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.hotspot{position:absolute;z-index:4;border-radius:4px}.hotspot:focus-visible,.hotspot:hover{outline:1px solid var(--gold-hi);box-shadow:0 0 26px rgba(216,169,77,.3)}.hotspot-primary{left:3.5%;top:69.2%;width:16.9%;height:7%}.hotspot-secondary{left:21.6%;top:69.2%;width:11.5%;height:7%}.hotspot-portfolio{right:14.2%;top:60.9%;width:20.5%;height:7.6%}.scene-wide-link{position:absolute;z-index:3;right:4%;bottom:7%;width:24%;height:12%;border-radius:12px}.scene-wide-link:focus-visible{outline:2px solid var(--gold)}.scene-next{position:absolute;z-index:5;left:50%;bottom:1.5%;display:flex;align-items:center;gap:9px;padding:7px 11px;border-radius:999px;background:rgba(0,0,0,.46);color:#b9a071;font-size:7px;letter-spacing:.18em;transform:translateX(-50%);backdrop-filter:blur(10px)}.scene-next i{font-size:13px;font-style:normal;animation:floatArrow 1.8s ease-in-out infinite}
.mobile-story{display:none}

@keyframes floatArrow{50%{transform:translateY(3px)}}
@keyframes goldPulse{50%{box-shadow:0 0 34px rgba(216,169,77,.24),inset 0 0 22px rgba(216,169,77,.08)}}
@keyframes orbitDrift{50%{transform:rotate(10deg) scale(1.03)}}

@media(max-width:820px){
  body{background:#050403}.desktop-story,.app-dock{display:none}.mobile-story{display:block;overflow:hidden}.progress-track{height:3px}
  .mobile-nav{position:fixed;z-index:70;top:0;left:0;width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(3,3,3,.96),rgba(3,3,3,.72));backdrop-filter:blur(18px)}.mobile-nav img{width:84px;max-height:59px;object-fit:contain}.mobile-nav>a:last-child{display:flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid rgba(216,169,77,.43);border-radius:999px;color:#e8cf99;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
  .m-hero{position:relative;min-height:100svh;padding:132px 18px 74px;background:radial-gradient(circle at 95% 24%,rgba(193,130,31,.24),transparent 28%),linear-gradient(145deg,#020202 0%,#0a0704 58%,#1b1004 100%)}.m-hero::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#050403);pointer-events:none}.orbit{position:absolute;border:1px solid rgba(216,169,77,.16);border-radius:50%;pointer-events:none}.orbit-a{width:440px;height:440px;right:-270px;top:80px;box-shadow:0 0 80px rgba(216,169,77,.05);animation:orbitDrift 10s ease-in-out infinite}.orbit-b{width:290px;height:620px;left:-215px;top:390px;transform:rotate(-22deg)}
  .mobile-copy{position:relative;z-index:2}.eyebrow{margin:0 0 18px;color:var(--gold-hi);font-size:9px;font-weight:800;letter-spacing:.23em;text-transform:uppercase}.mobile-copy h1,.m-heading h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}.mobile-copy h1{font-size:clamp(4.1rem,20vw,6.5rem);line-height:.78}.mobile-copy h1 em,.m-heading h2 em{color:var(--gold);font-style:normal}.mobile-copy h2{margin:21px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400}.mobile-copy>p:last-of-type{max-width:520px;margin:22px 0 0;color:#aaa39a;font-size:14px;line-height:1.75}.mobile-actions{display:grid;gap:10px;margin-top:27px}.btn{min-height:54px;display:flex;align-items:center;justify-content:center;gap:22px;padding:0 18px;border-radius:5px;font-size:9px;font-weight:900;letter-spacing:.12em;text-align:center;text-transform:uppercase;transition:.25s ease}.btn-gold{background:linear-gradient(135deg,#f2d58d,#bd7d22);color:#0c0904;box-shadow:0 17px 44px rgba(175,111,21,.2)}.btn-glass{border:1px solid rgba(216,169,77,.5);background:rgba(255,255,255,.025);color:#e8d4a5}.btn.full{width:100%}
  .mobile-screens{position:relative;z-index:3;display:grid;gap:18px;margin-top:55px;perspective:1000px}.floating-screen{--rx:0deg;--ry:0deg;position:relative;overflow:hidden;border:1px solid rgba(232,190,104,.58);border-radius:8px;background:#0a0907;box-shadow:0 24px 60px rgba(0,0,0,.65),0 0 25px rgba(216,169,77,.09);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease}.floating-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,225,157,.14),transparent 62%);pointer-events:none}.floating-screen>span{height:27px;display:flex;align-items:center;padding:0 11px;background:#15120e;color:#ba9551;font-size:7px;letter-spacing:.12em}.floating-screen img{width:100%;height:210px;object-fit:cover;object-position:top}.screen-a{width:94%;justify-self:start;transform:rotate(-1.4deg)}.screen-b{width:86%;justify-self:end;transform:rotate(1.2deg)}.screen-c{width:90%;justify-self:start;transform:rotate(-.8deg)}.project-count{position:relative;z-index:3;margin:28px 0 0;color:#8c857b;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.project-count strong{margin-right:10px;color:var(--gold-hi);font-family:Georgia,serif;font-size:2.4rem;font-weight:400}
  .m-section{position:relative;padding:92px 18px;background:#050403}.m-section::before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.m-heading{position:relative;z-index:2}.m-heading h2{font-size:clamp(3.25rem,15vw,5.1rem);line-height:.9}.m-heading>h3{margin:25px 0 0;color:#e4d0a2;font-family:Georgia,serif;font-size:1.35rem;font-weight:400;line-height:1.35}.m-heading>p:last-child{margin:23px 0 0;color:#9d978e;font-size:14px;line-height:1.75}
  .m-breach{background:radial-gradient(circle at 70% 28%,rgba(206,148,51,.13),transparent 26%),#050403}.mobile-art-window{height:280px;overflow:hidden;margin-top:36px;border:1px solid rgba(216,169,77,.34);border-radius:10px;box-shadow:0 25px 65px rgba(0,0,0,.54)}.mobile-art-window img{width:100%;height:100%;object-fit:cover;object-position:70% center;transform:scale(1.45)}.diagnostic-list{display:grid;gap:12px;margin-top:26px}.diagnostic-list article,.service-list article{--rx:0deg;--ry:0deg;display:grid;align-items:start;border:1px solid rgba(216,169,77,.27);border-radius:9px;background:linear-gradient(135deg,rgba(29,24,17,.9),rgba(7,7,7,.94));box-shadow:inset 0 1px rgba(255,255,255,.035);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:.25s ease}.diagnostic-list article{grid-template-columns:35px 1fr 18px;gap:12px;padding:22px 18px}.diagnostic-list span,.service-list>article>span{color:var(--gold);font-family:Georgia,serif;font-size:1.25rem}.diagnostic-list h3{margin:0 0 7px;font-size:1.08rem}.diagnostic-list p{margin:0;color:#979087;font-size:12px;line-height:1.55}.diagnostic-list b,.service-list b{color:var(--gold);font-weight:400}.manifesto-mobile{margin:60px 0 0;color:#a9a198;font-family:Georgia,serif;font-size:1.35rem;line-height:1.35}.manifesto-mobile em{color:var(--gold-hi);font-size:2rem;font-style:normal}
  .m-services{background:radial-gradient(circle at 10% 15%,rgba(216,169,77,.1),transparent 20%),#080706}.service-list{display:grid;gap:16px;margin-top:42px}.service-list article{grid-template-columns:38px 1fr 18px;gap:12px;padding:22px 18px;animation:goldPulse 7s ease-in-out infinite}.service-list article:nth-child(even){animation-delay:-3.5s}.service-list p{margin:0 0 5px;color:#a8884c;font-family:Georgia,serif;font-size:12px}.service-list h3{margin:0;font-size:1.35rem;letter-spacing:-.025em}.service-list small{display:block;margin-top:10px;color:#8f8981;font-size:11px;line-height:1.55}
  .m-cases{background:#0a0805}.mobile-case-list{display:grid;gap:21px;margin:43px 0 28px}.mobile-case-list article{--rx:0deg;--ry:0deg;overflow:hidden;border:1px solid rgba(216,169,77,.4);border-radius:9px;background:#0d0b08;box-shadow:0 22px 62px rgba(0,0,0,.5);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease}.browser-line{height:26px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#17140f}.browser-line i{width:5px;height:5px;border-radius:50%;background:#75664d}.browser-line i:nth-child(2){background:#b57b25}.browser-line span{margin-left:7px;color:#756e65;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.mobile-case-list article>img{width:100%;height:255px;object-fit:cover;object-position:top}.mobile-case-list article>div:last-child{position:relative;padding:18px 18px 20px 52px}.mobile-case-list article>div:last-child>span{position:absolute;left:17px;top:20px;color:var(--gold);font-family:Georgia,serif;font-size:1.25rem}.mobile-case-list h3{margin:0 0 6px;font-size:1.24rem}.mobile-case-list p{margin:0;color:#8e877e;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
  .m-authority{background:radial-gradient(circle at 50% 9%,rgba(216,169,77,.16),transparent 23%),#050403}.experience-mobile{min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:66px;padding:26px;border:1px solid rgba(216,169,77,.38);border-radius:10px;background:linear-gradient(145deg,rgba(37,27,14,.6),rgba(5,5,5,.95));box-shadow:0 30px 90px rgba(0,0,0,.45)}.experience-mobile strong{color:var(--gold-hi);font-family:Georgia,serif;font-size:9.5rem;font-weight:400;line-height:.68;letter-spacing:-.09em;text-shadow:0 0 34px rgba(216,169,77,.22)}.experience-mobile span{margin-top:36px;color:#b1a99e;font-size:10px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase}.process-mobile{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:42px}.process-mobile article{padding:20px 15px;border:1px solid rgba(216,169,77,.28);border-radius:8px;background:rgba(20,17,12,.82)}.process-mobile span{color:var(--gold);font-family:Georgia,serif;font-size:1.7rem}.process-mobile h3{margin:22px 0 6px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.process-mobile p{margin:0;color:#8d867d;font-size:10px}.contact-panel{position:relative;overflow:hidden;margin-top:72px;padding:36px 24px;border:1px solid rgba(233,192,106,.54);border-radius:12px;background:linear-gradient(145deg,rgba(39,29,16,.93),rgba(7,7,7,.96));box-shadow:0 0 70px rgba(216,169,77,.13)}.contact-panel::before{content:"";position:absolute;width:330px;height:330px;right:-220px;top:-160px;border:1px solid rgba(216,169,77,.21);border-radius:50%;box-shadow:0 0 80px rgba(216,169,77,.08)}.contact-panel h2{position:relative;margin:0;font-family:Georgia,serif;font-size:2.65rem;font-weight:400;line-height:1;letter-spacing:-.045em}.contact-panel>p:not(.eyebrow){position:relative;margin:23px 0 28px;color:#aaa39a;font-size:13px;line-height:1.7}.availability{display:block;margin-top:20px;color:#8d877e;font-size:8px;letter-spacing:.11em;text-align:center;text-transform:uppercase}.availability i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#9dca36;box-shadow:0 0 10px #8ab82b}
  .mobile-footer{display:grid;justify-items:center;gap:14px;padding:38px 18px;border-top:1px solid rgba(216,169,77,.18);background:#020202;color:#827b72;text-align:center}.mobile-footer img{width:96px}.mobile-footer p{margin:0;font-size:8px;line-height:1.7;letter-spacing:.13em;text-transform:uppercase}.mobile-footer a{color:#c09b55;font-size:8px;letter-spacing:.14em;text-transform:uppercase}
  [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}
}

@media(max-width:390px){.m-hero,.m-section{padding-left:14px;padding-right:14px}.mobile-copy h1{font-size:4rem}.m-heading h2{font-size:3.15rem}.floating-screen img{height:190px}.mobile-case-list article>img{height:225px}.process-mobile{grid-template-columns:1fr}.experience-mobile strong{font-size:8.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-next i,.orbit,.service-list article{animation:none!important}[data-reveal]{opacity:1;transform:none;transition:none}.floating-screen,.mobile-case-list article,.service-list article{transform:none!important;transition:none!important}}