/* Project stories: the same editorial hand, a different composition for each brief. */
.project-page{--project-signal:var(--gold,#d4a24a);--project-ink:var(--navy);background:var(--bone);overflow-anchor:none}
.project-brand{--project-signal:var(--cyan,#00c6d8);--project-ink:var(--ink)}
.project-automotive{--project-signal:var(--clay,#c8542a);--project-ink:var(--ink)}
.project-page [hidden]{display:none!important}
.project-opening{padding:130px var(--gutter) 45px}
.project-topline{display:flex;align-items:center;justify-content:space-between;gap:25px;font:11px/1.4 Mono;margin-bottom:36px}
.project-topline>a{padding:8px 0;border-bottom:1px solid #08090c35;min-height:32px}
.project-topline>a:hover{border-color:var(--project-ink)}
.project-title-block h1{font:550 clamp(56px,7.1vw,122px)/.98 Archivo;letter-spacing:-.065em;text-wrap:balance;max-width:1150px}
.project-opening-meta{display:flex;gap:20px;align-items:center;font:11px/1.5 Mono;margin:25px 0 34px;color:#64645c}
.project-opening-meta>span+span{padding-left:20px;border-left:1px solid #08090c40}
.project-cover{min-width:0}
.project-cover>figcaption{display:flex;justify-content:space-between;gap:35px;padding-top:13px;font:11px/1.5 Mono;color:#69695f}
.project-cover>figcaption>span{max-width:70%}
.project-cover>figcaption>button{font:11px/1.5 Mono;white-space:nowrap;min-height:28px;border-bottom:1px solid #08090c30;align-self:flex-start}
.project-photo{display:block;position:relative;overflow:hidden;width:100%;height:100%;background:#ded9cf;text-align:left}
.project-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .9s var(--ease);will-change:transform}
.project-photo:hover img{scale:1.022}
.project-photo-label{position:absolute;bottom:16px;right:16px;padding:11px 14px;background:var(--bone);color:var(--ink);font-size:11px;line-height:1;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}
.project-photo:hover .project-photo-label,.project-photo:focus-visible .project-photo-label{opacity:1;transform:none}
.project-hero-photo{height:min(73vw,76svh);min-height:460px;max-height:900px}
.project-opening--panorama .project-hero-photo{height:67svh;max-height:780px}
.project-opening--panorama .project-title-block h1{max-width:1100px}
.project-opening--spread .project-opening-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:4vw;align-items:center}
.project-opening--spread .project-title-block h1{font-size:clamp(50px,5.8vw,100px)}
.project-opening--spread .project-title-block{padding:0 0 65px}
.project-opening--spread .project-hero-photo{min-height:500px;height:68svh}
.project-opening--spread .project-opening-meta{display:block;margin-bottom:0}
.project-opening--spread .project-opening-meta>span{display:block;line-height:1.7}
.project-opening--spread .project-opening-meta>span+span{margin-top:12px;padding:0;border:0}
.project-opening--object .project-opening-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:4vw;align-items:center;min-height:66svh}
.project-opening--object .project-title-block h1{font-size:clamp(54px,6.5vw,105px)}
.project-opening--object .project-hero-photo{min-height:470px;height:66svh;background:#f2f1ed}
.project-opening--object .project-hero-photo img{object-fit:contain}
.project-opening--object .project-opening-meta{display:block;line-height:1.7}
.project-opening--object .project-opening-meta>span+span{display:block;margin-top:10px;border:0;padding:0}
.project-opening--immersive{padding-bottom:35px}
.project-opening--immersive .project-opening-layout{position:relative}
.project-opening--immersive .project-hero-photo{height:76svh;min-height:580px}
.project-opening--immersive .project-hero-photo:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(8,9,12,.75));pointer-events:none}
.project-opening--immersive .project-title-block{position:absolute;z-index:2;bottom:80px;left:4vw;right:4vw;pointer-events:none;color:var(--bone)}
.project-opening--immersive h1{font-size:clamp(65px,9.5vw,152px);max-width:900px}
.project-opening--immersive .project-opening-meta{color:var(--bone);margin-bottom:0}
.project-opening--immersive .project-opening-meta>span+span{border-color:#efe8da60}
.project-opening--immersive .project-photo-label{top:20px;right:20px;bottom:auto}
.project-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:10vw;padding:85px var(--gutter) 100px;border-top:1px solid #08090c24}
.project-intro .eyebrow{font-size:10px;color:#69695f;display:block;margin-bottom:32px}
.project-intro h2{font:530 clamp(38px,4.7vw,76px)/1.04 Archivo;letter-spacing:-.05em;text-wrap:balance}
.project-intro h2 em{font-family:Newsreader;font-weight:400;font-size:1.12em}
.project-intro-copy{padding-top:40px}
.project-intro-copy>p{font:19px/1.65 Archivo;letter-spacing:-.018em;max-width:550px}
.project-intro dl{margin:32px 0 0;border-top:1px solid #08090c30}
.project-intro dl>div{display:grid;grid-template-columns:.7fr 1.4fr;gap:20px;border-bottom:1px solid #08090c24;padding:14px 0}
.project-intro dt{font:10px/1.6 Mono;color:#69695f}
.project-intro dd{font:12px/1.65 Archivo;margin:0}
.project-intro dd a{border-bottom:1px solid #08090c50;padding-bottom:3px}
.project-exploration{padding:75px var(--gutter) 70px;background:var(--project-ink);color:var(--bone)}
.project-automotive .project-exploration{background:#e4dccf;color:var(--ink)}
.project-chapter-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:end;margin-bottom:45px}
.project-chapter-heading h2{font:500 clamp(36px,4.6vw,75px)/1.04 Archivo;letter-spacing:-.045em;text-wrap:balance}
.project-chapter-heading>p{font:16px/1.65 Archivo;max-width:550px;color:#efe8dad4}
.project-automotive .project-chapter-heading>p{color:#08090cc7}
.project-view-tabs{display:flex;gap:28px;border-bottom:1px solid #efe8da40;margin-bottom:22px}
.project-view-tabs>button{font:15px/1.4 Archivo;min-height:52px;padding:12px 0 16px;position:relative;color:#efe8daaa;transition:color .25s}
.project-view-tabs>button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--project-signal);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.project-view-tabs>button[aria-selected=true]{color:var(--bone)}
.project-view-tabs>button[aria-selected=true]:after{transform:scaleX(1)}
.project-view-tabs>button:hover{color:var(--bone)}
.project-automotive .project-view-tabs{border-color:#08090c30}
.project-automotive .project-view-tabs>button{color:#08090c99}
.project-automotive .project-view-tabs>button[aria-selected=true],.project-automotive .project-view-tabs>button:hover{color:var(--ink)}
.project-scene{display:grid;grid-template-columns:2.25fr 1fr;gap:4.5vw;align-items:center;min-height:380px}
.project-scene-photo{aspect-ratio:1.68;min-width:0;max-height:570px;overflow:hidden}
.project-scene-note{padding-right:10px}
.project-scene-note .eyebrow{font-size:10px;display:block;margin-bottom:24px;color:var(--project-signal)}
.project-scene-note>p{font:22px/1.43 Archivo;letter-spacing:-.025em;text-wrap:pretty}
.project-fit-contain .project-scene-photo{background:#f2f1ed}
.project-fit-contain .project-scene-photo img{object-fit:contain}
.project-details{padding:55px var(--gutter) 75px;background:var(--paper)}
.project-details-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.project-details-heading .eyebrow{font-size:10px;color:#69695f}
.project-details-heading button{font-size:12px;min-height:36px;border-bottom:1px solid #08090c40}
.project-detail-layout.is-single{width:78%;margin-left:auto}
.project-detail-layout.is-single .project-photo{aspect-ratio:1.7;max-height:650px}
.project-detail-layout.is-pair{display:grid;grid-template-columns:1.15fr .85fr;gap:4vw;align-items:start}
.project-detail-layout.is-pair>figure:nth-child(even){margin-top:85px}
.project-detail-layout.is-pair .project-photo{aspect-ratio:1.24}
.project-detail-layout figcaption{font:13px/1.5 Archivo;max-width:470px;padding-top:15px;color:#56574f}
.project-fit-contain .project-detail-layout .project-photo img{object-fit:contain}
.project-related{padding:65px var(--gutter) 80px}
.project-related-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.project-related-title h2{font:500 clamp(34px,4vw,68px)/1.05 Archivo;letter-spacing:-.045em}
.project-related-title h2 em{font-family:Newsreader;font-size:1.12em}
.project-related-title>a{font-size:12px;padding:10px 0;border-bottom:1px solid #08090c40}
.project-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:3vw}
.project-related-grid>a>div{aspect-ratio:1.75;overflow:hidden;margin-bottom:18px;background:#e5e0d6}
.project-related-grid img{height:100%;width:100%;object-fit:cover;transition:scale .8s var(--ease)}
.project-related-grid>a:hover img{scale:1.03}
.project-related-grid>a>span{font:10px/1.5 Mono;color:#69695f}
.project-related-grid>a>p{font:400 clamp(22px,2.3vw,39px)/1.14 Archivo;letter-spacing:-.035em;margin-top:14px;max-width:550px}
.project-page .contact-composition{grid-template-columns:1.4fr .8fr;gap:8vw}
.project-page .contact-composition h2{font-size:5vw;line-height:1.07}
.project-page .contact-composition h2 em{color:var(--project-signal)}
.project-page .contact-invitation>p{font-size:17px;max-width:370px}
.project-page .contact-invitation .quiet-link{font-size:14px}
.project-gallery{border:0;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;background:var(--ink);color:var(--bone);padding:22px 3vw;overflow:auto}
.project-gallery[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}
.project-gallery-top{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:40px}
.project-gallery-top h2{font:14px/1.4 Archivo;letter-spacing:0}
.project-gallery-top button{font-size:13px;min-height:44px;white-space:nowrap}
.project-gallery-stage{position:relative;min-height:0}
.project-gallery-stage>figure{position:absolute;inset:0}
.project-gallery-stage img{width:100%;height:100%;object-fit:contain}
.project-gallery-bottom{display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:start;padding-top:8px;min-height:62px}
.project-gallery-bottom>[data-gallery-count]{font:11px/1.6 Mono;white-space:nowrap;color:#efe8da90;padding-top:9px}
.project-gallery-bottom p{font:14px/1.6 Archivo;padding-top:7px;max-width:790px}
.project-gallery-bottom>div{display:flex;gap:30px}
.project-gallery-bottom button{font:13px/1.4 Archivo;min-height:40px}
.project-gallery-bottom button:hover{text-decoration:underline;text-underline-offset:5px}
.project-page :focus-visible{outline:2px solid currentColor;outline-offset:5px}
.project-photo:focus-visible{outline-offset:-5px}
@media(min-width:1700px){.project-intro-copy>p{font-size:23px}.project-chapter-heading>p{font-size:19px}.project-scene-note>p{font-size:26px}.project-cover>figcaption{font-size:12px}}
@media(max-width:1000px){.project-opening{padding-top:118px}.project-topline{font-size:10px}.project-title-block h1{font-size:7.5vw}.project-opening--spread .project-title-block h1{font-size:6.3vw}.project-opening--spread .project-hero-photo{min-height:400px}.project-opening--object .project-title-block h1{font-size:6.7vw}.project-opening--object .project-hero-photo{min-height:400px}.project-intro{gap:7vw;padding-top:65px;padding-bottom:70px}.project-intro-copy>p{font-size:17px}.project-chapter-heading{gap:6vw}.project-chapter-heading>p{font-size:15px}.project-scene{grid-template-columns:2fr 1fr;min-height:280px;gap:4vw}.project-scene-note>p{font-size:19px}.project-scene-note .eyebrow{margin-bottom:18px}.project-exploration{padding-top:60px;padding-bottom:55px}.project-page .contact-invitation>p{font-size:15px}.project-cover>figcaption{font-size:10px}.project-cover>figcaption>button{font-size:10px}}
@media(max-width:700px){.project-opening{padding:109px 22px 28px}.project-topline{font-size:9px;gap:18px;margin-bottom:28px}.project-title-block h1{font-size:12.2vw;line-height:1.02;letter-spacing:-.055em}.project-opening-meta{font-size:9px;margin:20px 0 25px;gap:14px}.project-opening-meta>span+span{padding-left:14px}.project-hero-photo,.project-opening--panorama .project-hero-photo{min-height:0;height:83vw;max-height:570px}.project-cover>figcaption{font-size:9px;gap:18px}.project-cover>figcaption>span{max-width:70%}.project-cover>figcaption>button{font-size:9px}.project-opening--spread .project-opening-layout,.project-opening--object .project-opening-layout{display:block;min-height:0}.project-opening--spread .project-title-block{padding:0}.project-opening--spread .project-title-block h1,.project-opening--object .project-title-block h1{font-size:12.2vw}.project-opening--spread .project-opening-meta,.project-opening--object .project-opening-meta{margin:20px 0 25px;display:flex;gap:14px}.project-opening--spread .project-opening-meta>span+span,.project-opening--object .project-opening-meta>span+span{margin:0;padding-left:14px;border-left:1px solid #08090c40}.project-opening--spread .project-hero-photo,.project-opening--object .project-hero-photo{min-height:0;height:86vw}.project-opening--immersive .project-hero-photo{height:120vw;min-height:0;max-height:700px}.project-opening--immersive .project-title-block{left:22px;right:22px;bottom:98px}.project-opening--immersive h1{font-size:15vw}.project-opening--immersive .project-opening-meta{font-size:9px;display:block;margin-top:20px}.project-opening--immersive .project-opening-meta>span+span{display:block;border:0;padding:0;margin-top:5px}.project-photo-label{bottom:12px;right:12px;font-size:10px;padding:10px 12px}.project-intro{display:block;padding:42px 22px 50px}.project-intro .eyebrow{font-size:9px;margin-bottom:24px}.project-intro h2{font-size:10.2vw;line-height:1.06}.project-intro-copy{padding-top:28px}.project-intro-copy>p{font-size:17px;line-height:1.55}.project-intro dl{margin-top:26px}.project-intro dl>div{grid-template-columns:.75fr 1.4fr;gap:18px;padding:12px 0}.project-intro dt{font-size:9px}.project-intro dd{font-size:12px}.project-exploration{padding:44px 22px 42px}.project-chapter-heading{display:block;margin-bottom:28px}.project-chapter-heading h2{font-size:10vw;line-height:1.07}.project-chapter-heading>p{font-size:15px;line-height:1.65;margin-top:25px}.project-view-tabs{gap:20px;overflow-x:auto;margin-bottom:18px;scrollbar-width:none}.project-view-tabs>button{font-size:12px;white-space:nowrap;min-height:46px;padding-top:9px;padding-bottom:12px}.project-scene{display:block;min-height:0}.project-scene-photo{aspect-ratio:1.4}.project-scene-note{display:block;padding:20px 0 0;min-height:120px}.project-scene-note .eyebrow{font-size:9px;margin-bottom:12px}.project-scene-note>p{font-size:19px;line-height:1.43;max-width:500px}.project-details{padding:32px 22px 40px}.project-details-heading{margin-bottom:20px}.project-details-heading .eyebrow{font-size:9px}.project-details-heading button{font-size:10px}.project-detail-layout.is-single{width:100%;margin:0}.project-detail-layout.is-single .project-photo{aspect-ratio:1.35}.project-detail-layout.is-pair{display:block}.project-detail-layout.is-pair>figure:nth-child(even){margin:32px 0 0 14%;width:86%}.project-detail-layout figcaption{font-size:12px;padding-top:12px}.project-related{padding:40px 22px 50px}.project-related-title{align-items:start;gap:20px;margin-bottom:25px}.project-related-title h2{font-size:9vw;max-width:230px}.project-related-title>a{font-size:10px;padding:5px 0;max-width:135px;text-align:right;line-height:1.5}.project-related-grid{gap:20px}.project-related-grid>a>div{aspect-ratio:1.1;margin-bottom:12px}.project-related-grid>a>span{font-size:9px}.project-related-grid>a>p{font-size:20px;line-height:1.12;margin-top:10px}.project-page .contact-composition{display:block}.project-page .contact-composition h2{font-size:10.5vw}.project-page .contact-invitation>p{font-size:16px;margin-top:25px}.project-gallery{padding:14px 18px}.project-gallery-top h2{font-size:12px;max-width:240px}.project-gallery-top button{font-size:12px}.project-gallery-bottom{grid-template-columns:55px 1fr;gap:12px;min-height:145px}.project-gallery-bottom>[data-gallery-count]{font-size:9px}.project-gallery-bottom p{font-size:12px}.project-gallery-bottom>div{grid-column:1/-1;justify-content:space-between;border-top:1px solid #efe8da30}.project-gallery-bottom button{min-height:44px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.project-page *{animation:none!important;transition:none!important}.project-cover img,.project-title-block{transform:none!important}}
body.motion-paused .project-cover img,body.motion-paused .project-title-block{transform:none!important}

.project-photo.is-drawing{background:#f4f1e9}.project-photo.is-drawing img{object-fit:contain;padding:12px}
/* Keep each selection's explanation close to the controls, even on a short screen. */
.project-scene-note{align-self:start;padding-top:24px}
@media(max-width:700px){.project-scene-note{padding-top:20px}.project-scene-note>p{font-size:17px}.project-view-tabs{scroll-margin-top:100px}}
@media(max-width:700px){.project-opening--object .project-hero-photo{height:68vw}.project-scene{display:flex;flex-direction:column;align-items:stretch;gap:0}.project-scene-note{order:-1;min-height:0;padding:3px 0 20px}.project-scene-note .eyebrow{display:none}.project-scene-photo{width:100%;aspect-ratio:1.65}}

/* Brand artwork is a composition, not a photograph to crop. */
.project-photo.is-brand-art{background:var(--bone)}
.project-photo.is-brand-art img{object-fit:contain;padding:2%}
.project-page .contact-composition h2 em{color:inherit}