/* Clear case studies: quiet editorial surfaces around each project's own artwork. */
html body.clear-case{--case-reading-heading:clamp(30px,3.1vw,44px);--case-reading-copy:17px;--case-paper:#ffffff;--case-tint:#f4f4f2;--case-ink:#292e2a;--case-muted:#596359;--case-line:#dce1d9;--route-paper:#fafbf9;--route-tint:#f4f4f2;--route-ink:#292e2a;--route-muted:#596359;--route-accent:#626e5e;--bronze-text:#626e5e;background:var(--case-paper);color:var(--case-ink)}
html body.clear-case .page-main{overflow:clip}
html body.clear-case .page-main :is(.kicker,.section-kicker){font-size:11px;line-height:1.5;letter-spacing:.09em;color:var(--case-muted);margin-bottom:18px}
html body.clear-case .page-main :is(.kicker,.section-kicker):before{display:none}
html body.clear-case .page-main :is(h2,h3):not(.case-artwork :is(h2,h3)){color:var(--case-ink)!important;text-shadow:none;line-height:1.15;letter-spacing:-.04em;font-weight:400}
html body.clear-case .page-main h2:not(.case-artwork h2){font-size:var(--case-reading-heading)}
html body.clear-case .page-main h3:not(.case-artwork h3){font-size:clamp(22px,2vw,28px)}
html body.clear-case .page-main p:not(.case-artwork p):not(.case-source-note){color:var(--case-muted)!important;line-height:1.7;text-shadow:none}
html body.clear-case .page-main :is(.hero-intro,.story-block>p,[class$="__copy"]>p,.cf-copy>p,.wn-copy>p){font-size:17px}
html body.clear-case .page-main :is(.story-block,.brief-point,.audience-card,.logic-card) strong{font-weight:500;color:var(--case-ink)}
html body.clear-case .page-main .craft-icon{display:none}
/* Title, readable project record and a generous image share one compact opening. */
html body.clear-case .page-main .case-banner{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(36px,5vw,76px);min-height:0;height:auto;padding-top:142px;padding-bottom:68px;align-items:center}
html body.clear-case .case-banner:after{display:none}
html body.clear-case .case-banner>.hero-copy{width:100%;max-width:none;padding:0}
html body.clear-case .case-banner .display{font-size:clamp(42px,4.4vw,66px);line-height:1.07;max-width:12ch;margin:0 0 24px;text-shadow:none;color:var(--case-ink)}
html body.clear-case .case-banner .display :is(.word,.char){color:inherit}
html body.clear-case .case-banner .hero-intro{font-size:18px;line-height:1.65;max-width:42ch;margin:0 0 28px}
html body.clear-case .case-banner>.case-banner__media{grid-column:2;grid-row:1;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none;aspect-ratio:4/3!important;border-radius:22px!important;overflow:hidden;background:#edf0e9!important;box-shadow:none;border:0;margin:0}
html body.clear-case .case-banner>.case-banner__media:before,html body.clear-case .case-banner>.case-banner__media:after{display:none!important}
html body.clear-case .case-banner>.case-banner__media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;transform:none;opacity:1}
html body.clear-case .case-banner .case-project-record{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;border:0;font-size:14px;line-height:1.55;letter-spacing:0;text-transform:none;color:var(--case-ink)}
html body.clear-case .case-banner .case-project-record>span{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;margin:0;padding:13px 0;background:none;border:0;border-top:1px solid var(--case-line);box-shadow:none;color:var(--case-ink);font:inherit;text-transform:none;letter-spacing:0}
html body.clear-case .case-banner .case-project-record>span:before,html body.clear-case .case-banner .case-project-record>span:after{display:none}
html body.clear-case .case-banner .case-project-record b{color:var(--case-muted);font-size:12px;letter-spacing:0;font-weight:400;text-transform:none}
html body.clear-case .case-banner .case-back-link{left:var(--gutter);bottom:4px;width:132px;height:40px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;color:var(--case-muted);transform:none;font-size:12px;text-transform:none;letter-spacing:0}
html body.clear-case .case-banner .case-back-link:before{display:none}
html body.clear-case .case-banner .case-back-link__arrow{width:28px;min-width:28px;height:40px;font-size:18px;color:var(--case-ink)}
html body.clear-case .case-banner .case-back-link b{opacity:1;transform:none;padding:0 0 0 7px}
/* Reading rhythm is shared; project imagery and interaction stages retain their colours. */
html body.clear-case .page-main>section:not(.contact-panel){padding-block:clamp(56px,6vw,88px);background:transparent;color:var(--case-ink);--ink:#292e2a;--muted:#596359}
html body.clear-case .page-main>section:nth-of-type(even):not(.wrap):not(.contact-panel){background:var(--case-tint)}
html body.clear-case .page-main>figure{margin-block:32px 48px;border:0;border-radius:18px;overflow:hidden}
html body.clear-case .page-main :is(.section-head,.case-showcase-head,.ds-section-head,.ec-section-head,.th-section-head,.cf-section-head,.wn-section-head,.ss-section-head,.diagnox-section-head,.kindai-section-head){max-width:none;gap:32px clamp(32px,5vw,76px);margin-bottom:36px;align-items:start}
html body.clear-case .page-main :is(.case-showcase-head,.ds-section-head,.ec-section-head,.th-section-head,.cf-section-head,.wn-section-head,.ss-section-head){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
html body.clear-case .page-main :is(.case-showcase-head,.ds-section-head,.ec-section-head,.th-section-head,.cf-section-head,.wn-section-head,.ss-section-head)>p{padding-top:34px;font-size:16px;margin:0;max-width:58ch}
html body.clear-case .page-main :is(.ec-intro,.cf-brief,.wn-brief,.th-brief,.ds-intro,.ss-brief,.diagnox-intro,.kindai-intro){gap:36px clamp(36px,6vw,88px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
html body.clear-case .page-main :is(.ec-intro__copy,.ds-intro__copy,.th-copy,.cf-copy,.wn-copy){padding-top:34px}
html body.clear-case .page-main :is(.story-grid){grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:clamp(32px,7vw,100px)}
html body.clear-case .page-main :is(.story-block){margin-bottom:40px}
html body.clear-case .page-main :is(.story-block h2){margin-bottom:20px}
html body.clear-case .page-main :is(.story-aside,.ec-facts,.ds-facts,.th-record,.cf-record,.wn-record,.ss-facts,.diagnox-facts,.kindai-facts){font-size:14px;color:var(--case-ink);border-color:var(--case-line)}
html body.clear-case .page-main :is(dt,dd):not(.case-artwork :is(dt,dd)){color:var(--case-muted);line-height:1.6;letter-spacing:0;text-transform:none;font-size:14px}
html body.clear-case .page-main dd:not(.case-artwork dd){color:var(--case-ink)}
html body.clear-case .page-main figcaption{background:var(--case-paper)!important;color:var(--case-muted)!important;padding:14px 0;font-size:12px;line-height:1.6;letter-spacing:0;text-transform:none;border:0}
html body.clear-case .page-main :is(.case-shot,.case-figure,.ec-proof,.ec-assets,.ec-system__visual,.cf-evidence,.ds-wide-proof,.ds-source-board,.kindai-evidence-card){border:0;box-shadow:none;background:transparent;border-radius:14px;overflow:hidden}
html body.clear-case .case-showcase-grid{gap:24px;align-items:start}
html body.clear-case .case-shot img{object-fit:contain;height:auto;max-height:none;width:100%;filter:none}
html body.clear-case .case-source{border:0;font-size:12px;color:var(--case-muted);letter-spacing:0;text-transform:none}
html body.clear-case .case-source a{color:var(--case-ink)}
/* Quiet evidence panels replace the old dark, high-density chrome. */
html body.clear-case .page-main :is(.ec-result-band__metric,.ec-key-decision,.ec-journey__rail li,.ec-change-grid article,.ec-page-grid article,.cf-service-map,.cf-service-map article,.wn-logic article,.th-decision-rail li,.th-photo-notes article,.th-answer-grid article,.diagnox-principle article,.diagnox-motion article,.kindai-rationale-card,.kindai-system-card,.ds-motion-card,.ds-closeout,.audience-card,.logic-card,.brief-point,.architecture-step,.result-grid article,.ss-outcome article){background:var(--case-tint);color:var(--case-ink);border-color:var(--case-line);box-shadow:none;border-radius:16px}
html body.clear-case .page-main :is(.ec-journey__rail,.ec-change-grid,.ec-page-grid,.cf-service-map,.wn-logic,.th-decision-rail,.th-photo-notes,.th-answer-grid){gap:16px;border:0}
html body.clear-case .page-main :is(.ec-journey__rail li,.ec-change-grid article,.ec-page-grid article,.cf-service-map article,.wn-logic article,.th-decision-rail li,.th-photo-notes article,.th-answer-grid article){padding:26px;min-height:0;border:0}
html body.clear-case .page-main :is(.ec-journey__rail b,.ec-change-grid h3,.ec-page-grid h3,.cf-service-map h3,.wn-logic h3,.th-decision-rail h3,.th-photo-notes h3,.th-answer-grid h3){margin-top:24px}
html body.clear-case .page-main :is(.ec-journey__rail,.ec-change-grid,.ec-page-grid,.cf-service-map,.wn-logic,.th-decision-rail,.th-photo-notes) :is(span,small){color:var(--case-muted);font-size:12px;letter-spacing:0;text-transform:none}
html body.clear-case .page-main :is(.ec-result-band__metric span,.ec-result-band__metric strong,.ec-outcome__signals b,.ec-system__copy li b,.ec-page-grid article>a,.cf-record dt,.wn-record dt,.th-record dt){color:var(--case-ink)}
html body.clear-case .ec-result-band__grid{gap:40px;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}
html body.clear-case .ec-result-band__metric{padding:36px;border:0}
html body.clear-case .ec-result-band__metric strong{font-size:clamp(66px,7vw,104px);font-weight:400;letter-spacing:-.06em}
html body.clear-case .ec-video,html body.clear-case .th-video{border-radius:16px;overflow:hidden}
html body.clear-case .ec-resource-grid{gap:24px}
html body.clear-case .ec-resource-grid article{border:0;padding:0;background:none}
html body.clear-case .ec-resource-card{box-shadow:none;border-radius:16px}
html body.clear-case .cf-service-map:before,html body.clear-case .cf-service-map i,html body.clear-case .ec-journey__rail li:after{display:none}
html body.clear-case .page-main :is(.th-concept:before,.th-concept:after){display:none}
html body.clear-case .page-main :is(.th-decision-rail,.th-photo-grid,.th-system-foundations,.th-client-process__grid,.th-store-evidence__frame,.th-store-evidence__legend,.ds-compare,.ds-compare footer,.diagnox-motion__grid,.diagnox-cms-map,.kindai-concept__notes,.kindai-system__grid){background:var(--case-tint);color:var(--case-ink);border-color:var(--case-line);box-shadow:none}
html body.clear-case .page-main :is(.ds-compare footer strong,.ds-compare footer span,.th-store-evidence__legend span,.th-store-evidence__legend b,.diagnox-cms-map span,.kindai-foundation__copy li,.kindai-mobile-proof__copy li){color:var(--case-muted)}
html body.clear-case .page-main .th-photo-grid{border-radius:18px;overflow:hidden}
html body.clear-case .page-main .th-photo-grid figure{background:transparent}
html body.clear-case .page-main :is(.cf-resolution,.wn-resolution,.th-resolution,.ec-outcome,.ds-closeout){border-color:var(--case-line)}
html body.clear-case .page-main :is(.cf-resolution,.wn-resolution,.th-resolution) li{color:var(--case-muted);border-color:var(--case-line)}
/* Readable next-project navigation without a second theatrical banner. */
html body.clear-case .page-main .next-project-portal{background:var(--case-tint)!important;color:var(--case-ink);border:0;border-radius:22px;min-height:260px;padding:48px;margin-block:32px 64px}
html body.clear-case .next-project-portal :is(h2,.section-kicker){color:var(--case-ink)!important}
html body.clear-case .next-project-portal__media,html body.clear-case .next-project-portal__hint{display:none}
html body.clear-case .next-project-portal__content>p:not(:last-child){display:none}
html body.clear-case .next-project-portal.is-previewing h2{filter:none;transform:none}
html body.clear-case .next-project-portal :is(.partner-link){color:var(--case-muted);font-size:13px}
html body.clear-case .next-project-portal .cta{background:var(--case-ink)!important;color:white!important}
html body.clear-case .page-main a:not(.case-artwork a):focus-visible{outline:2px solid #738368;outline-offset:5px}
@media(max-width:1180px){
 html body.clear-case .page-main .case-banner{gap:32px;padding-top:160px}
 html body.clear-case .case-banner .display{font-size:clamp(40px,5vw,58px)}
 html body.clear-case .case-banner .hero-intro{font-size:17px}
 html body.clear-case .page-main :is(.cf-service-map,.ec-journey__rail,.th-decision-rail){grid-template-columns:1fr}
 html body.clear-case .page-main :is(.cf-service-map article,.ec-journey__rail li,.th-decision-rail li){display:block;min-height:0}
}
@media(max-width:900px){
 html body.clear-case .page-main .case-banner{grid-template-columns:1fr;padding-top:120px;padding-bottom:62px;gap:32px}
 html body.clear-case .case-banner>.case-banner__media{grid-column:1;grid-row:2;aspect-ratio:4/3!important;max-height:580px}
 html body.clear-case .case-banner .hero-intro{max-width:60ch}
 html body.clear-case .case-banner .display{max-width:none}
 html body.clear-case .page-main :is(.story-grid,.ec-intro,.cf-brief,.wn-brief,.th-brief,.ds-intro,.ss-brief,.diagnox-intro,.kindai-intro,.ec-result-band__grid,.case-showcase-head,.ds-section-head,.ec-section-head,.th-section-head,.cf-section-head,.wn-section-head,.ss-section-head){grid-template-columns:1fr;gap:24px}
 html body.clear-case .page-main :is(.case-showcase-head,.ds-section-head,.ec-section-head,.th-section-head,.cf-section-head,.wn-section-head,.ss-section-head)>p,html body.clear-case .page-main :is(.ec-intro__copy,.ds-intro__copy,.th-copy,.cf-copy,.wn-copy){padding-top:0}
 html body.clear-case .story-aside{position:static}
 html body.clear-case .case-showcase-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 html body.clear-case{--case-reading-heading:32px;--case-reading-copy:16px}
 html body.clear-case .page-main .case-banner{padding-top:104px;gap:28px}
 html body.clear-case .case-banner .display{font-size:42px;margin-bottom:20px}
 html body.clear-case .case-banner .hero-intro{font-size:17px}
 html body.clear-case .case-banner .case-project-record{font-size:13px}
 html body.clear-case .case-banner .case-project-record>span{grid-template-columns:66px 1fr;gap:12px;padding-block:12px}
 html body.clear-case .page-main :is(.kicker,.section-kicker){font-size:10px;margin-bottom:14px}
 html body.clear-case .page-main>section:not(.contact-panel){padding-block:48px}
 html body.clear-case .page-main>figure{margin-block:24px}
 html body.clear-case .page-main :is(.ec-change-grid,.ec-resource-grid,.ec-page-grid,.wn-logic,.th-photo-notes,.th-answer-grid){grid-template-columns:1fr}
 html body.clear-case .page-main .next-project-portal{padding:32px 22px;min-height:240px}
 html body.clear-case .page-main :is(.ec-intro,.cf-brief,.wn-brief,.th-brief,.ds-intro,.ss-brief,.diagnox-intro,.kindai-intro){gap:24px}
}

/* Source-page notes use the portfolio palette, not the embedded project's dark UI. */
html body.clear-case .page-main :is(.ds-page-notes article,.diagnox-outcome,.diagnox-outcome__reasons,.diagnox-outcome__reasons article){background:var(--case-tint);border-color:var(--case-line);color:var(--case-ink)}
html body.clear-case .page-main :is(.ds-page-notes span,.diagnox-outcome__metric strong,.diagnox-outcome__metric b,.diagnox-outcome__metric small,.diagnox-outcome__metric>span,.diagnox-outcome__reasons span,.diagnox-outcome__reasons b){color:var(--case-ink);text-shadow:none}
html body.clear-case .diagnox-outcome__metric{border-color:var(--case-line)}

html body.clear-case .th-sketch-grid{grid-template-columns:1fr}
html body.clear-case .th-sketch-grid__geometry{max-width:960px;width:100%;margin-inline:auto}
html body.clear-case .figma-stage{border:0;box-shadow:none;transform:none!important;border-radius:18px}
html body.clear-case .figma-workspace{grid-template-columns:1fr;min-height:0}
html body.clear-case .figma-toolbar,html body.clear-case .figma-canvas:after{display:none}
html body.clear-case .figma-canvas{background:#f4f4f2;padding:32px}
html body.clear-case :is(.figma-board-head,.figma-board-head span,.figma-frame:before){color:#596359}
html body.clear-case .figma-board-head>span{display:none}
html body.clear-case .figma-flow{gap:32px 18px}
@media(max-width:600px){html body.clear-case .figma-canvas{padding:20px}html body.clear-case .figma-flow{grid-template-columns:1fr}html body.clear-case .figma-guide{grid-column:1}html body.clear-case .figma-guide-grid{grid-template-columns:1fr}}
html body.clear-case .diagnox-outcome__story h3{max-width:26ch;font-size:32px!important}
html body.clear-case .diagnox-outcome__reasons p{font-size:14px!important}
html body.clear-case .page-main :is(.case-source span,.kindai-foundation__copy strong,.client-signal__meta small,.page-map span,.process-flow span,.audience-card:before){color:var(--case-muted)}
html body.clear-case .page-main :is(.diagnox-cms-source,.diagnox-cms-modules,.diagnox-cms-modules>div,.diagnox-cms-result){background:var(--case-tint);border-color:var(--case-line);color:var(--case-ink)}
html body.clear-case .page-main :is(.diagnox-cms-source,.diagnox-cms-modules,.diagnox-cms-result) :is(span,strong,small,i){color:var(--case-ink)}
html body.clear-case .diagnox-cms-line{background:var(--case-line)}
html body.clear-case .case-banner>.case-banner__media{background:transparent!important}
html body.clear-case .next-project-portal__content>p:last-child{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 30px;margin-top:30px;border:0}
html body.clear-case .next-project-portal .partner-link{border:0;text-decoration:none;padding:0;transition:color .3s ease}
html body.clear-case .next-project-portal .partner-link:hover{color:var(--case-ink)}

/* Thrive: let source artwork determine its height, with captions in normal flow. */
html body.clear-case :is(.th-opening,.th-sketch-grid figure,.th-digital figure,.th-photo-grid figure,.th-project-evidence__grid figure){height:auto;min-height:0;max-height:none;align-self:start;background:transparent;border:0;border-radius:16px;overflow:hidden}
html body.clear-case :is(.th-opening,.th-sketch-grid,.th-system-grid,.th-digital,.th-photo-grid,.th-project-evidence__grid) img,
html body.clear-case .th-store-evidence__frame>img{display:block;position:static;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
html body.clear-case :is(.th-opening,.th-sketch-grid,.th-digital,.th-photo-grid,.th-project-evidence__grid) figcaption{position:static;flex:none;padding:14px 16px;margin:0}
html body.clear-case .th-store-evidence__frame{height:auto;min-height:0;border:0;border-radius:16px;box-shadow:none;grid-template-rows:auto auto}
html body.clear-case .th-store-evidence__bar{display:none}
html body.clear-case .th-photo-grid{align-items:start;background:transparent;border:0;gap:24px}
html body.clear-case .th-photo-notes article{min-height:0;padding:24px}
html body.clear-case .th-photo-notes h3{margin-top:24px}
html body.clear-case :is(.th-process-rail,.th-process-rail li,.th-spectrum,.th-spectrum article){background:var(--case-tint);color:var(--case-ink);border-color:var(--case-line);backdrop-filter:none}
html body.clear-case .th-spectrum :is(h3,p){color:var(--case-ink)!important}
html body.clear-case .th-spectrum article{min-height:0;padding:32px}
html body.clear-case .th-spectrum h3{margin-top:36px}
html body.clear-case .th-spectrum article>span{color:var(--case-muted)}
html body.clear-case .th-client-process__copy a{color:var(--case-ink)}
@media(max-width:900px){html body.clear-case .th-store-evidence__legend{grid-template-columns:1fr}html body.clear-case .th-store-evidence__legend span{border:0;border-bottom:1px solid var(--case-line)}}