/* 4SI Perspective: adapted from the supplied September 2026 thought piece.
   Styling only. The confidential document, its text and artwork are not published. */
:root{
 --body:"Helvetica Neue",Helvetica,Arial,"Inter",sans-serif;
 --display:var(--body);--serif:var(--body);--mono:var(--body);
 --ink:#0a0a0a;--text:#171717;--muted:#535353;--accent:#116d70;
 --white:#fff;--mist:#f6f7f7;--tint:#e5edf7;
 --perspective-teal:#dcefed;--perspective-blue:#e5edf7;--perspective-yellow:#fff1bd;
 --gutter:3rem;--container:85rem;--header:4.5rem;
 --section:7.5rem;--module:4rem;--grid-gap:2rem;
 --type-body:1.125rem;--lead-body:1.6;--type-small:1rem;--type-meta:.875rem;
}
body.site-system.clarity{background:#fff;color:var(--ink);letter-spacing:0}
body.site-system.clarity main :is(h1,h2,h3,h4,h5,h6){font-family:var(--body)!important;font-weight:400!important;letter-spacing:-.035em!important}
body.site-system.clarity main :is(h1,h2,h3,h4) em{font:inherit!important;color:inherit!important}
body.site-system.clarity main :is(p,li,dd){letter-spacing:0}
body.site-system.clarity main p{line-height:1.6;max-width:62ch}
body.site-system.clarity .masthead{padding-inline:var(--page-inset);background:#fff;box-shadow:none;border-bottom:0}
body.site-system.clarity .audience{background:var(--mist);box-shadow:none}
body.site-system.clarity .audience a[aria-current=page]{background:var(--ink);color:#fff;box-shadow:none}
body.site-system.clarity .frontier-opening{max-width:var(--container);padding:5rem var(--gutter) 3rem;text-align:left;margin-inline:auto}
body.site-system.clarity .frontier-opening h1{font-size:clamp(3rem,6.4vw,5.5rem)!important;line-height:1.06!important;max-width:18ch}
body.site-system.clarity .frontier-description{font-size:1.375rem;line-height:1.5;max-width:49ch;margin-inline:0}
body.site-system.clarity.homepage main .section-heading h2,
body.site-system.clarity.homepage main .vision-heading h2,
body.site-system.clarity.homepage main .intelligence-title h2{font-size:clamp(2.25rem,4.2vw,3.5rem)!important;line-height:1.1!important;max-width:23ch;text-align:left}
body.site-system.clarity.homepage .section-heading h2 br{display:none}
body.site-system.clarity.homepage main .section-heading{max-width:48rem;text-align:left;margin-inline:0}
body.site-system.clarity.homepage .section-heading>p:last-child:not(.eyebrow){font-size:1.25rem;line-height:1.55;margin-inline:0;max-width:47ch}
body.site-system.clarity.homepage :is(.object-study,.day-section,.lookbook-new,.finish-section,.beyond-section,.architecture-section,.status-section,.evaluation-new){background:#fff;color:var(--ink)}
body.site-system.clarity .desire-copy{width:calc(100% - var(--page-inset)*2);margin-inline:var(--page-inset)}
body.site-system.clarity .desire-caption{border:0}
body.site-system.clarity .desire-portrait>img{object-fit:contain;transform:none;animation:none}
/* The real object leads into a painted world. Copy stays on paper, never on the art. */
body.site-system.clarity .art-opening{background:#fff;color:var(--ink);padding:0 0 1rem}
body.site-system.clarity .art-opening-copy{padding-block:4.5rem 3.5rem;text-align:left}
body.site-system.clarity main .art-opening h1{font-size:clamp(3.25rem,6.4vw,5.5rem)!important;line-height:1.04!important;max-width:15ch;margin:0;color:var(--ink)}
body.site-system.clarity .art-opening-description{font-size:1.375rem;line-height:1.5;margin:1.5rem 0 0;color:var(--text)}
body.site-system.clarity .art-opening-actions{margin-top:1.75rem}
body.site-system.clarity .art-opening .action{background:var(--ink);color:#fff}
body.site-system.clarity .art-opening-figure{padding:0;margin-block:0;overflow:visible}
body.site-system.clarity .art-opening-figure>img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;background:#fff;transform:none;animation:none;border-radius:0}
body.site-system.clarity .art-opening-figure>figcaption{font-size:.875rem;line-height:1.5;color:var(--muted);padding-top:1rem;max-width:74ch}
@media(max-width:760px){
 body.site-system.clarity .art-opening-copy{padding-block:3rem 2.5rem}
 body.site-system.clarity main .art-opening h1{font-size:clamp(3rem,10vw,4.5rem)!important}
 body.site-system.clarity .art-opening-description{font-size:1.125rem;margin-top:1.25rem}
 body.site-system.clarity .art-opening-actions{margin-top:1.5rem}
}
body.site-system.clarity .closing-new{background:var(--perspective-teal);color:var(--ink)}
body.site-system.clarity .closing-new .wrap{text-align:left}
body.site-system.clarity .closing-new h2{font-size:clamp(2.5rem,5vw,4.5rem)!important;line-height:1.1!important;margin:1.5rem 0 2.5rem;max-width:18ch}
body.site-system.clarity .closing-new h2 br{display:none}
body.site-system.clarity .closing-new>.wrap>div{justify-content:flex-start;align-items:center}
body.site-system.clarity .closing-new :is(.eyebrow,p){color:var(--ink)}
body.site-system.clarity .closing-new .action,
body.site-system.clarity .finish-selection>.action{background:var(--ink);color:#fff}
body.site-system.clarity :is(.text-link,.quiet-action):focus-visible{outline:2px solid currentColor;outline-offset:5px}
body.site-system.clarity .action:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
body.site-system.clarity .desire-opening .action:focus-visible{outline-color:#fff}
body.site-system.clarity .footer{max-width:var(--container);padding-inline:var(--gutter);background:#fff}
body.site-system.clarity .footer-top>p{font-weight:400;font-size:2rem;letter-spacing:-.025em}
body.site-system.clarity .footer-links{border-top:0}
/* Consumer follows the same calm editorial rhythm as the institutional pages. */
body.site-system.clarity.consumer-desire :is(.object-study,.day-section,.lookbook-new,.finish-section,.beyond-section){padding-block:var(--section)}
body.site-system.clarity.consumer-desire :is(.object-layout,.day-layout,.finish-layout){gap:var(--module);align-items:center}
body.site-system.clarity.consumer-desire .object-visual figure{aspect-ratio:1.1;border-radius:0}
body.site-system.clarity.consumer-desire .object-visual:hover img{transform:none}
/* Text-only personal benefit: broad, centered, with the existing reading controls. */
body.site-system.clarity.consumer-desire #personal-key.object-study-text .object-layout{display:block}
body.site-system.clarity.consumer-desire #personal-key .object-copy{max-width:60rem;margin-inline:auto;text-align:center}
body.site-system.clarity.consumer-desire #personal-key .section-heading{max-width:none;margin-inline:auto;text-align:center}
body.site-system.clarity.consumer-desire #personal-key .section-heading h2{max-width:none;text-align:center}
body.site-system.clarity.consumer-desire #personal-key .section-heading>p:last-child:not(.eyebrow){max-width:52rem;margin-inline:auto;font-size:clamp(1.25rem,2vw,1.5rem);text-wrap:balance}
body.site-system.clarity.consumer-desire #personal-key .object-details{max-width:48rem;margin-inline:auto;text-align:left}
body.site-system.clarity.consumer-desire #personal-key .object-details>summary{justify-content:center;gap:1rem}
body.site-system.clarity.consumer-desire #personal-key .principle-stack details p{max-width:none}
body.site-system.clarity.consumer-desire .object-label{justify-content:flex-start}
body.site-system.clarity.consumer-desire .day-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
body.site-system.clarity.consumer-desire .day-list{gap:.5rem}
body.site-system.clarity.consumer-desire .day-list button{background:transparent;border:0;border-radius:0;padding:1rem 1.25rem;min-height:3.5rem;color:var(--ink)}
body.site-system.clarity.consumer-desire .day-list button[aria-pressed=true]{background:var(--perspective-teal);color:var(--ink)}
body.site-system.clarity.consumer-desire .day-list strong{font-size:1.25rem;font-weight:400;letter-spacing:0}
body.site-system.clarity.consumer-desire .day-list b{display:none}
body.site-system.clarity.consumer-desire .day-stage figure{border-radius:0;aspect-ratio:1.5}
body.site-system.clarity.consumer-desire .day-stage>p{margin-top:1.25rem}
body.site-system.clarity.consumer-desire .vision-section{background:#fff;color:var(--ink);padding-block:var(--section)}
body.site-system.clarity.consumer-desire .vision-heading h2{max-width:23ch}
body.site-system.clarity.consumer-desire .vision-heading h2 br{display:none}
body.site-system.clarity.consumer-desire .vision-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--module);margin-top:3rem}
body.site-system.clarity.consumer-desire .vision-number{gap:1.5rem}
body.site-system.clarity.consumer-desire .vision-number>:is(span,strong){font-size:clamp(5rem,10vw,9rem);font-weight:400;line-height:1;letter-spacing:-.055em;color:var(--ink)}
body.site-system.clarity.consumer-desire .vision-number>strong{color:var(--accent)}
body.site-system.clarity.consumer-desire .vision-number>i{font-size:1.125rem;color:var(--muted)}
body.site-system.clarity.consumer-desire .vision-outcome{max-width:none;min-height:13rem;padding:2rem;background:var(--perspective-blue);border-radius:0;color:var(--ink)}
body.site-system.clarity.consumer-desire main .vision-outcome h3{font-size:1.75rem!important;color:var(--ink);margin:0 0 1.25rem}
body.site-system.clarity.consumer-desire .vision-outcome p{font-size:1.125rem;line-height:1.6;color:var(--ink)}
body.site-system.clarity.consumer-desire :is(.vision-explore,.vision-explore>p,.vision-explore .text-link,.rotation-toggle,.vision-foot>p){color:var(--muted)}
body.site-system.clarity.consumer-desire .vision-options button{border-radius:0;background:var(--mist);color:var(--ink);font-size:1rem}
body.site-system.clarity.consumer-desire .vision-options button[aria-pressed=true]{background:var(--ink);color:#fff}
body.site-system.clarity.consumer-desire .vision-foot{margin-top:2.5rem}
body.site-system.clarity.consumer-desire .vision-section :focus-visible,
body.site-system.clarity.consumer-desire .closing-new :focus-visible{outline-color:var(--ink)}
body.site-system.clarity.consumer-desire .lookbook-top{display:flex;align-items:flex-end;gap:2rem;margin-bottom:2.5rem}
body.site-system.clarity.consumer-desire .gallery-controls{margin-top:0}
body.site-system.clarity.consumer-desire .gallery-track{gap:1.5rem}
body.site-system.clarity.consumer-desire .editorial-image:nth-child(n){flex:0 0 clamp(17rem,29vw,25rem);max-width:none;margin:0;aspect-ratio:auto}
body.site-system.clarity.consumer-desire .editorial-image:nth-child(n) img{height:auto;max-height:none;aspect-ratio:4/5;object-fit:cover;border-radius:0}
body.site-system.clarity.consumer-desire .finish-image,
body.site-system.clarity.consumer-desire .scale-disclosure>img{border-radius:0}
body.site-system.clarity.consumer-desire .swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
body.site-system.clarity.consumer-desire .family-grid{gap:3rem}
body.site-system.clarity.consumer-desire .family-grid a:nth-child(n){padding:0;background:transparent;border:0;border-radius:0;min-height:0}
body.site-system.clarity.consumer-desire .family-grid h3{font-size:1.75rem!important;margin:0 0 1rem}
body.site-system.clarity.consumer-desire .family-grid b{position:static;display:block;margin-top:1.5rem}
/* Reference colours have specific jobs: workflow, product, or status. */
body.site-system.clarity .contract-switch{justify-content:flex-start}
body.site-system.clarity .contract-section>.qualification{text-align:left;margin-inline:0}
body.site-system.clarity .contract-diagram article{border-radius:0;background:var(--perspective-blue)}
body.site-system.clarity .contract-diagram .physical-check{background:var(--perspective-teal)}
body.site-system.clarity .contract-diagram article:last-child{background:var(--perspective-yellow)}
body.site-system.clarity .contract-diagram :is(article p,article>span),
body.site-system.clarity .contract-diagram .physical-check :is(p,span){color:var(--ink)}
body.site-system.clarity :is(.contract-details,.evidence-questions){border:0;border-radius:0;padding:1.5rem 0;background:transparent}
body.site-system.clarity .anchor-products>a{border-radius:0;background:transparent}
body.site-system.clarity .anchor-products a>div{padding:1.5rem 0 0}
body.site-system.clarity .application-list{gap:2.5rem 4rem}
body.site-system.clarity .application-list>a{padding:0;background:transparent;border-radius:0}
body.site-system.clarity .application-list b{top:0;right:0}
body.site-system.clarity .status-register article{padding:1.5rem 2rem;margin-bottom:1rem;background:var(--perspective-blue)}
body.site-system.clarity .status-register article:first-child{background:var(--perspective-teal)}
body.site-system.clarity .status-register article:last-child{padding:1.5rem 2rem;background:var(--perspective-yellow)}
body.site-system.clarity .status-register article:nth-child(n) .status-label{color:var(--ink)}
body.site-system.clarity .evaluation-track article>span{background:transparent;border-radius:0;color:var(--accent);justify-content:flex-start}
body.site-system.clarity .research-index>a:nth-child(n){background:transparent;padding:1.5rem 0;border:0;border-radius:0}
body.site-system.clarity .direction-links a:nth-child(n){background:var(--perspective-blue);border-radius:0;padding:2rem}
body.site-system.clarity .direction-links a:last-child{background:var(--perspective-teal)}
/* All detail routes use the paper's readable hierarchy; keep their individual layouts. */
body.site-system.clarity.reading-page main h1{font-size:clamp(2.75rem,4.5vw,4.5rem)!important;line-height:1.1!important;letter-spacing:-.035em!important;text-align:left}
body.site-system.clarity.reading-page main :is(.section-heading,.section-head,.cp-section-head,.cc-section-head){text-align:left}
body.site-system.clarity.reading-page main :is(.subpage-hero__media,.cp-hero-media,.cc-hero-media,.page-feature-media,.cp-editorial-image,.cc-life-card,.publication-cover){border-radius:0;box-shadow:none}
body.site-system.clarity.reading-page main :is(.subpage-hero__copy,.cp-hero-copy,.cc-hero-copy,.legal-hero,.paper-cover__copy){text-align:left}
body.site-system.clarity.reading-page main :is(.cp-moment,.cp-principle,.principle-card,.boundary-card,.signal-card,.application-tile,.brand-card,.publication-record-card,.research-card,.resource-card){border-radius:0;box-shadow:none}
body.site-system.clarity.reading-page main :is(.cp-moment,.principle-card,.boundary-card){background:var(--perspective-blue);color:var(--ink)}
body.site-system.clarity.reading-page main :is(.legal-callout,.legal-contact-box,.workflow-boundary,.reservation-summary){background:var(--perspective-teal);color:var(--ink);border-radius:0;box-shadow:none}
body.site-system.clarity.reading-page main .legal-copy :is(p,li,dd){font-size:1.125rem;line-height:1.65}
body.site-system.clarity.reading-page main .legal-copy :is(h2,h3){font-weight:500!important;letter-spacing:-.015em!important}
body.site-system.clarity.reading-page main :is(.editorial-detail,.editorial-toc)>summary{font-weight:400;letter-spacing:0}
body.site-system.clarity.reading-page main :is(.chapter-copy,.paper-body,.paper-content,.legal-copy) p{max-width:62ch}
@media(min-width:761px) and (max-width:1100px){
 body.site-system.clarity.consumer-desire :is(.object-layout,.finish-layout){gap:2.5rem}
 body.site-system.clarity.consumer-desire .vision-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}
 body.site-system.clarity.consumer-desire .vision-number{gap:1rem}
}
@media(max-width:760px){
 :root{--gutter:1.125rem;--header:4.5rem;--section:5rem;--module:2.5rem;--grid-gap:1.5rem}
 body.site-system.clarity .masthead{gap:.5rem}
 body.site-system.clarity .wordmark img{width:4.25rem;height:2rem}
 body.site-system.clarity .audience a{padding:.625rem .75rem;font-size:.875rem}
 body.site-system.clarity .frontier-opening{padding-block:3rem 2rem}
 body.site-system.clarity .frontier-opening h1{font-size:clamp(2.75rem,8.5vw,4rem)!important}
 body.site-system.clarity .frontier-description{font-size:1.125rem}
 body.site-system.clarity.homepage .section-heading>p:last-child:not(.eyebrow){font-size:1.125rem}
 body.site-system.clarity .closing-new>.wrap>div{align-items:flex-start}
 body.site-system.clarity.consumer-desire :is(.object-layout,.day-layout,.finish-layout,.vision-layout){grid-template-columns:minmax(0,1fr);gap:2.5rem}
 body.site-system.clarity.consumer-desire .day-list{display:flex;overflow-x:auto;padding:.25rem;gap:.5rem}
 body.site-system.clarity.consumer-desire .day-list button{padding:.75rem 1rem;min-height:3rem;flex:0 0 auto}
 body.site-system.clarity.consumer-desire .day-list strong{font-size:1rem}
 body.site-system.clarity.consumer-desire .vision-number>:is(span,strong){font-size:clamp(4.75rem,20vw,7rem)}
 body.site-system.clarity.consumer-desire .vision-outcome{padding:1.5rem;min-height:13rem}
 body.site-system.clarity.consumer-desire .lookbook-top{display:block}
 body.site-system.clarity.consumer-desire .gallery-controls{margin-top:1.5rem}
 body.site-system.clarity.consumer-desire .editorial-image:nth-child(n){flex-basis:78vw;max-width:25rem}
 body.site-system.clarity.consumer-desire .family-grid{gap:2.5rem}
 body.site-system.clarity :is(.status-register article,.status-register article:last-child,.direction-links a:nth-child(n)){padding:1.5rem}
 body.site-system.clarity.reading-page main h1{font-size:clamp(2.5rem,8vw,3.5rem)!important}
}
@media(max-width:360px){
 body.site-system.clarity .masthead .wordmark img{width:3.25rem;height:2rem}
 body.site-system.clarity .audience a{padding-inline:.375rem;font-size:.875rem}
}
/* Upright at rest; the right lip extends before the ball rolls up and across. */
body.site-system.clarity a .potential-link-mark{display:inline-block;width:2.1rem;height:1.5rem;max-width:none;flex:0 0 auto;vertical-align:middle;overflow:visible;color:inherit;transform:none}
body.site-system.clarity a :is(span,b,i):has(>.potential-link-mark){transform:none}
body.site-system.clarity a :is(.potential-link-dot,.potential-link-track){transform:none;transition:none}
body.site-system.clarity.consumer-desire .family-grid a:nth-child(n){display:flex;flex-direction:column;align-items:flex-start}
body.site-system.clarity.consumer-desire .family-grid a:nth-child(n)>b{margin-top:auto;padding-top:1.5rem}
body.site-system.clarity.consumer-desire .family-grid .potential-link-mark{width:2.625rem;height:1.875rem}
@media print{body.site-system.clarity{color:#000;background:#fff}body.site-system.clarity :is(.vision-outcome,.status-register article,.contract-diagram article,.closing-new){background:#fff;color:#000;border:1px solid #ddd}body.site-system.clarity main{font-family:var(--body)}}
@media(prefers-reduced-motion:reduce){body.site-system.clarity *,body.site-system.clarity *:before,body.site-system.clarity *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}