/* MindShot V2.2 — shared interior art direction */
:root{--v22-paper:#f2f0e9;--v22-ink:#07101f;--v22-blue:#2457ff;--v22-cyan:#22d3ee;--v22-violet:#8b5cf6;--v22-magenta:#d90097;--v22-acid:#e7ff37;--v22-orange:#ff6a3d}
body.v22-interior{font-family:"Arial Nova","Helvetica Neue",Helvetica,Arial,sans-serif}
body.v22-interior .site-header.is-scrolled{background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px) saturate(1.15)}
body.v22-interior .header-cta{position:relative;overflow:hidden}
body.v22-interior .header-cta::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--v22-cyan),var(--v22-violet),var(--v22-magenta));transform:scaleX(.22);transform-origin:left;transition:transform .3s var(--ease)}
body.v22-interior .header-cta:hover::before{transform:scaleX(1)}

body.v22-interior .inner-hero{position:relative;overflow:hidden;min-height:min(82vh,860px);display:flex;align-items:center;border-bottom:1px solid var(--border)}
body.v22-interior .inner-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,var(--border) 50%,transparent 50.05%),linear-gradient(180deg,transparent 69.95%,var(--border) 70%,transparent 70.05%);opacity:.5;pointer-events:none}
body.v22-interior .inner-hero::after{content:"";position:absolute;right:-14vw;top:-14vw;width:38vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--ms-blue-rgb),.18),transparent 62%);filter:blur(10px);pointer-events:none}
body.v22-interior[data-tone="magenta"] .inner-hero::after{background:radial-gradient(circle,rgba(217,0,151,.18),transparent 62%)}
body.v22-interior[data-tone="acid"] .inner-hero::after{background:radial-gradient(circle,rgba(231,255,55,.14),transparent 60%)}
body.v22-interior[data-tone="orange"] .inner-hero::after{background:radial-gradient(circle,rgba(255,106,61,.18),transparent 62%)}
body.v22-interior .inner-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.84fr);gap:48px;align-items:end;padding-top:120px;padding-bottom:72px}
body.v22-interior .inner-hero-copy{display:grid;gap:18px;max-width:760px}
body.v22-interior .inner-hero-copy .eyebrow{display:inline-flex;align-items:center;gap:9px;letter-spacing:.12em;font:700 .58rem var(--font-mono);color:var(--subtle);text-transform:uppercase}
body.v22-interior .inner-hero-copy h1{margin:0;font-size:clamp(3.4rem,7vw,7rem);line-height:.86;letter-spacing:-.08em;text-wrap:balance}
body.v22-interior .inner-hero-copy p{margin:0;max-width:640px;color:var(--muted);font-size:1rem;line-height:1.72}
body.v22-interior .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
body.v22-interior .inner-hero-grid>div:last-child{align-self:stretch}

body.v22-interior .service-visual,
body.v22-interior .history-panel,
body.v22-interior .evolution-console,
body.v22-interior .contact-status-panel,
body.v22-interior .pending-panel,
body.v22-interior .portfolio-summary,
body.v22-interior .quote-builder,
body.v22-interior .project-card,
body.v22-interior .service-card,
body.v22-interior .product-large-card,
body.v22-interior .product-list a,
body.v22-interior .editorial-grid article,
body.v22-interior .legal-status,
body.v22-interior .empty-editorial,
body.v22-interior .contact-channel-card,
body.v22-interior .principle-card,
body.v22-interior .story-timeline,
body.v22-interior .capability-map>div,
body.v22-interior .cta-panel,
body.v22-interior .synergy-panel,
body.v22-interior .contact-assurance,
body.v22-interior .workflow,
body.v22-interior .services-map,
body.v22-interior .integrated-example-grid,
body.v22-interior .visual-marketing,
body.v22-interior .visual-web,
body.v22-interior .visual-software,
body.v22-interior .visual-automation,
body.v22-interior .visual-demand,
body.v22-interior .visual-cloud,
body.v22-interior .visual-security,
body.v22-interior .visual-events,
body.v22-interior .visual-product{
  box-shadow:none;
  border-radius:0;
}

