/* Studio vNext — visual foundation, scoped to the public discovery experience.
   No network fonts, trackers, JS animation or external dependencies. */
body:is([data-page="home"],[data-page="cases"],[data-page="products"]){
 --bg:#0a0e17;--panel:#141d2b;--panel-strong:#182437;
 --text:#f1f6ff;--muted:#a3b4ca;--line:#ffffff1e;
 --blue:#7f94ff;--cyan:#73daff;--purple:#a19cff;
 background:radial-gradient(ellipse 75% 430px at 90% 0%,#23406850,transparent 77%),#0a0e17;
 color:#edf3ff;
}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) :where(.site-header){
 background:#101826f2;border:1px solid #7c9ac329;box-shadow:0 12px 48px #0004;
 backdrop-filter:blur(18px);
}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) .brand-mark{
 background:linear-gradient(135deg,#92e8fa,#75b7ff 60%,#aaa5f9);color:#081423;
 border-radius:11px;box-shadow:0 6px 22px #52b8ff1b;
}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) .brand-copy small{color:#9eb4d1}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) .nav a{color:#bdcde1}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) .nav a:is(:hover,.active){background:#86d5ff13;color:#a1e8ff}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) .nav .nav-cta,
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) .button.primary{
 color:#0b1627;background:linear-gradient(110deg,#90edfa,#80bbff);border-color:#92d6fb;
}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) .button.primary:hover{background:#b1edff;color:#081523}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) .button.ghost{color:#d2e5fa;border-color:#5d7391}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) .button.ghost:hover{border-color:#79d9ff;background:#77caff0b}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) :where(.kicker,.eyebrow,.case-label,.back-link){color:#83d9fc}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) :where(.page-cta){
 background:linear-gradient(113deg,#192b42,#101c2c 74%);
 border:1px solid #81b4e044;
}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) :where(.footer){border-color:#42658b40}
body:is([data-page="home"],[data-page="cases"],[data-page="products"]) :focus-visible{
 outline:2px solid #8adfff;outline-offset:4px;
}
body[data-page="home"] .studio-hero{min-height:0;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,4vw,54px);padding:66px 0 44px}
body[data-page="home"] .studio-hero h1{font-size:clamp(40px,4.8vw,70px);font-weight:660}
body[data-page="home"] .studio-hero h1 em{color:#95eaff;-webkit-text-fill-color:#95eaff}
body[data-page="home"] .hero-copy>p{color:#b8c9de;font-size:clamp(15px,1.6vw,17px)}
body[data-page="home"] .hero-copy>.hero-caption{color:#8ea4bd}
body[data-page="home"] .hero-specialties span{color:#b9cfe5;border-color:#5874994a;background:#14243b72}
body[data-page="home"] .studio-showcase{transform:none}
body[data-page="home"] .showcase-caption{color:#94b5d6}
body[data-page="home"] .showcase-grid>a{border:1px solid #7ea4cb40;box-shadow:0 12px 40px #01081039}
body[data-page="home"] .showcase-cnc{background:linear-gradient(145deg,#273f73,#152743);color:#eff5ff}
body[data-page="home"] .showcase-monte{background:linear-gradient(145deg,#172f48,#0e1d32);color:#eaf3ff;border-color:#679bca5c}
body[data-page="home"] .showcase-monte .showcase-tag{color:#95eaff}
body[data-page="home"] .showcase-worktime{background:#dae6f0;color:#12243c}
body[data-page="home"] .showcase-worktime>.showcase-tag{background:#dae6f0ee;color:#243d5c}
body[data-page="home"] .studio-proof{border-color:#7498bf30}
body[data-page="home"] .studio-proof>span{color:#e1efff}
body[data-page="home"] .studio-proof p{color:#96afcb}
body[data-page="home"] .section{padding:clamp(42px,5vw,66px) 0}
body[data-page="home"] .section-heading h2{font-size:clamp(28px,3.2vw,43px)}
body[data-page="home"] .studio-projects{display:grid;grid-template-columns:1fr;gap:11px}
body[data-page="home"] .studio-project{
 display:grid;grid-template-columns:minmax(170px,235px) minmax(0,1fr);
 overflow:hidden;min-height:170px;border:1px solid #7aa0ca33;
 background:linear-gradient(118deg,#172438,#101b2b);border-radius:17px;
 transition:transform .22s,border-color .22s;
}
body[data-page="home"] .studio-project:hover{transform:translateY(-2px);border-color:#7bd4fc84}
body[data-page="home"] .studio-project .project-cover{height:100%;min-height:174px;border-radius:0;background:#15263c;overflow:hidden}
body[data-page="home"] .studio-project .project-cover-icon{background:#182c4b;color:#dcefff}
body[data-page="home"] .studio-project .project-cover-icon img{width:76px}
body[data-page="home"] .studio-project .project-cover img{max-height:165px;max-width:80%;object-fit:contain}
body[data-page="home"] .studio-project .project-content{
 padding:18px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;
}
body[data-page="home"] .studio-project .project-content h3{font-size:clamp(21px,2.5vw,27px);margin:0}
body[data-page="home"] .studio-project .project-content p{font-size:13px;line-height:1.6;max-width:680px;margin:0;color:#b8c9db}
body[data-page="home"] .studio-project .project-status{color:#8cdef7}
body[data-page="home"] .studio-project .project-content .button{min-height:36px;padding:7px 11px;margin-top:auto;font-size:12px}
body[data-page="home"] .spotlight-card{
 background:#111c2c;border-color:#668db039;border-radius:15px;
 box-shadow:none;min-height:175px;transition:transform .2s,border-color .2s;
}
body[data-page="home"] .spotlight-card:hover{border-color:#86d9ff88}
body[data-page="home"] .spotlight-card h3{color:#eef7ff}
body[data-page="home"] .spotlight-card p,body[data-page="home"] .spotlight-status{color:#9fb5ca}
body[data-page="home"] .spotlight-more{color:#93defa;text-decoration-color:#93defa80}
body[data-page="home"] .studio-services{border-color:#658baf49}
body[data-page="home"] .studio-services strong,body[data-page="home"] .service-choice:after{color:#94dfff}
body[data-page="home"] .studio-services .simple-card:hover{background:#64adf00d}
body[data-page="home"] .process-grid article{background:#131e2f;border:1px solid #668fb13a;min-height:195px}
body[data-page="home"] .process-grid b{color:#87dbfc;margin-bottom:22px}
body[data-page="cases"] .portfolio-hero{padding-top:50px;padding-bottom:18px}
body[data-page="cases"] .portfolio-metrics{margin-top:25px;padding:17px 0;border-color:#6d91b33b}
body[data-page="cases"] .portfolio-metrics strong{color:#9ee3ff}
body[data-page="cases"] .portfolio-metrics span{color:#b0c2d7}
body[data-page="cases"] .portfolio-section{padding-top:25px}
body[data-page="cases"] .portfolio-filters .portfolio-filter{background:#142235;color:#c0d0e4;border-color:#627e9b66}
body[data-page="cases"] .portfolio-filters .portfolio-filter.is-active{background:#88dffc;color:#081827;border-color:#8adfff}
body[data-page="cases"] .portfolio-search-label{color:#aec6df}
body[data-page="cases"] .portfolio-search-label input{background:#111b2b;color:#eef8ff;border-color:#597a9a}
body[data-page="cases"] .portfolio-count{color:#94abc2}
body[data-page="cases"] .portfolio-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
body[data-page="cases"] .portfolio-case{
 display:grid;grid-template-columns:40px minmax(0,1fr);
 gap:16px;min-height:0;border-radius:17px;
 background:linear-gradient(110deg,#152236,#0e1929 80%);
 border:1px solid #6f9cc03f;padding:18px;
}
body[data-page="cases"] .portfolio-case:hover{border-color:#7cd5ff9b}
body[data-page="cases"] .portfolio-case .case-number{color:#8cddff;border-color:#7cd7ff53;background:#77cafa0c}
body[data-page="cases"] .portfolio-case-inner{
 display:grid;grid-template-columns:minmax(210px,.82fr) minmax(0,1.18fr);
 column-gap:24px;row-gap:10px;align-items:start;
}
body[data-page="cases"] .portfolio-case-head{grid-column:1;grid-row:1 / span 7;min-height:0;max-width:410px}
body[data-page="cases"] .portfolio-case-head .portfolio-art{width:65px;height:65px;border-color:#86bde159;background:#19304a}
body[data-page="cases"] .portfolio-case-head .portfolio-art--screen{height:93px}
body[data-page="cases"] .portfolio-case-head .portfolio-art img{max-width:100%;max-height:100%;object-fit:contain}
body[data-page="cases"] .portfolio-case .case-label{color:#8cdbff}
body[data-page="cases"] .portfolio-case[data-case-status="prototype"] .case-label,
body[data-page="cases"] .portfolio-case[data-case-status="concept"] .case-label{color:#d2b9f2}
body[data-page="cases"] .portfolio-case .portfolio-subtitle{color:#a6bbd0}
body[data-page="cases"] .portfolio-case .portfolio-summary{
 grid-column:2;margin:0;font-size:14px;line-height:1.55;color:#e5f0fe;
}
body[data-page="cases"] .portfolio-case .portfolio-case-detail{grid-column:2;margin:0}
body[data-page="cases"] .portfolio-case .portfolio-case-detail b,
body[data-page="cases"] .portfolio-case .case-result b{color:#83dcfb}
body[data-page="cases"] .portfolio-case .portfolio-case-detail p{font-size:12px;line-height:1.55;color:#b0c2d5}
body[data-page="cases"] .portfolio-case .case-result{grid-column:2;margin:0;padding:8px 0 0;border-color:#55799f40}
body[data-page="cases"] .portfolio-case .case-result span{font-size:12px;line-height:1.6;color:#a7bed4}
body[data-page="cases"] .portfolio-case .case-tech{grid-column:2;margin:0}
body[data-page="cases"] .portfolio-case .case-tech summary{color:#9edffe}
body[data-page="cases"] .portfolio-case .case-points span{color:#d0e5f6;background:#26406144;border-color:#678eae4e}
body[data-page="cases"] .portfolio-case .portfolio-case-action{grid-column:2;color:#9edfff;font-size:12px;margin:0}
body[data-page="cases"] .portfolio-case .portfolio-case-enquiry{grid-column:2;margin-top:0;background:#65b3eb10;border-color:#5b95c576;color:#badfff}
body[data-page="cases"] .portfolio-case .portfolio-case-enquiry:hover{background:#65b3eb21;border-color:#8edfff}
body[data-page="products"] .catalog-toolbar{gap:15px}
body[data-page="products"] .product-grid{gap:13px}
body[data-page="products"] .product-card{background:linear-gradient(145deg,#19263a,#111d30);border-color:#6693ba47;border-radius:17px;box-shadow:none;min-height:400px}
body[data-page="products"] .product-card.featured{background:linear-gradient(145deg,#203759,#112037)}
body[data-page="products"] .filter-chip.active{background:#8cdefa;color:#0b1a2d;border-color:#8cdefa}
body[data-page="products"] .release-banner{background:#0d1b2e;border-color:#658bb052}
body[data-page="products"] .product-case-link{color:#9bdfff}
@media(max-width:980px){
 body[data-page="home"] .studio-hero{grid-template-columns:1fr;gap:28px;padding-top:56px}
 body[data-page="home"] .studio-showcase{width:min(100%,650px)}
 body[data-page="cases"] .portfolio-case-inner{grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr);column-gap:16px}
}
@media(max-width:700px){
 body[data-page="home"] .studio-project{grid-template-columns:minmax(100px,32%) minmax(0,1fr)}
 body[data-page="home"] .studio-project .project-cover{min-height:170px}
 body[data-page="home"] .studio-project .project-content{padding:14px;gap:6px}
 body[data-page="home"] .studio-project .project-content h3{font-size:20px}
 body[data-page="home"] .studio-project .project-content p{font-size:12px;line-height:1.45}
 body[data-page="cases"] .portfolio-case{grid-template-columns:1fr;gap:9px;padding:15px}
 body[data-page="cases"] .portfolio-case-inner{display:flex;flex-direction:column;gap:9px}
 body[data-page="cases"] .portfolio-case-head{width:100%;max-width:none}
 body[data-page="cases"] .portfolio-case .case-result{padding-top:9px}
 body[data-page="cases"] .portfolio-case .portfolio-case-enquiry{align-self:stretch}
}
@media(max-width:420px){
 body[data-page="home"] .studio-hero h1{font-size:clamp(33px,9vw,42px);overflow-wrap:anywhere}
 body[data-page="home"] .studio-project{grid-template-columns:1fr}
 body[data-page="home"] .studio-project .project-cover{height:112px;min-height:112px}
 body[data-page="home"] .studio-project .project-cover img{max-height:105px}
 body[data-page="home"] .studio-project .project-content{padding:15px}
 body[data-page="home"] .studio-project .project-content .button{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .studio-project,body[data-page="home"] .spotlight-card{transition:none;transform:none}}

/* A compact table of contents for the long homepage. */
body[data-page="home"] :where(#projects,#spotlight-title,#services,#process){scroll-margin-top:120px}
body[data-page="home"] .home-jump-nav{
 display:flex;gap:8px;align-items:center;flex-wrap:wrap;
 margin-top:6px;margin-bottom:24px;padding:10px 0;border-block:1px solid #5a8fb13d;
}
body[data-page="home"] .home-jump-caption{
 font-size:10px;letter-spacing:.14em;font-weight:750;color:#83b2d0;
 margin-right:8px;
}
body[data-page="home"] .home-jump-nav a{
 font-size:12px;line-height:1.3;padding:10px 13px;min-height:42px;
 display:inline-flex;align-items:center;gap:12px;border:1px solid #6693b443;
 border-radius:11px;background:#142237a8;color:#c6e4f6;white-space:nowrap;
 transition:background .16s,border-color .16s;
}
body[data-page="home"] .home-jump-nav a:hover{background:#24456290;border-color:#8adeff9b}
body[data-page="home"] .home-jump-nav a span{color:#83d6fa}
@media(max-width:520px){
 body[data-page="home"] .home-jump-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:12px}
 body[data-page="home"] .home-jump-caption{flex:none}
 body[data-page="home"] .home-jump-nav a{flex:none}
}

/* Collapsible detail keeps a long portfolio feed scan-friendly without hiding source information. */
body[data-page="cases"] .portfolio-case .portfolio-more{
 grid-column:2;margin:0;border-top:1px solid #5d88a447;padding-top:8px;color:#bfd7ed;width:100%;
}
body[data-page="cases"] .portfolio-more summary{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 cursor:pointer;list-style:none;color:#a5ddff;font-size:12px;
 font-weight:650;min-height:34px;padding:3px 0;
}
body[data-page="cases"] .portfolio-more summary::-webkit-details-marker{display:none}
body[data-page="cases"] .portfolio-more summary span{transition:transform .18s}
body[data-page="cases"] .portfolio-more[open] summary span{transform:rotate(180deg)}
body[data-page="cases"] .portfolio-more[open] .portfolio-case-detail{margin:10px 0}
body[data-page="cases"] .portfolio-more[open] .case-result{padding-top:10px;margin-bottom:9px}
body[data-page="cases"] .portfolio-more summary:focus-visible{outline:2px solid #8adfff;outline-offset:2px}
@media(max-width:700px){
 body[data-page="cases"] .portfolio-case .portfolio-more{grid-column:auto;align-self:stretch}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="cases"] .portfolio-more summary span{transition:none}
}

/* Editorial headings: replace the last remaining legacy neon-green emphasis. */
body[data-page="cases"] .portfolio-hero h1 em,
body[data-page="products"] .page-hero h1 em{color:#92e6ff;-webkit-text-fill-color:#92e6ff}

body[data-page="home"] .story-inline-link{display:inline-flex;align-items:center;color:#9bdefb;text-decoration:underline;text-decoration-color:#7dbbdc7a;text-underline-offset:4px;font-size:12px;line-height:1.6;margin-top:3px}
body[data-page="home"] .story-inline-link:hover{color:#c2efff}
body[data-page="cases"] .portfolio-case .story-link{color:#9ddfff}