*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;max-width:100%;overflow-x:hidden}#root{max-width:100%;overflow-x:hidden}:root{--bg:#f5f5f0;--ink:#0a0a0a;--ink-mid:#333;--ink-light:#888;--accent:#ffe500;--accent-2:#ff3b30;--dark-bg:#0a0a0a;--dark-light:#f5f5f0;--font:"Space Grotesk", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--shadow:5px 5px 0 #0a0a0a;--shadow-sm:3px 3px 0 #0a0a0a}*,a,button,[data-cursor],.btn,input,textarea,select,.tag{cursor:none!important}a *,button *,[data-cursor] *{pointer-events:none}@media (pointer:coarse){body{cursor:auto!important}*,a,button,[data-cursor],.btn,input,textarea,select,.tag,a *,button *,[data-cursor] *{cursor:auto!important;pointer-events:auto!important}.cur-dot,.cur-ring,.cur-label{display:none!important}}img{max-width:100%;display:block}::selection{background:var(--ink);color:var(--bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--ink)}h1,h2,h3,h4{font-family:var(--font);letter-spacing:-.04em;font-weight:700}h1{font-size:clamp(3.5rem,9vw,9rem);line-height:.88}h2{font-size:clamp(2.5rem,6vw,4.5rem);line-height:.93}h3{letter-spacing:-.02em;font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:600;line-height:1.1}.label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-light);font-size:10px;font-weight:700}.label:before{content:"";vertical-align:middle;background:currentColor;width:20px;height:2px;margin-right:12px;display:inline-block}.body-text{color:var(--ink-mid);font-size:14px;font-weight:400;line-height:1.7}.sub{letter-spacing:.1em;color:var(--ink-light);text-transform:uppercase;font-size:10px;font-weight:600}.section{padding:100px 0;position:relative}.section-inner{max-width:1440px;margin:0 auto;padding:0 clamp(2rem,5vw,5rem)}.cur-dot{background:var(--ink);pointer-events:none;z-index:9999;will-change:transform;width:6px;height:6px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cur-ring{border:2px solid var(--ink);pointer-events:none;z-index:9998;will-change:transform, width, height;width:36px;height:36px;transition:width .2s,height .2s,border-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cur-ring.hovered{border-color:var(--accent);width:56px;height:56px}.cur-label{letter-spacing:.12em;text-transform:uppercase;opacity:0;pointer-events:none;z-index:10000;white-space:nowrap;background:var(--accent);color:var(--ink);will-change:transform, opacity;padding:6px 12px;font-size:11px;font-weight:700;transition:opacity .15s;position:fixed;top:0;left:0}.cur-label.visible{opacity:1}@media (pointer:coarse){.cur-dot,.cur-ring,.cur-label{display:none!important}}.nav{z-index:900;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:2px solid var(--ink);background:#f5f5f0eb;align-items:center;height:64px;padding:0 clamp(2rem,5vw,5rem);display:flex;position:fixed;top:0;left:0;right:0}.nav-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-logo{letter-spacing:.15em;text-transform:uppercase;color:var(--ink);font-size:13px;font-weight:700}.nav-links{align-items:center;list-style:none;display:flex}.nav-link{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mid);align-items:center;gap:6px;padding:.4rem .8rem;font-size:10px;font-weight:700;transition:color .2s;display:inline-flex;position:relative}.nav-link:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;transition:transform .2s;position:absolute;bottom:.2rem;left:.8rem;transform:scale(0)}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link:hover:before,.nav-link.active:before{transform:scale(1)}.side-nav{z-index:901;border-left:1px solid #0a0a0a1f;flex-direction:column;align-items:flex-end;gap:.75rem;padding-left:12px;display:flex;position:fixed;top:50%;right:clamp(1.5rem,3vw,2.5rem);transform:translateY(-50%)}.side-dot{align-items:center;gap:6px;text-decoration:none;display:flex;position:relative}.side-dot-label{letter-spacing:.15em;text-transform:uppercase;color:var(--ink);white-space:nowrap;opacity:0;font-size:10px;font-weight:700;transition:opacity .2s;position:absolute;right:calc(100% + 8px)}.side-dot:hover .side-dot-label,.side-dot.active .side-dot-label{opacity:1}.side-dot-line{background:var(--ink);width:8px;height:2px;transition:width .3s var(--ease)}.side-dot.active .side-dot-line{background:var(--accent);width:20px}.side-dot-num{color:var(--ink-light);letter-spacing:.05em;font-size:10px;font-weight:700}.on-dark .side-nav{border-color:#f5f5f01f}.on-dark .side-dot-line{background:var(--dark-light)}.on-dark .side-dot-num{color:#f5f5f066}.on-dark .side-dot.active .side-dot-line{background:var(--accent)}.btn{font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--ink);background:var(--ink);color:var(--bg);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);align-items:center;gap:8px;padding:14px 28px;font-size:11px;font-weight:700;display:inline-flex}.btn:hover{box-shadow:var(--shadow);transform:translate(-3px,-3px)}.btn-accent{background:var(--accent);color:var(--ink);border-color:var(--accent)}.btn-accent:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-outline{color:var(--ink);border-color:var(--ink);background:0 0}.btn-outline:hover{background:var(--ink);color:var(--bg)}.btn-dark{color:var(--dark-light);background:0 0;border-color:#f5f5f033}.btn-dark:hover{background:var(--dark-light);color:var(--dark-bg);border-color:var(--dark-light);transform:translate(-3px,-3px);box-shadow:3px 3px #f5f5f04d}.btn-sm{padding:10px 20px;font-size:10px}.tag{letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--ink);color:var(--ink-mid);padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.tag-dark{color:#f5f5f073;border-color:#f5f5f033}.bento-grid{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}.bento-bio{grid-area:1/1/3}.bento-m1{grid-area:1/2}.bento-m2{grid-area:1/3}.bento-m3{grid-area:2/2}.bento-m4{grid-area:2/3}.bento-info{grid-area:3/1}.bento-avail{grid-area:3/2/auto/4}.b-card{background:var(--bg);border:2px solid var(--ink);transition:box-shadow .2s var(--ease), transform .2s var(--ease);padding:clamp(1.5rem,3vw,2.5rem)}.b-card:hover{box-shadow:var(--shadow);transform:translate(-3px,-3px)}.b-card-dark{background:var(--dark-bg);border-color:#f5f5f026}.h-scroll-container{position:relative;overflow:hidden}.h-scroll-track{width:max-content;display:flex}.h-card{flex-shrink:0;width:clamp(300px,36vw,440px);margin-right:16px}.h-card-inner{background:var(--bg);border:2px solid var(--ink);height:100%;transition:background .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease);flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.75rem,3vw,2.75rem);display:flex}.h-card-inner:hover{background:var(--ink);box-shadow:var(--shadow);transform:translate(-3px,-3px)}.process-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.reveal{opacity:0;margin-bottom:-.18em;padding-bottom:.18em;overflow:hidden;transform:translateY(24px)}.reveal.in{opacity:1;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:none}.d1{transition-delay:70ms!important}.d2{transition-delay:.14s!important}.d3{transition-delay:.21s!important}.d4{transition-delay:.28s!important}.d5{transition-delay:.35s!important}.d6{transition-delay:.42s!important}.scroll-prog{background:var(--bg);z-index:9990;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.scroll-prog-bar{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(0)}.footer-inner{max-width:1440px;margin:0 auto;padding:80px clamp(2rem,5vw,5rem) 40px}.footer-top{border-bottom:2px solid #0a0a0a1a;grid-template-columns:200px 1fr;gap:clamp(3rem,7vw,8rem);margin-bottom:60px;padding-bottom:60px;display:grid}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-link{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);font-size:11px;font-weight:600;transition:color .2s}.footer-link:hover{color:var(--ink)}[data-theme=dark]{background:var(--dark-bg)!important;color:var(--dark-light)!important}.mob-trigger{display:none}.mag-btn{font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--ink);background:var(--ink);color:var(--bg);will-change:transform;transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);justify-content:center;align-items:center;padding:16px 32px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.mag-btn:hover{box-shadow:var(--shadow)}.mag-btn-track{will-change:transform;pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex}.mag-btn-outline{color:var(--ink);background:0 0}.mag-btn-outline:hover{background:var(--ink);color:var(--bg)}.mag-btn-accent{background:var(--accent);color:var(--ink);border-color:var(--accent)}.mag-btn-accent:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.mag-btn-dark{color:var(--dark-light);background:0 0;border-color:#f5f5f033}.mag-btn-dark:hover{background:var(--dark-light);color:var(--dark-bg);border-color:var(--dark-light);box-shadow:3px 3px #f5f5f04d}.mag-btn-sm{padding:12px 22px;font-size:10px}.mag-btn-lg{padding:20px 42px;font-size:12px}@media (pointer:coarse){.mag-btn{transition:background .2s,color .2s,border-color .2s}.mag-btn:active{transform:scale(.97)}}@media (width<=899px){.mag-btn{padding:14px 24px;font-size:10px}.mag-btn-sm{padding:11px 18px;font-size:9px}.mag-btn-lg{padding:16px 32px;font-size:11px}}@media (width<=768px){.section{padding:60px 0}.section-inner{padding:0 1.25rem}.hide-mob{display:none!important}.mob-trigger{background:0 0;border:none;justify-content:center;align-items:center;display:flex!important}.nav{height:56px;padding:0 1rem}.nav-logo{font-size:12px}.nav-bar{position:relative}.bento-grid{grid-template-columns:1fr;gap:10px}.bento-bio,.bento-m1,.bento-m2,.bento-m3,.bento-m4,.bento-info,.bento-avail{grid-column:1}.process-grid{grid-template-columns:1fr;gap:10px}.h-scroll-container{height:auto!important;overflow:visible!important}.h-scroll-track{gap:12px;flex-direction:column!important;width:100%!important;padding:0 1.25rem!important}.h-card{width:100%!important;margin-right:0!important}.side-nav{display:none}h1{font-size:clamp(2.5rem,10vw,4rem)}h2{font-size:clamp(2rem,8vw,3.5rem)}.label{letter-spacing:.15em;font-size:9px}.sub{font-size:10px}.body-text{font-size:.9rem}.b-card{min-height:auto!important;padding:1.25rem!important}#expertise,#mission .section-inner,#process,#contact{padding:4rem 1.25rem!important}.btn{padding:12px 20px;font-size:10px}.btn-sm{padding:10px 16px;font-size:9px}.footer-inner{padding:40px 1.25rem 30px}.footer-top{grid-template-columns:1fr;gap:2rem;margin-bottom:30px;padding-bottom:30px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}.footer-top h3{margin-bottom:1.5rem;font-size:1.5rem}.footer-link{font-size:10px}}@media (width<=480px){.bento-grid{grid-template-columns:1fr}.nav{padding:0 .75rem}.nav-logo{font-size:11px}}