body.v22-interior .section{padding:88px 0}
body.v22-interior .section-soft{background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 72%,transparent),transparent 100%)}
body.v22-interior .section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:22px;align-items:end;margin-bottom:34px}
body.v22-interior .section-head h2{margin:8px 0 0;font-size:clamp(2.3rem,4.3vw,4rem);line-height:.9;letter-spacing:-.07em}
body.v22-interior .section-head p{margin:0;color:var(--muted);line-height:1.7}
body.v22-interior .kicker{display:inline-flex;align-items:center;gap:10px;color:var(--subtle);font:700 .58rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
body.v22-interior .kicker::before{content:"";width:32px;height:1px;background:currentColor;opacity:.6}
body.v22-interior .statement{padding:36px 0 0;border-top:1px solid var(--border)}
body.v22-interior .statement h2{font-size:clamp(2.5rem,5vw,4.4rem);line-height:.92;letter-spacing:-.07em;max-width:980px}

body.v22-interior .capability-chip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
body.v22-interior .capability-chip{min-height:72px;display:flex;align-items:flex-end;padding:16px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);font-weight:700}
body.v22-interior .workflow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
body.v22-interior .workflow-node{padding:16px 14px 18px;border-right:1px solid var(--border)}
body.v22-interior .workflow-node:last-child{border-right:0}
body.v22-interior .workflow-node span{display:block;margin-bottom:18px;font:700 .58rem var(--font-mono);letter-spacing:.12em;color:var(--subtle)}
body.v22-interior .workflow-node b{display:block;font-size:1.03rem;line-height:1.05}
body.v22-interior .synergy-panel,.contact-assurance,.cta-panel{padding:34px;border:1px solid var(--border);background:linear-gradient(160deg,var(--surface),transparent)}
body.v22-interior .synergy-links{display:grid;gap:0;border-top:1px solid var(--border)}
body.v22-interior .synergy-links a{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 0;border-bottom:1px solid var(--border);text-decoration:none;font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:-.04em}
body.v22-interior .faq-item{border-top:1px solid var(--border);border-radius:0}
body.v22-interior .faq-item summary{padding:20px 0;font-size:clamp(1.1rem,2vw,1.45rem)}
body.v22-interior .faq-item p{padding:0 0 18px;color:var(--muted)}

body.v22-interior .service-grid,
body.v22-interior .project-grid-list,
body.v22-interior .product-list,
body.v22-interior .principles-grid,
body.v22-interior .editorial-grid,
body.v22-interior .contact-channel-grid{display:grid;gap:14px}
body.v22-interior .service-grid{grid-template-columns:repeat(2,1fr)}
body.v22-interior .service-card{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
body.v22-interior .service-card h2{margin:6px 0 8px;font-size:1.55rem;line-height:.98;letter-spacing:-.04em}
body.v22-interior .service-card p{margin:0;color:var(--muted);line-height:1.6}
body.v22-interior .service-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--border);color:#7dd3fc;font:700 .6rem var(--font-mono)}
body.v22-interior .services-map{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:transparent}
body.v22-interior .services-map>div{padding:18px;border-right:1px solid var(--border)}
body.v22-interior .services-map>div:last-child{border-right:0}
body.v22-interior .services-map span{display:block;margin-bottom:8px;color:var(--subtle);font:700 .56rem var(--font-mono);letter-spacing:.12em}

body.v22-interior .integrated-example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
body.v22-interior .integrated-example-grid article{padding:22px;border:1px solid var(--border);background:linear-gradient(140deg,rgba(var(--ms-blue-rgb),.06),transparent 55%)}
body.v22-interior .integrated-example-grid h3{margin:36px 0 8px;font-size:1.4rem;letter-spacing:-.04em}
body.v22-interior .integrated-example-grid p{margin:0;color:var(--muted);line-height:1.6}

