/* Immersive photographic portfolio, with static and reduced-motion fallbacks. */
.home-page{--accent:#e0d2b4;--bg:#0b0c0e;--paper:#f7f6f2}
.home-page .site-header{background:linear-gradient(#05050560,transparent);border-color:transparent;backdrop-filter:none;transition:background .4s,border-color .4s,backdrop-filter .4s}
.home-page .site-header.scrolled{background:#0b0c0eed;border-color:var(--line);backdrop-filter:blur(18px)}
.home-page .brand b{font:400 1.9rem/1 var(--font-display);letter-spacing:-.04em}.home-page .brand b em{color:inherit}.home-page .brand small{font-size:.6875rem;letter-spacing:.14em;color:#e2e0dc}
.home-page .main-nav a{color:#eee}.home-page .language-switcher button{color:#ddd}.home-page .language-switcher button[aria-pressed=true]{color:#fff;border-color:#ffffff50;background:#ffffff0a}
.home-page .cinema-hero{height:100svh;min-height:760px;max-height:1300px;padding:calc(var(--header-h) + 40px) var(--gutter) 32px;overflow:hidden;isolation:isolate;background:#070707}
.home-page .cinema-frame{inset:0;display:block;z-index:-1;background:#070707;aspect-ratio:auto;transform:none!important}
#heroMedia,.hero-slide,.home-page .cinema-frame picture{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-slide{opacity:0;transition:opacity 1.6s ease;will-change:opacity}.hero-slide.is-current{opacity:1}
.home-page .cinema-frame img{width:100%;height:100%;object-fit:cover;object-position:center 52%;max-height:none;transform:scale(1.045)}
.hero-slide.is-current img{animation:photograph-drift 9s linear both}.hero-is-paused .hero-slide.is-current img{animation-play-state:paused}
@keyframes photograph-drift{from{transform:scale(1.045)}to{transform:scale(1)}}
.home-page .hero-shade{display:block;background:linear-gradient(180deg,#0009 0%,transparent 30%,#0001 48%,#000b 85%,#000d 100%)}
.home-page .hero-topline{align-items:start}.home-page .hero-kicker{color:#eeece6;letter-spacing:.15em;font-size:.75rem}.home-page .hero-topline>span{display:none}
.home-page .cinema-copy{margin:auto 0 0;padding:70px 0 35px;max-width:none;pointer-events:auto}
.home-page .cinema-copy h1{font:400 clamp(4.5rem,8.2vw,9rem)/1 var(--font-display);letter-spacing:-.025em;color:#fff;text-shadow:0 3px 20px #0002;white-space:nowrap}
.home-page .cinema-copy h1 .hero-surname{display:inline;font:inherit;letter-spacing:inherit;margin-left:.12em;color:#fff}
.home-page .cinema-copy>p{font-size:.875rem;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#f0eeea;margin:0 0 20px;max-width:none}
.home-page .hero-explore{margin-top:25px;font-size:.875rem;border-color:#ffffff80;padding-bottom:10px;gap:70px}.home-page .hero-explore:hover i{transform:translateY(5px)}
.home-page .hero-bottom{margin-top:30px;align-items:center;border-top:1px solid #ffffff35;padding-top:23px}
.home-page .hero-credit{display:flex;align-items:center;gap:22px}.home-page .hero-credit>b{font-size:.875rem;font-weight:400}.home-page .hero-credit>span{font-size:.75rem;font-variant-numeric:tabular-nums;letter-spacing:.12em;color:#d2d0cb}
.home-page .hero-controls{align-items:center;gap:14px}.home-page .hero-controls button{position:relative;border:0;min-height:44px;width:65px;text-align:left;padding:0 0 13px;color:#d2d0cb;font-size:.75rem}.home-page .hero-controls button[data-frame]::before,.home-page .hero-controls button i{content:'';position:absolute;left:0;bottom:7px;height:1px;width:100%;background:#ffffff45}.home-page .hero-controls button i{background:#fff;transform:scaleX(0);transform-origin:left}
.home-page .hero-controls button[aria-pressed=true]{color:#fff}.hero-controls button[data-frame].is-running i{animation:frame-time 8s linear forwards}.hero-is-paused .hero-controls button.is-running i{animation-play-state:paused}
@keyframes frame-time{to{transform:scaleX(1)}}
.home-page .hero-controls #heroPause{width:44px;height:44px;min-height:44px;padding:0;text-align:center;font-size:1rem;border:1px solid #ffffff50;border-radius:50%;margin-left:10px}
.selected-frames{padding:110px 0 70px;overflow:hidden;background:#101214;color:var(--paper)}
.frames-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin:0 var(--gutter) 55px}.frames-heading .section-kicker{color:#b6b7b6;margin-bottom:22px}
.frames-heading h2{font:400 clamp(2.8rem,4.3vw,5rem)/1.04 var(--font-display);letter-spacing:-.045em;max-width:12ch}
.frames-navigation{display:flex;flex-direction:column;align-items:end;gap:25px}.frames-navigation p{max-width:28ch;color:#b6b7b6;font-size:.9375rem}
.film-buttons{display:flex;gap:10px}.film-buttons button{border:1px solid #ffffff35;width:50px;height:50px;border-radius:50%;font-size:1.2rem;transition:background .3s,color .3s}.film-buttons button:hover{background:#ffffff10;color:#fff;border-color:#ffffff70}.film-buttons button:disabled{opacity:.3;cursor:default}
.filmstrip{display:flex;gap:clamp(20px,3vw,50px);overflow-x:auto;overflow-y:hidden;padding:0 var(--gutter) 15px;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);scroll-behavior:smooth;scrollbar-width:none;align-items:start;overscroll-behavior-x:contain}.filmstrip::-webkit-scrollbar{display:none}.filmstrip.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}.filmstrip.is-dragging *{cursor:grabbing!important}
.film-frame{flex:0 0 auto;width:clamp(240px,28vw,430px);margin:0;scroll-snap-align:start;min-width:0}.film-frame:nth-child(even){width:clamp(350px,42vw,650px);padding-top:24px}
.film-photo{position:relative;display:block;padding:0;width:100%;overflow:hidden;background:#101214;cursor:zoom-in}.film-photo picture{display:block}.film-photo img{width:100%;height:clamp(290px,35vw,490px);object-fit:contain;background:#101214;transition:filter .5s}.film-frame:nth-child(even) img{height:clamp(220px,28vw,390px)}.film-photo:hover img{filter:brightness(1.08)}
.film-photo::after{content:'+';position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:36px;height:36px;color:white;border:1px solid #ffffff80;border-radius:50%;background:#1117;font-size:1.3rem;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.film-photo:hover::after,.film-photo:focus-visible::after{opacity:1;transform:none}
.film-frame figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:17px;font-size:.8125rem;letter-spacing:.015em}.film-frame figcaption small{font-size:.75rem;color:#a6a8a3}
.filmstrip-bottom{display:flex;justify-content:space-between;gap:20px;margin:32px var(--gutter) 0;padding-top:20px;border-top:1px solid var(--line);font-size:.8125rem;color:#b6b7b6}.filmstrip-bottom>span:last-child{white-space:nowrap;color:var(--paper);font-variant-numeric:tabular-nums}
.home-page .collection-index{padding-top:24px;padding-bottom:24px}.home-page .collection-index a.is-active{color:#fff}.home-page .collection-index a small{color:#b9b8b0}
.home-page .projects-section{padding-top:100px}.home-page .projects-heading h2{font:400 clamp(2.8rem,4.3vw,5rem)/1.04 var(--font-display);letter-spacing:-.04em;max-width:11ch}.home-page .projects-heading{margin-bottom:50px}.home-page .projects-heading>p:last-child{max-width:32ch;color:#a6a8a3}
.home-page .project-grid{gap:100px 8%;grid-template-columns:1fr 1fr}.home-page .portfolio-card:nth-child(even){padding-top:72px}.home-page .portfolio-card .card-image{background:#131615;isolation:isolate}.home-page .portfolio-card .card-main{display:block;transition:opacity .85s}.home-page .portfolio-card .card-alternate{position:absolute;inset:0;opacity:0;transition:opacity .85s;pointer-events:none;background:#131615}.home-page .card-alternate picture,.home-page .card-alternate img{width:100%;height:100%;object-fit:contain}.home-page .card-heading h3{font:400 clamp(2rem,3vw,3.8rem)/1.05 var(--font-display);letter-spacing:-.025em}.home-page .card-heading{padding-top:23px}.home-page .card-open{background:#0b0c0e77}.home-page .card-count{font-size:.75rem;background:#080a0bbb;padding:6px 10px;border:0;letter-spacing:.03em}.home-page .card-link:hover .card-open{background:#16191be6;color:var(--paper);border-color:#ffffff80}.home-page .portfolio-card>p{font-size:.9375rem;color:#a6a8a3}.home-page .card-details{font-size:.75rem}.home-page .portfolio-card:last-child:nth-child(odd){grid-template-columns:1.2fr .8fr}
@media(hover:hover){.home-page .card-link:hover .card-alternate,.home-page .card-link:focus-visible .card-alternate{opacity:1}.home-page .portfolio-card .card-link:hover img{transform:none}.filmstrip{cursor:grab}}
.home-page .manifest-section{margin:40px 0 100px;min-height:760px;padding:80px var(--gutter);grid-template-columns:1fr 1fr;gap:8%;background:#101214;border:0}.home-page .manifest-visual{transform:none;width:90%;justify-self:center;position:relative}.home-page .manifest-visual img{max-height:700px}.home-page .manifest-visual::after{display:none;content:'';position:absolute;inset:20px -20px -20px 20px;border:1px solid #ffffff25;z-index:-1}.home-page .manifest-copy blockquote{font-size:clamp(3rem,4.6vw,5.5rem);line-height:1.03}.home-page .manifest-copy .signature{font-family:var(--font-display);font-size:1.65rem;color:#dadbd2;font-style:italic}.home-page .manifest-copy .section-kicker{color:#b9bdb1}
.home-page .about-copy h2{font:400 clamp(2.8rem,4.3vw,5rem)/1.06 var(--font-display);letter-spacing:-.025em}.home-page .about-photo{position:relative}.home-page .about-photo img{filter:saturate(.7)}.home-page .about-copy .about-lead{font-size:1.05rem}.home-page .about-facts{font-size:.8125rem}
.home-page .contact-section{background:#101214;color:var(--paper);padding-top:100px}.home-page .contact-section .section-kicker{color:#b6b7b6}.home-page .contact-section h2{font:400 clamp(2.8rem,4.3vw,5rem)/1.02 var(--font-display);letter-spacing:-.035em;max-width:14ch}.home-page .contact-section>p:not(.section-kicker){color:#b6b7b6}.home-page .contact-grid>a{border-color:var(--line)}.home-page .contact-label{color:#a6a8a3}.home-page .contact-value{color:var(--paper)}.home-page .contact-grid i{color:var(--paper)}.home-page .contact-grid>a:hover{border-color:#ffffff65}.home-page .site-footer{background:#101214;color:#a6a8a3;border-color:var(--line)}
.frame-lightbox{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#080909f5;color:#fff;overflow:hidden;overscroll-behavior:contain}.frame-lightbox::backdrop{background:#000c;backdrop-filter:blur(14px)}.frame-lightbox[open]{display:grid;grid-template-rows:80px minmax(0,1fr) 80px;animation:lightbox-enter .35s var(--ease)}@keyframes lightbox-enter{from{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}
.frame-lightbox-top,.frame-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px var(--gutter);font-size:.875rem}.frame-lightbox-top>span{font:400 1.5rem/1.2 var(--font-display)}.frame-lightbox-top button{height:44px;width:44px;border:1px solid #ffffff45;border-radius:50%;font-size:1.6rem;line-height:1}.frame-stage{position:relative;min-height:0;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:0 70px;touch-action:pan-y}.frame-stage img{max-width:100%;max-height:100%;min-height:0;min-width:0;width:auto;height:auto;object-fit:contain;transition:opacity .3s,transform .5s var(--ease)}.frame-stage.is-loading img{opacity:.25;transform:scale(.99)}.frame-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:70px;font:400 3rem/1 var(--font-display);background:#0005;z-index:1}.frame-arrow.previous{left:12px}.frame-arrow.next{right:12px}.frame-lightbox-bottom>span{font-size:.8125rem;letter-spacing:.1em;font-variant-numeric:tabular-nums;color:#aaa}.frame-lightbox-bottom a{display:flex;gap:20px;padding:9px 0;border-bottom:1px solid #ffffff50}.frame-lightbox-bottom i{font-style:normal}#frameStatus{position:absolute;background:#101211cc;padding:8px 15px;font-size:.875rem}#frameStatus:empty{display:none}html.frame-open{overflow:hidden}
@media(max-width:1000px){.home-page .cinema-hero{min-height:720px}.home-page .cinema-copy h1{font-size:10vw}.home-page .manifest-section{min-height:620px}.home-page .manifest-copy blockquote{font-size:5.8vw}}
@media(max-width:760px){
.home-page .site-header{padding:17px 22px}.home-page .brand b{font-size:1.65rem}.home-page .brand small{font-size:.625rem}.home-page .cinema-hero{min-height:710px;height:100svh;max-height:1050px;padding:120px 22px 25px;display:flex}.home-page .cinema-frame{position:absolute;inset:0;width:100%;aspect-ratio:auto;z-index:-1}.home-page .cinema-frame img{object-fit:cover;object-position:57% center}.home-page .hero-topline{order:0}.home-page .hero-topline>span{display:none}.home-page .hero-kicker{font-size:.75rem}.home-page .cinema-copy{order:1;margin-top:auto;padding:80px 0 0}.home-page .cinema-copy h1{font-size:clamp(4.7rem,20.7vw,9rem);white-space:normal;max-width:90%}.home-page .cinema-copy h1 .hero-surname{display:block;margin-left:13vw}.home-page .cinema-copy>p{font-size:.75rem;max-width:28ch;margin-bottom:18px;letter-spacing:.08em}.home-page .hero-explore{margin-top:22px;gap:40px}.home-page .hero-bottom{order:2;display:flex;align-items:center;gap:18px;padding-top:16px;margin-top:26px}.home-page .hero-credit{display:grid;gap:5px}.home-page .hero-credit>b{font-size:.8125rem}.home-page .hero-credit>span{font-size:.6875rem}.home-page .hero-controls{gap:8px}.home-page .hero-controls button{width:30px}.home-page .hero-controls #heroPause{width:38px;min-height:38px;height:38px;margin-left:4px}.home-page .hero-shade{background:linear-gradient(180deg,#0009,transparent 25%,#0003 40%,#000b 75%,#000e)}
.selected-frames{padding:65px 0 42px}.frames-heading{display:block;margin-bottom:30px}.frames-heading h2{font-size:3.3rem;max-width:12ch}.frames-heading .section-kicker{margin-bottom:20px}.frames-navigation{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.frames-navigation p{font-size:.875rem;max-width:20ch}.film-buttons{gap:8px}.film-buttons button{height:42px;width:42px}.filmstrip{gap:22px}.film-frame{width:70vw;max-width:340px}.film-frame:nth-child(even){width:85vw;max-width:460px;padding-top:38px}.film-photo img{height:365px;max-height:100vw}.film-frame:nth-child(even) img{height:270px;max-height:73vw}.film-photo::after{opacity:1;transform:none}.filmstrip-bottom{font-size:.75rem;gap:18px;margin-top:22px}.filmstrip-bottom>span:first-child{max-width:29ch}.home-page .projects-section{padding-top:65px}.home-page .projects-heading{margin-bottom:40px}.home-page .projects-heading h2{font-size:3.5rem}.home-page .project-grid{grid-template-columns:1fr;gap:48px}.home-page .portfolio-card:nth-child(even){padding-top:0}.home-page .card-heading h3{font-size:2.3rem}.home-page .card-alternate{display:none}.home-page .portfolio-card:last-child:nth-child(odd){display:block}.home-page .manifest-section{margin:20px 0 65px;min-height:0;padding:50px 28px;grid-template-columns:1fr;gap:40px}.home-page .manifest-visual{max-width:350px;width:82%}.home-page .manifest-copy blockquote{font-size:3.3rem}.home-page .about-copy h2{font-size:3.1rem}.home-page .contact-section{padding-top:60px}.home-page .contact-section h2{font-size:3.5rem}.frame-lightbox[open]{grid-template-rows:65px minmax(0,1fr) 90px}.frame-lightbox-top,.frame-lightbox-bottom{padding:12px 18px}.frame-lightbox-bottom a{max-width:75%;font-size:.8125rem;gap:10px}.frame-stage{padding:0 8px}.frame-arrow{width:38px;height:55px;font-size:2.4rem}.frame-arrow.previous{left:4px}.frame-arrow.next{right:4px}
}
.project-page .brand b{font:400 1.8rem/1 var(--font-display);letter-spacing:-.035em}
.project-page .project-opening h1,.project-page .project-opening h1.title-long,.project-page .project-opening h1.title-extra-long{font:400 clamp(3rem,4.6vw,5.5rem)/1.04 var(--font-display)!important;letter-spacing:-.04em!important}
.project-page .project-opening-copy .project-meta{font-size:.75rem;color:#b9bbb2}
.project-page .gallery-item.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform 1s var(--ease)}.project-page .gallery-item.reveal.visible{opacity:1;transform:none}
.project-page .gallery-action{background:#0a0c0bbb;border:1px solid #ffffff50;padding:10px 14px;font-size:.75rem!important;letter-spacing:.03em}
.project-page .next-project-copy strong{font:400 clamp(3rem,6vw,7rem)/1 var(--font-display);letter-spacing:-.03em}
.project-page .project-contact h2{font:400 clamp(3.2rem,6vw,7rem)/1.05 var(--font-display);letter-spacing:-.03em}
::view-transition-group(*){animation-duration:.75s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
@media(max-width:760px){.project-page .brand b{font-size:1.3rem}.project-page .project-opening h1,.project-page .project-opening h1.title-long,.project-page .project-opening h1.title-extra-long{font-size:clamp(3.5rem,14vw,5rem)!important}.project-page .next-project-copy strong{font-size:3rem}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide img,.film-photo img,.card-alternate,.frame-stage img{animation:none!important;transition:none!important;transform:none!important}.filmstrip{scroll-behavior:auto}.frame-lightbox[open]{animation:none}.home-page .cinema-copy{animation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
