/* La galería habitable — independent art direction. */
:root{--header:78px;--gutter:4vw}
.header{padding:0 4vw;background:#fff;border:0}.header>a:first-child{width:146px}.contact-nav{border:0;border-bottom:1px solid var(--ink);padding:9px 0}.desktop-nav{gap:30px}
.atelier-journey{padding-top:var(--header);background:white;position:relative;color:var(--ink)}
.atelier-sticky{height:calc(100svh - var(--header));min-height:600px;overflow:hidden;position:relative}
.atelier-track{display:flex;height:calc(100% - 56px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.atelier-track::-webkit-scrollbar{display:none}
.atelier-scene{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;overflow:hidden;color:white}
.atelier-scene>img{width:100%;height:100%;object-fit:cover}
.atelier-scene:first-child{background:#fff;color:var(--ink)}
.atelier-scene:first-child>img{position:absolute;inset:0;clip-path:inset(21% 0 0 22%);object-position:center 52%;transform:scale(1.035)}
.atelier-scene:first-child .scene-shade{display:none}
.portal-title{position:absolute;inset:1% 4vw auto;z-index:2;pointer-events:none}
.portal-title>.eyebrow{display:block;font-size:9px;letter-spacing:.12em;margin:0 0 15px}
.portal-title h1{font-size:10.4vw;line-height:.98;letter-spacing:-.065em;font-weight:400}
.portal-title h1>span{display:block;white-space:nowrap}
.portal-title h1>em{display:block;margin-top:5px;white-space:nowrap;letter-spacing:-.047em;font-size:1.035em;line-height:1.13;background:linear-gradient(to right,var(--ink) 18vw,#fff 18vw);background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:.12em}
.portal-aside{position:absolute;left:4vw;top:52%;width:14vw;display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.6}.portal-aside a{font-size:33px;padding:8px}
.portal-detail{position:absolute;left:4vw;bottom:4%;width:14vw;padding:0;text-align:left}.portal-detail img{width:100%;height:17svh;object-fit:cover}.portal-detail span{display:block;font-size:8px;margin-top:12px;line-height:1.5}
.portal-actions{position:absolute;right:4vw;bottom:15%;z-index:2;color:white;display:flex;align-items:end;gap:30px}.portal-actions .hero-link,.portal-actions .hero-film-link{margin:0;text-shadow:0 1px 10px #0009;font-size:11px}.portal-actions .hero-link{padding:10px 0}
.atelier-scene:first-child .scene-project{left:auto;right:4vw;bottom:4%;width:40%;color:white;border-color:#fff7;background:#212045bd;padding:14px 18px;min-width:0}.atelier-scene:first-child .scene-project span{font-size:8px}.atelier-scene:first-child .scene-project strong{font-size:13px}.atelier-scene:first-child .scene-project i{right:16px;top:20px;font-size:24px}
.atelier-scene:not(:first-child) .scene-caption{left:6vw;bottom:19%;max-width:80vw}.atelier-scene .scene-caption h2{font-size:clamp(60px,9vw,150px);line-height:.95}.atelier-scene:not(:first-child) .scene-project{right:5vw;bottom:5%;left:auto}.atelier-scene .scene-shade{position:absolute;inset:0;background:linear-gradient(transparent 35%,#212045b8)}
.atelier-bar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);font-size:10px;background:white;position:relative;z-index:4}.atelier-bar .scene-controls{display:flex;align-items:center;gap:12px}.atelier-bar .scene-controls button{color:var(--muted);padding:12px 8px;font-size:11px}.atelier-bar .scene-controls button[aria-current=true]{color:var(--ink);box-shadow:inset 0 -2px var(--acid)}.atelier-bar .scene-line{width:50px;height:1px}.atelier-bar .bar-note{font-size:9px}.atelier-bar .scroll-cue{display:flex;gap:30px}
.portal-enhanced .atelier-journey{height:340svh}.portal-enhanced .atelier-sticky{position:sticky;top:var(--header)}.portal-enhanced .atelier-track{overflow:visible;scroll-snap-type:none;will-change:transform}
.intro{position:relative;display:grid;grid-template-columns:1fr 3fr;padding-top:155px;padding-bottom:165px;gap:7vw;overflow:hidden}.intro>.section-label{align-self:start;max-width:170px;line-height:1.8;margin-top:10px}.intro-main{position:relative;z-index:2}.intro h2{font-size:clamp(50px,6.9vw,110px);line-height:1.05;letter-spacing:-.055em}.intro h2 em{color:var(--ink)}.intro-bottom{margin-left:37%;margin-top:55px;max-width:430px}.intro-bottom p{font-size:14px;line-height:1.9}.intro-art{position:absolute;width:22vw;height:30vw;left:4vw;bottom:65px;z-index:0;transform:rotate(-5deg)}.intro-art img{width:100%;height:100%;object-fit:cover}.intro-art span{display:block;font-size:8px;margin-top:14px;letter-spacing:.055em}
.nova-feature{background:var(--ink);color:white;padding:90px 4vw 45px;position:relative}.nova-feature-heading{grid-template-columns:1.8fr 1fr;gap:7vw;margin-bottom:50px}.nova-feature-heading h2{font-size:clamp(44px,6vw,100px);line-height:1}.nova-feature-heading h2 em{color:var(--sky)}.nova-feature-heading>p{font-size:13px;color:var(--sky)}.nova-switch{border-color:#ffffff40;justify-content:flex-end;margin-bottom:20px}.nova-switch button{color:white}.nova-switch button[aria-pressed=true]{border-color:var(--sky)}.nova-stage{aspect-ratio:1.95;margin:0 -4vw}.nova-stage img{object-position:center 60%}.nova-explore{right:4vw;bottom:35px}.media-label{left:4vw;top:25px;background:var(--ink);color:white}.nova-feature-foot{padding-top:35px}.nova-feature-foot .text-link{color:var(--sky)}.film-play{background:var(--sky);color:var(--ink);border-radius:50%;width:200px;min-width:200px;height:200px;align-content:center;padding:25px;backdrop-filter:none}.film-play:hover{background:white}.film-play>strong{font-size:12px}
.projects{padding:125px 4vw 100px}.projects>.section-label{padding-bottom:20px;border-bottom:1px solid var(--line)}.section-heading{margin:45px 0}.section-heading h2{font-size:clamp(60px,8.2vw,135px);line-height:.95;letter-spacing:-.06em}.section-heading h2 br{display:none}.section-heading h2 em{display:block;margin-left:13vw}.view-controls{align-self:end;margin-bottom:10px}.portfolio-toolbar{border-top:0;padding-top:0;margin-bottom:30px}.project-filters button{font-size:11px}.project-grid:not(.index-view):not(.filtered){display:grid;grid-template-columns:repeat(12,1fr);column-gap:3vw;row-gap:100px;align-items:start}.project-grid:not(.index-view):not(.filtered) .project-card{margin:0;grid-column:1 / 8}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(4n+2){grid-column:9 / 13;margin-top:180px}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(4n+3){grid-column:2 / 12}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(4n){grid-column:1 / 6;margin-top:0}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(4n+5){grid-column:7 / 13;margin-top:130px}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(4n+6){grid-column:3 / 11;margin-top:0}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(7){grid-column:1 / 8}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(8){grid-column:9 / 13;margin-top:160px}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(9){grid-column:1 / 6;margin-top:0}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(10){grid-column:7 / 13;margin-top:120px}
.project-grid:not(.index-view):not(.filtered) .project-photo{aspect-ratio:1.22}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(4n+2) .project-photo{aspect-ratio:.82}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(4n+3) .project-photo{aspect-ratio:1.8}.project-meta{margin-top:0;border:0;padding-top:20px;align-items:start;gap:20px}.project-meta h3{font-size:clamp(20px,2.3vw,37px);letter-spacing:-.04em}.project-number{color:var(--muted);font-size:10px;padding-top:8px}.project-meta p{font-size:10px;line-height:1.7}.project-photo img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-photo img{transform:scale(1.035)}.open-project{border-radius:50%;width:90px;height:90px;font-size:11px;display:grid;place-items:center;padding:0}.project-grid.filtered .project-card:nth-of-type(n){margin-top:0}.projects-end{margin-top:80px;padding-top:35px}.index-view .project-card{padding:28px 0}.index-view .project-meta{padding:0}.index-view .project-meta h3{font-size:32px}
.services{grid-template-columns:1fr 1.1fr;background:var(--sky)}.services-visual{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:650px}.services-copy{padding:85px 5vw 90px}.services h2{font-size:clamp(55px,6vw,90px);line-height:1}.services summary{font-size:20px;padding:25px 0}.services summary>span{font-size:10px}.services-intro{font-size:13px;max-width:340px}.services details{border-color:#21204540}.services details>div{font-size:13px}
.signature{position:relative;min-height:800px;padding:100px 4vw;grid-template-columns:1fr 2.7fr;background:white;color:var(--ink);overflow:hidden}.signature>.section-label{color:var(--ink);z-index:2}.signature>p{font-size:clamp(64px,8vw,135px);line-height:1.03;position:relative;z-index:2;letter-spacing:-.05em}.signature>p em{color:var(--ink)}.signature>div:not(.signature-photo){z-index:2;grid-column:2;margin:35px 0 0 40%;max-width:340px}.signature .text-link{color:var(--ink)}.signature-photo{position:absolute;left:4vw;top:220px;width:23vw;height:440px;transform:rotate(4deg)}.signature-photo img{width:100%;height:100%;object-fit:cover}.signature>div>p{font-size:13px}
.contact{padding:55px 4vw 65px}.contact-title{margin-top:65px;margin-bottom:65px}.contact h2{font-size:clamp(55px,9vw,155px);line-height:1.02;letter-spacing:-.055em}.contact-circle{width:13vw;height:13vw;font-size:12vw}.contact-bottom{border-top:1px solid #21204550;padding-top:30px}.footer{padding:40px 4vw 25px}.footer-logo{max-height:none;width:100%;margin:65px 0 40px}.footer-top{font-size:11px}
@media(min-width:701px) and (max-height:740px){.atelier-sticky{min-height:520px}.portal-title h1{font-size:9vw}.portal-title h1>em{font-size:1em}.portal-aside{top:55%}.portal-detail img{height:14svh}.portal-detail span{font-size:7px}.portal-actions{bottom:19%}}
@media(max-width:1000px){.desktop-nav{gap:18px}.portal-aside{font-size:9px}.portal-actions{gap:18px}.portal-actions .hero-link,.portal-actions .hero-film-link{font-size:9px}.intro-bottom{margin-left:25%}.signature{min-height:680px}.signature-photo{height:350px}.services-copy{padding-left:4vw;padding-right:4vw}.services summary{font-size:17px}}
@media(max-width:700px){:root{--header:68px;--gutter:22px}.header{padding:0 22px}.atelier-journey{height:auto!important}.atelier-sticky{height:calc(100svh - 68px);min-height:640px}.atelier-track{height:calc(100% - 54px);overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important}.atelier-scene:first-child>img{clip-path:inset(25% 0 0 0);transform:none;object-position:54% center}.portal-title{top:2%;left:22px;right:18px}.portal-title>.eyebrow{font-size:7px;margin-bottom:23px;letter-spacing:.055em}.portal-title h1{font-size:14.2vw;line-height:1.03}.portal-title h1>em{font-size:1.03em;color:var(--ink);background:none;margin-top:4px;letter-spacing:-.05em;line-height:1.08}.portal-aside,.portal-detail{display:none}.portal-actions{left:22px;right:22px;bottom:24%;display:flex;flex-direction:column;align-items:start;gap:10px}.portal-actions .hero-link,.portal-actions .hero-film-link{font-size:11px;background:#212045cc;padding:9px 12px;border:0;text-shadow:none}.atelier-scene:first-child .scene-project{left:22px;right:22px;bottom:5%;width:auto;padding:14px 17px}.atelier-scene:first-child .scene-project strong{font-size:14px}.atelier-scene:first-child .scene-project i{top:18px}.atelier-bar{padding:0 22px;height:54px;font-size:8px}.atelier-bar .scroll-cue{gap:10px}.atelier-bar .scene-controls{gap:3px}.atelier-bar .scene-line{width:20px}.atelier-bar .scene-controls button{padding:12px 7px}.atelier-bar .bar-note{display:none}.atelier-scene .scene-caption h2{font-size:60px}.atelier-scene:not(:first-child) .scene-caption{left:22px;bottom:25%;max-width:90vw}.atelier-scene:not(:first-child) .scene-project{left:22px;right:22px}.intro{padding:75px 22px 65px;grid-template-columns:1fr;gap:32px}.intro>.section-label{max-width:none;margin:0}.intro h2{font-size:11vw;line-height:1.07}.intro-art{position:relative;left:auto;bottom:auto;width:48%;height:210px;grid-row:3;margin:0 0 0 8px;transform:rotate(-5deg)}.intro-art span{font-size:6px}.intro-bottom{margin:35px 0 0 18%;padding:0;border:0}.intro-bottom p{font-size:13px}.nova-feature{padding:55px 22px 35px}.nova-feature-heading{grid-template-columns:1fr;gap:25px;margin-bottom:25px}.nova-feature-heading h2{font-size:43px}.nova-feature-heading>p{font-size:12px}.nova-stage{margin:0 -22px;aspect-ratio:.95}.nova-switch{gap:15px}.media-label{left:22px;font-size:8px}.nova-explore{right:22px;left:22px;bottom:22px}.film-play{width:165px;height:165px;min-width:165px}.nova-feature-foot{padding-top:25px}.projects{padding:65px 22px}.section-heading{margin:35px 0;align-items:end}.section-heading h2{font-size:12vw}.section-heading h2 em{margin-left:0}.view-controls{margin-bottom:0;flex-shrink:0}.view-controls button{font-size:9px}.portfolio-toolbar{margin-bottom:15px}.project-filters{gap:2px 16px}.project-filters button{font-size:9px}.project-grid:not(.index-view):not(.filtered){grid-template-columns:repeat(6,1fr);gap:45px 12px}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(n){grid-column:1 / -1;margin-top:0}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(3n+2){grid-column:2 / -1}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(3n+3){grid-column:1 / 6}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(n) .project-photo{aspect-ratio:1.05}.project-grid:not(.index-view):not(.filtered) .project-card:nth-of-type(3n+2) .project-photo{aspect-ratio:.95}.project-meta{gap:12px;padding-top:15px}.project-meta h3{font-size:21px}.project-meta p{font-size:8px}.project-number{font-size:8px;padding-top:6px}.open-project{display:none}.projects-end{margin-top:45px}.index-view .project-meta h3{font-size:18px}.services{grid-template-columns:1fr}.services-visual{position:relative;top:0;height:480px;min-height:0}.services-copy{padding:45px 22px}.services h2{font-size:56px}.services summary{font-size:17px;padding:22px 0}.signature{min-height:0;display:block;padding:60px 22px 65px}.signature>.section-label{display:block;margin-bottom:35px}.signature>p{font-size:12vw}.signature-photo{position:relative;top:auto;left:auto;width:42%;height:230px;margin:30px 0 0 5px;float:left}.signature>div:not(.signature-photo){margin:40px 0 0 53%;max-width:none;min-height:235px;display:block}.signature>div>p{margin:22px 0;font-size:11px}.signature .text-link{font-size:10px;gap:8px}.contact{padding:35px 22px}.contact-title{margin:35px 0}.contact h2{font-size:10.5vw}.contact-circle{width:45px;height:60px;font-size:48px;margin-left:6px}.contact-bottom{padding-top:25px}.footer{padding:30px 22px 20px}.footer-logo{max-height:none;margin:40px 0 30px}.footer-top{font-size:10px}}
@media(prefers-reduced-motion:reduce){.atelier-journey{height:auto!important}.atelier-sticky{position:relative!important;top:auto!important}.atelier-track{overflow-x:auto!important;transform:none!important}.atelier-scene:first-child>img{transform:none}.intro-art,.signature-photo{transform:none}.project-photo img{transition:none}.portal-title,.portal-detail,.portal-aside{transform:none!important;opacity:1!important}}
/* Keep the split title legible without tinting the whole photograph. */
.portal-title h1>em{filter:drop-shadow(0 1px 0 #21204515)}
.portal-actions .hero-link,.portal-actions .hero-film-link{background:var(--ink);padding:10px 15px;border:0;text-shadow:none}
@media(max-width:700px){.atelier-sticky{min-height:560px}.portal-actions{bottom:23%}.portal-title h1{font-size:14vw}}

/* The Nova film is a chapter within the photographic collection. */
.project-grid>.nova-feature{grid-column:1 / -1;margin:0 -4vw;padding-left:4vw;padding-right:4vw;text-align:left;min-width:0}
.project-grid.index-view>.nova-feature,.project-grid.filtered>.nova-feature{display:none}
@media(max-width:700px){.project-grid>.nova-feature{margin:15px -22px;padding-left:22px;padding-right:22px}}