body.v22-interior .portfolio-summary,.pending-panel,.history-panel,.evolution-console,.contact-status-panel{padding:26px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(var(--ms-blue-rgb),.06),transparent 56%)}
body.v22-interior .project-grid,.project-grid-list{grid-template-columns:repeat(2,1fr)}
body.v22-interior .project-card,.project-grid-list>a{padding:0;border:1px solid var(--border);overflow:hidden;background:var(--surface)}
body.v22-interior .project-card-wide{grid-column:span 2}
body.v22-interior .project-card-wide,.project-card{transition:transform .2s ease,border-color .2s ease}
body.v22-interior .project-card:hover,.project-grid-list>a:hover{transform:translateY(-2px);border-color:rgba(var(--ms-violet-rgb),.32)}
body.v22-interior .project-card-copy{padding:24px}
body.v22-interior .project-card-copy h2,body.v22-interior .project-card-copy h3{margin:6px 0 10px;font-size:1.8rem;line-height:.96;letter-spacing:-.05em}
body.v22-interior .filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
body.v22-interior .filter-bar button{padding:10px 14px;border:1px solid var(--border);background:transparent;border-radius:999px;color:var(--muted);font-weight:700;cursor:pointer}
body.v22-interior .filter-bar button.is-active{background:rgba(var(--ms-blue-rgb),.08);border-color:rgba(var(--ms-blue-rgb),.28);color:#7dd3fc}

body.v22-interior .product-list{grid-template-columns:1fr}
body.v22-interior .product-large-card,.product-list a{padding:22px;border:1px solid var(--border);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:linear-gradient(145deg,rgba(var(--ms-violet-rgb),.06),transparent 52%)}
body.v22-interior .product-monogram{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--border);font:700 .64rem var(--font-mono);color:#c4b5fd}
body.v22-interior .product-large-card h2,.product-list h2,.product-list h3{margin:6px 0 8px;font-size:1.8rem;letter-spacing:-.05em}
body.v22-interior .product-stack-art{min-height:320px;border:1px solid var(--border);background:linear-gradient(140deg,#091526 0%,#123874 36%,#24174c 72%,#090d19 100%)}

body.v22-interior .about-hero .inner-hero-copy h1,body.v22-interior .contact-hero .inner-hero-copy h1{max-width:880px}
body.v22-interior .story-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:transparent}
body.v22-interior .story-step{min-height:260px;padding:20px;border-right:1px solid var(--border)}
body.v22-interior .story-step:last-child{border-right:0}
body.v22-interior .history-panel{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:end}
body.v22-interior .history-number{font-size:clamp(4rem,8vw,8rem);line-height:.8;letter-spacing:-.08em;color:var(--v22-acid)}
body.v22-interior .principles-grid{grid-template-columns:repeat(2,1fr)}
body.v22-interior .principle-card{padding:24px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
body.v22-interior .capability-map{grid-template-columns:repeat(5,1fr);gap:10px}
body.v22-interior .capability-map>div{padding:18px;border:1px solid var(--border);background:rgba(255,255,255,.02)}
body.v22-interior .evolution-console-head{display:flex;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border)}
body.v22-interior .evolution-lanes{display:grid;gap:0;border-top:1px solid var(--border);margin-top:20px}
body.v22-interior .evolution-lanes div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}

body.v22-interior .quote-layout{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:44px}
body.v22-interior .quote-intro{position:sticky;top:108px}
body.v22-interior .quote-intro h2{font-size:clamp(2.5rem,4.5vw,4.3rem);line-height:.9;letter-spacing:-.06em}
body.v22-interior .quote-builder{padding:28px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(var(--ms-blue-rgb),.05),transparent 52%)}
body.v22-interior .choice-grid{grid-template-columns:repeat(3,1fr)}
body.v22-interior .choice-card{border-radius:0;background:transparent}
body.v22-interior .choice-card:has(input:checked){box-shadow:inset 3px 0 rgb(var(--ms-blue-rgb));background:rgba(var(--ms-blue-rgb),.06)}
body.v22-interior .quote-progress-track{height:4px}
body.v22-interior .contact-channel-grid{grid-template-columns:repeat(2,1fr)}
body.v22-interior .contact-channel-card{padding:22px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(var(--ms-violet-rgb),.05),transparent 56%)}
body.v22-interior .contact-assurance{display:grid;grid-template-columns:1fr 1fr;gap:40px}
body.v22-interior .contact-assurance ol{padding:0;list-style:none;border-top:1px solid var(--border)}
body.v22-interior .contact-assurance li{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}

