:root{--gold:#d4a24a;--cyan:#00c6d8;--clay:#c8542a;--line:#08090c33}.disciplines-page{background:var(--bone)}.perspectives-opening{padding:140px var(--gutter) 90px;overflow:hidden}.overview-kicker{display:flex;justify-content:space-between;gap:30px}.perspectives-opening h1{font-size:6.8vw;line-height:1.02;font-weight:650;margin:40px 0 52px;letter-spacing:-.055em}.perspectives-opening h1>span{display:block}.perspectives-opening h1>em{display:block;font-size:1.93em;line-height:.86;font-weight:420;margin:10px 0 24px 15vw;letter-spacing:-.045em;will-change:transform}.perspectives-opening h1>span:last-child{font-size:.62em;margin-left:31vw;letter-spacing:-.045em}.opening-lower{display:grid;grid-template-columns:1fr 1.5fr;gap:9vw;align-items:end}.overview-intro>p{font-size:19px;line-height:1.5;max-width:430px}.overview-intro>.quiet-link{margin-top:25px;min-width:235px}.perspective-windows{display:flex;gap:15px;align-items:start;min-height:275px}.perspective-window{min-width:0;flex:1;transition:flex .65s var(--ease),transform .65s var(--ease);--signal:var(--gold)}.window-brand-digital{--signal:var(--cyan);margin-top:37px}.window-automotive-retail{--signal:var(--clay);margin-top:10px}.perspective-window>div{height:205px;position:relative;overflow:hidden;background:var(--ink)}.perspective-window img{height:100%;transition:transform .8s var(--ease);object-position:50% 50%}.perspective-window:hover,.perspective-window:focus-visible{flex:1.7;transform:translateY(-10px)}.perspective-window:hover img{transform:scale(1.06)}.window-index{position:absolute;top:12px;left:12px;font:12px Mono;color:var(--bone);background:var(--ink);padding:4px 7px}.window-arrow{position:absolute;right:0;bottom:0;background:var(--signal);color:var(--ink);font-size:24px;padding:3px 12px}.window-name{display:block;font-size:14px;line-height:1.2;min-height:45px;padding-top:14px}.perspective-window>i{display:block;width:100%;height:3px;background:var(--signal);margin-top:8px}.window-brand-digital img{object-fit:cover}
@media(max-width:900px){.perspectives-opening{padding-top:130px}.opening-lower{gap:5vw;grid-template-columns:1fr 1.3fr}.overview-intro>p{font-size:17px}.perspective-window>div{height:180px}.window-name{font-size:13px}.perspective-windows{gap:10px}.perspectives-opening h1{font-size:7.3vw}}
@media(max-width:650px){.perspectives-opening{padding:120px 22px 60px}.overview-kicker>span+span{max-width:125px;text-align:right;font-size:12px}.perspectives-opening h1{font-size:12.2vw;margin:40px 0 35px;line-height:1.05}.perspectives-opening h1>em{font-size:1.31em;margin:10px 0 20px;transform:none!important;letter-spacing:-.06em}.perspectives-opening h1>span:last-child{font-size:.8em;margin:0;max-width:310px}.opening-lower{display:flex;flex-direction:column;gap:35px;align-items:stretch}.overview-intro>p{font-size:17px}.overview-intro>.quiet-link{margin-top:18px}.perspective-windows{gap:10px;min-height:235px}.perspective-window>div{height:153px}.perspective-window:hover,.perspective-window:focus-visible{flex:1;transform:none}.window-name{font-size:12px;line-height:1.25;min-height:48px}.window-index{font-size:12px;top:7px;left:7px;padding:1px 4px}.window-arrow{font-size:18px;padding:2px 8px}.window-brand-digital{margin-top:22px}}
/* Three disciplines, expressed through the same architectural frame. */
.discipline-chapter{--signal:var(--gold);--chapter-ground:var(--navy);background:var(--chapter-ground);color:var(--bone);height:calc(max(100svh,820px) + 38svh);scroll-margin-top:0}.discipline-stage{height:100svh;min-height:820px;position:sticky;top:0;overflow:hidden;isolation:isolate}.chapter-image{position:absolute;inset:0;clip-path:inset(14% 4% 28% 35%);z-index:-2;will-change:clip-path}.chapter-image>img{height:100%;object-position:50% 50%;transform:scale(1.035);will-change:transform}.chapter-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0e1733b3,transparent 70%),linear-gradient(0deg,#0e1733f2,transparent 50%)}.chapter-top{position:absolute;top:55px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:start;gap:30px}.chapter-count{font:24px Mono;color:var(--signal)}.chapter-count>span{font-size:12px;color:var(--bone)}.chapter-top>.eyebrow{margin-left:auto;padding-top:5px;margin-right:0}.chapter-title{position:absolute;top:25%;left:var(--gutter);right:var(--gutter);font-size:9.2vw;line-height:.97;font-weight:650;letter-spacing:-.06em;pointer-events:none;z-index:2}.chapter-title>a>span{display:block;will-change:transform}.chapter-title>a>span+span{padding-left:14vw}.chapter-title em{color:var(--signal);font-size:1.14em;font-weight:420}.chapter-caption{position:absolute;right:var(--gutter);bottom:24%;text-align:right;display:flex;flex-direction:column;gap:6px;font-size:12px}.chapter-caption>a{font:12px/1.5 Mono;min-height:32px}.chapter-caption>a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .25s}.chapter-caption>a:is(:hover,:focus-visible){text-decoration-color:currentColor}.chapter-caption>span{font-size:14px}.chapter-bottom{position:absolute;bottom:60px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end;gap:5vw;padding-top:25px;border-top:1px solid #efe8da55}.chapter-bottom>p{max-width:490px;font-size:19px;line-height:1.5}.chapter-bottom>.quiet-link{font-size:16px;min-width:0;width:fit-content;color:var(--bone)}.chapter-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#efe8da22}.chapter-progress>i{display:block;width:0;height:100%;background:var(--signal)}.theme-brand{--signal:var(--cyan);--chapter-ground:var(--ink)}.theme-brand .chapter-image{clip-path:inset(16% 4% 31% 36%)}.theme-brand .chapter-shade{background:linear-gradient(90deg,#08090ca6,transparent 70%),linear-gradient(0deg,#08090cf2,transparent 60%)}.theme-brand .chapter-title{top:18%}.theme-brand .chapter-title>a>span+span{padding-left:22vw;font-size:1.23em}.theme-brand .chapter-caption{bottom:25%}.identity-fragment{position:absolute;left:var(--gutter);bottom:25%;width:15vw;max-width:225px;transform:rotate(-5deg);transform-origin:50% 80%;will-change:transform;background:var(--bone);padding:9px;box-shadow:0 12px 25px #0003;z-index:3}.identity-fragment>img{aspect-ratio:1;object-fit:cover}.identity-fragment>span{display:block;color:var(--ink);font:12px/1.4 Mono;padding:9px 2px 2px}.identity-fragment:is(:hover,:focus-visible)>span{text-decoration:underline;text-underline-offset:4px}.theme-automotive{--signal:var(--clay);--chapter-ground:var(--bone);color:var(--ink)}.theme-automotive .chapter-title{font-size:9.2vw}.theme-automotive .chapter-title>a>span+span{padding-left:29vw}.theme-automotive .chapter-shade{background:linear-gradient(90deg,#efe8da99,transparent 75%),linear-gradient(0deg,#efe8da,transparent 55%)}.theme-automotive .chapter-count>span{color:var(--ink)}.theme-automotive .chapter-bottom{bottom:112px;border-color:#08090c55}.theme-automotive .chapter-bottom>.quiet-link{color:var(--ink)}.theme-automotive .chapter-caption{bottom:31%}.program-credit{position:absolute;bottom:37px;left:var(--gutter);right:var(--gutter);max-width:750px;font-size:13px;line-height:1.4}.theme-automotive .chapter-progress{background:#08090c22}
/* A documented relationship, with two views that remain available. */
.conversation-section{padding:115px var(--gutter) 120px;background:var(--paper);overflow:hidden}.conversation-opening{display:grid;grid-template-columns:1.5fr 1fr;gap:45px 8vw;align-items:end}.conversation-opening>.eyebrow{grid-column:1/-1}.conversation-opening>h2{font-size:6.7vw;line-height:.98;font-weight:600}.conversation-opening>h2>span,.conversation-opening>h2>em{display:block}.conversation-opening>h2>span{will-change:transform}.conversation-opening>h2>em{color:var(--ember);font-size:1.16em}.conversation-opening>p{max-width:440px;font-size:18px;line-height:1.55}.connection-example{margin-top:75px}.connection-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:27px;border-top:1px solid var(--line);padding-top:24px}.connection-choices{display:flex;gap:30px}.connection-choices button{font-size:14px;min-height:44px;position:relative;border-bottom:2px solid transparent}.connection-choices [aria-pressed=true]{border-bottom-color:var(--ember)}.connection-images{display:grid;grid-template-columns:1.35fr 45px 1fr;gap:20px;align-items:center;transition:grid-template-columns .8s var(--ease)}.connection-images>figure{min-width:0}.connection-images img{width:100%;height:410px;object-fit:cover;transition:height .8s var(--ease)}.connection-interaction img{height:275px}.connection-plus{font-size:48px;text-align:center;color:var(--ember);font-weight:250}.connection-images figcaption{font-size:26px;line-height:1.15;letter-spacing:-.035em;margin-top:20px}.connection-images figcaption>a{display:block;font-size:14px;letter-spacing:0;margin-top:15px;line-height:1.4}.connection-images figcaption>a span{margin-left:15px}.connection-example[data-connection=interaction] .connection-images{grid-template-columns:1fr 45px 1.35fr}.connection-example[data-connection=interaction] .connection-interaction img{height:410px}.connection-example[data-connection=interaction] .connection-space img{height:275px}.connection-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:10vw;align-items:start;margin:75px 0 0}.connection-bottom>h3{font-size:3.5vw;font-weight:550;line-height:1.1}.connection-bottom>h3>em{color:var(--ember)}.connection-bottom>p{font-size:18px;line-height:1.5;max-width:430px}
/* Reveal: a quiet theatre for an active decision. */
.reveal-section{background:var(--ink);color:var(--bone);padding:95px 0 55px;overflow:clip;scroll-margin-top:0}.reveal-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:8vw;padding:0 var(--gutter);margin-bottom:65px}.reveal-heading h2{font-size:8.1vw;font-weight:600;line-height:.96;margin-top:28px}.reveal-heading h2 em{color:var(--ember);font-size:1.2em}.reveal-heading>p{font-size:18px;line-height:1.55;max-width:445px;padding-bottom:5px}.screen-wrap{width:92%;margin:0 auto;position:relative;padding-bottom:22px;isolation:isolate}.screen-meta{display:flex;justify-content:space-between;align-items:center;padding:0 10px;margin-bottom:18px}.reveal-wordmark{font-size:27px;font-weight:550;letter-spacing:-.045em}.expand-reveal{display:flex;align-items:center;gap:25px;min-height:44px;font-size:15px}.expand-reveal>span{font-size:26px}.expand-reveal:hover{color:var(--ember)}.clip-defs{position:absolute;pointer-events:none}.screen-shape{position:relative;width:100%;aspect-ratio:2.15;clip-path:url(#reveal-curve);overflow:hidden;background:#d8cbb8}.reveal-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s var(--ease)}.reveal-scene.is-active{opacity:1}.screen-edge{position:absolute;inset:0;pointer-events:none;box-shadow:inset 10px 0 20px #08090c33,inset -10px 0 20px #08090c33}.screen-floor-shadow{position:absolute;left:20%;right:20%;bottom:20px;height:60px;background:#000;border-radius:50%;filter:blur(30px);z-index:-1}.screen-caption{display:flex;justify-content:space-between;gap:25px;font:12px/1.5 Mono;margin-top:20px;padding:0 10px}.screen-caption>span+span{color:#efe8dabb;text-align:right}.reveal-controls{display:grid;grid-template-columns:1.1fr 1.1fr .9fr;gap:40px;background:var(--bone);color:var(--ink);padding:30px;margin:20px var(--gutter) 0}.reveal-controls>div{border-right:1px solid var(--line);padding-right:35px}.reveal-controls>div:last-child{border:0;padding-right:0}.control-label{display:block;font:12px/1.5 Mono;margin-bottom:24px}.viewpoint-map{height:113px;position:relative}.viewpoint-map>svg{width:100%;height:95px;position:absolute;inset:0;color:#08090c77}.viewpoint-map>button{position:absolute;top:4px;left:0;width:30%;font-size:14px;line-height:1.25;display:flex;flex-direction:column;align-items:center;gap:30px;min-height:92px}.viewpoint-map>button:nth-of-type(2){left:35%;top:32px;gap:17px}.viewpoint-map>button:nth-of-type(3){left:70%}.view-dot{display:block;width:12px;height:12px;background:var(--ink);border-radius:50%;outline:1px solid transparent;outline-offset:6px}.viewpoint-map [aria-pressed=true] .view-dot{background:var(--ember);outline-color:var(--ember)}.finish-options{display:flex;justify-content:space-between;gap:23px}.finish-options>button{display:flex;flex:1;min-width:0;flex-direction:column;align-items:start;gap:14px;font-size:14px;text-align:left;line-height:1.25;min-height:88px}.finish-swatch{display:block;width:100%;height:46px;outline:1px solid transparent;outline-offset:4px;border:1px solid #08090c44}.finish-options [aria-pressed=true] .finish-swatch{outline-color:var(--ink)}.light-oak{background:repeating-linear-gradient(88deg,#b6a081 0,#c3ae8b 2px,#b79c76 4px,#c9b79c 6px)}.dark-oak{background:repeating-linear-gradient(88deg,#453225 0,#5f4833 2px,#3e2c20 4px,#503c2b 6px)}.painted{background:#e2dbcc}.compare-options{display:flex;border:1px solid var(--line)}.compare-options button{flex:1;font-size:14px;padding:12px 8px;min-height:48px}.compare-options [aria-pressed=true]{color:var(--bone);background:var(--ink)}.reset-choices{font-size:14px;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:10px;min-height:44px}.reset-choices>span{font-size:23px}.reveal-error{margin:20px var(--gutter);padding:15px 20px;border:1px solid var(--ember);font-size:16px}.reveal-error[hidden]{display:none}.reveal-ending{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:0 var(--gutter);margin-top:50px}.reveal-ending>p{font-size:3.4vw;line-height:1.1;letter-spacing:-.04em}.reveal-ending em{color:var(--ember);font-size:1.22em}.reveal-ending>a{font-size:16px;min-height:44px;border-bottom:1px solid;padding:10px 0}.reveal-ending>a span{margin-left:35px}.reveal-dot-arc{position:absolute;top:48%;left:10%;right:10%;display:flex;justify-content:space-between;pointer-events:none;opacity:0}.reveal-dot-arc i{width:7px;height:7px;border-radius:50%;background:var(--bone)}.reveal-dot-arc i:nth-child(2),.reveal-dot-arc i:nth-child(6){translate:0 25px}.reveal-dot-arc i:nth-child(3),.reveal-dot-arc i:nth-child(5){translate:0 45px}.reveal-dot-arc i:nth-child(4){translate:0 52px;background:var(--ember)}.reveal-ready .reveal-dot-arc{animation:arc-arrive 1.3s var(--ease) both}.reveal-ready .screen-shape{animation:screen-arrive 1.2s var(--ease) both}@keyframes arc-arrive{0%{opacity:1;transform:scaleX(.12) translateY(80px)}55%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.08) translateY(-80px)}}@keyframes screen-arrive{from{transform:scale(.93)}to{transform:scale(1)}}.reveal-expanded{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0;padding:0;background:var(--ink);color:var(--bone);overflow-y:auto}.reveal-expanded>header{position:sticky;top:0;background:var(--ink);z-index:10;padding:18px var(--gutter);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #efe8da33}.reveal-expanded>header>span{font-size:24px}.reveal-expanded>header .mono{font:12px Mono;margin-left:25px}.reveal-expanded>header button{min-height:44px;font-size:16px}.reveal-expanded .screen-wrap{padding-top:15px;max-width:1250px}.reveal-expanded .screen-meta{display:none}.reveal-expanded .screen-shape{max-height:calc(100svh - 375px);min-height:240px}.reveal-expanded .reveal-controls{margin-top:10px;max-width:1250px;margin-left:auto;margin-right:auto;width:92%}
/* Return to paper for the invitation, and a small glint of mischief. */
.disciplines-page .curiosity-footer{background:var(--ink);color:var(--bone);--line:#efe8da33;min-height:0}.disciplines-page .contact-invitation>p{max-width:390px;font-size:18px}.disciplines-page .footer-line{border-color:#efe8da33}.disciplines-page .einstein-peek{border-color:var(--bone)}.disciplines-page .einstein-peek>img{filter:none}.disciplines-page .discovery-caption{color:var(--bone)}.disciplines-page .curiosity-instruction{color:#efe8daaa}
@media(max-width:1000px){.chapter-title{font-size:10vw}.chapter-bottom>p{font-size:18px;max-width:390px}.chapter-bottom>.quiet-link{font-size:14px}.chapter-caption>span{max-width:280px;align-self:end}.identity-fragment{width:19vw}.conversation-opening{gap:30px 5vw}.conversation-opening>p{font-size:17px}.connection-images img{height:350px}.connection-interaction img{height:240px}.connection-example[data-connection=interaction] .connection-interaction img{height:350px}.connection-example[data-connection=interaction] .connection-space img{height:240px}.connection-bottom{gap:6vw}.connection-bottom>p{font-size:17px}.reveal-heading{gap:5vw}.reveal-heading>p{font-size:17px}.reveal-controls{grid-template-columns:1fr 1fr;gap:25px}.reveal-controls>div:nth-child(2){border:0;padding-right:0}.reveal-controls>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:.7fr 1.2fr .7fr;align-items:center;gap:25px}.compare-controls>.control-label,.compare-controls>.reset-choices{margin:0}.reveal-expanded .screen-shape{max-height:50svh}}
@media(max-width:650px){.discipline-chapter{height:auto}.discipline-stage{height:auto;min-height:0;position:relative;display:flex;flex-direction:column;padding:35px 22px 40px}.chapter-top{position:relative;inset:auto;order:0}.chapter-count{font-size:22px}.chapter-top>.eyebrow{margin:5px auto 0 0;padding:0;font-size:12px}.chapter-title,.theme-brand .chapter-title,.theme-automotive .chapter-title{position:relative;inset:auto;order:1;font-size:12.8vw;line-height:1.06;margin:45px 0 25px;letter-spacing:-.06em}.chapter-title>a>span{transform:none!important}.chapter-title>a>span+span{padding-left:8vw}.theme-brand .chapter-title>a>span+span{padding-left:22vw;font-size:1.3em}.theme-automotive .chapter-title>a>span+span{padding-left:27vw}.chapter-image{position:relative;inset:auto;z-index:0;order:2;margin:0 -22px;clip-path:none!important}.chapter-image>img{height:auto;aspect-ratio:1.25;transform:none!important}.chapter-shade{display:none}.theme-brand .chapter-image>img{aspect-ratio:1.2;object-position:59%}.chapter-caption,.theme-brand .chapter-caption,.theme-automotive .chapter-caption{position:relative;inset:auto;order:4;text-align:left;gap:5px;margin-top:20px}.chapter-caption>span{max-width:none;align-self:start;font-size:14px}.chapter-caption>a{font-size:12px}.chapter-bottom,.theme-automotive .chapter-bottom{position:relative;inset:auto;order:5;display:block;margin-top:27px;padding-top:24px}.chapter-bottom>p{font-size:18px;max-width:none}.chapter-bottom>.quiet-link{margin-top:20px;width:fit-content;max-width:100%;font-size:14px}.identity-fragment{position:relative;inset:auto;order:3;width:42%;max-width:180px;margin:-85px 0 0 auto;transform:rotate(5deg)!important}.program-credit{position:relative;inset:auto;order:6;margin-top:25px;font-size:13px}.chapter-progress{display:none}.conversation-section{padding:60px 22px 65px}.conversation-opening{display:block}.conversation-opening>.eyebrow{display:block;max-width:260px}.conversation-opening>h2{font-size:12vw;line-height:1.04;margin:35px 0 28px}.conversation-opening>h2>span{transform:none!important}.conversation-opening>p{font-size:17px}.connection-example{margin-top:40px}.connection-top{display:block;padding-top:20px;margin-bottom:25px}.connection-top>.eyebrow{font-size:12px}.connection-choices{margin-top:16px;gap:24px}.connection-choices button{font-size:13px}.connection-images,.connection-example[data-connection=interaction] .connection-images{display:flex;flex-direction:column;gap:23px}.connection-images>figure{width:100%;transition:opacity .5s}.connection-images img,.connection-example[data-connection=interaction] .connection-interaction img,.connection-example[data-connection=interaction] .connection-space img{height:auto;aspect-ratio:1.55}.connection-images>.connection-interaction{width:86%;align-self:end}.connection-plus{align-self:center;font-size:40px;line-height:1}.connection-images figcaption{font-size:24px;margin-top:15px}.connection-images figcaption>a{margin-top:10px}.connection-example[data-connection=interaction] .connection-space{opacity:.6}.connection-example[data-connection=space] .connection-interaction{opacity:.7}.connection-bottom{display:block;margin-top:45px}.connection-bottom>h3{font-size:9vw}.connection-bottom>p{margin-top:24px;font-size:17px}.reveal-section{padding:60px 0 45px}.reveal-heading{display:block;padding:0 22px;margin-bottom:35px}.reveal-heading h2{font-size:18vw;margin:25px 0 30px}.reveal-heading>p{font-size:17px}.screen-wrap{width:100%;padding-bottom:12px}.screen-meta{padding:0 22px;margin-bottom:10px}.reveal-wordmark{font-size:24px}.expand-reveal{font-size:14px;gap:15px}.screen-shape{aspect-ratio:1.8}.screen-caption{display:block;margin-top:12px;padding:0 22px;font-size:12px}.screen-caption>span+span{display:block;text-align:left;font-size:11px;margin-top:6px}.reveal-playground .screen-wrap{position:sticky;top:0;z-index:3;background:var(--ink);padding-top:12px}.reveal-controls{display:block;padding:25px 20px;margin:16px 22px 0}.reveal-controls>div,.reveal-controls>div:nth-child(2),.reveal-controls>div:last-child{display:block;border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px;margin:0 0 23px}.reveal-controls>div:last-child{border:0;padding:0;margin:0}.control-label{margin-bottom:20px;font-size:12px}.compare-controls>.control-label{margin-bottom:18px}.compare-controls>.reset-choices{margin-top:10px}.viewpoint-map{height:106px}.viewpoint-map>button{font-size:13px}.finish-options{gap:22px}.finish-options>button{font-size:14px;gap:12px;min-height:77px}.finish-swatch{height:37px}.reveal-ending{display:block;margin-top:35px;padding:0 22px}.reveal-ending>p{font-size:32px;line-height:1.15}.reveal-ending>a{display:inline-flex;align-items:center;margin-top:25px}.reveal-expanded>header{padding:12px 22px}.reveal-expanded>header .mono{display:none}.reveal-expanded .screen-wrap{top:69px;padding-top:0;width:100%}.reveal-expanded .screen-shape{max-height:none;min-height:0;aspect-ratio:1.8}.reveal-expanded .reveal-controls{width:calc(100% - 44px)}.disciplines-page .contact-invitation>p{font-size:17px}.disciplines-page .contact-composition{margin-top:60px}}
body.motion-paused .discipline-chapter{height:auto}body.motion-paused .discipline-stage{position:relative}body.motion-paused .chapter-image{clip-path:inset(14% 4% 28% 35%)!important}body.motion-paused .chapter-image>img,body.motion-paused .chapter-title>a>span,body.motion-paused [data-opening-word],body.motion-paused [data-conversation-word]{transform:none!important}body.motion-paused .identity-fragment{transform:rotate(-5deg)!important}body.motion-paused .chapter-progress{display:none}
@media(max-width:650px){body.motion-paused .chapter-image{clip-path:none!important}body.motion-paused .identity-fragment{transform:rotate(5deg)!important}}
/* Keep the smallest project labels legible over changing imagery. */
.chapter-caption{padding:10px 14px;border-right:1px solid #efe8da44;background:color-mix(in srgb,var(--chapter-ground) 90%,transparent)}.theme-architecture .chapter-shade{background:linear-gradient(#0e17332e,#0e17332e),linear-gradient(90deg,#0e1733b3,transparent 80%),linear-gradient(0deg,#0e1733f2,transparent 55%)}.theme-automotive .chapter-shade{background:linear-gradient(#efe8da22,#efe8da22),linear-gradient(90deg,#efe8dacc,transparent 90%),linear-gradient(0deg,#efe8da,transparent 55%)}.disciplines-page .discovery-reward{color:var(--ink)}
@media(max-width:650px){.chapter-caption{padding:0;border-right:0;border-left:0;background:none}.theme-architecture .chapter-shade,.theme-automotive .chapter-shade{display:none}}
/* A single opening thought; the discipline names live in the navigation. */
.refined-opening{padding:140px var(--gutter) 65px}.refined-opening h1{font-size:8.3vw;font-weight:650;margin:35px 0 28px;line-height:1.01}.refined-opening h1>span{font-size:1em}.refined-opening h1>em{font-size:1.73em;margin:9px 0 20px 14vw;line-height:.92}.opening-note{font-size:19px;line-height:1.5;max-width:525px;margin:30px 4vw 48px auto}.discipline-index{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.discipline-index>a{display:flex;align-items:center;gap:17px;border-top:1px solid #08090c55;padding:23px 0 8px;font-size:17px;min-height:70px;position:relative;--signal:var(--gold)}.discipline-index .index-brand-digital{--signal:var(--cyan)}.discipline-index .index-automotive-retail{--signal:var(--clay)}.index-number{font:12px Mono;color:var(--ink);display:flex;align-items:center;gap:10px}.index-number::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--signal);transition:scale .35s}.discipline-index>a::before{content:'';position:absolute;top:-1px;left:0;width:0;height:1px;background:currentColor;transition:width .5s var(--ease)}.discipline-index>a:hover::before,.discipline-index>a:focus-visible::before{width:100%}.discipline-index>a:is(:hover,:focus-visible) .index-number::before{scale:1.2}
/* One case, one setting: the interaction is physically part of the story. */
.project-bridge{background:var(--paper);padding:100px var(--gutter) 95px;overflow:hidden;scroll-margin-top:0}.bridge-kicker{display:flex;align-items:start;justify-content:space-between;gap:35px}.bridge-intro h2{font-size:7.8vw;font-weight:600;line-height:1;margin:50px 0 40px;letter-spacing:-.06em}.bridge-intro h2>span,.bridge-intro h2>em{display:block}.bridge-intro h2>span{will-change:transform}.bridge-intro h2>em{color:var(--ember);font-size:1.13em;margin-left:16vw}.bridge-explanation{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:end;margin:0 0 45px}.bridge-explanation>p{max-width:650px;font-size:18px;line-height:1.55}.bridge-disciplines{display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:14px;line-height:1.35}.bridge-disciplines>span{display:flex;align-items:center;gap:10px}.bridge-disciplines i{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}.bridge-disciplines>span:last-child i{background:var(--cyan)}.bridge-experience{position:relative}.bridge-scene{position:relative;aspect-ratio:1.96;min-height:460px;background:var(--ink);isolation:isolate;overflow:hidden}.bridge-salon{position:absolute;inset:0;transition:opacity .8s var(--ease),transform .95s var(--ease)}.bridge-salon>img{height:100%;object-position:50% 50%}.bridge-scene-label{position:absolute;left:22px;top:22px;background:var(--paper);color:var(--ink);font:12px/1.4 Mono;padding:9px 12px}.game-window{position:absolute;bottom:5%;right:3%;width:37%;height:40%;background:var(--ink);border:8px solid var(--paper);color:var(--ink);box-shadow:0 10px 45px #08090c55;transform:rotate(-3deg);transition:width .9s var(--ease),height .9s var(--ease),right .9s var(--ease),bottom .9s var(--ease),transform .9s var(--ease),border-width .9s var(--ease);z-index:3;text-align:left}.game-window>img{height:100%;object-fit:cover}.game-open{position:absolute;bottom:0;right:0;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px;padding:10px 14px;transition:opacity .25s}.game-open{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}.game-open:is(:hover,:focus-visible){text-decoration-color:currentColor}.game-window:hover{transform:rotate(0deg) translateY(-5px)}.game-open:focus-visible{outline-offset:6px}.game-open[hidden]{display:none}.bridge-experience[data-bridge-view=game] .game-window{width:100%;height:100%;right:0;bottom:0;transform:none;border-width:0;pointer-events:none;box-shadow:none}.bridge-experience[data-bridge-view=game] .game-open{opacity:0}.bridge-experience[data-bridge-view=game] .bridge-salon{opacity:0;transform:scale(1.04)}.bridge-control-row{display:flex;justify-content:space-between;align-items:center;gap:35px;border-bottom:1px solid var(--line);padding:20px 0}.bridge-view-controls{display:flex;align-items:center;border:1px solid #08090c55;padding:4px;gap:4px;flex:none}.bridge-view-controls>button{min-height:42px;min-width:110px;padding:8px 18px;font-size:14px;transition:background .3s,color .3s}.bridge-view-controls [aria-pressed=true]{background:var(--ink);color:var(--bone)}.bridge-current{font-size:14px;line-height:1.45;text-align:right;max-width:480px}.bridge-project-links{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:28px}.bridge-project-links>.quiet-link{font-size:16px;min-width:0;width:fit-content}.bridge-secondary{font-size:14px;display:flex;align-items:center;gap:20px;min-height:44px}.bridge-secondary{text-decoration:underline;text-decoration-color:#08090c55;text-underline-offset:6px;transition:text-decoration-color .25s}.bridge-secondary:is(:hover,:focus-visible){text-decoration-color:currentColor}
@media(max-width:1000px){.refined-opening{padding-top:130px}.refined-opening h1{font-size:8.5vw}.opening-note{font-size:18px;max-width:430px;margin:25px 0 40px auto}.discipline-index{gap:25px}.discipline-index>a{font-size:15px;gap:10px}.index-number{gap:7px}.project-bridge{padding-top:80px}.bridge-explanation{grid-template-columns:1.2fr 1fr;gap:35px}.bridge-disciplines{flex-wrap:wrap;gap:10px;font-size:13px}.bridge-disciplines>span{gap:7px}.bridge-explanation>p{font-size:17px}.bridge-scene{min-height:380px;aspect-ratio:1.8}.game-window{width:42%;height:38%;border-width:6px}.game-open{font-size:12px;padding:7px 10px;gap:14px}.bridge-current{max-width:330px}.bridge-view-controls>button{min-width:95px}}
@media(max-width:650px){.refined-opening{padding:120px 22px 42px}.refined-opening h1{font-size:12.5vw;margin:35px 0 26px}.refined-opening h1>em{font-size:1.31em;margin:11px 0 0;transform:none!important;line-height:1.02}.opening-note{font-size:17px;line-height:1.5;margin:0 0 30px;max-width:340px}.discipline-index{display:block}.discipline-index>a{font-size:15px;min-height:60px;padding:14px 0;gap:18px}.discipline-index>a:last-child{padding-bottom:0}.index-number{font-size:12px;gap:10px}.project-bridge{padding:55px 22px 55px}.bridge-kicker{display:block}.bridge-kicker>.eyebrow{display:block;font-size:12px}.bridge-kicker>.eyebrow+span{margin-top:11px;opacity:.72}.bridge-intro h2{font-size:13.3vw;line-height:1.06;margin:33px 0 27px}.bridge-intro h2>span{transform:none!important}.bridge-intro h2>em{margin:8px 0 0;font-size:1.04em;white-space:nowrap;letter-spacing:-.06em}.bridge-explanation{display:block;margin-bottom:30px}.bridge-explanation>p{font-size:17px;line-height:1.5}.bridge-disciplines{justify-content:flex-start;flex-wrap:nowrap;font-size:13px;gap:14px;margin-top:25px}.bridge-disciplines>span{gap:8px}.bridge-scene{min-height:0;aspect-ratio:1.18;margin:0 -22px}.bridge-salon>img{object-position:41% 50%}.bridge-scene-label{top:15px;left:15px;font-size:11px;padding:7px 9px}.game-window{width:55%;height:37%;right:5%;bottom:7%;border-width:5px;transform:rotate(-3deg)}.game-open{font-size:11px;padding:5px 7px;gap:10px}.game-window>img{object-fit:cover}.bridge-experience[data-bridge-view=game] .game-window>img{object-fit:contain}.bridge-control-row{display:block;padding:20px 0}.bridge-view-controls{width:fit-content;margin-bottom:15px}.bridge-view-controls>button{min-width:112px;min-height:44px;font-size:14px}.bridge-current{display:block;text-align:left;max-width:330px;font-size:14px;min-height:41px}.bridge-project-links{display:block;margin-top:20px}.bridge-project-links>.quiet-link{font-size:15px;max-width:100%}.bridge-secondary{font-size:14px;margin-top:12px}.bridge-experience[data-bridge-view=game] .game-window{transform:none}.game-window:hover{transform:rotate(-3deg)}}

.game-open{min-height:44px;cursor:pointer}

/* The photograph and headline are both routes into the discipline. */
.chapter-image{z-index:0}
.chapter-top{z-index:2;pointer-events:none}
.chapter-title>a{display:block;pointer-events:auto;outline-offset:10px}
.chapter-caption,.chapter-bottom,.program-credit{z-index:3}
.chapter-caption>span,.program-credit{pointer-events:none}
.chapter-image-invitation{position:absolute;top:18%;right:6%;display:flex;align-items:center;gap:20px;padding:12px 16px;background:var(--bone);color:var(--ink);font:12px/1.3 Mono;border:1px solid #08090c22;transition:background .25s}
.chapter-image-invitation{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.chapter-image:is(:hover,:focus-visible) .chapter-image-invitation{background:var(--paper);text-decoration-color:currentColor}
.chapter-image:focus-visible{outline:0}
.chapter-image:focus-visible .chapter-image-invitation{outline:2px solid var(--signal);outline-offset:4px}
.chapter-title>a:is(:hover,:focus-visible) em{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.1em}
@media(max-width:650px){.chapter-image-invitation{inset:auto auto 16px 16px;padding:10px 12px;font-size:11px;gap:16px}}
/* Literal capabilities, close to the work they describe. */
.theme-architecture{--signal:var(--ember)}.theme-automotive .chapter-bottom{bottom:58px}.theme-automotive .chapter-caption{bottom:25%}
.overview-capabilities{display:grid;grid-template-columns:1fr 1.7fr;gap:8vw;padding:55px var(--gutter) 65px;background:var(--navy);color:var(--bone)}.overview-capabilities-brand{background:var(--ink)}.overview-capabilities-automotive{background:var(--bone);color:var(--ink);border-bottom:1px solid #08090c25}
.overview-capabilities h3{font-size:clamp(30px,3.2vw,48px);font-weight:550;letter-spacing:-.04em;margin-top:17px}.overview-capabilities ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.overview-capabilities li{font-size:16px;line-height:1.4;padding:16px 0;border-top:1px solid #efe8da35}.overview-capabilities-automotive li{border-color:#08090c30}
@media(max-width:700px){.overview-capabilities{grid-template-columns:1fr;gap:30px;padding:35px 22px 42px}.overview-capabilities li{font-size:13px;padding:12px 0}.overview-capabilities ul{gap:0 20px}.overview-capabilities h3{font-size:34px}}
.discipline-index .index-architecture::before{background:var(--ember)}

/* Discipline signatures: navy/gold, ink/cyan, clay/bone. */
.theme-architecture{--signal:var(--gold)}
.discipline-index .index-architecture::before{background:var(--gold)}
.theme-architecture .chapter-title em{color:var(--gold)}
.theme-brand .chapter-title em{color:var(--cyan)}
.theme-automotive{--signal:var(--clay)}
.theme-automotive .chapter-title em{color:var(--clay)}
