:root{--accent:#d8ff7a;--bg-primary:#070806;--text-primary:#f4efe5;--font-base:16px;--spacing-unit:1rem;--anim-duration:.6s}@layer base{body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:var(--font-base);transition:background-color .4s,font-size .2s}a,button,input,textarea,.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--anim-duration)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}}@layer utilities{.page-well{width:100%;margin-left:auto;margin-right:auto}.frost-panel{background:color-mix(in srgb, var(--text-primary) 3%, transparent);border:1px solid color-mix(in srgb, var(--text-primary) 13%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 10%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2)}.pill-button{color:#fff;background:0 0;border:1px solid #0000;border-top-color:#ffffff4d;border-radius:75px;padding:8px 24px;transition:all .4s}.pill-button:hover{background:#ffffff0d;border-color:#ffffff80}.section-kicker{letter-spacing:.35em;text-transform:uppercase;color:color-mix(in srgb, var(--text-primary) 48%, transparent);font-family:JetBrains Mono,monospace;font-size:10px}.atmospheric-grid{isolation:isolate;position:relative}.atmospheric-grid:before{content:"";z-index:-1;pointer-events:none;filter:blur(32px);opacity:.75;background:radial-gradient(circle at 15% 15%,#a0e0ab1f,#0000 24%),radial-gradient(circle at 82% 14%,#ffac2e1a,#0000 26%),radial-gradient(circle at 55% 70%,#a52d251f,#0000 30%);position:absolute;top:0;bottom:0;left:0;right:0}.depth-flow-shell{isolation:isolate;position:relative}.depth-flow-overlap{margin-top:calc(var(--spacing-unit) * -7);padding-top:calc(var(--spacing-unit) * 7);position:relative}.depth-flow-stage{isolation:isolate;position:relative;overflow:clip}.depth-flow-stage:before{content:"";pointer-events:none;opacity:.95;z-index:0;background:linear-gradient(#f4efe50e,#0000 22% 78%,#07080661),radial-gradient(circle at 50% 0,#d8ff7a17,#0000 40%);position:absolute;top:0;bottom:0;left:0;right:0}.depth-flow-layer{z-index:1;position:relative}.depth-flow-panel{z-index:1;-webkit-backdrop-filter:blur(22px)saturate(1.25);background:linear-gradient(#f4efe511,#f4efe505),#0708065c;border:1px solid #f4efe51b;position:relative;box-shadow:0 48px 130px #07080657,inset 0 1px #f4efe514}.depth-flow-halo{pointer-events:none;filter:blur(54px);opacity:.55;z-index:0;background:radial-gradient(circle,#ffffff1f,#0000 68%);border-radius:999px;height:16rem;position:absolute;top:auto;bottom:-8rem;left:12%;right:12%}.chapter-break{isolation:isolate;background:linear-gradient(#f4efe510,#f4efe505),radial-gradient(circle at 50% 0,#d8ff7a1b,#0000 38%),#070806f0;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff14;position:relative;overflow:clip}.hero-mark{filter:drop-shadow(0 34px 96px #d8ff7a24)}.gsap-work-card{will-change:transform, opacity}.gsap-media img{filter:contrast(1.08)saturate(.92)}.client-logo-window{box-shadow:inset 0 1px #f4efe50f,inset 0 -1px #f4efe50a,0 50px 140px #0708065c}.client-logo-track{will-change:transform;animation-duration:42s;animation-timing-function:linear;animation-iteration-count:infinite}.client-logo-window:hover .client-logo-track{animation-play-state:paused}.animate-logo-rail{animation-name:logoRail}.chapter-break:before{content:"";pointer-events:none;opacity:.75;z-index:0;background:linear-gradient(90deg,#0000,#ffffff14,#0000),radial-gradient(circle at 18% 18%,#a0e0ab1a,#0000 24%),radial-gradient(circle at 82% 14%,#ffac2e14,#0000 24%);position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:767px){.depth-flow-overlap{margin-top:calc(var(--spacing-unit) * -4);padding-top:calc(var(--spacing-unit) * 5)}}.animate-marquee{animation:40s linear infinite marquee}.animate-marquee2{animation:40s linear infinite marquee2}.reveal,.reveal.revealed{opacity:1;transform:translateY(0)}.custom-scrollbar::-webkit-scrollbar{width:3px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#a3e63533;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a3e63566}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marquee2{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes logoRail{0%{transform:translate(0)}to{transform:translate(-33.333%)}}