body.v22-interior .editorial-grid{grid-template-columns:repeat(3,1fr)}
body.v22-interior .editorial-grid article{padding:22px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(var(--ms-blue-rgb),.04),transparent 56%)}
body.v22-interior .empty-editorial{padding:30px;border:1px dashed var(--border-strong);background:linear-gradient(180deg,rgba(242,240,233,.7),rgba(242,240,233,.3))}
body.v22-interior .legal-status,.legal-draft{max-width:860px}
body.v22-interior .legal-draft h2{font-size:clamp(1.6rem,2vw,2rem);letter-spacing:-.03em}
body.v22-interior .legal-draft p,body.v22-interior .legal-draft li{color:var(--muted)}

body.v22-interior .site-footer{border-top:1px solid var(--border)}

@media(max-width:1000px){
  body.v22-interior .inner-hero-grid,body.v22-interior .section-head,body.v22-interior .quote-layout,body.v22-interior .contact-assurance{grid-template-columns:1fr}
  body.v22-interior .capability-chip-grid,body.v22-interior .service-grid,body.v22-interior .integrated-example-grid,body.v22-interior .project-grid,body.v22-interior .project-grid-list,body.v22-interior .principles-grid,body.v22-interior .editorial-grid,body.v22-interior .contact-channel-grid{grid-template-columns:1fr 1fr}
  body.v22-interior .workflow{grid-template-columns:repeat(3,1fr)}
  body.v22-interior .services-map,body.v22-interior .capability-map{grid-template-columns:repeat(2,1fr)}
  body.v22-interior .story-timeline{grid-template-columns:repeat(2,1fr)}
  body.v22-interior .quote-intro{position:static}
  body.v22-interior .choice-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  body.v22-interior .section{padding:70px 0}
  body.v22-interior .capability-chip-grid,body.v22-interior .service-grid,body.v22-interior .integrated-example-grid,body.v22-interior .principles-grid,body.v22-interior .editorial-grid,body.v22-interior .contact-channel-grid,body.v22-interior .choice-grid{grid-template-columns:1fr}
  body.v22-interior .workflow{grid-template-columns:1fr 1fr}
  body.v22-interior .services-map,body.v22-interior .capability-map,body.v22-interior .story-timeline{grid-template-columns:1fr}
  body.v22-interior .story-step,body.v22-interior .services-map>div{border-right:0;border-bottom:1px solid var(--border)}
  body.v22-interior .project-card-wide{grid-column:auto}
  body.v22-interior .product-large-card,.product-list a{grid-template-columns:auto 1fr}
  body.v22-interior .quote-builder{padding:20px}
}
@media(max-width:520px){
  body.v22-interior .workflow{grid-template-columns:1fr}
  body.v22-interior .inner-hero-copy h1{font-size:clamp(3rem,16vw,4.6rem)}
  body.v22-interior .project-card-wide,body.v22-interior .project-card{display:block}
}

