/* The landing page's five surfaces, used consistently through every discipline. */
#project-view[data-visual-story=true]{--story-wine:#6b190c;--story-paper:#f1eae0;--story-beige:#d6beaa;--story-cream:#e4d8cc;--story-brown:#3c2821;--story-text:#51392e;--case-accent:#99573e}
.visual-story{border-radius:29px;overflow:clip;isolation:isolate}.surface-paper{--story-fg:#681b10;--story-secondary:#705342;--story-line:#8c62522c;background:#f1eae0;color:var(--story-fg)}.surface-wine{--story-fg:#f1eae0;--story-secondary:#dfc6b6;--story-line:#e6dcd13b;background:#6b190c;color:var(--story-fg)}.surface-beige{--story-fg:#681b10;--story-secondary:#604432;--story-line:#875e4440;background:#d6beaa;color:var(--story-fg)}.surface-brown{--story-fg:#f1eae0;--story-secondary:#d6beaa;--story-line:#e6dcd134;background:#3c2821;color:var(--story-fg)}
.story-eyebrow{display:block;font-size:12px;letter-spacing:.065em;line-height:1.6;color:var(--story-secondary);text-transform:uppercase}.story-opening{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px 6%;padding:55px 4.8vw 35px;align-items:center}.story-opening h1{font:400 clamp(52px,5.8vw,92px)/.98 var(--portfolio-serif);letter-spacing:-.035em;margin:30px 0;overflow-wrap:anywhere}.story-opening-copy>p{font:400 clamp(24px,2.7vw,40px)/1.2 var(--portfolio-serif);max-width:490px}.story-entry{display:inline-flex;align-items:center;gap:35px;font-size:14px;border-bottom:1px solid var(--story-line);padding:18px 0 12px;margin-top:20px}.story-entry span{font-size:25px;transition:transform .6s}.story-entry:hover span{transform:translateY(5px)}.story-opening-art{background:#e4d8cc;padding:28px;border-radius:20px;min-width:0;color:#681b10}.story-opening-art .story-art img{max-height:560px}.story-opening-summary{grid-column:1/-1;border-top:1px solid var(--story-line);padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:6%;font-size:14px;line-height:1.7;color:var(--story-secondary)}.story-opening-summary>.story-more{margin:0;border:0}.story-opening-summary>.story-more>summary{padding-top:0}.story-opening-summary dl{font-size:14px;display:grid;gap:18px;margin:25px 0 0}.story-opening-summary dt{color:#dfc6b6;font-size:12px;margin-bottom:5px}.story-opening-summary dd{margin:0;color:#f1eae0}.story-type-art{min-height:450px;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.story-type-art>span{font-size:13px}.story-type-art strong{white-space:pre-line;font:400 65px/1.05 var(--portfolio-serif);letter-spacing:-.03em}
.story-progress{position:sticky;top:0;z-index:20;display:flex;background:#160703f5;color:#d6beaa;gap:28px;padding:18px 8px;margin-bottom:14px;overflow:auto;scrollbar-width:none;border-bottom:1px solid #e6dcd125;max-width:100%}.story-progress::-webkit-scrollbar{display:none}.story-progress a{white-space:nowrap;font-size:12px;display:flex;gap:9px;align-items:center;padding:8px 0;flex:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.story-progress a>span:first-child{font-size:11px;color:#ad856d}.story-progress a[aria-current=step]{color:#f1eae0;border-bottom-color:#d6beaa}.story-progress a>span:last-child{max-width:185px;overflow:hidden;text-overflow:ellipsis}.story-progress a:hover{color:#fff}
.story-method{padding:44px 4.8vw 42px}.story-method h2{font:400 clamp(32px,3.2vw,48px)/1.1 var(--portfolio-serif);letter-spacing:-.02em;margin:15px 0 25px;max-width:850px}.story-method .process-steps{margin-top:0}.story-method .process-steps button{font-size:16px;color:#684c39;border-bottom-color:transparent;min-height:60px}.story-method .process-steps button[aria-pressed=true]{border-bottom-color:#681b10;color:#681b10}.story-method .process-steps button>span{font-size:12px;color:#7c5b44}.story-method .process-reasoning{min-height:190px;padding-top:22px}.story-method .process-method{font-size:12px;color:#6b190c}.story-method .process-reasoning>div>span{font-size:13px;color:#70523e}.story-method .process-reasoning>div>p{font-size:23px;line-height:1.35}.story-method .reasoning-arrow{color:#6b190c}
.story-section{padding:65px 4.8vw 70px;scroll-margin-top:83px;position:relative}.story-section.with-art{display:grid;grid-template-columns:.75fr 1.25fr;gap:6%;align-items:center}.story-section.with-art:nth-child(even){grid-template-columns:1.25fr .75fr}.story-section.with-art:nth-child(even)>.story-section-copy{grid-column:2;grid-row:1}.story-section.with-art:nth-child(even)>.story-art{grid-column:1;grid-row:1}.story-section h2{font:400 clamp(38px,4vw,62px)/1.04 var(--portfolio-serif);letter-spacing:-.025em;margin:20px 0 22px;max-width:850px}.story-lead{font-size:16px;line-height:1.8;color:var(--story-secondary);max-width:580px}.story-section.with-visual>.story-section-copy{max-width:750px;margin-bottom:36px}.story-section.full-art{display:block}.story-section.full-art>.story-section-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:start;margin-bottom:35px;max-width:none}.story-section.full-art .story-eyebrow{grid-column:1/-1}.story-section.full-art h2{grid-column:1;grid-row:2/4}.story-section.full-art .story-lead{grid-column:2}.story-section.full-art .story-more{grid-column:2}.story-visual{min-width:0}.story-art{margin:0;min-width:0}.story-art .image-button{background:transparent;padding:0;border:0;overflow:visible}.story-art .image-button:after{display:none!important}#project-view .story-art img{display:block;width:100%;height:auto;max-height:800px;object-fit:contain;transform:none;rotate:none;filter:none;border-radius:0;background:transparent}.story-art figcaption{display:flex;justify-content:space-between;gap:22px;font-size:12px;line-height:1.65;margin:16px 0 0;color:var(--story-secondary,#705342)}.story-opening-art figcaption{color:#705342}.story-art figcaption>span{flex:none;color:inherit;font-size:19px}.story-art button{transition:opacity .35s}.story-art button:hover{opacity:.96}.story-more{border-top:1px solid var(--story-line);margin-top:22px;color:var(--story-secondary)}.story-more>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:16px 0;gap:24px}.story-more>summary::-webkit-details-marker{display:none}.story-more>summary span{font-size:20px;transition:transform .4s}.story-more[open]>summary span{transform:rotate(45deg)}.story-more>div{font-size:15px;line-height:1.85;padding:0 0 12px;max-width:700px}.story-more p+p{margin-top:16px}.story-more[open]>div{animation:story-detail-in .45s ease both}@keyframes story-detail-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
.story-outcome{padding:60px 4.8vw;scroll-margin-top:83px}.story-outcome h2{font:400 clamp(44px,5vw,78px)/1 var(--portfolio-serif);letter-spacing:-.03em;margin:20px 0 30px}.story-outcome>p:not(.story-credits){font:400 clamp(25px,3.1vw,42px)/1.2 var(--portfolio-serif);max-width:1040px}.story-outcome .story-more{max-width:900px}.story-outcome .story-credits{font-size:12px;line-height:1.8;color:#c4a998;max-width:950px;border-top:1px solid var(--story-line);padding-top:25px;margin-top:35px}
.visual-story .case-figure figcaption,.visual-story .plate-note>p,.visual-story .detail-observation,.visual-story .connected-flow p{color:var(--story-secondary)}.visual-story .case-figure .image-button{background:transparent}.visual-story .case-figure img{background:transparent!important;transform:none!important}.visual-story .plate-note h3,.visual-story .connected-flow h4,.visual-story .carry-forward p,.visual-story .commitment-comparison p{color:var(--story-fg)}.visual-story .detail-controls button,.visual-story .plate-controls button,.visual-story .bank-jump-controls button{font-size:14px;color:var(--story-secondary);border-bottom-color:transparent}.visual-story [aria-pressed=true]{color:var(--story-fg)}.visual-story .detail-controls button[aria-pressed=true],.visual-story .plate-controls button[aria-pressed=true],.visual-story .bank-jump-controls button[aria-pressed=true]{border-bottom-color:var(--story-fg)}.visual-story .detail-controls,.visual-story .plate-controls,.visual-story .bank-jump-controls,.visual-story .carry-forward{border-color:var(--story-line)}.visual-story .detail-observation{font-size:16px}.visual-story .plate-note>p{font-size:16px}.visual-story .connected-flow p{font-size:15px}.visual-story .connected-flow h4{font-size:17px}.visual-story .flow-node{background:var(--story-fg);border-color:var(--story-fg);color:var(--story-wine);font-size:13px}.visual-story .surface-paper .flow-node,.visual-story .surface-beige .flow-node{background:#6b190c;color:#f1eae0}.visual-story .connected-flow li:before{background:var(--story-line)}.visual-story .cycle-type,.visual-story .carry-forward>span{color:var(--story-fg)}.visual-story .plate-panel{min-height:510px}.visual-story .case-source{font-size:12px!important;color:var(--story-secondary);border-color:var(--story-line)}.visual-story .evidence-chart{border-color:#6b190c}.visual-story .proportion-value,.visual-story .comparison-columns h3{color:#6b190c}.visual-story .proportion-track span,.visual-story .comparison-bar i{background:#6b190c}.visual-story .proportion-track{background:#d6beaa}.visual-story .comparison-columns p,.visual-story .comparison-bar>div{font-size:14px;color:#705342}.visual-story .comparison-columns .chart-note,.visual-story .chart-heading{font-size:12px;color:#705342}.visual-story .format-comparison h3,.visual-story .format-mark{color:var(--story-fg)}.visual-story .format-comparison p{font-size:16px;color:var(--story-secondary)}.visual-story .format-comparison{border-color:var(--story-line)}
.story-reveal{opacity:0;transform:translateY(16px);transition:opacity .75s ease,transform .9s cubic-bezier(.22,.61,.36,1)}.story-reveal.story-visible{opacity:1;transform:none}.story-reveal .comparison-bar i,.story-reveal .proportion-track span{transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}.story-visible .comparison-bar i,.story-visible .proportion-track span{transform:scaleX(1)}.story-reveal.connected-flow li:before{transform:scaleX(0);transform-origin:left;transition:transform 1s ease}.story-visible.connected-flow li:before{transform:scaleX(1)}.visual-story button:focus-visible,.visual-story a:focus-visible,.visual-story summary:focus-visible{outline:2px solid var(--story-fg);outline-offset:5px}
/* Category introductions and project canvases use the same surface rhythm. */
.category-sheet{padding:0;background:#f1eae0}.category-editorial-heading{max-width:none;background:#6b190c;color:#f1eae0;padding:48px 4.8vw}.category-editorial-heading h1{color:#f1eae0}.category-editorial-heading>p,.category-editorial-heading .case-kicker{color:#dfc6b6}.category-editorial-tabs{padding:16px 4.8vw;margin:0;background:#e4d8cc;border:0}.portfolio-entry{padding:55px 4.8vw;border:0;gap:7%}.portfolio-entry:nth-child(3n+2){background:#d6beaa}.portfolio-entry:nth-child(3n){background:#e4d8cc}.portfolio-entry:last-child{padding-bottom:55px}.portfolio-entry-copy>p{font-size:17px}.portfolio-entry-methods{font-size:13px}.portfolio-entry .case-kicker{font-size:12px}.portfolio-read{font-size:14px}
@media(max-width:1000px){.story-opening{gap:30px 4%;padding:40px 35px 30px}.story-opening h1{font-size:58px}.story-opening-art{padding:20px}.story-type-art strong{font-size:49px}.story-section{padding:50px 35px}.story-section h2{font-size:44px}.story-method,.story-outcome{padding:40px 35px}.story-method .process-steps button{font-size:14px}.story-method .process-reasoning>div>p{font-size:22px}}
@media(max-width:700px){.visual-story{border-radius:22px}.story-progress{gap:20px;padding:9px 0;margin-bottom:12px}.story-progress a{font-size:12px}.story-progress a>span:last-child{max-width:120px}.story-opening{display:flex;flex-direction:column;align-items:stretch;padding:30px 22px;gap:30px}.story-opening h1{font-size:clamp(43px,12vw,65px);margin:22px 0}.story-opening-copy>p{font-size:29px}.story-opening-art{padding:18px;border-radius:14px}.story-opening-art .story-art img{max-height:450px!important}.story-opening-summary{display:block;font-size:14px}.story-opening-summary>.story-more{margin-top:22px}.story-opening-summary>.story-more>summary{padding-top:16px;border-top:1px solid var(--story-line)}.story-type-art{min-height:270px}.story-type-art strong{font-size:45px}.story-method,.story-outcome{padding:35px 22px}.story-method h2{font-size:33px}.story-method .process-reasoning{min-height:320px}.story-method .process-reasoning>div>p{font-size:23px}.story-method .process-steps button{min-height:53px}.story-section,.story-section.with-art,.story-section.with-art:nth-child(even){padding:40px 22px;display:flex;flex-direction:column;gap:28px;align-items:stretch}.story-section h2{font-size:38px;margin:17px 0}.story-section.with-visual>.story-section-copy{margin-bottom:0}.story-section.full-art>.story-section-copy{display:block;margin:0}.story-section>.story-art{order:2}.story-art figcaption{font-size:12px}.story-lead{font-size:16px;line-height:1.7}.story-more>div{font-size:15px}.story-outcome h2{font-size:45px}.story-outcome>p:not(.story-credits){font-size:28px}.story-outcome .story-credits{font-size:12px}.story-eyebrow{font-size:12px}.visual-story .plate-panel{min-height:0}.visual-story .plate-panel .case-figure figcaption{font-size:12px}.visual-story .detail-controls,.visual-story .plate-controls{gap:14px}.visual-story .detail-controls button,.visual-story .plate-controls button{font-size:14px}.story-reveal.connected-flow li:before{transform:scaleY(0);transform-origin:top}.story-visible.connected-flow li:before{transform:scaleY(1)}.category-editorial-heading{padding:30px 22px}.category-editorial-tabs{padding:12px 22px}.portfolio-entry,.portfolio-entry:nth-child(even){padding:35px 22px}.portfolio-entry:last-child{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.visual-story *{animation:none!important;transition:none!important}.story-reveal{opacity:1;transform:none}.story-reveal .comparison-bar i,.story-reveal .proportion-track span,.story-reveal.connected-flow li:before{transform:none}.story-progress{scroll-behavior:auto}}
/* Connected evidence follows the same visual rhythm as the landing cards. */
#project-view .story-opening-art .story-art img{max-height:560px}
.story-atlas{min-width:0}.atlas-stages{display:flex;gap:0;border-bottom:1px solid var(--story-line);margin-bottom:32px;overflow:auto;scrollbar-width:thin}.atlas-stages button{flex:1;min-width:135px;display:flex;gap:12px;align-items:center;color:var(--story-secondary);background:none;border:0;border-bottom:2px solid transparent;padding:18px 16px 18px 0;cursor:pointer;font-size:16px}.atlas-stages button>span{font-size:11px}.atlas-stages button>i{font-style:normal;margin-left:auto}.atlas-stages button[aria-pressed=true]{color:var(--story-fg);border-color:currentColor}.atlas-panel{display:grid;grid-template-columns:.62fr 1.38fr;gap:6%;align-items:start;min-height:530px}.atlas-panel[hidden]{display:none}.atlas-note{padding-top:18px}.atlas-note h3{font:400 clamp(28px,3vw,43px)/1.15 var(--portfolio-serif);letter-spacing:-.015em;margin:24px 0 20px}.atlas-note .story-eyebrow{text-transform:none;letter-spacing:0;font-size:13px;line-height:1.6}.atlas-note .story-lead{font-size:15px}.atlas-note .story-more{font-size:14px}.atlas-panel>.story-art{background:#f1eae0;padding:25px;border-radius:16px}.atlas-panel .story-art img{height:450px!important;max-height:450px!important;width:100%!important;object-fit:contain}.atlas-panel .story-art figcaption{color:#705342}
.solar-intro-art{position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e4d8cc;color:#6b190c;border-radius:15px}.solar-intro-art strong{font:400 clamp(90px,11vw,170px)/.8 var(--portfolio-serif);text-align:center;z-index:1;letter-spacing:-.07em}.solar-intro-art strong span{display:block;font:italic 24px/1.8 var(--portfolio-serif);letter-spacing:0;margin-top:12px}.orbit-ring{position:absolute;border:1px solid #6b190c30;border-radius:50%;aspect-ratio:1}.orbit-one{width:54%}.orbit-two{width:78%}.orbit-three{width:105%}.orbit-label{position:absolute;top:4%;left:4%;font-size:12px}.solar-intro-art p{position:absolute;bottom:2%;left:4%;font-size:13px;line-height:1.6}.orbit-dot{position:absolute;border-radius:50%;background:#6b190c}.orbit-dot-one{height:35px;width:35px;top:16%;left:22%}.orbit-dot-two{height:22px;width:22px;bottom:28%;right:23%;background:#3c2821}.orbit-dot-three{height:55px;width:55px;top:41%;right:-2%;background:#d6beaa;border:1px solid #6b190c40}.story-saathi-cover .saathi-cover{height:auto;min-height:460px;border-radius:15px;background:#f1eae0!important;color:#6b190c!important}.story-saathi-cover .saathi-cover-note{background:#e4d8cc;color:#6b190c}.story-saathi-cover .saathi-signature{color:#6b190c}.story-saathi-cover .saathi-cover-kicker,.story-saathi-cover .saathi-cover-foot{color:#705342}
#project-view .browser-frame{border-radius:14px;border-color:#957360;background:#e4d8cc}#project-view .browser-caption,#project-view .case-original{color:var(--story-secondary)}
@media(max-width:1000px){.atlas-panel{grid-template-columns:.8fr 1.2fr;gap:4%}.atlas-note h3{font-size:32px}.atlas-panel>.story-art{padding:16px}}
@media(max-width:700px){.atlas-stages{margin-bottom:24px}.atlas-stages button{min-width:115px;font-size:14px;padding-right:15px}.atlas-panel{display:flex;flex-direction:column;min-height:0;gap:24px}.atlas-note{padding-top:0}.atlas-note h3{font-size:30px;margin:15px 0}.atlas-panel>.story-art{order:2;width:100%;padding:12px}.atlas-panel .story-art img{height:auto!important;max-height:500px!important}.story-saathi-cover .saathi-cover{min-height:380px}.solar-intro-art strong{font-size:110px}.solar-intro-art strong span{font-size:20px}.solar-intro-art p{font-size:11px}.orbit-label{font-size:11px}.orbit-dot-one{width:22px;height:22px}}

.surface-wine .fx-visual{--fx-wine:#f1eae0;--fx-brown:#dfc6b6;--fx-beige:#dfc6b640}.surface-wine .fx-visual .fx-image{background:transparent}
.story-opening-art .ex-bank-hero{display:block}.story-opening-art .ex-bank-hero-type{display:none}.story-opening-art .ex-bank-hero-art{max-width:500px;margin:auto}.story-opening-art .ex-bank-hero>.ex-source-note{margin-top:22px}.story-opening-art .ex-bank-phone figcaption{max-width:70%}.surface-wine .ex-visual{--ex-wine:#f1eae0;--ex-brown:#dfc6b6;--ex-rule:#dfc6b640}

.story-output{display:flex;flex-direction:column;gap:9px}.story-output small{font-size:12px;color:#dfc6b6}.story-saathi-cover .saathi-signature>span{color:#705342}

.visual-story .story-source-link{font-size:14px;margin-top:24px;padding:12px 0;display:inline-flex;gap:16px;border-bottom:1px solid var(--story-line)}