@layer components{.portfolio-hero{isolation:isolate;height:var(--portfolio-hero-height);background:var(--color-hero);min-height:30rem;display:grid;position:relative}.portfolio-hero-image{z-index:-1;position:absolute;inset:0;overflow:hidden}.portfolio-hero-image picture{width:100%;height:100%}.portfolio-hero-image img{object-fit:cover;object-position:58% 50%;width:100%;height:calc(100% + 2rem);margin-top:-1rem}.portfolio-hero-image:after{content:"";background:linear-gradient(90deg, var(--hero-shade) 0%, var(--hero-veil) 42%, var(--hero-transparent) 72%), linear-gradient(0deg, var(--hero-shade), var(--hero-transparent) 45%);animation:interior-hero-shade-in 1.2s var(--motion-ease) both;position:absolute;inset:0}.portfolio-hero-content{align-self:end;width:100%;padding-bottom:clamp(3rem,7vw,6rem)}.portfolio-hero h1{max-width:12ch;font-size:var(--text-home-heading)}.portfolio-eyebrow{margin-bottom:calc(var(--spacing) * 5);font-size:var(--text-label);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-accent)}.page-shell.portfolio{width:100%;max-width:var(--home-gallery-shell);padding-inline:var(--home-page-gutter);padding-block:var(--home-section-space)}.photograph-grid{column-count:3;column-gap:var(--home-photo-gap)}.photograph-tile{break-inside:avoid;margin-bottom:var(--home-photo-gap)}.photograph-link{cursor:zoom-in;text-decoration:none;display:block;position:relative;overflow:hidden}.photograph-link img{transition:transform var(--motion-slow) var(--motion-ease), filter var(--motion-medium) ease}.photograph-link:is(:hover,:focus-visible) img{filter:brightness(1.04);transform:scale(1.018)}.photograph-caption{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 4);font-size:var(--text-caption);line-height:var(--line-body);display:flex}.photograph-caption>:last-child{color:var(--color-muted);text-align:right}.portfolio-empty{padding-block:var(--gallery-row-gap);color:var(--color-muted)}.photograph-link-error img{visibility:hidden}.photograph-failure{padding:calc(var(--spacing) * 6);text-align:center;align-content:center;position:absolute;inset:0}.viewer-open{overflow:hidden}.photograph-viewer{background:var(--viewer-background);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--color-foreground);opacity:0;transition:opacity .12s ease, display .12s allow-discrete, overlay .12s allow-discrete;border:0;margin:auto;padding:0;inset:0}.photograph-viewer[open]{opacity:1;transition-duration:.16s}@starting-style{.photograph-viewer[open]{opacity:0}}.photograph-viewer::backdrop{background:var(--viewer-backdrop);backdrop-filter:blur(5px)brightness(.62);transition:background var(--motion-viewer-close) ease, backdrop-filter var(--motion-viewer-close) ease}.photograph-viewer[data-cinematic=closing]{background:0 0}.photograph-viewer[data-cinematic=closing]::backdrop{backdrop-filter:blur()brightness();background:0 0}.viewer-layout{gap:calc(var(--spacing) * 4);height:100%;padding:calc(var(--spacing) * 4) var(--page-gutter);grid-template-rows:auto minmax(0,1fr);display:grid}.viewer-toolbar,.viewer-navigation{transition:opacity var(--motion-fast) ease}.photograph-viewer[data-cinematic] .viewer-toolbar,.photograph-viewer[data-cinematic] .viewer-navigation{opacity:0;pointer-events:none}.viewer-toolbar{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);font-size:var(--text-label);display:flex}.viewer-toolbar>p{color:var(--color-muted);font-variant-numeric:tabular-nums}.viewer-button{justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);min-height:var(--touch-target);min-width:var(--touch-target);padding:0 calc(var(--spacing) * 2);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--motion-fast) ease, transform var(--motion-medium) var(--motion-ease);background:0 0;border:0;display:inline-flex}.viewer-button:is(:hover,:focus-visible){color:var(--color-accent)}.viewer-stage{touch-action:pan-y;overscroll-behavior:contain;min-height:0;position:relative}.viewer-navigation{z-index:2;pointer-events:none;position:absolute;inset:0}.viewer-navigation .viewer-button{width:var(--touch-target);pointer-events:auto;color:var(--color-foreground);font-size:clamp(2.5rem,4vw,4rem);font-weight:var(--font-weight-light);padding:0;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.viewer-previous{left:0}.viewer-next{right:0}.viewer-image-slot{place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.viewer-image-slot>.viewer-figure{grid-area:1/1}.viewer-figure{width:min(100%, calc((100dvh - var(--viewer-reserved-height)) * var(--photograph-ratio)))}.viewer-figure img{object-fit:contain;width:100%;height:auto}.viewer-figure[data-cinematic-hidden=true] img,.photograph-viewer[data-cinematic=opening] .photograph-caption,.photograph-viewer[data-cinematic=closing] .photograph-caption{opacity:0}.viewer-transition-image{z-index:4;pointer-events:none;transform-origin:0 0;will-change:transform;max-width:none;margin:0;display:block;position:fixed}.viewer-figure[data-pending=true],.viewer-stage[data-state=error] .viewer-figure{visibility:hidden}.viewer-figure[data-transition=enter-next]{animation:viewer-enter-next var(--motion-viewer) var(--motion-ease) both}.viewer-figure[data-transition=exit-next]{animation:viewer-exit-next var(--motion-viewer) var(--motion-ease) both}.viewer-figure[data-transition=enter-previous]{animation:viewer-enter-previous var(--motion-viewer) var(--motion-ease) both}.viewer-figure[data-transition=exit-previous]{animation:viewer-exit-previous var(--motion-viewer) var(--motion-ease) both}.viewer-state{inset:0 0 var(--viewer-caption-space);text-align:center;color:var(--color-muted);align-content:center;position:absolute}.viewer-state .viewer-button{margin-top:calc(var(--spacing) * 4);text-decoration:underline}@media (width<=47.99rem){.portfolio-hero{height:66svh;min-height:28rem}.portfolio-hero-image img{object-position:69% 50%}.portfolio-hero-image:after{background:linear-gradient(0deg, var(--hero-deep-shade), var(--hero-transparent) 68%)}.portfolio-hero-content{padding-bottom:calc(var(--spacing) * 10);align-items:end}.portfolio-hero h1{font-size:var(--text-home-section)}.photograph-grid{column-count:1}.viewer-layout{padding-block:calc(var(--spacing) * 3);gap:calc(var(--spacing) * 3)}}@media (width>=48rem) and (width<=63.99rem){.photograph-grid{column-count:2}}}@keyframes viewer-enter-next{0%{opacity:0;transform:translate(clamp(1rem,5vw,4rem))}}@keyframes viewer-exit-next{to{opacity:0;transform:translate(clamp(-4rem,-5vw,-1rem))}}@keyframes viewer-enter-previous{0%{opacity:0;transform:translate(clamp(-4rem,-5vw,-1rem))}}@keyframes viewer-exit-previous{to{opacity:0;transform:translate(clamp(1rem,5vw,4rem))}}