/* V2.3 shared interior enrichment */
body.v22-interior .editorial-photo{position:relative;overflow:hidden;border:1px solid var(--border);min-height:420px;background:#111;box-shadow:0 24px 60px rgba(7,16,31,.14)}
body.v22-interior .editorial-photo img{width:100%;height:100%;object-fit:cover;display:block}
body.v22-interior .editorial-photo figcaption{position:absolute;left:14px;bottom:14px;padding:8px 10px;background:rgba(7,16,31,.48);backdrop-filter:blur(8px);color:#fff;font:700 .56rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
body.v22-interior .service-photo-stack{display:grid;gap:14px}
body.v22-interior .service-microcopy{padding:18px;border:1px solid var(--border);background:linear-gradient(150deg,rgba(255,255,255,.02),transparent)}
body.v22-interior .service-microcopy span{display:block;margin-bottom:8px;color:var(--subtle);font:700 .56rem var(--font-mono);letter-spacing:.12em}
body.v22-interior .service-microcopy p{margin:0;color:var(--muted);line-height:1.6}
body.v22-interior .example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
body.v22-interior .example-card{padding:20px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(var(--ms-blue-rgb),.05),transparent 58%)}
body.v22-interior .example-card span{display:block;margin-bottom:10px;color:var(--subtle);font:700 .56rem var(--font-mono);letter-spacing:.12em}
body.v22-interior .example-card h3{margin:0 0 8px;font-size:1.25rem;line-height:1.05;letter-spacing:-.04em}
body.v22-interior .example-card p{margin:0;color:var(--muted);line-height:1.6}
body.v22-interior .platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
body.v22-interior .platform-chip{padding:14px 16px;border:1px solid var(--border);font-weight:700;background:rgba(255,255,255,.02)}
body.v22-interior .service-grid .service-card{grid-template-columns:auto 1fr;grid-template-areas:'icon meta' 'icon title' 'icon desc';align-items:start}
body.v22-interior .service-grid .service-icon{grid-area:icon}
body.v22-interior .service-grid .service-meta{grid-area:meta;display:flex;justify-content:space-between;align-items:center}
body.v22-interior .service-grid h3{grid-area:title}
body.v22-interior .service-grid p{grid-area:desc}
body.v22-interior .services-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:28px;align-items:start}
body.v22-interior .services-overview .editorial-photo{min-height:360px}
body.v22-interior .services-overview-copy{display:grid;gap:18px}
body.v22-interior .services-overview-copy h2{font-size:clamp(2.1rem,3.5vw,3.4rem);line-height:.92;letter-spacing:-.06em;margin:0}
body.v22-interior .services-overview-copy p{margin:0;color:var(--muted);line-height:1.72}
body.v22-interior .services-overview-points{display:grid;gap:0;border-top:1px solid var(--border)}
body.v22-interior .services-overview-points div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}
body.v22-interior .services-overview-points span{font:700 .56rem var(--font-mono);letter-spacing:.12em;color:var(--subtle)}
body.v22-interior .services-overview-points b{line-height:1.45}
body.v22-interior .section-photo-slab{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}
body.v22-interior .section-photo-slab .editorial-photo{min-height:380px}
body.v22-interior .section-photo-slab-copy{display:grid;gap:16px}
body.v22-interior .section-photo-slab-copy h2{margin:0;font-size:clamp(2rem,3.8vw,3.6rem);line-height:.94;letter-spacing:-.06em}
body.v22-interior .section-photo-slab-copy p{margin:0;color:var(--muted);line-height:1.7}

@media(max-width:1000px){
 body.v22-interior .example-grid,body.v22-interior .platform-grid{grid-template-columns:repeat(2,1fr)}
 body.v22-interior .services-overview,body.v22-interior .section-photo-slab{grid-template-columns:1fr}
}
@media(max-width:700px){
 body.v22-interior .example-grid,body.v22-interior .platform-grid{grid-template-columns:1fr}
 body.v22-interior .editorial-photo{min-height:280px}
}