/* VANTELLE project studies. All photographs are existing, genuine installations. */
.project-intro{padding-block:72px 42px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px 72px;align-items:end}
.project-intro>.eyebrow{grid-column:1/-1;margin:0}
.project-intro h1{font-size:clamp(48px,5.8vw,80px);margin:0;max-width:13ch}
.project-intro>p:not(.eyebrow){font-size:17px;line-height:1.75;margin:0;max-width:44ch}
.project-index{display:flex;flex-wrap:wrap;gap:4px 26px;padding-block:18px;border-block:1px solid var(--line);margin-bottom:24px}
.project-index a{display:inline-flex;align-items:center;min-height:46px;font-size:14px;line-height:1.6;border-bottom:1px solid transparent}
.project-index a:hover,.project-index a:focus-visible{border-bottom-color:var(--gold)}
.project-studies{padding-bottom:22px}
.project-story{padding-block:64px 76px;scroll-margin-top:110px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px 72px;align-items:center}
.project-story+.project-story{border-top:1px solid var(--line)}
.project-story:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
.project-story:nth-child(even) .project-visual{grid-column:2;grid-row:1}
.project-story:nth-child(even) .project-copy{grid-column:1;grid-row:1}
.project-visual{margin:0;min-width:0}
.project-image-link{display:block;position:relative;overflow:hidden;background:var(--sand,#ded6c9)}
.project-image-link img{width:100%;height:auto;max-height:760px;object-fit:cover;aspect-ratio:4/5;transition:transform .6s var(--ease)}
.project-image-link:hover img{transform:scale(1.015)}
.project-image-link:focus-visible{outline-offset:5px}
.project-visual figcaption{display:flex;justify-content:space-between;gap:16px;line-height:1.8;font-size:12px;color:var(--muted);padding-top:12px}
.project-visual figcaption>span:last-child{color:var(--gold);text-align:end}
.project-copy{min-width:0}
.project-copy .eyebrow{margin-bottom:18px;font-size:11px}
.project-copy h2{font-size:clamp(34px,4vw,56px);max-width:15ch;margin-bottom:20px}
.project-copy>p{font-size:17px;line-height:1.8;max-width:44ch}
.project-design-note{font-family:Vantelle,Georgia,serif;font-size:25px!important;line-height:1.45!important;color:var(--gold);margin-bottom:22px}
.project-record{margin-top:28px;margin-bottom:24px;border-block:1px solid var(--line)}
.project-record summary{cursor:pointer;min-height:50px;padding-block:14px;font-size:13px;font-weight:700;line-height:1.8}
.project-record dl{margin:0 0 20px;font-size:13px;line-height:1.8}
.project-record dl>div{padding-block:10px;border-top:1px solid var(--line)}
.project-record dt{font-weight:700;margin-bottom:3px}
.project-record dd{margin:0;color:var(--muted)}
.project-awaiting{font-size:12px!important;line-height:1.85!important;color:var(--muted);margin-bottom:20px;max-width:48ch}
.project-play-mark{position:absolute;inset:0;display:grid;place-items:center;color:var(--paper)}
.project-play-mark>svg{width:64px;height:64px;padding:20px;background:#30372cc9;border-radius:50%}
.project-gallery-return{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:28px;align-items:center;padding-block:32px;margin-bottom:30px}
.project-gallery-return p{margin:0;max-width:44ch;font-size:16px}
.project-gallery-return .text-link{min-height:46px;white-space:nowrap}
.project-home{padding-block:78px 90px}
.project-home-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px 72px;align-items:end;margin-bottom:36px}
.project-home-heading .eyebrow{grid-column:1/-1;margin:0}
.project-home-heading h2{font-size:clamp(38px,4.4vw,62px);margin:0;max-width:15ch}
.project-home-heading>p{font-size:16px;line-height:1.8;max-width:43ch;margin:0}
.project-home-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:38px;align-items:start}
.project-home-feature:first-child{grid-row:1/3}
.project-home-feature>a{display:block}
.project-home-feature img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}
.project-home-feature:first-child img{aspect-ratio:4/5}
.project-home-feature figcaption{padding-top:16px;display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center}
.project-home-feature h3{font-size:28px;line-height:1.3;margin:0}
.project-home-feature figcaption p{grid-column:1;font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:42ch}
.project-home-feature figcaption svg{grid-column:2;grid-row:1/3;width:24px;height:24px;color:var(--gold)}
.project-home-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:30px}
.project-home-bottom>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:52ch}
.project-home-bottom .text-link{white-space:nowrap;min-height:46px}
html[dir=rtl] .project-copy h2,html[dir=rtl] .project-home-heading h2,html[dir=rtl] .project-home-feature h3{font-family:"Vantelle Arabic Display","Vantelle Arabic Sans",serif;font-style:normal;letter-spacing:0;line-height:1.5}
html[dir=rtl] .project-intro h1{font-size:clamp(43px,5vw,68px);line-height:1.5;max-width:16ch}
html[dir=rtl] .project-design-note{font-family:"Vantelle Arabic Display","Vantelle Arabic Sans",serif;line-height:1.7!important}
html[dir=rtl] .project-copy>p,html[dir=rtl] .project-intro>p:not(.eyebrow){line-height:1.95}
html[dir=rtl] .project-home-feature figcaption svg{transform:scaleX(-1)}
@media(max-width:1000px){.project-story,.project-story:nth-child(even){gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-intro{gap:24px 36px}.project-copy h2{font-size:40px}.project-home-grid{gap:28px}.project-home-heading{gap:22px 38px}}
@media(max-width:760px){
 .project-intro{display:block;padding-block:36px 28px}.project-intro>.eyebrow{margin-bottom:16px}.project-intro h1{font-size:42px;line-height:1.1;max-width:16ch;margin-bottom:20px}.project-intro>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:none}
 .project-index{gap:2px 18px;margin-bottom:0;padding-block:12px}.project-index a{font-size:12px;min-height:44px}
 .project-story,.project-story:nth-child(even){display:flex;flex-direction:column;gap:26px;padding-block:36px 40px;scroll-margin-top:86px}.project-visual,.project-copy{width:100%}.project-story:nth-child(even) .project-visual{order:0}.project-story:nth-child(even) .project-copy{order:1}
 .project-image-link img{max-height:none;aspect-ratio:4/5}.project-visual figcaption{font-size:11px;gap:10px;padding-top:10px}.project-copy .eyebrow{margin-bottom:10px}.project-copy h2{font-size:34px;line-height:1.15;margin-bottom:14px;max-width:none}.project-copy>p{font-size:16px;line-height:1.85;max-width:none}.project-design-note{font-size:23px!important;margin-bottom:16px}.project-record{margin-block:20px}.project-awaiting{font-size:12px!important}.project-record summary{min-height:48px}
 .project-gallery-return{display:block;padding-block:24px;margin-bottom:12px}.project-gallery-return p{font-size:15px;margin-bottom:16px}.project-gallery-return .text-link{white-space:normal}
 .project-home{padding-block:48px 54px}.project-home-heading{display:block;margin-bottom:28px}.project-home-heading .eyebrow{margin-bottom:16px}.project-home-heading h2{font-size:36px;line-height:1.15;margin-bottom:18px;max-width:17ch}.project-home-heading>p{font-size:15px;line-height:1.85;max-width:none}.project-home-grid{display:block}.project-home-feature+.project-home-feature{margin-top:30px}.project-home-feature:first-child img,.project-home-feature img{aspect-ratio:4/3}.project-home-feature figcaption{padding-top:12px;gap:4px 12px}.project-home-feature h3{font-size:27px}.project-home-feature figcaption p{font-size:12px;line-height:1.85;max-width:none}.project-home-bottom{display:block;padding-top:24px}.project-home-bottom>p{margin-bottom:12px}.project-home-bottom .text-link{white-space:normal}
 html[dir=rtl] .project-intro h1{font-size:37px;line-height:1.5;max-width:17ch}html[dir=rtl] .project-copy h2{font-size:33px;line-height:1.5}html[dir=rtl] .project-home-heading h2{font-size:34px;line-height:1.5}html[dir=rtl] .project-home-feature h3{font-size:27px;line-height:1.5}
}
@media(max-width:350px){.project-intro h1{font-size:36px}.project-copy h2{font-size:31px}.project-home-heading h2{font-size:32px}.project-home-feature h3{font-size:25px}html[dir=rtl] .project-intro h1{font-size:33px}html[dir=rtl] .project-home-heading h2{font-size:30px}.project-gallery-return .text-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.project-image-link img{transition:none;transform:none!important}}
.motion-disabled .project-image-link img{transition:none;transform:none!important}
.project-home-feature{display:block}