@font-face{font-family:Manrope;src:url('./assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--bg:#f3f0e9;--surface:#eae6dd;--text:#242127;--muted:#625b68;--line:#24212735;--accent:#7045a8;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px;--gutter:clamp(22px,4.5vw,84px);--xs:12px;--sm:14px;--base:16px;--lg:clamp(20px,2vw,28px);--title:clamp(44px,6.5vw,108px);--heading:clamp(32px,4.5vw,68px);--font:Manrope,sans-serif;--serif:'Instrument Serif',Georgia,serif}
[data-theme=dark]{--bg:#0d0e10;--surface:#17181b;--text:#eeeae6;--muted:#b6afb9;--line:#eeeae630;--accent:#c6a6ed;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:var(--base)/1.5 var(--font)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,p,figure{margin:0}h1,h2{font-weight:400;line-height:1.02;letter-spacing:-.055em}h2{font-size:var(--heading)}[hidden]{display:none!important}.skip{position:absolute;left:16px;top:-100px;padding:12px 20px;background:var(--bg);z-index:100}.skip:focus{top:10px}.eyebrow{font-size:var(--xs);line-height:1.6;letter-spacing:.12em;color:var(--muted)}.chooser{background:#17151b;color:#f2edf6;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px;padding:8px 24px;border-bottom:1px solid #ffffff22}.preview-label{font-size:var(--xs);letter-spacing:.08em}.preview-label span{padding-inline:8px;color:#85798f}.choices{display:flex;gap:8px}.choices button{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 18px;font-size:var(--sm);color:#c5bbc9}.choices b{font-size:var(--xs);font-weight:500}.choices button[aria-pressed=true]{background:#e6dfee;color:#24192c}.chooser>#theme{font-size:var(--xs);min-height:44px;padding:8px;border-bottom:1px solid #8f809b}
.brandbar{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 var(--gutter);padding-block:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px}.brand img{width:94px}.brand>span{font-size:var(--xs);line-height:1.4;letter-spacing:.07em}.brandbar nav{display:flex;gap:32px;align-items:center;font-size:var(--sm)}.brandbar nav a{min-height:44px;display:flex;align-items:center}.brandbar .visit{border-bottom:1px solid var(--text)}
.art{min-width:0}.photo{display:block;width:100%;padding:0;position:relative;overflow:hidden;cursor:zoom-in;background:var(--surface)}.photo img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .7s ease}.photo:hover img{transform:scale(1.012)}.open-photo{position:absolute;right:16px;bottom:16px;color:white;background:#111d;padding:8px 12px;font-size:var(--xs);opacity:0;transform:translateY(4px);transition:.2s}.photo:is(:hover,:focus-visible) .open-photo{opacity:1;transform:none}figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:16px;font-size:var(--sm)}figcaption small{font-size:var(--xs);color:var(--muted)}.film-intro{padding:48px var(--gutter) 40px;display:grid;grid-template-columns:1.7fr 1fr auto;align-items:end;gap:32px}.film-intro h1{font-size:var(--title);margin-top:20px}.intro-note{font-size:var(--base);color:var(--muted);padding-bottom:8px}.edition{font-size:var(--xs);letter-spacing:.08em;text-align:right;line-height:1.8}.film-hero{margin:0 16px}.film-hero .photo img{aspect-ratio:16/8;object-position:50% 48%}.film-hero figcaption{padding-inline:calc(var(--gutter) - 16px);padding-bottom:20px}.chapter{display:grid;grid-template-columns:1fr 1.5fr .8fr;gap:32px;align-items:start;padding:100px var(--gutter) 44px}.chapter>p{font-size:var(--base);color:var(--muted);padding-top:8px}.film-duet{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 var(--gutter)}.film-duet .art:last-child{padding-top:100px}.film-duet figcaption{display:block}.film-duet figcaption small{display:block;margin-top:4px}.film-tesla{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding:140px var(--gutter) 0;align-items:center}.film-tesla h2{margin:24px 0}.film-tesla p{color:var(--muted);font-size:var(--base)}.film-angle{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:9vw;padding:110px 10vw 120px}.film-angle>p{font-size:var(--lg);line-height:1.3;letter-spacing:-.04em}.studio{background:var(--surface);padding-bottom:100px}.studio .chapter{padding-top:72px}.room-spread{display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:start;gap:24px;padding:0 var(--gutter)}.room-spread .art:first-child .photo img{aspect-ratio:4/5}.room-spread .art:nth-child(2){padding-top:80px}.room-spread .art:nth-child(3){padding-top:160px}.room-spread figcaption{display:block}.room-spread figcaption small{display:block;margin-top:8px}
/* B: a photographic monograph with an editorial reading rhythm. */
.book-heading{padding:64px var(--gutter);display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;align-items:start}.book-heading h1{font:400 clamp(56px,7.4vw,120px)/.93 var(--serif);letter-spacing:-.04em}.book-heading>p{font-size:var(--xs);line-height:1.8;text-align:right}.book-opener{display:grid;grid-template-columns:40px 2fr 1fr;gap:32px;padding:0 var(--gutter) 100px}.book-number{font-size:var(--xs);writing-mode:vertical-rl;letter-spacing:.15em}.book-cover{padding-top:16px}.book-cover figcaption{display:block}.book-cover figcaption small{display:block;margin-top:4px}.book-aside{padding-top:48px}.book-aside h2,.book h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}.book-aside h2{margin:24px 0}.book-aside>p{font-size:var(--base);max-width:260px;color:var(--muted)}.book-aside .art{margin-top:40px}.book-aside figcaption{display:none}.book-line{display:flex;justify-content:space-between;gap:24px;margin-inline:var(--gutter);padding:20px 0;border-block:1px solid var(--line);font-size:var(--xs);letter-spacing:.08em}.book-carbon{display:grid;grid-template-columns:1.8fr 1fr;gap:8vw;margin:80px 8vw;align-items:center}.book-carbon h2{margin-block:24px}.book-carbon p{font-size:var(--base);color:var(--muted)}.book-pair{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:0 var(--gutter) 100px;align-items:start}.book-pair .art:last-child{padding-top:140px}.book-pair figcaption{display:block}.book-pair figcaption small{display:block;margin-top:4px}.book-room{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;padding:72px var(--gutter)}.book-room>.art .photo img{aspect-ratio:4/5}.book-room>div{padding-top:60px}.book-room h2{margin:24px 0 60px}.book-room>div>.art{width:85%}.book-room figcaption{display:block}.book-room figcaption small{display:block}.book-last{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin:0 10vw 100px;align-items:center}.book-last>p{font:400 var(--heading)/1.1 var(--serif);letter-spacing:-.03em}
/* C: a browseable collection, paced by scale rather than identical cards. */
body[data-layout=c][data-unused]{display:block}.wall{padding:0 var(--gutter) 80px}.wall-heading{padding:56px 0 48px;display:grid;grid-template-columns:1.6fr 1fr;gap:20px 64px;align-items:end}.wall-heading>.eyebrow{grid-column:1/-1}.wall-heading h1{font-size:clamp(64px,9vw,144px);font-weight:600;letter-spacing:-.07em}.wall-heading>p:last-child{font-size:var(--base);color:var(--muted);justify-self:end}.filterbar{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:8px 0;margin-bottom:32px;gap:20px}.filterbar>div{display:flex;gap:24px}.filterbar button{font-size:var(--sm);min-height:44px;padding:8px 0;color:var(--muted)}.filterbar button[aria-pressed=true]{color:var(--text);box-shadow:inset 0 -2px var(--accent)}.filterbar button span{font-size:var(--xs);padding-left:8px;color:var(--muted)}#result-count{font-size:var(--xs);color:var(--muted)}.wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px;align-items:start}.wall-grid .item-0{grid-column:span 2}.wall-grid .item-1 .photo img{aspect-ratio:2/3}.wall-grid .item-4{grid-column:span 2}.wall-grid .item-5 .photo img{aspect-ratio:4/5}.wall-grid figcaption{display:block;margin-top:12px}.wall-grid figcaption small{display:block;margin-top:4px}.wall-grid .item-1{padding-top:56px}.wall-grid .item-3{padding-top:100px}.wall-grid .item-6{grid-column:span 2}.wall-end{display:flex;justify-content:space-between;gap:40px;align-items:end;padding-top:100px}.wall-end h2{font-size:var(--heading)}.wall-end button{font-size:var(--sm);padding:12px 0;border-bottom:1px solid var(--text);min-height:44px}
.site-footer{padding:48px var(--gutter);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;align-items:center}.footer-brand{display:flex;align-items:center;gap:24px}.footer-brand img{width:80px}.footer-brand p{font-size:var(--xs);line-height:1.8}.footer-brand span{color:var(--muted)}.site-footer>a{font-size:var(--base);border-bottom:1px solid var(--line);padding:12px 0}.site-footer>button{font-size:var(--xs);min-height:44px}
dialog{position:fixed;inset:0;margin:0;padding:20px 32px;width:100%;height:100dvh;max-width:none;max-height:none;background:#08090b;color:#f2eef4;border:0;overflow:hidden}dialog::backdrop{background:#08090b}dialog header{display:flex;justify-content:space-between;align-items:center;gap:24px;height:70px}dialog header>div{display:flex;gap:32px;align-items:center}#viewer-count{font-size:var(--xs);color:#aaa1b2}dialog h2{font-size:20px;letter-spacing:-.02em}dialog button{min-height:44px;font-size:var(--sm);padding:10px 16px;border:1px solid #ffffff40}#close-viewer span{padding-left:16px}.viewer-stage{height:calc(100dvh - 176px);display:flex;align-items:center;justify-content:center}.viewer-stage img{width:100%;height:100%;object-fit:contain}dialog footer{display:flex;align-items:center;justify-content:space-between;gap:24px;height:66px}dialog footer p{font-size:var(--xs);color:#bbb2c2;text-align:center}
@media(min-width:1800px){main,.brandbar,.site-footer{max-width:1760px;margin-inline:auto}.brandbar,.site-footer{padding-inline:64px}}
@media(max-width:1000px){.preview-label{display:none}.chooser{justify-content:center}.brandbar nav{gap:24px}.film-intro{grid-template-columns:1.7fr 1fr}.edition{display:none}.film-intro h1{font-size:clamp(54px,8vw,86px)}.chapter{grid-template-columns:1fr 1.5fr}.chapter>p{display:none}.film-duet .art:last-child{padding-top:64px}.film-tesla{gap:32px}.room-spread{gap:16px}.book-heading{grid-template-columns:1fr 2fr}.book-heading>p{display:none}.book-opener{grid-template-columns:20px 1.6fr 1fr;gap:24px}.book-aside h2{font-size:40px}.book-carbon{gap:48px}.wall-end>.eyebrow{display:none}.site-footer{gap:24px}.footer-brand{gap:16px}figcaption{display:block}figcaption small{display:block;margin-top:4px}}
@media(max-width:620px){:root{--gutter:22px;--title:56px;--heading:40px}.chooser{padding:8px;gap:6px;min-height:72px}.choices{gap:4px;flex:1}.choices button{flex:1;flex-direction:column;gap:2px;padding:8px 5px;font-size:var(--xs);line-height:1.35;min-height:54px;white-space:nowrap}.choices b{font-size:var(--xs)}.chooser>#theme{width:46px;line-height:1.2;font-size:var(--xs);padding:4px}.brandbar{padding:20px 0;gap:16px}.brand img{width:72px}.brand{gap:12px}.brand>span{font-size:var(--xs);letter-spacing:0}.brandbar nav{gap:0}.brandbar nav>a:not(.visit){display:none}.brandbar .visit{font-size:var(--xs);white-space:nowrap}.film-intro{padding:32px var(--gutter);display:block}.film-intro h1{font-size:56px;margin-top:16px}.intro-note{margin-top:24px;font-size:var(--sm);max-width:240px}.intro-note br{display:none}.intro-note br::after{content:' '}.film-hero{margin:0}.film-hero .photo img{aspect-ratio:4/3}.film-hero figcaption{padding-inline:var(--gutter)}.open-photo{opacity:1;transform:none;padding:6px 10px;bottom:12px;right:12px}.chapter{display:block;padding:60px var(--gutter) 28px}.chapter h2{margin-top:16px}.film-duet{display:block}.film-duet .art:last-child{padding-top:40px}.film-tesla{display:flex;flex-direction:column;gap:28px;padding-top:72px;align-items:stretch}.film-tesla>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.film-tesla .eyebrow{grid-column:1/-1}.film-tesla h2{margin:0}.film-tesla>div>p{font-size:var(--sm)}.film-angle{display:block;padding:48px var(--gutter) 64px}.film-angle>p{margin-top:28px;font-size:24px}.film-angle>p br{display:none}.studio{padding-bottom:60px}.studio .chapter{padding-top:52px}.room-spread{display:block}.room-spread .art{padding-top:0!important;margin-top:32px}.room-spread .art:first-child{margin-top:0}.room-spread .art:first-child .photo img{aspect-ratio:4/3}.room-spread .art:nth-child(2){width:86%;margin-left:auto}.room-spread .art:nth-child(3){width:86%}
.book-heading{display:block;padding:36px var(--gutter)}.book-heading h1{font-size:66px;margin-top:24px}.book-heading .eyebrow br{display:none}.book-opener{display:block;padding-bottom:52px}.book-number{display:none}.book-cover{padding-top:0}.book-aside{padding-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.book-aside>.eyebrow{grid-column:1/-1}.book-aside h2{font-size:36px;margin:0}.book-aside>p{font-size:var(--sm);padding-top:6px}.book-aside .art{grid-column:1/-1;margin-top:12px;width:87%;margin-left:auto}.book-line{font-size:var(--xs);gap:16px}.book-line>span:nth-child(2){display:none}.book-carbon{display:flex;flex-direction:column-reverse;margin:44px var(--gutter);gap:28px;align-items:stretch}.book-carbon>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.book-carbon .eyebrow{grid-column:1/-1}.book-carbon h2{margin:0}.book-carbon p{font-size:var(--sm)}.book-pair{display:block;padding-bottom:52px}.book-pair .art:last-child{padding-top:36px;width:86%;margin-left:auto}.book-room{display:block;padding-top:40px;padding-bottom:32px}.book-room>.art .photo img{aspect-ratio:4/3}.book-room>div{padding-top:40px}.book-room h2{margin:16px 0 28px}.book-room>div>.art{width:86%;margin-left:auto}.book-last{display:block;margin:0 var(--gutter) 60px}.book-last>.art{width:86%}.book-last>p{font-size:38px;margin-top:32px}
.wall{padding-bottom:52px}.wall-heading{display:block;padding:36px 0 28px}.wall-heading h1{font-size:64px;margin:20px 0}.wall-heading>p:last-child{font-size:var(--sm)}.filterbar{gap:8px;margin-bottom:24px}.filterbar>div{gap:20px}.filterbar button{font-size:var(--xs)}.filterbar button span{display:none}#result-count{font-size:var(--xs);white-space:nowrap}.wall-grid{grid-template-columns:1fr 1fr;gap:32px 16px}.wall-grid .item-0{grid-column:1/-1}.wall-grid .item-1{padding-top:0}.wall-grid .item-1 .photo img{aspect-ratio:4/5}.wall-grid .item-2{padding-top:40px}.wall-grid .item-2 .photo img{aspect-ratio:4/3}.wall-grid .item-3{padding-top:0;grid-column:1/-1}.wall-grid .item-4{grid-column:1/-1}.wall-grid .item-5{grid-column:1}.wall-grid .item-5 .photo img{aspect-ratio:4/5}.wall-grid .item-6{grid-column:1/-1;grid-row:6}.wall-grid .item-7{grid-column:2;grid-row:5;padding-top:48px}.wall-grid figcaption{font-size:var(--xs)}.wall-grid figcaption small{font-size:var(--xs)}.wall-grid .art:not(.item-0):not(.item-3):not(.item-4):not(.item-6) .open-photo{display:none}.wall-end{display:block;padding-top:60px}.wall-end button{margin-top:24px}.site-footer{display:grid;grid-template-columns:1fr auto;padding:32px var(--gutter);gap:24px}.footer-brand{grid-column:1/-1}.site-footer>a{font-size:var(--sm);justify-self:start}.site-footer>button{font-size:var(--xs)}dialog{padding:12px 16px}dialog header{height:84px;gap:12px}dialog header>div{display:block}dialog h2{font-size:18px;margin-top:6px;max-width:220px;line-height:1.25}dialog header button{padding:8px 10px;white-space:nowrap}#close-viewer span{padding-left:4px}.viewer-stage{height:calc(100dvh - 190px)}dialog footer{gap:8px;height:80px;flex-wrap:wrap}dialog footer p{order:-1;flex-basis:100%}dialog footer button{padding:8px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.photo:hover img{transform:none}}
.wall-grid .vehicle .photo img{aspect-ratio:4/3}
@media(min-width:621px){.film-hero .photo img{aspect-ratio:16/9}}
.choices a{min-height:44px;display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:14px}.choices a b{font-size:12px;color:#c6a6ed}.collection-index{display:flex;align-items:center;gap:40px;margin:0 var(--gutter) 48px;padding:24px 0;border-block:1px solid var(--line)}.collection-index a{font-size:20px;min-height:44px;display:flex;align-items:center;gap:20px}.collection-index a span{font-size:12px;color:var(--accent)}.collection-index p{margin-left:auto;font-size:12px;color:var(--muted)}.section-label{margin:0 var(--gutter) 24px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.section-label h2{font-size:26px;letter-spacing:-.03em}.section-label>span{font-size:12px;letter-spacing:.08em;color:var(--muted)}.carbon-study{display:grid;grid-template-columns:1fr 1.7fr;gap:8vw;align-items:center;padding:80px 10vw 0}.carbon-study h2{margin:24px 0}.carbon-study p:last-child{color:var(--muted)}.carbon-study .photo img{aspect-ratio:auto}.film-tesla{padding-top:0}.craft-spread{display:grid;grid-template-columns:1.05fr 1.2fr .85fr;gap:28px;align-items:start;margin:0 var(--gutter) 56px}.craft-spread .art:nth-child(2){padding-top:80px}.craft-spread .art:nth-child(3){padding-top:160px}.craft-spread.alternate{grid-template-columns:.85fr 1.05fr 1.2fr}.craft-spread.alternate .art:nth-child(2){padding-top:40px}.craft-spread.alternate .art:nth-child(3){padding-top:80px}.art.portrait .photo img{aspect-ratio:9/16;object-fit:contain}.craft-spread figcaption,.detail-spread figcaption{display:block}.craft-spread figcaption small,.detail-spread figcaption small{display:block;margin-top:4px}.detail-spread{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 var(--gutter) 120px}.detail-spread .art:nth-child(even){padding-top:80px}.studio{padding-top:48px}.studio .section-label{padding-bottom:24px;border-bottom:1px solid var(--line)}.studio .chapter{padding-top:40px}.room-spread .photo img,.room-spread .art:first-child .photo img{aspect-ratio:auto;object-fit:contain}
.starlight-feature{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:9vw;align-items:center;margin:96px 10vw 0}.starlight-feature h2{margin:24px 0}.starlight-feature>div>p:last-child{color:var(--muted)}.starlight-feature figcaption{display:block}.starlight-feature figcaption small{display:block;margin-top:4px}
@media(max-width:620px){.starlight-feature{display:flex;flex-direction:column-reverse;align-items:stretch;gap:28px;margin:60px var(--gutter) 0}.starlight-feature h2{margin:20px 0}.starlight-feature>div>p:last-child{font-size:14px}}
@media(max-width:1000px){.collection-index{gap:24px}.collection-index p{display:none}.craft-spread{gap:20px}.detail-spread{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}.detail-spread .art:nth-child(even){padding-top:64px}}
@media(max-width:620px){.chooser{min-height:60px;justify-content:space-between}.choices{gap:0;flex:0 1 auto}.choices a{padding:8px;font-size:12px;gap:7px;white-space:nowrap}.choices a b{font-size:12px}.chooser>#theme{width:48px;margin-left:auto}.collection-index{display:none}.section-label{margin-bottom:20px;padding-top:8px;display:block}.section-label h2{font-size:24px}.section-label>span{display:block;margin-top:8px;font-size:12px;letter-spacing:.04em}.carbon-study{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:48px var(--gutter) 0}.carbon-study h2{margin:20px 0 16px}.craft-spread,.craft-spread.alternate{display:grid;grid-template-columns:1fr;gap:36px;margin-bottom:36px}.craft-spread .art,.craft-spread.alternate .art{padding-top:0!important}.craft-spread .art:nth-child(3){width:88%;justify-self:end}.craft-spread.alternate .art:nth-child(1){width:88%;justify-self:start}.craft-spread.alternate .art:nth-child(3){width:100%}.detail-spread{gap:32px 16px;margin-bottom:64px}.detail-spread .art:nth-child(even){padding-top:44px}.detail-spread figcaption{font-size:12px}.detail-spread figcaption small{font-size:12px}.detail-spread .open-photo{display:none}.studio{padding-top:32px}.studio .chapter{padding-top:28px}.room-spread .art:first-child .photo img{aspect-ratio:auto}}
