:root{
 --ink:#050608;
 --ink-2:#090b0f;
 --ink-3:#0d1117;
 --paper:#f2f5f7;
 --muted:#98a3af;
 --dim:#64707c;
 --line:#20262e;
 --line-hi:#333d49;
 --blue:#7ec8ff;
 --ice:#cdeaff;
 --green:#9de4b5;
 --amber:#d6bc7d;
 --max:1240px;
 --pad:clamp(22px,4vw,52px);
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{
 margin:0;
 color:var(--paper);
 background:var(--ink);
 font:16px/1.62 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 -webkit-font-smoothing:antialiased;
 overflow-x:hidden;
}
body:before{
 content:"";
 position:fixed; inset:0; z-index:-3; pointer-events:none;
 background:
   radial-gradient(900px 520px at 76% 5%,rgba(78,147,197,.12),transparent 65%),
   radial-gradient(700px 480px at 15% 70%,rgba(70,125,89,.06),transparent 65%);
}
a{color:inherit}
a:hover{opacity:.86}
::selection{background:rgba(126,200,255,.25)}
.wrap{width:min(var(--max),calc(100% - 2*var(--pad)));margin-inline:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;color:#000;padding:9px 12px;z-index:100}

.site-header{
 position:sticky;top:0;z-index:50;
 border-bottom:1px solid rgba(255,255,255,.06);
 background:rgba(5,6,8,.76);
 backdrop-filter:blur(18px);
}
.header-inner{
 width:min(var(--max),calc(100% - 2*var(--pad)));margin:auto;
 min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{
 display:flex;align-items:center;gap:12px;
 text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-weight:820;font-size:.78rem;
}
.brand-glyph{width:22px;height:22px;position:relative;display:inline-block}
.brand-glyph:before,.brand-glyph:after{content:"";position:absolute;inset:0;border:1px solid var(--blue);transform:rotate(45deg)}
.brand-glyph:after{inset:6px;border-color:var(--paper);opacity:.65}
nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
nav a{
 text-decoration:none;color:var(--muted);font-size:.88rem;
 padding:9px 11px;border-radius:8px;transition:.16s ease;
}
nav a:hover{opacity:1;color:var(--paper);background:rgba(255,255,255,.04)}

.hero{
 position:relative;
 min-height:calc(100vh - 78px);
 display:flex;align-items:center;
 padding:72px 0 96px;
 border-bottom:1px solid var(--line);
 overflow:hidden;
}
.hero.compact{min-height:0;padding:110px 0 78px}
.hero:after{
 content:"";
 position:absolute;
 width:46vw;height:46vw;max-width:720px;max-height:720px;
 right:-13vw;top:3vw;
 border:1px solid rgba(126,200,255,.12);
 transform:rotate(45deg);
 box-shadow:0 0 0 90px rgba(126,200,255,.018),0 0 0 180px rgba(126,200,255,.01);
 pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:72px;align-items:end}
.eyebrow{
 display:flex;align-items:center;gap:12px;
 text-transform:uppercase;letter-spacing:.2em;color:var(--blue);
 font-size:.7rem;font-weight:800;
}
.eyebrow:before{content:"";width:34px;height:1px;background:currentColor}
h1{
 margin:.26em 0 .26em;
 max-width:1080px;
 font-size:clamp(4.2rem,9.5vw,9.2rem);
 line-height:.83;
 letter-spacing:-.06em;
 font-weight:850;
}
h1 .thin{font-weight:420;color:#c5ccd3}
h2{
 margin:0;
 font-size:clamp(2.2rem,4.8vw,4.1rem);
 line-height:.98;
 letter-spacing:-.045em;
}
h3{margin:0 0 8px;font-size:1.1rem;line-height:1.25}
.lede{max-width:820px;font-size:clamp(1.1rem,2vw,1.34rem);color:var(--muted);margin-top:24px}
.hero-aside{
 border-top:1px solid var(--line-hi);
 padding-top:18px;
 color:var(--muted);
 font-size:.9rem;
}
.hero-aside .label{
 display:block;color:var(--dim);text-transform:uppercase;letter-spacing:.16em;font-size:.67rem;margin-bottom:11px
}
.hero-aside strong{display:block;color:var(--paper);font-size:1.04rem;margin-bottom:7px}
.hero-index{
 position:absolute;left:var(--pad);bottom:28px;
 color:var(--dim);font-size:.68rem;letter-spacing:.17em;text-transform:uppercase
}

.section{padding:104px 0;border-bottom:1px solid var(--line)}
.section.dark{background:var(--ink-2)}
.section-head{
 display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);
 gap:70px;margin-bottom:54px;align-items:start
}
.section-num{color:var(--dim);font-size:.68rem;letter-spacing:.17em;text-transform:uppercase;margin-bottom:20px}
.section-intro{max-width:780px;color:var(--muted);font-size:1.04rem;margin:22px 0 0}
.big-statement{font-size:clamp(2rem,4.3vw,3.8rem);line-height:1.02;letter-spacing:-.04em;max-width:900px}

.capability-list{border-top:1px solid var(--line)}
.capability{
 display:grid;grid-template-columns:80px 1fr 1.2fr;
 gap:26px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start
}
.capability .n{color:var(--dim);font-size:.72rem;letter-spacing:.14em}
.capability p{margin:0;color:var(--muted)}
.capability h3{font-size:1.32rem}

.project-stage{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project{
 position:relative;min-height:430px;
 padding:34px;
 border:1px solid var(--line);
 background:
  linear-gradient(150deg,rgba(17,23,31,.97),rgba(7,9,13,.99));
 overflow:hidden;
 display:flex;flex-direction:column;justify-content:space-between;
}
.project:after{
 content:"";
 position:absolute;right:-95px;bottom:-95px;width:250px;height:250px;
 border:1px solid rgba(126,200,255,.13);transform:rotate(45deg);
}
.project-top{position:relative;z-index:2}
.project-meta{
 display:flex;justify-content:space-between;gap:20px;
 color:var(--dim);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;margin-bottom:76px
}
.status{color:var(--green);display:inline-flex;align-items:center;gap:7px}
.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.project h3{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;margin-bottom:14px}
.project p{color:var(--muted);max-width:530px}
.project-link{position:relative;z-index:2;text-decoration:none;color:var(--blue);font-weight:760}
.project-link span{display:inline-block;transition:transform .15s ease}
.project-link:hover span{transform:translateX(4px)}

.stack-band{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}
.stack-item{padding:24px 18px;border-right:1px solid var(--line);min-height:110px;display:flex;flex-direction:column;justify-content:space-between}
.stack-item:nth-child(5n){border-right:0}
.stack-item .tag{font-size:.66rem;color:var(--dim);text-transform:uppercase;letter-spacing:.14em}
.stack-item strong{font-size:.98rem}

.system-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--line)}
.flow-node{padding:24px;min-height:210px;border-right:1px solid var(--line);background:var(--ink-3);position:relative}
.flow-node:last-child{border-right:0}
.flow-node .n{color:var(--dim);font-size:.67rem;letter-spacing:.16em;margin-bottom:50px}
.flow-node h3{font-size:1.05rem}
.flow-node p{font-size:.86rem;color:var(--muted);margin-bottom:0}
.flow-node:after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:var(--blue);z-index:2;background:var(--ink);padding:2px}
.flow-node:last-child:after{display:none}

.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.principle{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px}
.principle .n{font-size:.66rem;color:var(--dim);letter-spacing:.14em;margin-bottom:42px}
.principle strong{display:block;font-size:1.16rem;margin-bottom:8px}
.principle span{color:var(--muted);font-size:.9rem}

.prose{max-width:830px}
.prose p,.prose li{color:var(--muted);font-size:1.03rem}
.prose strong{color:var(--paper)}
.prose a{color:var(--blue)}

.contact-shell{
 display:grid;grid-template-columns:1.15fr .85fr;
 gap:0;border:1px solid var(--line);background:var(--ink-3)
}
.contact-copy,.contact-action{padding:46px}
.contact-action{border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;min-height:300px}
.contact-action .label{color:var(--dim);font-size:.67rem;text-transform:uppercase;letter-spacing:.14em}
.contact-email{font-size:clamp(1.35rem,2.8vw,2.4rem);line-height:1.05;text-decoration:none;color:var(--blue);font-weight:760;word-break:break-word}

.site-footer{padding:38px 0 48px;background:#030405}
.footer-inner{
 width:min(var(--max),calc(100% - 2*var(--pad)));margin:auto;
 display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;color:var(--dim);font-size:.86rem
}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-links a{text-decoration:none;color:var(--muted)}

@media(max-width:1050px){
 .system-flow{grid-template-columns:repeat(3,1fr)}
 .flow-node:nth-child(3){border-right:0}
 .flow-node:nth-child(-n+3){border-bottom:1px solid var(--line)}
 .flow-node:nth-child(3):after{display:none}
 .stack-band{grid-template-columns:repeat(2,1fr)}
 .stack-item{border-bottom:1px solid var(--line)}
 .stack-item:nth-child(5n){border-right:1px solid var(--line)}
 .stack-item:nth-child(2n){border-right:0}
}
@media(max-width:900px){
 .hero{min-height:auto}
 .hero-grid,.section-head,.contact-shell{grid-template-columns:1fr}
 .hero-grid{gap:40px}
 .section-head{gap:24px}
 .contact-action{border-left:0;border-top:1px solid var(--line)}
 .principles{grid-template-columns:repeat(2,1fr)}
 .project-stage{grid-template-columns:1fr}
 .capability{grid-template-columns:50px 1fr}
 .capability p{grid-column:2}
}
@media(max-width:680px){
 .header-inner{align-items:flex-start;flex-direction:column;padding-top:17px;padding-bottom:17px}
 h1{font-size:clamp(4rem,20vw,6rem)}
 .hero{padding-top:72px}
 .section{padding:72px 0}
 .project{min-height:360px}
 .stack-band,.system-flow,.principles{grid-template-columns:1fr}
 .stack-item,.flow-node,.principle{border-right:0!important}
 .flow-node{border-bottom:1px solid var(--line)}
 .flow-node:after{display:none}
 .capability{grid-template-columns:1fr;gap:8px}
 .capability p{grid-column:1}
 .contact-copy,.contact-action{padding:30px}
 nav{gap:0}
 nav a{padding-left:8px;padding-right:8px}
}

/* v1.6.0 portfolio cleanup */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.desktop-nav{display:flex}
.mobile-nav{display:none;position:relative}
.mobile-nav>summary{list-style:none;cursor:pointer;color:var(--paper);border:1px solid var(--line-hi);border-radius:9px;padding:9px 12px;font-size:.84rem;font-weight:760}
.mobile-nav>summary::-webkit-details-marker{display:none}
.mobile-nav>nav{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;padding:8px;display:grid;background:var(--ink-3);border:1px solid var(--line-hi);box-shadow:0 18px 48px rgba(0,0,0,.36);z-index:80}
.mobile-nav>nav a{display:block}
.social-links{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.social-link{width:44px;height:44px;padding:0!important;border:1px solid var(--line-hi);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--ice)!important;background:#0b0f14;text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}
.social-link:hover,.social-link:focus-visible{opacity:1;background:#16202b;border-color:var(--blue);transform:translateY(-1px)}
.social-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-link .social-fill{fill:currentColor;stroke:none}
.case-study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.case-study-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,17,23,.98),rgba(7,9,13,.99));padding:30px;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.case-study-card:after{content:"";position:absolute;width:180px;height:180px;right:-80px;bottom:-80px;border:1px solid rgba(126,200,255,.12);transform:rotate(45deg)}
.case-study-card .project-meta{margin-bottom:42px}
.case-study-card h3{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.035em}
.case-study-card p{color:var(--muted);max-width:640px}
.case-study-tech{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 24px}
.tech-chip{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-hi);border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.015)}
.case-study-card .project-link{align-self:flex-start}
.breadcrumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--dim);font-size:.78rem;margin-bottom:26px}
.breadcrumbs a{color:var(--muted);text-decoration:none}
.breadcrumbs a:hover{color:var(--paper);opacity:1}
.case-study-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.case-study-section .section-head{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(36px,5vw,72px);align-items:start}
.case-study-section .section-head>div:first-child{min-width:0}
.case-study-section h2{font-size:clamp(1.75rem,3.1vw,3rem);line-height:1.03;letter-spacing:-.035em;max-width:100%;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.case-study-section .prose{min-width:0;max-width:900px;padding-top:.15rem}
.case-study-section .prose p{margin-top:0}
.case-study-return{padding:52px 0;border-bottom:1px solid var(--line)}
.case-study-return a{color:var(--blue);text-decoration:none;font-weight:760}
.home-case-studies{margin-top:36px}
.section-action{margin-top:28px}
.section-action a{color:var(--blue);text-decoration:none;font-weight:760}
.site-footer{padding:0;background:#030405}
.footer-main{width:min(var(--max),calc(100% - 2*var(--pad)));margin:auto;padding:42px 0 30px;display:grid;grid-template-columns:minmax(280px,1.5fr) repeat(2,minmax(150px,.7fr));gap:36px}
.footer-branding strong{display:block;color:var(--paper);font-size:1rem;margin-bottom:8px}
.footer-branding p{max-width:500px;color:var(--muted);margin:.35rem 0 1rem}
.footer-column{display:flex;flex-direction:column;gap:5px}
.footer-column h2{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--dim);margin:0 0 8px}
.footer-column a{color:var(--muted);text-decoration:none;font-size:.88rem;padding:3px 0}
.footer-column a:hover{color:var(--paper);opacity:1}
.footer-bottom{width:min(var(--max),calc(100% - 2*var(--pad)));margin:auto;padding:18px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--dim);font-size:.78rem}
.footer-top-link{color:var(--muted);text-decoration:none}
.footer-top-link:hover{color:var(--paper);opacity:1}
@media(max-width:900px){
 .case-study-grid{grid-template-columns:1fr}
 .case-study-section .section-head{grid-template-columns:1fr;gap:24px}
 .case-study-section h2{font-size:clamp(1.8rem,7vw,2.7rem);overflow-wrap:break-word}
 .case-study-section .prose{padding-top:0}
 .footer-main{grid-template-columns:1fr 1fr}
 .footer-branding{grid-column:1/-1}
}
@media(max-width:760px){
 .desktop-nav{display:none}
 .mobile-nav{display:block}
 .header-inner{flex-direction:row;align-items:center;padding-top:14px;padding-bottom:14px}
 .footer-main{grid-template-columns:1fr}
 .footer-branding{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-link span,.social-link{transition:none}.social-link:hover{transform:none}}

/* --- DRH Spatial Interface v1.0.0 --------------------------------------- */
.hero-immersive{
 min-height:max(760px,calc(100svh - 78px));
 isolation:isolate;
 padding:0;
 display:grid;
 align-items:stretch;
 border-bottom:1px solid rgba(126,200,255,.16);
 background:#050608;
}
.hero-immersive:after{display:none}
.hero-immersive:before{
 content:"";
 position:absolute;
 inset:0;
 z-index:-1;
 pointer-events:none;
 background:
   radial-gradient(70% 85% at 72% 45%,rgba(66,160,219,.10),transparent 68%),
   linear-gradient(90deg,rgba(5,6,8,.98) 0%,rgba(5,6,8,.90) 38%,rgba(5,6,8,.38) 68%,rgba(5,6,8,.82) 100%);
}
.scene-shell{
 position:absolute;
 inset:0;
 z-index:-2;
 overflow:hidden;
 pointer-events:none;
 background:
   linear-gradient(rgba(126,200,255,.027) 1px,transparent 1px),
   linear-gradient(90deg,rgba(126,200,255,.027) 1px,transparent 1px);
 background-size:54px 54px;
 background-position:center center;
}
.scene-shell:before{
 content:"";
 position:absolute;
 inset:0;
 z-index:3;
 pointer-events:none;
 background:
   repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),
   radial-gradient(circle at 72% 46%,transparent 0 16%,rgba(5,6,8,.06) 42%,rgba(5,6,8,.58) 83%,rgba(5,6,8,.88) 100%);
 mix-blend-mode:screen;
 opacity:.62;
}
#drh-scene{
 width:100%;
 height:100%;
 display:block;
 opacity:.98;
 filter:saturate(1.08) contrast(1.04);
}
.scene-label-layer{position:absolute;inset:0;z-index:2}
.scene-label{
 position:absolute;
 left:0;top:0;
 transform:translate(-50%,-50%);
 display:flex;
 align-items:center;
 gap:8px;
 padding:5px 8px;
 border:1px solid rgba(157,228,181,.20);
 border-radius:999px;
 background:rgba(5,8,11,.64);
 box-shadow:0 8px 30px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.025);
 backdrop-filter:blur(8px);
 font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 letter-spacing:.14em;
 color:#cdeaff;
 text-transform:uppercase;
 white-space:nowrap;
 opacity:0;
 transition:opacity .35s ease;
}
.scene-label:before{
 content:"";
 width:5px;height:5px;border-radius:50%;
 background:var(--green);
 box-shadow:0 0 10px rgba(157,228,181,.8);
}
html[data-drh-scene-state="ready"] .scene-label{opacity:.72}
html[data-drh-scene-state="fallback"] .scene-label{opacity:.45}
.hero-immersive-inner{
 width:min(1480px,calc(100% - 2*var(--pad)));
 margin-inline:auto;
 display:grid;
 grid-template-columns:minmax(0,1.05fr) minmax(280px,.62fr);
 align-items:center;
 gap:clamp(42px,7vw,120px);
 padding:clamp(96px,11vh,150px) 0 clamp(74px,9vh,118px);
}
.hero-copy{position:relative;z-index:4;max-width:820px}
.hero-kicker{
 display:flex;align-items:center;gap:10px;flex-wrap:wrap;
 margin:0 0 24px;
 color:#b7c2cd;
 font:700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 letter-spacing:.17em;text-transform:uppercase;
}
.hero-kicker:before{content:"";width:38px;height:1px;background:var(--blue);box-shadow:0 0 12px rgba(126,200,255,.65)}
.hero-immersive h1{
 max-width:1000px;
 margin:0;
 font-size:clamp(4.5rem,9.3vw,10.4rem);
 line-height:.80;
 letter-spacing:-.075em;
 font-weight:860;
 text-wrap:balance;
}
.hero-immersive h1 .outline{
 display:block;
 padding:.10em 0 .12em;
 color:transparent;
 -webkit-text-stroke:1px rgba(205,234,255,.64);
 text-shadow:0 0 42px rgba(126,200,255,.11);
}
.hero-immersive .lede{
 max-width:680px;
 margin:30px 0 0;
 color:#b6c0ca;
 font-size:clamp(1.04rem,1.5vw,1.34rem);
 line-height:1.58;
}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero-action{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;
 min-height:44px;padding:0 17px;border-radius:999px;
 border:1px solid rgba(126,200,255,.26);
 text-decoration:none;
 font:760 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 letter-spacing:.09em;text-transform:uppercase;
 background:rgba(126,200,255,.07);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 12px 36px rgba(0,0,0,.20);
 transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.hero-action:hover{opacity:1;transform:translateY(-2px);border-color:rgba(126,200,255,.52);background:rgba(126,200,255,.12)}
.hero-action.secondary{color:#aab4bf;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.10)}
.hero-rail{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:1px;
 max-width:760px;
 margin-top:42px;
 border:1px solid rgba(255,255,255,.075);
 background:rgba(255,255,255,.075);
}
.hero-stat{min-height:76px;padding:14px 15px;background:rgba(5,6,8,.74);backdrop-filter:blur(10px)}
.hero-stat .k{display:block;color:#647280;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}
.hero-stat .v{display:block;margin-top:8px;color:#e7f6ff;font:760 13px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.035em}
.scene-console{
 position:relative;
 z-index:4;
 align-self:end;
 justify-self:end;
 width:min(100%,390px);
 margin-bottom:20px;
 border:1px solid rgba(126,200,255,.17);
 background:linear-gradient(180deg,rgba(8,12,16,.72),rgba(6,8,11,.88));
 box-shadow:0 30px 100px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.018);
 backdrop-filter:blur(16px);
}
.scene-console-head{
 display:flex;align-items:center;justify-content:space-between;gap:20px;
 padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);
 font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase;color:#71808e;
}
.scene-console-head .live{display:flex;align-items:center;gap:7px;color:#9de4b5}
.scene-console-head .live:before{content:"";width:6px;height:6px;border-radius:50%;background:#9de4b5;box-shadow:0 0 12px rgba(157,228,181,.7)}
.console-body{padding:16px 16px 14px}
.console-eyebrow{color:#7ec8ff;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase}
.console-title{display:block;margin-top:9px;font-size:clamp(1.18rem,2.1vw,1.55rem);line-height:1.18;letter-spacing:-.025em}
.console-copy{margin:9px 0 0;color:#8995a1;font-size:.87rem;line-height:1.5}
.console-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;border-top:1px solid rgba(255,255,255,.07);border-left:1px solid rgba(255,255,255,.07)}
.console-cell{padding:11px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.console-cell span{display:block;color:#647280;font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.console-cell strong{display:block;margin-top:6px;color:#cdeaff;font:720 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.hero-index.spatial-index{left:auto;right:var(--pad);bottom:22px;opacity:.72}
.spatial-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(126,200,255,.34),rgba(157,228,181,.16),transparent)}
body:has(.hero-immersive) .site-header{background:rgba(5,6,8,.56)}
@media(max-width:980px){
 .hero-immersive-inner{grid-template-columns:1fr;padding-top:92px;gap:42px}
 .scene-console{justify-self:start;align-self:auto;margin:0;width:min(100%,620px)}
 .hero-immersive:before{background:linear-gradient(180deg,rgba(5,6,8,.74),rgba(5,6,8,.84) 58%,rgba(5,6,8,.96))}
 .hero-immersive h1{font-size:clamp(4.1rem,14vw,8rem)}
}
@media(max-width:620px){
 .hero-immersive{min-height:820px}
 .hero-immersive-inner{padding-top:78px;padding-bottom:92px}
 .hero-immersive h1{font-size:clamp(3.65rem,18vw,6.5rem)}
 .hero-rail{grid-template-columns:1fr}
 .hero-stat{min-height:62px}
 .scene-console{display:none}
 .scene-label{display:none}
 .scene-shell{background-size:36px 36px}
 .hero-index.spatial-index{display:none}
}
@media(prefers-reduced-motion:reduce){
 .hero-action{transition:none}
 .hero-action:hover{transform:none}
 .scene-label{transition:none}
}

/* --- DRH Prerendered SPA v1.0.0 --------------------------------------- */
#drh-world{
 position:fixed;
 inset:0;
 z-index:0;
 overflow:hidden;
 pointer-events:none;
 background:
   radial-gradient(70% 90% at 72% 34%,rgba(54,136,190,.11),transparent 64%),
   #050608;
}
#drh-world .scene-shell{position:absolute;inset:0;z-index:0}
.site-header,main.site-view,.site-footer,.skip{position:relative}
.site-header{z-index:50}
main.site-view{z-index:2;min-height:65svh;isolation:isolate}
.site-footer{z-index:2}
.hero-immersive{background:linear-gradient(90deg,rgba(5,6,8,.97) 0%,rgba(5,6,8,.78) 43%,rgba(5,6,8,.19) 74%,rgba(5,6,8,.68) 100%)}
.section{background:rgba(5,6,8,.965);backdrop-filter:blur(1px)}
.section.dark{background:rgba(9,11,15,.975)}
.hero.compact{background:linear-gradient(90deg,rgba(5,6,8,.96),rgba(5,6,8,.85) 62%,rgba(5,6,8,.55));}
.site-footer{background:rgba(3,4,5,.985)}
nav a[aria-current="page"]{color:var(--paper);background:rgba(126,200,255,.08);box-shadow:inset 0 -1px 0 rgba(126,200,255,.5)}
html[data-drh-spa-state="ready"] main.site-view{animation:drh-spa-arrive .34s ease both}
html[data-drh-spa-transition="out"] main.site-view{opacity:.12;transform:translateY(8px);filter:blur(4px)}
main.site-view{transition:opacity .16s ease,transform .16s ease,filter .16s ease}
html[data-drh-scene-route="projects"] #drh-world{filter:saturate(1.12)}
html[data-drh-scene-route="infrastructure"] #drh-world{filter:contrast(1.06) saturate(.94)}
html[data-drh-scene-route="case-study"] #drh-world{filter:saturate(.80) contrast(1.08)}
html[data-drh-scene-route="contact"] #drh-world{filter:saturate(.72)}
@keyframes drh-spa-arrive{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
 main.site-view{transition:none}
 html[data-drh-spa-state="ready"] main.site-view{animation:none}
}
@media(max-width:760px){
 #drh-world{opacity:.68}
 .hero.compact{background:rgba(5,6,8,.91)}
}


/* --- DRH Final Cinematic Experience v1 -------------------------------- */
:root{--drh-glass:rgba(4,7,10,.62);--drh-glass-strong:rgba(4,7,10,.76);--drh-glass-line:rgba(154,211,244,.14)}
body{background:#020406}
body:before{opacity:.35}
#drh-world{opacity:1!important;filter:none!important}
.site-header{background:rgba(2,4,6,.32)!important;border-bottom-color:rgba(157,220,255,.09);backdrop-filter:blur(15px) saturate(1.08)}
main.site-view{background:transparent!important;overflow:clip}
.hero-immersive{min-height:calc(100svh - 76px);background:transparent!important;border:0!important}
.hero-immersive:before{z-index:1!important;background:linear-gradient(90deg,rgba(2,4,6,.86) 0%,rgba(2,4,6,.62) 28%,rgba(2,4,6,.17) 52%,rgba(2,4,6,.02) 72%,rgba(2,4,6,.24) 100%)!important}
.hero-immersive-inner{position:relative;z-index:3;grid-template-columns:minmax(0,.82fr) minmax(300px,.58fr);align-items:center;min-height:calc(100svh - 78px);padding-top:9vh;padding-bottom:9vh}
.hero-copy{padding:clamp(22px,3vw,42px);margin-left:clamp(-18px,-1vw,0px);background:linear-gradient(115deg,rgba(2,5,8,.56),rgba(2,5,8,.14) 72%,transparent);border-left:1px solid rgba(126,200,255,.18);backdrop-filter:blur(7px)}
.hero-immersive h1{font-size:clamp(4.5rem,8.8vw,9.6rem);text-shadow:0 18px 60px rgba(0,0,0,.38)}
.hero-immersive h1 .outline{-webkit-text-stroke:1px rgba(205,234,255,.76);text-shadow:0 0 55px rgba(126,200,255,.16)}
.scene-console{align-self:center;margin:0;background:linear-gradient(180deg,rgba(5,10,14,.46),rgba(3,6,9,.62));border-color:rgba(126,200,255,.16);backdrop-filter:blur(11px)}
.cinematic-scroll-cue{position:absolute;z-index:4;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#788793;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase}
.cinematic-scroll-cue i{display:block;width:1px;height:38px;background:linear-gradient(#7ec8ff,transparent);box-shadow:0 0 12px rgba(126,200,255,.35);animation:drh-scroll-pulse 2.2s ease-in-out infinite}
@keyframes drh-scroll-pulse{0%,100%{opacity:.25;transform:scaleY(.55);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
.section{position:relative;display:flex;align-items:center;min-height:82svh;padding:11vh 0;border:0!important;background:transparent!important;backdrop-filter:none!important}
.section.dark{background:transparent!important}
.section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(2,4,6,.12) 45%,transparent 100%)}
.section>.wrap{position:relative;z-index:2;width:min(1120px,calc(100% - 2*var(--pad)));padding:clamp(30px,4vw,58px);border:1px solid var(--drh-glass-line);background:linear-gradient(135deg,var(--drh-glass-strong),rgba(4,7,10,.44));box-shadow:0 30px 100px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(20px) saturate(1.08)}
.scene-beat>.wrap{width:min(1040px,calc(100% - 2*var(--pad)));margin-left:max(var(--pad),calc((100vw - min(1500px,100vw - 2*var(--pad)))/2));margin-right:auto}
.scene-beat[data-scene-beat="automation"]>.wrap,.scene-beat[data-scene-beat="infrastructure"]>.wrap{margin-left:auto;margin-right:max(var(--pad),calc((100vw - min(1500px,100vw - 2*var(--pad)))/2))}
.scene-beat[data-scene-beat="projects"]>.wrap{width:min(1220px,calc(100% - 2*var(--pad)))}
.section-head{gap:clamp(34px,6vw,76px)}
.section .big-statement{color:#f2f8fc;text-wrap:balance}
.capability-list{border-top-color:rgba(255,255,255,.09)}
.capability{border-bottom-color:rgba(255,255,255,.08)}
.project{background:linear-gradient(150deg,rgba(10,17,24,.68),rgba(3,7,10,.60));border-color:rgba(126,200,255,.15);backdrop-filter:blur(12px)}
.project:hover{border-color:rgba(126,200,255,.30);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.stack-band,.system-flow{background:rgba(2,5,8,.28);border-color:rgba(255,255,255,.09)}
.stack-item,.flow-node{background:rgba(4,8,11,.42);border-color:rgba(255,255,255,.08)}
.hero.compact{min-height:66svh;display:flex;align-items:center;background:transparent!important;border:0}
.hero.compact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,6,.80),rgba(2,4,6,.28) 58%,transparent);pointer-events:none}
.hero.compact>.wrap{position:relative;z-index:2;padding:clamp(34px,5vw,64px);border:1px solid rgba(126,200,255,.12);background:linear-gradient(120deg,rgba(3,6,9,.67),rgba(3,6,9,.28));backdrop-filter:blur(16px)}
.case-study-return{background:transparent}.case-study-return>.wrap{border-top:1px solid rgba(255,255,255,.08)}
.site-footer{background:linear-gradient(180deg,rgba(2,4,6,.60),rgba(2,4,6,.91))!important;backdrop-filter:blur(18px)}
html[data-drh-scene-beat="core"] #drh-world,html[data-drh-scene-beat="projects"] #drh-world,html[data-drh-scene-beat="automation"] #drh-world,html[data-drh-scene-beat="infrastructure"] #drh-world{opacity:1}
@media(max-width:980px){.scene-beat>.wrap,.scene-beat[data-scene-beat]>.wrap{margin-left:auto;margin-right:auto}.section{min-height:auto;padding:72px 0}.hero-immersive-inner{grid-template-columns:1fr;align-content:center}.scene-console{width:min(520px,100%);justify-self:start}.hero-immersive:before{background:linear-gradient(180deg,rgba(2,4,6,.52),rgba(2,4,6,.70) 58%,rgba(2,4,6,.88))!important}}
@media(max-width:760px){#drh-world{opacity:.86!important}.hero-copy{backdrop-filter:none;background:linear-gradient(135deg,rgba(2,5,8,.68),rgba(2,5,8,.22));padding:20px}.section>.wrap,.hero.compact>.wrap{backdrop-filter:blur(10px);padding:26px 22px}.cinematic-scroll-cue{display:none}.project-stage{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cinematic-scroll-cue i{animation:none}.section{min-height:auto}}

@view-transition{navigation:auto}
::view-transition-old(root){animation-duration:.16s}
::view-transition-new(root){animation-duration:.22s}

/* --- DRH Cinematic Experience v2 / Spatial Dominance ------------------ */
:root{--drh-glass:rgba(3,7,10,.36);--drh-glass-strong:rgba(3,7,10,.46);--drh-glass-line:rgba(146,218,255,.18)}
#drh-world{opacity:1!important}
.hero-immersive:before{background:linear-gradient(90deg,rgba(1,3,5,.72) 0%,rgba(1,3,5,.47) 25%,rgba(1,3,5,.10) 48%,rgba(1,3,5,.01) 72%,rgba(1,3,5,.10) 100%)!important}
.hero-immersive-inner{grid-template-columns:minmax(0,.72fr) minmax(220px,.38fr);gap:clamp(28px,4vw,70px)}
.hero-copy{max-width:690px;padding:clamp(18px,2vw,30px);background:linear-gradient(115deg,rgba(1,4,7,.40),rgba(1,4,7,.10) 72%,transparent);border-left-color:rgba(126,200,255,.24);backdrop-filter:blur(4px)}
.hero-immersive h1{font-size:clamp(4.8rem,9vw,10rem)}
.scene-console{width:min(100%,315px);opacity:.74;transform:translateY(10vh);background:linear-gradient(180deg,rgba(3,8,12,.34),rgba(2,5,8,.48));backdrop-filter:blur(8px)}
.hero-rail{max-width:650px;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.05)}
.hero-stat{background:rgba(2,5,8,.48);backdrop-filter:blur(6px)}
.spatial-divider{opacity:.38}
.section{min-height:100svh;padding:12vh 0}
.section:before{background:linear-gradient(180deg,transparent 0%,rgba(1,3,5,.04) 50%,transparent 100%)}
.section>.wrap{width:min(780px,calc(100% - 2*var(--pad)));padding:clamp(30px,4vw,52px);background:linear-gradient(135deg,rgba(3,8,12,.46),rgba(2,5,8,.26));border-color:rgba(126,200,255,.16);box-shadow:0 34px 110px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.024);backdrop-filter:blur(12px) saturate(1.08)}
.scene-beat{isolation:isolate}
.scene-beat:after{content:attr(data-scene-beat);position:absolute;z-index:1;top:50%;right:5vw;transform:translateY(-50%);font:800 clamp(5rem,12vw,13rem)/.78 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.07em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(126,200,255,.055);opacity:.9;pointer-events:none;white-space:nowrap}
.scene-beat>.wrap{width:min(760px,calc(100% - 2*var(--pad)));margin-left:max(var(--pad),8vw);margin-right:auto}
.scene-beat[data-scene-beat="automation"]>.wrap,.scene-beat[data-scene-beat="infrastructure"]>.wrap{margin-left:auto;margin-right:max(var(--pad),8vw)}
.scene-beat[data-scene-beat="automation"]:after,.scene-beat[data-scene-beat="infrastructure"]:after{right:auto;left:4vw}
.scene-beat[data-scene-beat="projects"]>.wrap{width:min(1000px,calc(100% - 2*var(--pad)));margin-left:auto;margin-right:auto}
.scene-beat[data-scene-beat="projects"]:after{top:18%;right:4vw;transform:none}
.scene-beat[data-scene-beat="proof"]>.wrap{width:min(900px,calc(100% - 2*var(--pad)))}
.section-head{grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);gap:clamp(30px,5vw,64px)}
.section h2{font-size:clamp(2.35rem,4.2vw,4.3rem)}
.section .big-statement{font-size:clamp(1.8rem,3vw,3.3rem);line-height:1.02}
.capability-list{margin-top:36px}
.project-stage{gap:16px}
.project{background:linear-gradient(150deg,rgba(6,14,20,.48),rgba(2,6,9,.34));border-color:rgba(126,200,255,.18);backdrop-filter:blur(8px)}
.project:hover{background:linear-gradient(150deg,rgba(8,18,25,.62),rgba(2,7,10,.44));border-color:rgba(126,200,255,.42);transform:translateY(-4px)}
.stack-band,.system-flow{background:rgba(2,6,9,.18)}
.stack-item,.flow-node{background:rgba(3,8,11,.28)}
.case-study-card{background:linear-gradient(150deg,rgba(6,13,18,.48),rgba(2,6,9,.34))}
.cinematic-beat-rail{position:fixed;z-index:44;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;pointer-events:none}
.cinematic-beat-rail span{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:rgba(190,216,231,.34);font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
.cinematic-beat-rail span:after{content:"";width:5px;height:5px;border:1px solid rgba(126,200,255,.40);border-radius:50%;background:rgba(1,4,7,.8);box-shadow:0 0 0 0 rgba(126,200,255,0);transition:.35s ease}
html[data-drh-scene-beat="core"] .cinematic-beat-rail span[data-beat="core"],html[data-drh-scene-beat="automation"] .cinematic-beat-rail span[data-beat="automation"],html[data-drh-scene-beat="projects"] .cinematic-beat-rail span[data-beat="projects"],html[data-drh-scene-beat="infrastructure"] .cinematic-beat-rail span[data-beat="infrastructure"],html[data-drh-scene-beat="proof"] .cinematic-beat-rail span[data-beat="proof"]{color:#d9f4ff}
html[data-drh-scene-beat="core"] .cinematic-beat-rail span[data-beat="core"]:after,html[data-drh-scene-beat="automation"] .cinematic-beat-rail span[data-beat="automation"]:after,html[data-drh-scene-beat="projects"] .cinematic-beat-rail span[data-beat="projects"]:after,html[data-drh-scene-beat="infrastructure"] .cinematic-beat-rail span[data-beat="infrastructure"]:after,html[data-drh-scene-beat="proof"] .cinematic-beat-rail span[data-beat="proof"]:after{background:#7ec8ff;border-color:#cdeaff;box-shadow:0 0 18px rgba(126,200,255,.85);transform:scale(1.35)}
@media(max-width:1100px){.cinematic-beat-rail{display:none}.scene-beat:after{opacity:.55}.section>.wrap,.scene-beat>.wrap,.scene-beat[data-scene-beat]>.wrap{width:min(860px,calc(100% - 2*var(--pad)));margin-left:auto;margin-right:auto}}
@media(max-width:980px){.section{min-height:auto;padding:80px 0}.section:after{display:none}.scene-console{display:none}.hero-immersive-inner{grid-template-columns:1fr}.hero-copy{max-width:720px;background:linear-gradient(135deg,rgba(1,4,7,.55),rgba(1,4,7,.12));padding:24px}.section>.wrap{background:linear-gradient(135deg,rgba(3,8,12,.58),rgba(2,5,8,.40));backdrop-filter:blur(10px)}}
@media(max-width:760px){.hero-immersive:before{background:linear-gradient(180deg,rgba(1,3,5,.38),rgba(1,3,5,.58) 52%,rgba(1,3,5,.84))!important}.section>.wrap{padding:28px 22px}.section-head{grid-template-columns:1fr}.section .big-statement{font-size:clamp(1.65rem,8vw,2.5rem)}}


/* --- DRH Interactive Facet World v1 ----------------------------------- */
html[data-drh-explorer-state="ready"],html[data-drh-explorer-state="ready"] body{height:100%;overflow:hidden;background:#010305}
html[data-drh-explorer-state="ready"] body:before{display:none}
html[data-drh-explorer-state="ready"] #drh-world{position:fixed;inset:0;z-index:1;opacity:1!important;filter:none!important;pointer-events:auto!important;background:#010305!important}
html[data-drh-explorer-state="ready"] #drh-world:before,html[data-drh-explorer-state="ready"] #drh-world:after{pointer-events:none}
html[data-drh-explorer-state="ready"] main.site-view,html[data-drh-explorer-state="ready"] .site-footer{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
html[data-drh-explorer-state="ready"] .site-header{position:fixed;left:0;right:0;top:0;z-index:60;border:0;background:linear-gradient(180deg,rgba(1,3,5,.82),rgba(1,3,5,.34) 64%,transparent);backdrop-filter:none}
html[data-drh-explorer-state="ready"] .header-inner{width:calc(100% - clamp(32px,5vw,78px));max-width:none;min-height:72px}
html[data-drh-explorer-state="ready"] .brand{font-size:.66rem;letter-spacing:.16em;color:#d7e6ef;text-shadow:0 6px 24px rgba(0,0,0,.7)}
html[data-drh-explorer-state="ready"] .brand-glyph{width:16px;height:16px}
html[data-drh-explorer-state="ready"] .desktop-nav a{font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase;color:#879aa7;background:transparent!important;padding:8px 9px}
html[data-drh-explorer-state="ready"] .desktop-nav a:hover{color:#e5f5ff}
html[data-drh-explorer-state="ready"] .skip:focus{z-index:100}
@media(max-width:760px){html[data-drh-explorer-state="ready"] .header-inner{width:calc(100% - 28px);min-height:64px}html[data-drh-explorer-state="ready"] .mobile-nav{position:relative;z-index:70}html[data-drh-explorer-state="ready"] .mobile-nav nav{background:rgba(2,6,9,.94);border:1px solid rgba(126,200,255,.18);backdrop-filter:blur(18px)}}
html[data-drh-explorer-state="document"] #drh-world{display:none!important}
.document-return{display:none}
html[data-drh-explorer-state="document"] .document-return{display:inline-flex;position:fixed;z-index:90;right:18px;bottom:18px;align-items:center;min-height:38px;padding:0 13px;border:1px solid rgba(126,200,255,.18);background:rgba(2,6,9,.90);backdrop-filter:blur(12px);color:#b8d7e6;text-decoration:none;font:720 7px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.10em;text-transform:uppercase;box-shadow:0 18px 60px rgba(0,0,0,.42)}
html[data-drh-explorer-state="document"] .document-return:hover{color:#effaff;border-color:rgba(126,200,255,.42)}