/* Measured Bearplex type: Inter 300 display, 44/48.4 section headings,
   24/28.8 card headings, regular system body copy and medium 14/20 nav. */
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:Inter,'Segoe UI',sans-serif;--bg:#080a09;--bg2:#10120f;--ink:#f2f1ea;--ink2:#e1ded2;--muted:#b4b0a2;--blue:#ad8834;--blue2:#e3c982;--sky:#f2e2b6;--line:rgba(214,180,93,.2);--card:#141610;--dark:#080a09;--dark2:#141610}
body{font:400 16px/1.65 var(--font);color:#f2f1ea;background:#080a09}
h1,h2,h3,h4,.ref-panel h1,.ref-panel h2{font-family:var(--display);font-weight:300}
h2,.intro-heading,.test-title,.tech-stack-heading h2,.logo-carousel-header h2,.approach-header h2,.onboarding-header h2,.journal-teaser h2,.services-center-badge h2,.ceo-message h2{font-family:var(--display);font-size:clamp(32px,3.23vw,44px);line-height:1.1;letter-spacing:-.03em;font-weight:300}
h3,.company-grid h3,.svc-title,.industry-title,.featured-meta h3,.cms-project-card h2,.post-card h2,.step-title,.tl-title,.company-values h3{font-family:var(--display);font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.015em}
.main-nav a{font:500 14px/20px var(--font);letter-spacing:normal;padding:10px 9px}.main-nav a[aria-current=page]::after{background:#e3c982}
.ref-panel h1{font-family:var(--display);font-size:clamp(40px,5vw,72px);line-height:1.05;font-weight:300;letter-spacing:-.04em;max-width:750px}
.ref-panel h2,.ref-panel--code h2,.ref-panel--design h2,.ref-panel--ai h2,.ref-panel--portal h2{font-family:var(--display);font-size:clamp(36px,4.1vw,56px);line-height:1.1;font-weight:300;letter-spacing:-.03em}
.ref-panel p{font:400 16px/1.65 var(--font);color:#d0ccbf}.ref-hero-grid p{font-size:19px;line-height:1.6;max-width:460px}.ref-hero-grid{grid-template-columns:1.2fr .8fr;gap:40px}
.ref-panel .ref-kicker,.ref-panel .ref-module span,.eyebrow,.sect-label,.svc-eyebrow,.industry-eyebrow,.tech-eyebrow,.test-label,.stats-eyebrow,.intro-label{font:500 11px/1.6 var(--font);letter-spacing:.1em;color:#dbc897}
.ref-module strong{font:400 14px/1.5 var(--font)}
.intro-desc,.company-grid>div>p,.company-heading>p:not(.eyebrow),.journal-teaser p,.tech-stack-heading p:not(.tech-eyebrow){font:400 16px/1.65 var(--font);letter-spacing:normal;color:#bcb8ab}
.pillar-text,.company-values p,.step-desc,.tl-desc,.test-text,.svc-desc,.industry-desc{font:400 15.5px/1.65 var(--font);letter-spacing:normal;color:#bcb8ab}
.pg-hero h1,.cms-wrap h1,.meeting-wrap h1,.article h1,.quote-page .hero h1{font-family:var(--display);font-weight:300;font-size:clamp(40px,5vw,72px);line-height:1.05;letter-spacing:-.04em}
h2 em,h1 em,.intro-heading em,h3 em,.ref-panel h2 em{background:none;color:#e3c982;-webkit-text-fill-color:currentColor}
.ref-journey,.ref-stage{background:#080a09}.ref-landscape img,.ref-canvas{filter:sepia(1) saturate(1.4) hue-rotate(-12deg) brightness(.94)}
.ref-landscape img{opacity:calc(var(--land-opacity,1)*var(--intro-land-opacity,1))}
.ref-panel--hero{opacity:var(--intro-copy-opacity,1)}
.ref-atmosphere{background:linear-gradient(180deg,#080a0922,transparent 42%,#080a0944 65%,#080a09 100%)}
.ref-home .site-nav{background:linear-gradient(#080a09bb,transparent)}.site-nav{background:#080a09e8;border-color:#49412b}.brand small{color:#dacb9e}.ref-panel .ref-kicker,.ref-facts,.ref-scroll-hint,.ref-callout,.ref-number,.ref-skip{color:#d7c89f}.ref-facts,.ref-module{border-color:#93815b66}.ref-callout{border-color:#b2995a}.ref-rail button::after{border-color:#c7ae6f}.ref-rail button[aria-current=step]::after{background:#f2e2b6;box-shadow:0 0 12px #dfbd6c}
.ref-replay{position:absolute;z-index:8;top:92px;left:var(--pad);font:500 11px/1.5 var(--font);letter-spacing:.03em;color:#e3c982;background:#15180fbd;border:1px solid #8d7846;padding:8px 12px;min-height:34px}
.ref-control{color:#e3d8bb;background:#11130ddf;border-color:#8c7848;font:500 10px/1.4 var(--font)}.ref-control[aria-pressed=true]{color:#fff1ca;border-color:#d6b45d}.ref-control:hover{background:#38311f}
.ref-panel--portal a{color:#eedaa7;border-color:#d6b45d}
.ref-home .ticker-section{background:#0e110c;color:#e3d8bb;border-color:#66562f}.ticker-item .dot{color:#d6b45d}.reading-progress{background:#d6b45d}
.intro-pillar,.tech-group,.company-values article,.stat-item,.social-stat,.test-slide,.tl-item,.capability,#section-industries .capability,.cms-project-card,.post-card,.pj-card,.card,.summary{background:#141710;border-color:#353c2b;color:#eeeade}
#section-industries{background:#10140e}.tech-grid span,.chip{background:#24291b;color:#ded3b3;border-color:#55573a}
#section-services,#section-svc-cards,#section-approach,.ceo-message,#section-contact,.site-footer{background:#0a0d08;border-color:#4e462c}.ceo-message::after,#section-approach::before{background:radial-gradient(circle,#73602a33,transparent 65%)}
.ceo-message .eyebrow,.ceo-message blockquote,.ceo-message p,.ceo-message p strong,.footer-title,.intro-pillar .pillar-text,.company-values p,.test-text,.stat-lbl,.social-stat-lbl,.step-desc,.tl-desc{color:#cfc8b5}
.capability[open]{background:#38331f;border-color:#ac8c43}.svc-num,.industry-num,#section-industries .industry-num,#section-svc-cards .svc-num,#section-svc-cards .svc-tag{color:#e3c982}.test-slide:nth-child(2),.test-slide:nth-child(3){background:#181b12}.test-quote-icon{color:#d6b45d}
.featured-visual,.fc-0 .featured-visual,.fc-1 .featured-visual,.fc-2 .featured-visual{background:radial-gradient(at 60% 30%,#484328,#13180f);border-color:#6f6240}.project-monogram{color:#eee3c6}.featured-meta span,.featured-meta b{color:#b9ae8e}.logo-item{background:#181e12;border-color:#41472f;color:#e3d8bb}.social-icon-link{background:#333925}
#section-contact::before{background:radial-gradient(ellipse at 50% 100%,#73602a33,transparent 70%)}.contact-sub,.contact-addr{color:#c7bda6}.contact-big span:nth-child(2){-webkit-text-stroke-color:#dfc37d}.logo-item:hover{color:#fff;background:#66552c}
/* Light, readable footer navigation instead of the former oversized bold links. */
.site-footer .footer-title{font:500 12px/1.5 var(--font);letter-spacing:.08em;color:#e3c982;margin-bottom:18px;background:none;border:0}
.footer-links{gap:9px}.footer-links a{font:400 15px/1.6 var(--font);letter-spacing:normal;color:#cbc5b5}.footer-links a:hover{color:#f2e2b6;transform:translateX(3px)}.footer-office p,.footer-brand-block p,.footer-office span{font-weight:400;color:#b3b09f;line-height:1.7}
/* Raised surfaces retain normal flow, readable labels and keyboard operation. */
.button,.nav-quote,.intro-cta,.text-link,.contact-pill,.submit-btn,.btn,.back-link,.back-website,button,.project-filters a,.cat-tab{transform-style:preserve-3d;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease;box-shadow:0 3px 0 #020402,0 5px 12px #0003,inset 0 1px 0 #fff1;backface-visibility:hidden}
.button,.nav-quote,.intro-cta,.text-link,.contact-pill,.submit-btn,.btn,.back-link,.back-website,.project-filters a,.cat-tab{border:1px solid #75653d;font:500 14px/20px var(--font);letter-spacing:normal}
.button.gold,.submit-btn,.btn:not(.secondary){background:linear-gradient(145deg,#eddb9c,#c8a14a);border-color:#e3c982;color:#101409}.button.gold:hover,.submit-btn:hover,.btn:not(.secondary):hover{color:#fff}
.text-link,.secondary,.contact-pill,.back-link{color:#e3d8bb;border-color:#8a794d}.nav-quote{color:#e3d8bb;border-color:#8a794d}
.button:hover,.nav-quote:hover,.intro-cta:hover,.text-link:hover,.contact-pill:hover,.submit-btn:hover,.btn:hover,button:hover,.project-filters a:hover,.cat-tab:hover{transform:perspective(650px) translateY(-3px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 6px 0 #030503,0 12px 22px #0005,inset 0 1px 0 #fff3;border-color:#d6b45d}
.button:active,.nav-quote:active,.intro-cta:active,.text-link:active,.contact-pill:active,.submit-btn:active,.btn:active,button:active{transform:translateY(2px);box-shadow:0 1px 0 #020402,inset 0 1px 5px #0004}
button:disabled{transform:none;opacity:.55;box-shadow:none}.ref-rail button,.ref-rail button:hover{box-shadow:none;transform:none;border:0}.ref-rail button:active{transform:scale(.9)}
#section-contact .contact-pill{background:#2d321f;color:#eee3c6;border-color:#96804a}
.service{background:#202619!important;border-color:#4c5639!important}.service:hover,.service.active{background:#323b22!important;border-color:#d6b45d!important}.service strong,.summary h3,.card h2{color:#eee3c6}.service em,.custom-callout{background:#323c24;color:#e3d8bb}.quote-page{--bg:#080a09;--panel:#141710;--panel2:#202619;--text:#eeeade;--muted:#bcb8ab;background:#080a09}.quote-page .hero{background:#080a09}input,select,textarea{background:#11180d;color:#eeeade;border-color:#6b704c}
:focus-visible{outline-color:#e3c982}.button.gold:focus-visible{outline-color:#fff4d6}
@media(max-width:1180px){.main-nav a{font-size:13px;padding-inline:8px}}
@media(max-width:640px){.ref-hero-grid{grid-template-columns:1fr;gap:16px}.ref-panel h1{font-size:clamp(34px,8.9vw,42px);line-height:1.05}.ref-hero-grid p{font-size:16px;line-height:1.6;max-width:340px}.ref-panel h2,.ref-panel--code h2,.ref-panel--design h2,.ref-panel--ai h2,.ref-panel--portal h2{font-size:36px;line-height:1.1}.ref-panel p{font-size:15px;line-height:1.65}.ref-panel--hero{padding-bottom:115px}.ref-panel .ref-kicker{font-size:10px;margin-bottom:12px}.ref-panel--code,.ref-panel--design,.ref-panel--ai{padding-top:150px}.ref-replay{top:85px;padding:7px 9px;font-size:10px}.ref-skip{top:96px;font-size:8px}.ref-facts{font-size:9px;gap:9px 12px}.ref-scroll-hint{bottom:82px}.ref-controls{right:90px;bottom:22px}.ref-control{font-size:9px;padding:9px 8px}.footer-links a{font-size:15px}.footer-links{gap:8px 20px}.site-nav .mobile-nav.open{background:#080a09}.mobile-nav a{font-weight:400;font-family:var(--display)}.ref-atmosphere{background:linear-gradient(180deg,#080a0944,transparent 30%,#080a0955 50%,#080a09 100%)}
}
@media(prefers-reduced-motion:reduce){button,.button,.nav-quote,.intro-cta,.text-link,.contact-pill,.submit-btn,.btn{transition:none!important;transform:none!important}}

html.ref-ready .ref-panel--hero.is-active{opacity:var(--intro-copy-opacity,1)}
.ref-rail button::after{box-shadow:1px 2px 1px #000,inset 0 1px 0 #fff3;transition:transform .2s ease,box-shadow .2s ease}.ref-rail button:hover::after{transform:scale(1.7);box-shadow:1px 3px 4px #000,0 0 9px #d6b45d55}
@media(prefers-reduced-motion:reduce){.ref-rail button::after{transition:none;transform:none!important}}
.tech-group h3,.approach-step h3,.tl-item h3{font:400 24px/1.2 var(--display);letter-spacing:-.015em}.pillar-title{font:400 20px/1.2 var(--display);letter-spacing:-.015em}.test-name{font:500 15px/1.4 var(--font);letter-spacing:normal}.stat-num,.social-stat-num{font-family:var(--display);font-weight:300;letter-spacing:-.04em}.mq-word{font-family:var(--display);font-weight:300}.contact-big{font:300 clamp(40px,5vw,72px)/1.05 var(--display);letter-spacing:-.04em}.footer-office h3{font:400 18px/1.3 var(--display);letter-spacing:-.015em}.card h2{font:300 28px/1.1 var(--display);letter-spacing:-.03em}.service strong{font-family:var(--display);font-weight:400}.ref-module span{color:#c3b68e}.ref-module strong{color:#e7d9b5}
.menu-toggle{background:#222a18;border-color:#9e8b53;color:#e3d8bb}
