/* Shared visual rhythm. Source screenshots and each product's identity remain intact. */
:root{--base-size:calc(16px + (var(--step) - 1)*2px);--ui-bg:#fbf9fd;--ui-surface:#fff;--ui-tint:#f1ebf8;--ui-ink:#30243e;--ui-muted:#5e5269;--ui-border:#d8ccdf;--ui-accent:#6340a6}
body[data-dark="true"]{--ui-bg:#191420;--ui-surface:#241d30;--ui-tint:#30263e;--ui-ink:#f7f1fc;--ui-muted:#d5c9df;--ui-border:#655170;--ui-accent:#d4b9ff}
body{line-height:1.7}h1,h2,h3{overflow-wrap:break-word}p,li,dd{overflow-wrap:break-word}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}button:disabled{cursor:default}
body[data-dark="true"] .site-header .brand-logo{filter:brightness(0) invert(1)}
.primary-nav a{font-weight:700}.button{line-height:1.5;gap:8px;min-height:48px;padding:12px 20px;white-space:normal;text-align:center}.primary-nav .button{white-space:nowrap}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ui-accent);outline-offset:4px}
body[data-readable-font="true"] :is(h1,h2,h3,p,li,dt,dd,a,button,label,summary){font-family:var(--font-readable)!important}
.about-page>.section-band,.framework-page>.section-band{max-width:1200px;padding-inline:clamp(20px,4vw,48px);padding-block:clamp(48px,6vw,80px)}
.about-page>.section-band>p:not(.eyebrow){max-width:72ch}.about-page h2,.framework-page h2{line-height:1.2;max-width:30ch}.about-page .about-hero h1,.framework-page .framework-page-hero h1{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.15;letter-spacing:-.035em;max-width:22ch}.about-story-grid{gap:clamp(24px,4vw,56px)}.about-proof-grid article{padding:28px;border-radius:14px;border-color:var(--ui-border)}.about-proof-grid h3{margin-bottom:12px}
.about-page>.section-band:nth-of-type(even){background:var(--ui-tint);border-radius:16px;border:1px solid var(--ui-border)}
.article-hub,.article-page{background:var(--ui-bg)}.article-hero,.article-post-hero{padding-top:clamp(48px,6vw,80px)}.article-hero h1,.article-post-hero h1{font-size:clamp(2.1rem,4.8vw,4rem);line-height:1.15;letter-spacing:-.035em;max-width:24ch}.article-hero p,.article-post-hero>p{line-height:1.7}.article-list{gap:24px;padding-bottom:64px}.article-card{border-radius:16px;border-color:var(--ui-border);box-shadow:0 8px 24px #30243e0d}.article-card a{padding:24px;gap:16px;font-weight:400}.article-card h2{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.3}.article-card p{line-height:1.75}.article-body{background:var(--ui-surface)}.article-body p,.article-body li{line-height:1.8}.article-body h2{line-height:1.25;margin-top:2.5rem;margin-bottom:1rem}.article-body a{text-underline-offset:4px}
.case-page{font-size:1rem}.case-page :is(h1,h2,h3){line-height:1.2}.case-page h1{letter-spacing:-.035em}.case-page .case-section p{line-height:1.8}.case-page :is(.case-hero-skills,.case-project-summary,.prototype-caption){line-height:1.7}.case-coord,.eyebrow{line-height:1.6}.case-page .case-band-dark{max-width:100%;box-sizing:border-box}.case-page--nebula .case-band-dark :is(p,li){color:#e6def5}.case-page--nebula .case-evidence-stat-primary{color:#fff8ef!important}
body.neto-review-preview .case-brief .eyebrow{color:#155f66}body.neto-review-preview .neto-ux-bridge .neto-ux-signal{color:#3b6653}
body[data-dark="true"] .case-page:not(.case-page--nebula){--ink:var(--ui-ink);--ink-soft:var(--ui-muted);--line:var(--ui-border);background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body[data-dark="true"] .case-page:not(.case-page--nebula) :is(section,header,aside,blockquote,details,dl,table){background-color:var(--ui-surface)!important;background-image:none!important;border-color:var(--ui-border)!important}
body[data-dark="true"] .case-page:not(.case-page--nebula) :is(h1,h2,h3,p,li,dt,dd,figcaption,caption,th,td,summary){color:var(--ui-ink)!important}
body[data-dark="true"] .case-page:not(.case-page--nebula) :is(.proof-strip li,.neto-ux-bridge article,.neto-ux-methods article,.neto-finding-grid article,.neto-priority-list li,.case-evaluation,.case-brief,.case-evidence-note,.case-artifact-card,.case-findings-grid article,.case-role-grid article,.case-decision-grid article,.case-impact-card,.case-evidence-card,.case-phase-card,.case-mini-card,.case-stat){background:var(--ui-tint)!important;border-color:var(--ui-border)!important}
body[data-dark="true"] .case-page:not(.case-page--nebula) :is(pre,code){background:var(--ui-tint)!important;color:var(--ui-ink)!important}
body[data-dark="true"] .case-page:not(.case-page--nebula) a:not(.button){color:var(--ui-accent)!important}
body.dakia-case[data-dark="true"]{--cream:var(--ui-bg);--paper:var(--ui-surface);--ink:var(--ui-ink);--ink-soft:var(--ui-muted);--line:var(--ui-border);background:var(--ui-bg);color:var(--ui-ink)}
body.dakia-case[data-dark="true"] :is(.dakia-section,.dakia-hero,.dakia-facts,.dakia-container,.retrospective){background:transparent;color:var(--ui-ink)}
body.dakia-case[data-dark="true"] main :is(h1,h2,h3,h4,p,li,dt,dd,figcaption,label,summary){color:var(--ui-ink)!important}
body.dakia-case[data-dark="true"] :is(.dakia-result-summary,.dakia-contributions article,.dakia-permission-review,.case-evidence-note,.dakia-evidence-notes,.retro-prototype,.retro-grid,.retro-progress,.retro-status,.retro-output,.retro-review,.retro-experiment-disclosure){background:var(--ui-tint)!important;border-color:var(--ui-border)!important}
body.dakia-case[data-dark="true"] main a:not(.button){color:var(--ui-accent)!important}body.dakia-case[data-dark="true"] :is(input,textarea){background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-border)}body.dakia-case[data-dark="true"] .dakia-result-summary dd{color:var(--ui-accent)!important}
/* The hero scene stays behind the copy on wide screens. */
.portfolio-home .hero-inner{position:relative;isolation:isolate;display:block;min-height:620px;padding:calc(var(--header-height) + 64px) clamp(24px,5vw,64px) 64px}
.portfolio-home .hero-copy{position:relative;z-index:2;max-width:610px}.portfolio-home .hero-copy h1{font-size:clamp(2.2rem,4.3vw,4rem);line-height:1.16}.portfolio-home .hero-title-script{white-space:normal}.portfolio-home .hero-art--launch{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;z-index:0;opacity:.9;mask-image:none}.portfolio-home .hero-launch-image{object-fit:cover;object-position:75% center;transform:scaleX(-1)}
.portfolio-home .hero-inner::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0b1026f5 0%,#101329ed 35%,#15183680 65%,#15183600 100%)}
.portfolio-home .hero-tagline{max-width:56ch;line-height:1.8}.portfolio-home .hero-actions{gap:16px}.portfolio-home .toolbox-card{box-shadow:0 8px 22px #170b2110}.portfolio-home .editorial-practice{border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line)}
@media(max-width:800px){.about-page>.section-band,.framework-page>.section-band{padding-block:40px}.article-list{gap:20px}.case-page .case-hero{padding-inline:20px}.case-page .case-section{padding-inline:24px}.article-card a{padding:22px}.about-page>.section-band:nth-of-type(even){border-radius:0}.portfolio-home .hero-copy{max-width:560px}.portfolio-home .hero-inner{min-height:0;padding:calc(var(--header-height) + 40px) 24px 40px}}
@media(max-width:600px){.portfolio-home .hero-inner{padding:calc(var(--header-height) + 28px) 20px 28px}.portfolio-home .hero-copy h1{font-size:clamp(2rem,8vw,2.5rem)}.portfolio-home .hero-art--launch{position:relative;inset:auto;width:100%;height:210px;max-height:240px;aspect-ratio:auto;opacity:1;margin-top:24px;z-index:1;overflow:hidden;border-radius:16px}.portfolio-home .hero-inner::after{background:linear-gradient(180deg,#0b1026ee,#151836db)}.portfolio-home .hero-launch-image{object-position:65% 55%;object-fit:cover}.portfolio-home .hero-actions{display:flex;flex-wrap:wrap}.portfolio-home .hero-actions .button{flex:1 1 150px}.article-post-hero img{aspect-ratio:16/10}.article-card h2{font-size:1.35rem}.case-page :is(h1,h2){overflow-wrap:anywhere}.site-footer{gap:24px}.site-footer nav{gap:16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.article-card,.toolbox-card,.project-card{transition:none!important;transform:none!important}}
.case-page--nebula .case-band-dark{width:100%;max-width:100%;margin-inline:0}
body[data-dark="true"] .case-page:not(.case-page--nebula) :is(article,.neto-story-nav,.story-boundary,.story-contract,.agent-build-status,.story-learning,.neto-note,.case-ownership-line,.case-boundary,.case-decision-card,.case-testing-synthesis,.pets-note){background:var(--ui-tint)!important;border-color:var(--ui-border)!important}body[data-dark="true"] .case-page:not(.case-page--nebula) .proof-strip :is(strong,span){color:var(--ui-ink)!important}body.dakia-case[data-dark="true"] main{background:var(--ui-bg)!important}body.dakia-case[data-dark="true"] :is(.case-return-nav,.dakia-outcome,.retro-grid form,.retro-preview,.retro-prototype>header,.retro-disclaimer,.retro-article){background:var(--ui-tint)!important;border-color:var(--ui-border)!important}body[data-dark="true"] .case-return-nav{background:var(--ui-surface)!important}body[data-dark="true"] .case-return-link{color:var(--ui-accent)!important}.case-page--nebula .case-system-panel p{color:#e6def5!important}@media(max-width:600px){.portfolio-home .hero-art--launch{z-index:2}}
body[data-dark="true"] .case-page:not(.case-page--nebula) .case-priority-list li{background:var(--ui-tint)!important;border-color:var(--ui-border)!important}body[data-dark="true"] .case-page:not(.case-page--nebula) :is(span,strong){color:var(--ui-ink)!important}body.dakia-case[data-dark="true"] main :is(span,strong){color:var(--ui-ink)!important}body.dakia-case[data-dark="true"] .button-ghost{color:var(--ui-accent)!important;border-color:var(--ui-border)}.case-page--nebula .case-timeline-number{background:#bda1e6;color:#21152f!important}
body[data-dark="true"] .case-page:not(.case-page--nebula) .case-hero-badge{background:var(--ui-tint)!important;border-color:var(--ui-border)!important}.case-hero-badge{font-size:.75rem!important}
body.dakia-case .site-header .primary-nav:not([data-open="true"]) a,body:has(.case-page--nebula) .site-header .primary-nav:not([data-open="true"]) a{color:#fff8ef}body.dakia-case .site-header .primary-nav:not([data-open="true"]) .button-ghost,body:has(.case-page--nebula) .site-header .primary-nav:not([data-open="true"]) .button-ghost{color:#fff8ef!important;background:#ffffff14;border-color:#ffffff66}body.dakia-case .site-header .brand-logo,body:has(.case-page--nebula) .site-header .brand-logo{filter:brightness(0) invert(1)}
.portfolio-home .hero :focus-visible,.case-page--nebula :focus-visible,body.dakia-case .site-header :focus-visible{outline-color:#ffde87}.portfolio-home .blog-card-link:focus-visible{outline-color:#563879}