:root{--paper:#0b0b0d;--paper2:#151517;--ink:#f5f5f7;--graphite:#000000;--muted:#86868b;--line:#2c2c2e;--orange:#2997ff;--white:#f5f5f7;--max:1540px;--pad:clamp(20px,4vw,68px);--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),100%);margin:auto;padding-left:var(--pad);padding-right:var(--pad)}.paper{background:var(--paper);color:var(--ink)}.graphite{background:var(--graphite);color:var(--white)}.orange{background:var(--orange);color:#fff}.mono,.eyebrow,.section-label span,.hero-meta,.project-index,.case-kicker,.case-section-label,.brand small,.brand-code,.impact-item span,.row-metrics span,.contact-facts,.footer-grid b,.footer-bottom,.lang-switch,.v-head,.fine{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.09em;font-size:12px}.eyebrow{font-weight:700;margin:0 0 28px}.skip{position:fixed;left:16px;top:-80px;z-index:999;background:var(--orange);padding:12px 18px;font-weight:800}.skip:focus{top:16px}.site-header{position:fixed;z-index:50;inset:0 0 auto;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid rgba(255,255,255,.10);background:rgba(11,11,13,.86);backdrop-filter:blur(12px);transition:.25s var(--ease)}.site-header.scrolled{height:68px;background:rgba(11,11,13,.96)}.brand{display:flex;align-items:center;gap:13px;min-width:260px}.brand-code{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ink);font-weight:900;background:var(--orange)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand b{font-size:13px;letter-spacing:.04em}.brand small{margin-top:5px;color:#8e8e93;font-size:9px}.main-nav{display:flex;align-items:center;gap:clamp(15px,2vw,34px)}.main-nav>a{font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;position:relative}.main-nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--orange);transition:.25s}.main-nav>a:hover:after,.main-nav>a:focus-visible:after{right:0}.lang-switch{display:flex;gap:7px;align-items:center;margin-left:7px}.lang-switch a{opacity:.42}.lang-switch a.active,.lang-switch a:hover{opacity:1}.nav-toggle{display:none;background:none;border:0;padding:10px}.nav-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}.dossier{padding-top:84px}.profile-hero{min-height:100vh;border-bottom:1px solid var(--line)}.hero-grid{min-height:calc(100vh - 84px);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;gap:0 24px;position:relative;padding-top:40px;padding-bottom:48px}.hero-meta{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.status-dot:before{content:"";display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:9px}.hero-main{grid-column:1/9;align-self:center;padding:55px 0}.hero-main h1,.page-intro h1,.case-hero h1{font-size:clamp(72px,9.3vw,154px);line-height:.82;letter-spacing:-.075em;margin:0;text-transform:uppercase;font-weight:900}.hero-main h1 em,.page-intro h1 em,.case-hero h1 em{font-style:normal;color:var(--orange)}.hero-sub{font-size:clamp(18px,1.6vw,26px);max-width:780px;margin:38px 0 0}.hero-aside{grid-column:9/13;align-self:center;padding-left:clamp(0px,2vw,30px)}.hero-aside>p{font-size:clamp(17px,1.35vw,22px);line-height:1.45;margin:24px 0 34px}.hero-rule{height:1px;background:var(--line)}.hero-aside dl{margin:0;border-top:1px solid var(--line)}.hero-aside dl div{display:grid;grid-template-columns:120px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:12px 0}.hero-aside dt,.hero-aside dd{margin:0}.hero-aside dt{font:700 10px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.08em}.hero-aside dd{font-size:13px;font-weight:700}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;border:1px solid currentColor;font:800 11px ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;transition:.2s var(--ease);cursor:pointer}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn:hover{transform:translateY(-2px)}.btn.ghost:hover{background:#f5f5f7;color:#000}.btn.dark{background:#f5f5f7;color:#000;border-color:#f5f5f7}.hero-blueprint{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:12px;padding-top:20px;font:700 11px ui-monospace,Consolas,monospace;letter-spacing:.08em}.hero-blueprint i{height:1px;background:var(--line);position:relative}.hero-blueprint i:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;background:var(--orange);border-radius:50%}.impact{padding:92px 0 110px;border-bottom:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:42px}.section-label p{margin:0;color:var(--muted);max-width:520px}.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.impact-item{min-height:190px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.impact-item strong{font-size:clamp(42px,5vw,78px);letter-spacing:-.055em;line-height:.9}.experience{padding:110px 0 0}.section-heading{display:grid;grid-template-columns:3fr 9fr;gap:30px;padding-bottom:70px}.section-heading h2{grid-column:2;font-size:clamp(50px,6.2vw,102px);line-height:.92;letter-spacing:-.055em;margin:0}.section-heading h2 em{font-style:normal;color:var(--orange)}.project-rows{border-top:1px solid var(--line)}.project-row{display:block;border-bottom:1px solid var(--line);overflow:hidden;transition:background .25s}.project-row:hover,.project-row:focus-visible{background:var(--paper2);outline:none}.project-row-grid{min-height:225px;display:grid;grid-template-columns:1.35fr 4.7fr 4.8fr .5fr;gap:28px;align-items:center}.project-index{display:flex;flex-direction:column;gap:8px;color:#6e6e73}.project-title h3,.project-title h2{font-size:clamp(32px,3vw,52px);line-height:.95;letter-spacing:-.045em;text-transform:uppercase;margin:0}.project-title p{margin:12px 0 0;color:#8e8e93}.row-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.row-metrics div{border-left:1px solid var(--line);padding-left:18px}.row-metrics strong{display:block;font-size:clamp(28px,3vw,50px);line-height:.9;letter-spacing:-.04em}.row-metrics span{display:block;font-size:9px;margin-top:8px}.row-arrow{font-size:42px;transition:.2s}.project-row:hover .row-arrow{transform:translateX(10px)}.proof-cap{padding:105px 0}.split-2{display:grid;grid-template-columns:1fr 1fr;gap:90px}.proof-cap h2,.capability-detail h2{font-size:clamp(38px,4vw,70px);line-height:1;margin:0 0 25px}.proof-cap p{font-size:18px;max-width:680px}.proof-link{display:block;border-top:1px solid #6e6e73;padding:15px 0;font:700 12px ui-monospace,Consolas,monospace}.contact-band{padding:90px 0}.contact-band-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.contact-band h2{font-size:clamp(44px,6vw,92px);line-height:.9;letter-spacing:-.055em;margin:0}.contact-band p{font-size:20px}.page-intro{padding:180px 0 90px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(64px,9vw,138px)}.intro-copy{max-width:900px;font-size:clamp(20px,2vw,30px);margin-top:40px}.work-intro{padding-bottom:80px}.case-hero{padding:170px 0 0}.case-kicker{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:55px}.case-hero h1{font-size:clamp(58px,8vw,126px);max-width:1400px}.case-subtitle{font-size:clamp(22px,2.2vw,36px);max-width:950px;margin:35px 0 12px}.case-role{font:700 12px ui-monospace,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase;color:#8e8e93}.case-media{margin-top:65px;height:min(54vw,700px);min-height:410px;overflow:hidden}.case-system-visual{width:100%;height:100%;padding:clamp(30px,5vw,80px);display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:14px;color:#fff;background:repeating-linear-gradient(90deg,transparent 0 79px,#1c1c1e 80px),repeating-linear-gradient(0deg,transparent 0 79px,#1c1c1e 80px),#0b0b0d;font:800 clamp(10px,1vw,14px) ui-monospace,Consolas,monospace;letter-spacing:.08em;position:relative}.case-system-visual i{height:2px;background:#636366;position:relative}.case-system-visual i:after{content:"";position:absolute;right:0;top:-4px;width:10px;height:10px;background:var(--orange);border-radius:50%}.case-system-visual b{position:absolute;right:5%;bottom:5%;font-size:clamp(70px,15vw,220px);line-height:.8;color:#1d1d1f;letter-spacing:-.08em}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.case-metrics>div{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.case-metrics strong{display:block;font-size:clamp(38px,5vw,80px);line-height:.9;letter-spacing:-.05em}.case-metrics span{font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.08em}.case-content{padding:90px 0}.case-grid{max-width:1260px}.case-section{display:grid;grid-template-columns:1fr 3fr;gap:60px;padding:48px 0;border-bottom:1px solid var(--line)}.case-section-label{display:flex;flex-direction:column;gap:12px}.case-section-label span{color:var(--orange);font-weight:900}.case-section-body>p{font-size:clamp(18px,1.55vw,24px);line-height:1.65;margin:0}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tags span{border:1px solid var(--ink);padding:9px 11px;font:700 11px ui-monospace,Consolas,monospace}.fine{font-size:12px!important;color:#86868b;margin-top:25px!important}.case-nav{padding:50px 0}.case-nav .container{display:grid;grid-template-columns:1fr 1fr;gap:40px}.case-nav a{border-top:1px solid #6e6e73;padding-top:18px}.case-nav a.next{text-align:right}.case-nav small{display:block;font:700 10px ui-monospace,Consolas,monospace;letter-spacing:.08em;color:#a1a1a6}.case-nav b{display:block;font-size:clamp(22px,2vw,34px);margin-top:9px}.ai-method{padding:90px 0}.ai-hero-copy{background:#000;color:#f5f5f7;padding:clamp(28px,5vw,70px);max-width:1200px}.ai-hero-copy p{font-size:clamp(20px,2vw,30px);max-width:1020px}.ownership-grid{border-top:1px solid var(--ink);margin-top:70px}.ownership-grid>div{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-bottom:1px solid var(--line);padding:22px 0}.ownership-grid b{font:700 12px ui-monospace,Consolas,monospace;text-transform:uppercase}.ownership-grid p{margin:0}.avoid-box{margin-top:60px;border:1px solid var(--ink);padding:24px}.profile-copy,.capability-detail,.verification,.contact-section{padding:90px 0 120px}.split-profile,.cap-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:90px}.split-profile h2{font-size:clamp(38px,4vw,68px);margin:0 0 30px}.split-profile>div>p{font-size:20px;line-height:1.65}.role-fit dl{margin:0;border-top:1px solid var(--ink)}.role-fit dl div{padding:15px 0;border-bottom:1px solid var(--line)}.role-fit dt{font:700 10px ui-monospace,Consolas,monospace;color:#86868b}.role-fit dd{margin:6px 0 0;font-weight:700}.cap-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #6e6e73}.cap-list span{padding:13px 0;border-bottom:1px solid #3a3a3c}.tech-copy{font-size:20px;line-height:1.7}.verification-table{border-top:1px solid var(--ink)}.v-head,.v-row{display:grid;grid-template-columns:1fr 2.2fr;gap:30px;border-bottom:1px solid var(--line);padding:17px 0}.v-row:hover{background:var(--paper2)}.v-row b{text-transform:uppercase}.v-row p{margin:0}.evidence-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);margin-top:80px;border:1px solid var(--ink)}.evidence-levels article{background:var(--paper);padding:28px}.evidence-levels article:nth-child(2){background:var(--paper2)}.evidence-levels h2{font-size:20px}.contact-section{min-height:65vh}.contact-card{max-width:980px;border-top:1px solid var(--ink);padding-top:35px}.contact-card h2{font-size:clamp(42px,5vw,76px);line-height:.95;margin:0 0 30px}.contact-card p{font-size:20px;max-width:760px}.email-link{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:45px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:clamp(18px,2.4vw,36px);font-weight:800}.copy-email{background:transparent;border:1px solid var(--ink);padding:10px 14px;cursor:pointer}.site-footer{background:#000000;color:#fff}.footer-statement{display:flex;justify-content:space-between;overflow:hidden;border-bottom:1px solid #2c2c2e;padding:25px var(--pad);font-size:clamp(44px,7vw,108px);font-weight:900;letter-spacing:-.06em;line-height:.8;color:#1d1d1f}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:65px var(--pad);max-width:var(--max);margin:auto}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid b{color:#8e8e93;margin-bottom:9px}.footer-grid a,.footer-grid span,.footer-grid p{font-size:13px}.footer-brand .brand-code{border-color:var(--orange);color:#fff}.footer-bottom{max-width:var(--max);margin:auto;padding:18px var(--pad);border-top:1px solid #2c2c2e;display:flex;justify-content:space-between;color:#636366}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:1180px){.main-nav{gap:15px}.main-nav>a{font-size:9px}.hero-main{grid-column:1/8}.hero-aside{grid-column:8/13}.impact-grid{grid-template-columns:repeat(2,1fr)}.project-row-grid{grid-template-columns:1fr 3fr 3.3fr .3fr}.split-2,.cap-columns{gap:50px}.case-system-visual{grid-template-columns:1fr 1fr;align-content:center}.case-system-visual i{display:none}}
@media(max-width:900px){.site-header{height:70px}.dossier{padding-top:70px}.nav-toggle{display:block;z-index:61}.main-nav{position:fixed;inset:0;background:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px var(--pad);gap:24px;transform:translateX(100%);transition:.3s var(--ease);z-index:60}.main-nav.open{transform:none}.main-nav>a{font-size:clamp(22px,7vw,42px);letter-spacing:-.02em;font-family:inherit}.lang-switch{font-size:20px}.hero-grid{display:block;padding-top:30px}.hero-meta{margin-bottom:60px}.hero-main{padding:0}.hero-main h1{font-size:clamp(58px,14vw,102px)}.hero-aside{padding:50px 0 0}.hero-blueprint{margin-top:50px}.section-heading{display:block}.section-heading h2{margin-top:30px}.project-row-grid{grid-template-columns:1fr auto;grid-template-areas:"index arrow" "title title" "metrics metrics";padding-top:25px;padding-bottom:25px}.project-index{grid-area:index;display:block}.project-title{grid-area:title}.row-metrics{grid-area:metrics}.row-arrow{grid-area:arrow}.proof-cap,.impact,.experience,.profile-copy,.capability-detail,.verification,.contact-section{padding-top:75px;padding-bottom:75px}.split-2,.contact-band-grid,.split-profile,.cap-columns{grid-template-columns:1fr;gap:55px}.case-section{grid-template-columns:1fr;gap:22px}.case-section-label{flex-direction:row}.evidence-levels{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-statement span:nth-child(2){display:none}.page-intro{padding-top:140px}.case-hero{padding-top:130px}.case-media{height:55vw;min-height:320px}.case-metrics{grid-template-columns:1fr}.v-head,.v-row{grid-template-columns:1fr}.case-nav .container{grid-template-columns:1fr}.ownership-grid>div{grid-template-columns:1fr}}
@media(max-width:600px){:root{--pad:20px}.site-header{padding:0 20px}.brand{min-width:0}.brand>span:last-child small{display:none}.hero-meta{align-items:flex-start;gap:20px}.hero-meta span:last-child{text-align:right}.hero-main h1,.page-intro h1,.case-hero h1{font-size:clamp(50px,15.5vw,80px);letter-spacing:-.06em}.hero-sub{font-size:17px}.hero-aside dl div{grid-template-columns:105px 1fr}.hero-actions .btn{width:100%}.hero-blueprint{grid-template-columns:auto 1fr auto 1fr auto}.hero-blueprint span:nth-of-type(4),.hero-blueprint i:nth-of-type(3){display:none}.impact-grid{grid-template-columns:1fr 1fr}.impact-item{min-height:150px;padding:16px}.impact-item strong{font-size:clamp(34px,12vw,58px)}.impact-item span{font-size:9px}.section-label{display:block}.section-label p{margin-top:12px}.project-row-grid{min-height:0}.project-title h3,.project-title h2{font-size:34px}.project-title p{font-size:13px}.row-metrics{gap:5px}.row-metrics div{padding-left:8px}.row-metrics strong{font-size:25px}.row-metrics span{font-size:8px}.contact-band{padding:70px 0}.case-system-visual{grid-template-columns:1fr;padding:30px}.case-media{min-height:280px}.case-metrics>div{padding:18px}.case-content{padding:55px 0}.footer-grid{grid-template-columns:1fr}.footer-statement{font-size:50px}.footer-statement span:nth-child(3){display:none}.footer-bottom{flex-direction:column;gap:8px}.cap-list{grid-template-columns:1fr}.case-nav a.next{text-align:left}.email-link{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.site-header,.main-nav,.project-row,.row-arrow{transition:none}}
.skip{top:16px;transform:translateY(-150%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .2s var(--ease),opacity .2s var(--ease),visibility .2s}.skip:focus{top:16px}.skip:focus-visible{transform:none;opacity:1;visibility:visible;pointer-events:auto}.skip:focus:not(:focus-visible){transform:translateY(-150%);opacity:0;visibility:hidden;pointer-events:none}.footer-statement{justify-content:flex-start;gap:clamp(26px,6vw,110px);flex-wrap:wrap}.footer-statement span{display:block;white-space:nowrap}.footer-grid a:not(.footer-brand){position:relative;display:inline-block;transition:color .2s var(--ease),transform .2s var(--ease),opacity .2s var(--ease)}.footer-grid a:not(.footer-brand):hover,.footer-grid a:not(.footer-brand):focus-visible{color:var(--orange);transform:translateX(7px)}.proof-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #6e6e73;transition:background-color .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),padding .22s var(--ease),transform .22s var(--ease)}.proof-link:hover,.proof-link:focus-visible{background:var(--orange);color:#fff;border-color:var(--orange);padding-left:18px;padding-right:18px;transform:translateY(-2px)}
@media(max-width:900px){.footer-statement span:nth-child(2){display:block}}
@media(max-width:600px){.footer-statement{gap:18px;font-size:clamp(32px,12vw,50px)}.footer-statement span:nth-child(2),.footer-statement span:nth-child(3){display:block}}

/* 2.3.5 visual corrections */
.section-heading h2{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:24px;line-height:.88}
.section-heading h2 em{grid-column:1;grid-row:1;align-self:end}
.section-heading h2 span{grid-column:2;grid-row:1;justify-self:end;text-align:right}
.project-row--commercial .project-title{padding-top:14px}
.project-row--commercial .project-title h3{font-size:clamp(28px,2.15vw,42px);line-height:1.02}
.case-metrics>div{padding:26px 38px 26px 26px}
@media(max-width:900px){.section-heading h2{grid-template-columns:1fr;gap:8px}.section-heading h2 em,.section-heading h2 span{grid-column:1;grid-row:auto;justify-self:start;text-align:left}.project-row--commercial .project-title{padding-top:8px}.case-metrics>div{padding:22px 28px 22px 22px}}
@media(max-width:600px){.case-metrics>div{padding:18px 24px 18px 18px}.project-row--commercial .project-title h3{font-size:32px}}

/* 2.3.6 visual corrections */
.section-heading h2{grid-template-rows:auto auto;row-gap:8px}
.section-heading h2 em{grid-column:1;grid-row:1;margin-right:clamp(-72px,-4vw,0px);z-index:1}
.section-heading h2 span{grid-column:2;grid-row:2;margin-left:clamp(-72px,-4vw,0px);z-index:1}
.footer-statement{letter-spacing:clamp(.04em,.14vw,.16em);gap:clamp(18px,5vw,96px)}
.v-row p a{display:inline-block;padding:2px 4px;margin:0 2px;color:var(--orange);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}
.v-row p a:hover,.v-row p a:focus-visible{color:#fff;background:var(--orange);box-shadow:0 0 0 4px rgba(41,151,255,.18);text-decoration-color:#fff;outline:none}
@media(max-width:900px){.section-heading h2{grid-template-rows:auto auto}.section-heading h2 em,.section-heading h2 span{grid-column:1;grid-row:auto;margin:0}.footer-statement{letter-spacing:.06em;gap:12px}}

/* 2.3.7: footer statement must always remain a single row. */
.footer-statement{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:space-between;
  gap:clamp(8px,2vw,36px);
  font-size:clamp(15px,5vw,58px);
  letter-spacing:.08em;
  line-height:.9;
}
.footer-statement span,
.footer-statement span:nth-child(2),
.footer-statement span:nth-child(3){
  display:block;
  min-width:0;
  white-space:nowrap;
}
.footer-bottom{justify-content:flex-start;}

/* 2.6.9: smooth verification-row interaction without layout-shifting padding animation. */
.verification-table .v-row{
  cursor:pointer;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-right:58px;
  transition:border-color .38s var(--ease),color .38s var(--ease);
}
.verification-table .v-row::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(41,151,255,.105) 0%,rgba(41,151,255,.055) 46%,rgba(41,151,255,.018) 78%,transparent 100%);
  transform:scaleX(0);
  transform-origin:0 50%;
  opacity:0;
  transition:transform .46s cubic-bezier(.22,1,.36,1),opacity .28s ease;
}
.verification-table .v-row::after{
  content:"→";
  position:absolute;
  right:16px;
  top:50%;
  z-index:2;
  transform:translate(-5px,-50%) scale(.94);
  color:var(--orange);
  font-size:24px;
  font-weight:800;
  line-height:1;
  opacity:.56;
  pointer-events:none;
  transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s ease,color .3s ease;
}
.verification-table .v-row>b,
.verification-table .v-row>p{
  position:relative;
  z-index:1;
  will-change:transform;
  transition:transform .42s cubic-bezier(.22,1,.36,1),color .3s ease,opacity .3s ease;
}
.verification-table .v-row:hover,
.verification-table .v-row:focus-visible{
  background:transparent;
  outline:none;
}
.verification-table .v-row:hover::before,
.verification-table .v-row:focus-visible::before{
  transform:scaleX(1);
  opacity:1;
}
.verification-table .v-row:hover>b,
.verification-table .v-row:focus-visible>b{
  transform:translateX(10px);
}
.verification-table .v-row:hover>p,
.verification-table .v-row:focus-visible>p{
  transform:translateX(7px);
}
.verification-table .v-row:hover::after,
.verification-table .v-row:focus-visible::after{
  transform:translate(6px,-50%) scale(1);
  opacity:1;
}
@media(hover:hover) and (pointer:fine){
  .verification-table .v-row:hover>b{color:var(--orange)}
}
@media(prefers-reduced-motion:reduce){
  .verification-table .v-row,
  .verification-table .v-row::before,
  .verification-table .v-row::after,
  .verification-table .v-row>b,
  .verification-table .v-row>p{transition:none!important}
}
.v-row--internal .v-row-action{
  position:relative;
  z-index:2;
}
.capability-detail.graphite .eyebrow{
  color:var(--orange);
}
.capability-detail.graphite .cap-list{
  border-top-color:#3a3a3c;
}
.capability-detail.graphite .cap-list span{
  color:#d1d1d6;
  border-bottom-color:#2c2c2e;
}
.capability-detail.graphite .tech-copy{
  color:#a1a1a6;
}
.capability-detail.graphite .avoid-box{
  background:#1c1c1e;
  border-color:#3a3a3c;
}
.capability-detail.graphite .avoid-box b{
  color:var(--orange);
}
.capability-detail.graphite .avoid-box p{
  color:#a1a1a6;
}
.impact-item strong,
.row-metrics strong,
.case-metrics strong{
  white-space:nowrap;
}
.impact-item{
  padding-right:clamp(28px,2.2vw,38px);
}
.impact-item strong{
  font-size:clamp(40px,4.45vw,70px);
  letter-spacing:-.045em;
}
.row-metrics div{
  padding-left:clamp(13px,1.2vw,20px);
  padding-right:clamp(13px,1.2vw,20px);
}
.row-metrics strong{
  font-size:clamp(27px,2.65vw,44px);
  letter-spacing:-.045em;
}
@media(max-width:600px){
  .impact-item{padding-right:22px;}
  .impact-item strong{font-size:clamp(32px,10.5vw,52px);}
  .row-metrics div{padding-left:10px;padding-right:10px;}
  .row-metrics strong{font-size:24px;}
}



/* 2.5.1 — Apple-inspired premium graphite palette. */
::selection{background:rgba(41,151,255,.32);color:#fff}
:focus-visible{outline:2px solid #2997ff;outline-offset:3px}
body{background:#0b0b0d;color:#f5f5f7}
.site-header{box-shadow:0 1px 0 rgba(255,255,255,.03);-webkit-backdrop-filter:saturate(150%) blur(18px);backdrop-filter:saturate(150%) blur(18px)}
.brand-code{background:#2997ff;border-color:#2997ff;color:#fff}
.brand small,.project-index,.project-title p,.case-role,.fine,.role-fit dt,.footer-grid b,.footer-bottom{color:#86868b}
.btn{border-color:#3a3a3c}
.btn.primary{box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}
.btn.primary:hover,.btn.primary:focus-visible{background:#0077ed;border-color:#0077ed}
.btn.ghost:hover,.btn.ghost:focus-visible{background:#f5f5f7;border-color:#f5f5f7;color:#000}
.project-row:hover,.project-row:focus-visible{background:#151517}
.case-system-visual{background:repeating-linear-gradient(90deg,transparent 0 79px,#1c1c1e 80px),repeating-linear-gradient(0deg,transparent 0 79px,#1c1c1e 80px),#0b0b0d}
.case-system-visual i{background:#636366}.case-system-visual b{color:#1d1d1f}
.proof-link:hover,.proof-link:focus-visible,.case-nav a:hover,.case-nav a:focus-visible{background:#2997ff!important;color:#fff!important;border-color:#2997ff!important}
.v-row p a{color:#2997ff}.v-row p a:hover,.v-row p a:focus-visible{color:#fff;background:#2997ff;text-decoration-color:#fff}
.graphite{background:#000;color:#f5f5f7}
.site-footer{background:#000;color:#f5f5f7}.footer-statement{border-color:#2c2c2e;color:#1d1d1f}.footer-bottom{border-color:#2c2c2e}

/* 2.6.2 — contact CTA, release discipline, and slow footer marquee. */
.email-link a{min-width:0;overflow-wrap:anywhere;}
.copy-email{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:44px;
  padding:11px 16px;
  border:1px solid #3a3a3c;
  border-radius:999px;
  background:#151517;
  color:#f5f5f7;
  font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.10em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);
}
.copy-email:hover,.copy-email:focus-visible{
  background:#2997ff;
  border-color:#2997ff;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(41,151,255,.16);
  outline:none;
}
.copy-email:active{transform:translateY(0);box-shadow:none;}

.capability-detail.graphite .avoid-box{background:#1c1c1e;border-color:#3a3a3c;}
.capability-detail.graphite .avoid-box p{color:#a1a1a6;}
.avoid-box .release-standard{
  margin:20px 0 0;
  padding-top:18px;
  border-top:1px solid #3a3a3c;
  color:#d1d1d6!important;
}
.avoid-box .release-standard strong{
  color:#f5f5f7;
  font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.footer-statement{
  display:block;
  overflow:hidden;
  padding:25px 0;
  border-bottom:1px solid #2c2c2e;
  font-size:clamp(34px,5vw,76px);
  font-weight:900;
  letter-spacing:.08em;
  line-height:.9;
  color:#1d1d1f;
}
.footer-statement-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:footer-statement-marquee 54s linear infinite;
}
.footer-statement-group{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:clamp(34px,6vw,110px);
  padding:0 var(--pad);
}
.footer-statement .footer-statement-group span,
.footer-statement .footer-statement-group span:nth-child(2),
.footer-statement .footer-statement-group span:nth-child(3){
  display:block;
  flex:0 0 auto;
  min-width:max-content;
  white-space:nowrap;
}
@keyframes footer-statement-marquee{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}
@media(max-width:600px){
  .email-link{gap:16px;}
  .copy-email{min-height:42px;padding:10px 14px;}
  .footer-statement{font-size:clamp(30px,11vw,48px);letter-spacing:.06em;}
  .footer-statement-group{gap:30px;}
}
@media(prefers-reduced-motion:reduce){
  .footer-statement-track{animation:none;transform:none;}
  .footer-statement-group[aria-hidden="true"]{display:none;}
}



/* 2.6.4 — persistent dark/light theme switcher and first-visit palette notice. */
html{color-scheme:dark}
html[data-theme="light"]{color-scheme:light;--paper:#f5f7fa;--paper2:#ffffff;--ink:#111827;--graphite:#eaf1f8;--muted:#5d6775;--line:#d8e1eb;--orange:#0071e3;--white:#111827}
body,.paper,.graphite,.site-footer,.detail-panel,.project-row,.contact-card,.capability-detail,.verification-table .v-row{transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.site-header{justify-content:flex-start;gap:0}
.main-nav{margin-left:auto}
.theme-toggle{position:relative;display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;margin-left:12px;padding:0;border:1px solid #3a3a3c;border-radius:10px;background:#151517;color:#f5f5f7;cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}
.theme-toggle:hover,.theme-toggle:focus-visible{background:#2997ff;border-color:#2997ff;color:#fff;transform:translateY(-2px);box-shadow:0 10px 28px rgba(41,151,255,.18);outline:none}
.theme-toggle-icon{position:absolute;inset:0;margin:auto;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .18s var(--ease),transform .25s var(--ease)}
.theme-toggle-icon--sun{opacity:1;transform:rotate(0) scale(1)}
.theme-toggle-icon--moon{opacity:0;transform:rotate(-22deg) scale(.72)}
html[data-theme="light"] .theme-toggle-icon--sun{opacity:0;transform:rotate(55deg) scale(.72)}
html[data-theme="light"] .theme-toggle-icon--moon{opacity:1;transform:rotate(-10deg) scale(1)}
.theme-onboarding[hidden]{display:none!important}
.theme-onboarding{position:absolute;right:var(--pad);top:calc(100% + 10px);z-index:75;width:min(332px,calc(100vw - 24px));padding:18px 18px 17px;border:1px solid #3a3a3c;border-radius:14px;background:rgba(21,21,23,.98);color:#f5f5f7;box-shadow:0 20px 54px rgba(0,0,0,.38);opacity:0;transform:translateY(-6px) scale(.985);transform-origin:top right;transition:opacity .18s var(--ease),transform .18s var(--ease)}
.theme-onboarding.is-open{opacity:1;transform:none}
.theme-onboarding::before{content:"";position:absolute;right:12px;top:-7px;width:12px;height:12px;border-left:1px solid #3a3a3c;border-top:1px solid #3a3a3c;background:#151517;transform:rotate(45deg)}
.theme-onboarding-kicker{display:block;margin:0 30px 8px 0;color:#64b5ff;font:800 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}
.theme-onboarding>b{display:block;margin:0 30px 7px 0;font-size:18px;line-height:1.08;letter-spacing:-.03em}
.theme-onboarding p{margin:0;color:#a1a1a6;font-size:12px;line-height:1.45}
.theme-onboarding-close{position:absolute;right:10px;top:9px;width:28px;height:28px;padding:0;border:0;background:transparent;color:#86868b;font-size:22px;line-height:1;cursor:pointer;transition:color .18s ease,transform .18s ease}
.theme-onboarding-close:hover,.theme-onboarding-close:focus-visible{color:#fff;transform:rotate(8deg);outline:none}
.theme-onboarding-actions{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}
.theme-onboarding-actions button{min-height:35px;padding:9px 11px;border:1px solid #3a3a3c;border-radius:9px;font:800 8.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.theme-onboarding-actions button:hover,.theme-onboarding-actions button:focus-visible{transform:translateY(-1px);outline:none}
.theme-onboarding-primary{background:#2997ff;border-color:#2997ff!important;color:#fff}
.theme-onboarding-primary:hover,.theme-onboarding-primary:focus-visible{background:#0077ed}
.theme-onboarding-secondary{background:transparent;color:#d1d1d6}
.theme-onboarding-secondary:hover,.theme-onboarding-secondary:focus-visible{border-color:#86868b;color:#fff}

html[data-theme="light"] body{background:#f5f7fa;color:#111827}
html[data-theme="light"] ::selection{background:rgba(0,113,227,.22);color:#07111f}
html[data-theme="light"] :focus-visible{outline-color:#0071e3}
html[data-theme="light"] .site-header{border-bottom-color:rgba(15,23,42,.10);background:rgba(255,255,255,.88);box-shadow:0 1px 0 rgba(15,23,42,.03)}
html[data-theme="light"] .site-header.scrolled{background:rgba(255,255,255,.96)}
html[data-theme="light"] .brand small,html[data-theme="light"] .project-index,html[data-theme="light"] .project-title p,html[data-theme="light"] .case-role,html[data-theme="light"] .fine,html[data-theme="light"] .role-fit dt,html[data-theme="light"] .footer-grid b,html[data-theme="light"] .footer-bottom{color:#657184}
html[data-theme="light"] .theme-toggle{border-color:#cbd5e1;background:#fff;color:#172033;box-shadow:0 6px 22px rgba(30,64,175,.08)}
html[data-theme="light"] .theme-toggle:hover,html[data-theme="light"] .theme-toggle:focus-visible{background:#0071e3;border-color:#0071e3;color:#fff}
html[data-theme="light"] .theme-toggle:hover .theme-toggle-icon--moon,html[data-theme="light"] .theme-toggle:focus-visible .theme-toggle-icon--moon{stroke:#fff}
html[data-theme="light"] .theme-onboarding{border-color:#cbd5e1;background:rgba(255,255,255,.98);color:#111827;box-shadow:0 24px 70px rgba(30,64,175,.16)}
html[data-theme="light"] .theme-onboarding::before{border-color:#cbd5e1;background:#fff}
html[data-theme="light"] .theme-onboarding-kicker{color:#0071e3}
html[data-theme="light"] .theme-onboarding p{color:#5d6775}
html[data-theme="light"] .theme-onboarding-close{color:#697586}
html[data-theme="light"] .theme-onboarding-close:hover,html[data-theme="light"] .theme-onboarding-close:focus-visible{color:#111827}
html[data-theme="light"] .theme-onboarding-actions button{border-color:#cbd5e1}
html[data-theme="light"] .theme-onboarding-primary{background:#0071e3;border-color:#0071e3!important;color:#fff}
html[data-theme="light"] .theme-onboarding-secondary{color:#334155;background:#f8fafc}
html[data-theme="light"] .theme-onboarding-secondary:hover,html[data-theme="light"] .theme-onboarding-secondary:focus-visible{border-color:#8fa2b8;color:#0f172a;background:#eef4fb}
html[data-theme="light"] .nav-toggle span{background:#111827}
html[data-theme="light"] .graphite{background:#eaf1f8;color:#111827}
html[data-theme="light"] .orange{background:#0071e3;color:#fff}
html[data-theme="light"] .btn{border-color:#b8c5d3}
html[data-theme="light"] .btn.primary{background:#0071e3;border-color:#0071e3;color:#fff;box-shadow:none}
html[data-theme="light"] .btn.primary:hover,html[data-theme="light"] .btn.primary:focus-visible{background:#005fc0;border-color:#005fc0}
html[data-theme="light"] .btn.ghost:hover,html[data-theme="light"] .btn.ghost:focus-visible{background:#111827;border-color:#111827;color:#fff}
html[data-theme="light"] .btn.dark{background:#111827;border-color:#111827;color:#fff}
html[data-theme="light"] .project-row:hover,html[data-theme="light"] .project-row:focus-visible{background:#edf4fb}
html[data-theme="light"] .case-system-visual{color:#111827;background:repeating-linear-gradient(90deg,transparent 0 79px,#dbe6f1 80px),repeating-linear-gradient(0deg,transparent 0 79px,#dbe6f1 80px),#f7faff}
html[data-theme="light"] .case-system-visual i{background:#8493a6}
html[data-theme="light"] .case-system-visual b{color:#111827}
html[data-theme="light"] .ai-hero-copy{background:#eaf1f8;color:#111827}
html[data-theme="light"] .capability-detail.graphite .eyebrow{color:#0071e3}
html[data-theme="light"] .capability-detail.graphite .cap-list{border-top-color:#c5d2df}
html[data-theme="light"] .capability-detail.graphite .cap-list span{color:#334155;border-bottom-color:#d7e0ea}
html[data-theme="light"] .capability-detail.graphite .tech-copy{color:#5d6775}
html[data-theme="light"] .capability-detail.graphite .avoid-box{background:#fff;border-color:#cbd5e1}
html[data-theme="light"] .capability-detail.graphite .avoid-box b{color:#0071e3}
html[data-theme="light"] .capability-detail.graphite .avoid-box p{color:#5d6775}
html[data-theme="light"] .avoid-box .release-standard{border-top-color:#d8e1eb;color:#334155!important}
html[data-theme="light"] .avoid-box .release-standard strong{color:#111827}
html[data-theme="light"] .copy-email{border-color:#cbd5e1;background:#fff;color:#111827}
html[data-theme="light"] .copy-email:hover,html[data-theme="light"] .copy-email:focus-visible{background:#0071e3;border-color:#0071e3;color:#fff;box-shadow:0 8px 24px rgba(0,113,227,.14)}
html[data-theme="light"] .proof-link{border-bottom-color:#b8c5d3}
html[data-theme="light"] .case-nav small{color:#657184}
html[data-theme="light"] .verification-table .v-row:hover,html[data-theme="light"] .verification-table .v-row:focus-visible{background:transparent}
html[data-theme="light"] .verification-table .v-row::before{background:linear-gradient(90deg,rgba(0,113,227,.11) 0%,rgba(0,113,227,.055) 46%,rgba(0,113,227,.018) 78%,transparent 100%)}
html[data-theme="light"] .v-row p a{color:#006bd6}
html[data-theme="light"] .metric-highlight{color:#111827;box-shadow:inset 0 -.28em 0 rgba(0,113,227,.16)}
html[data-theme="light"] .metric-highlight.metric-multiplier{color:#0065c9;box-shadow:inset 0 -.22em 0 rgba(0,113,227,.10)}
html[data-theme="light"] .site-footer{background:#eaf1f8;color:#111827}
html[data-theme="light"] .footer-statement{border-color:#cbd5e1;color:#b9c7d7}
html[data-theme="light"] .footer-bottom{border-color:#cbd5e1;color:#657184}

@media(max-width:900px){
  .site-header{justify-content:flex-start}
  .brand{min-width:0}
  .main-nav{margin-left:0}
  html[data-theme="light"] .main-nav{background:#f5f7fa}
  .theme-toggle{margin-left:auto;margin-right:6px;z-index:62}
  .nav-toggle{margin-left:0}
  .theme-onboarding{right:12px;top:calc(100% + 8px)}
}
@media(max-width:520px){
  .brand{gap:9px}
  .brand-code{width:34px;height:34px}
  .brand b{font-size:11px}
  .brand small{font-size:8px}
  .theme-toggle{width:32px;height:32px}
  .theme-onboarding{right:10px;width:min(316px,calc(100vw - 20px));padding:16px 16px 15px}
  .theme-onboarding::before{right:68px}
  .theme-onboarding-actions{display:grid;grid-template-columns:1fr}
}
@media(max-width:390px){.brand small{display:none}.brand b{font-size:10px}.theme-toggle{margin-right:2px;width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.theme-onboarding,.theme-toggle,.theme-toggle-icon{transition:none}}


/* 2.6.5 — compact theme control, robust mobile navigation and viewport-safe display headings. */
.hero-main h1,.page-intro h1,.case-hero h1{max-width:100%;min-width:0}
@media(max-width:900px){
  .site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(11,11,13,.98)}
  html[data-theme="light"] .site-header,html[data-theme="light"] .site-header.scrolled{background:rgba(255,255,255,.98)}
  .main-nav{position:fixed;inset:0;width:100vw;height:100dvh;min-height:100vh;margin:0;padding:clamp(96px,16vh,132px) var(--pad) 48px;background:var(--paper);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(100%,0,0);transition:transform .3s var(--ease),opacity .2s var(--ease),visibility 0s linear .3s;z-index:60}
  .main-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);transition:transform .3s var(--ease),opacity .2s var(--ease),visibility 0s}
  .main-nav>a{font-size:clamp(24px,7vw,42px);line-height:1.05}
  .nav-toggle{position:relative;z-index:63}
  .nav-toggle span{transition:transform .22s var(--ease),opacity .18s var(--ease)}
  .nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .theme-toggle{z-index:63}
  .hero-main h1,.page-intro h1,.case-hero h1{font-size:clamp(50px,11.5vw,88px);line-height:.86;letter-spacing:-.065em;overflow-wrap:normal;word-break:normal}
}
@media(max-width:600px){
  .hero-main h1,.page-intro h1,.case-hero h1{font-size:clamp(36px,10.8vw,60px);line-height:.88;letter-spacing:-.055em;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
  .page-intro,.case-hero,.hero-main{min-width:0;max-width:100%}
  .theme-toggle{margin-left:auto;margin-right:4px}
  .theme-toggle-icon{width:16px;height:16px}
}


/* 2.6.6 — HR role lines, cursor project previews, live Route Engine hover preview. */
.project-role-line{
  margin:9px 0 7px!important;
  color:#64b5ff!important;
  font:800 9px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.project-summary{margin-top:0!important}
.project-hover-preview{
  position:fixed;
  z-index:120;
  left:0;top:0;
  width:min(430px,44vw);
  aspect-ratio:16/10;
  opacity:0;
  transform:translate3d(-9999px,-9999px,0) scale(.965);
  pointer-events:none;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:#08090b;
  box-shadow:0 24px 75px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.025) inset;
  transition:opacity .16s ease,transform .16s ease;
  will-change:transform,opacity;
}
.project-hover-preview.is-visible{opacity:1}
.project-hover-preview img{display:block;width:100%;height:100%;object-fit:cover}
.project-hover-preview::after{
  content:"PROJECT PREVIEW";
  position:absolute;left:13px;bottom:12px;
  padding:6px 8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;
  background:rgba(5,5,7,.72);backdrop-filter:blur(10px);
  color:#c7c7cc;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;
}
.project-hover-preview.is-route::after{content:"LIVE NAVIGATION · AUTOPLAY";color:#8ecbff;border-color:rgba(41,151,255,.28);background:rgba(8,25,43,.82)}
.hover-route-demo{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(120px,.75fr);background:#050506;color:#f5f5f7}
.hover-route-map{position:relative;overflow:hidden;background:#0d0d0f;border-right:1px solid #2c2c2e}
.hover-route-map svg{width:100%;height:100%;display:block}
.hover-route-grid{stroke:#171719;stroke-width:1}.hover-route-road{stroke:#303033;stroke-width:14;fill:none;stroke-linecap:round}.hover-route-road-major{stroke:#48484a;stroke-width:20;fill:none;stroke-linecap:round}
.hover-route-path-under{stroke:#111113;stroke-width:16;fill:none;stroke-linecap:round}.hover-route-path{stroke:#2997ff;stroke-width:7;fill:none;stroke-linecap:round;stroke-dasharray:9 4}
.hover-route-stop{fill:#111113;stroke:#f5f5f7;stroke-width:3}.hover-route-stop.active{fill:#2997ff;stroke:#d6eaff}.hover-route-start{fill:#30d158;stroke:#d9f7e2;stroke-width:3}
.hover-route-map-chip{position:absolute;left:13px;top:12px;padding:7px 9px;border:1px solid rgba(41,151,255,.4);border-radius:9px;background:rgba(11,23,37,.9);color:#9ed1ff;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
.hover-route-side{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:10px;background:#050506}
.hover-route-live{display:flex;align-items:center;justify-content:space-between;padding:9px;border:1px solid #2c2c2e;border-radius:11px;background:#101010;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.hover-route-live i{width:7px;height:7px;border-radius:50%;background:#30d158;box-shadow:0 0 0 0 rgba(48,209,88,.4);animation:hover-route-pulse 1.6s ease-out infinite}.hover-route-live b{color:#64b5ff}
.hover-route-next{padding:11px;border:1px solid #2c2c2e;border-radius:12px;background:#101010}.hover-route-next small{display:block;color:#86868b;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.hover-route-next strong{display:block;margin-top:7px;font-size:11px;line-height:1.25}.hover-route-next span{display:block;margin-top:7px;color:#64b5ff;font-size:9px;line-height:1.3}
.hover-route-stops{display:grid;align-content:start;border:1px solid #2c2c2e;border-radius:12px;overflow:hidden;background:#101010}.hover-route-stops div{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-size:8px}.hover-route-stops div:last-child{border-bottom:0}.hover-route-stops i{display:grid;place-items:center;width:20px;height:20px;border:1px solid #48484a;border-radius:50%;font-style:normal;font-weight:900}.hover-route-stops .done i{border-color:#2f8f4e;background:#1f6f3e;color:#d9f7e2}.hover-route-stops .active{background:rgba(41,151,255,.12)}.hover-route-stops .active i{border-color:#2997ff;background:#2997ff;color:#fff}
.hover-route-action{display:flex;justify-content:center;align-items:center;min-height:34px;border-radius:10px;background:#2997ff;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
@keyframes hover-route-pulse{0%{box-shadow:0 0 0 0 rgba(48,209,88,.4)}70%,100%{box-shadow:0 0 0 7px rgba(48,209,88,0)}}
html[data-theme="light"] .project-role-line{color:#006bd6!important}
html[data-theme="light"] .project-hover-preview{border-color:rgba(15,23,42,.16);box-shadow:0 24px 70px rgba(15,23,42,.24)}
@media(max-width:900px),(hover:none),(pointer:coarse){.project-hover-preview{display:none!important}.project-role-line{font-size:8px}}
@media(prefers-reduced-motion:reduce){.project-hover-preview{transition:none}.hover-route-live i{animation:none}}


/* 2.6.7 — route preview path lock, useful previews only, back-to-top, mobile impact containment. */
.hover-route-gps-halo{fill:rgba(41,151,255,.22);stroke:none}
.hover-route-gps-dot{fill:#2997ff;stroke:#fff;stroke-width:4;filter:drop-shadow(0 3px 7px rgba(0,0,0,.5))}

.back-to-top{
  position:fixed;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));
  z-index:72;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:rgba(21,21,23,.88);
  color:#f5f5f7;
  -webkit-backdrop-filter:saturate(150%) blur(14px);
  backdrop-filter:saturate(150%) blur(14px);
  box-shadow:0 12px 34px rgba(0,0,0,.28);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px) scale(.94);
  transition:opacity .2s var(--ease),visibility .2s,transform .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease);
}
.back-to-top svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.back-to-top:hover,.back-to-top:focus-visible{background:#2997ff;border-color:#2997ff;color:#fff;transform:translateY(-2px)}
html[data-theme="light"] .back-to-top{background:rgba(255,255,255,.92);border-color:rgba(15,23,42,.14);color:#111318;box-shadow:0 12px 34px rgba(15,23,42,.14)}
html[data-theme="light"] .back-to-top:hover,html[data-theme="light"] .back-to-top:focus-visible{background:#0071e3;border-color:#0071e3;color:#fff}

@media(max-width:600px){
  .impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%}
  .impact-item{min-width:0;max-width:100%;overflow:hidden;padding:15px 12px;gap:16px}
  .impact-item strong{max-width:100%;font-size:clamp(28px,9.2vw,44px);letter-spacing:-.055em;white-space:nowrap}
  .impact-item span{min-width:0;max-width:100%;font-size:clamp(7px,2.15vw,9px);line-height:1.35;letter-spacing:.065em;overflow-wrap:anywhere;word-break:normal}
  .back-to-top{right:max(14px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px));width:40px;height:40px}
}
@media(max-width:340px){
  .impact-item{padding-left:10px;padding-right:10px}
  .impact-item strong{font-size:27px}
  .impact-item span{font-size:7px;letter-spacing:.045em}
}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}
