@layer components{.photo-page{--mx:0;--my:0;--_ease:cubic-bezier(.16, 1, .3, 1);--_angle:1;isolation:isolate;padding:calc(var(--nav-height) * 2.6) var(--space-5) calc(var(--space-5) * 2);font-family:var(--font-secondary);font-weight:400;position:relative;overflow:clip}.photo-page_atmosphere{z-index:-1;pointer-events:none;background:radial-gradient(38rem 30rem at 66% 26rem, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), radial-gradient(26rem 22rem at 18% 40rem, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%), radial-gradient(40rem 26rem at 50% calc(100% - 18rem), color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%);position:absolute;inset:0}.photo-page_atmosphere:before{content:"";background:linear-gradient(104deg, transparent 30%, color-mix(in srgb, var(--accent) 4%, transparent) 38%, transparent 46%);position:absolute;inset:0}.photo-hang{column-gap:var(--space-5);max-width:var(--container);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(5rem,10vw,10rem);margin-inline:auto;display:grid}.photo-hang_intro{z-index:1;grid-area:1/1/auto/span 4;align-self:center;position:relative;container-type:inline-size}.photo-page_back,.photo-page_all{min-height:2.75rem;color:var(--label);font-size:var(--text-small);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.6rem;transition:color .4s;display:inline-flex}.photo-page_back span{color:var(--accent);letter-spacing:0;transition:transform .5s var(--_ease), color .4s}@media (hover:hover){.photo-page_back:hover,.photo-page_all:hover{color:var(--text-1)}.photo-page_back:hover span{color:var(--accent);transform:translate(-.25rem)}}.photo-page_back:active,.photo-page_all:active{color:var(--text-1)}.photo-page_back:active span{color:var(--accent);transform:translate(-.25rem)}.photo-hang_title{margin:calc(var(--space-5) * .9) 0 0;font-family:var(--font-primary);font-size:min(var(--type-display-wide), 17cqi);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);overflow-wrap:anywhere;line-height:1}.photo-hang_mark{color:var(--accent)}.photo-hang_text{max-width:34ch;margin:var(--space-5) 0 0;color:var(--text-muted);font-size:var(--fluid-unit);line-height:1.75}.photo-hang_count{margin:calc(var(--space-5) * 1.4) 0 0;color:var(--label);font-size:var(--text-small);font-variant-numeric:tabular-nums;letter-spacing:.2em;text-transform:uppercase}.photo-hang_slot{--shift:0;grid-column:var(--col) / span var(--span);grid-row:var(--row);align-self:start;justify-self:var(--_justify,stretch);width:100%;max-width:calc(78svh * var(--aspect) + 2.5rem);margin-top:calc(var(--drop) * 1rem);transform-style:preserve-3d;transform:perspective(var(--_perspective,110rem)) translate3d(calc(var(--mx) * var(--k) * .25px), calc(var(--my) * var(--k) * .12px - var(--shift) * var(--k) * 1px), calc(var(--z) * 1px)) rotateX(calc(var(--my) * -.8deg + var(--shift) * var(--_scroll-tilt,0) * 14deg)) rotateY(calc((var(--ry) + var(--shift) * 2.2 + var(--mx) * 1.4) * var(--_angle) * 1deg)) rotateZ(calc(var(--rz) * var(--_angle) * 1deg));--_deep:clamp(0, calc(var(--z) / -110), 1)}.photo-hang_slot>.glass-frame{border-color:color-mix(in srgb, var(--accent-light) calc(32% - var(--_deep) * 22%), transparent)}.photo-hang_slot>.glass-frame:before{opacity:calc(1 - var(--_deep) * .75)}.photo-hang_slot[data-side=start]{--_justify:start}.photo-hang_slot[data-side=end]{--_justify:end}.photo-hang_slot[data-side=centre]{--_justify:center}.photo-hang_slot[data-arrangement=pair-balanced]{align-self:center}.photo-hang_slot[data-pair][data-side=start]{--_justify:end}.photo-hang_slot[data-pair][data-side=end]{--_justify:start}.photo-hang_slot[data-hang-lead]{align-self:center}.photo-hang_slot[data-hang-lead] .glass-frame_media{view-transition-name:photo-lead}.photo-hang_slot>.glass-frame{transition-delay:calc(var(--d) * .14s + 60ms)}.photo-page[data-motion=ready] .photo-hang_slot:not([data-revealed])>.glass-frame{opacity:0;transform:translate3d(0, 3rem, -8rem) rotateY(calc(var(--ry) * -.6deg))}.photo-page_end{gap:calc(var(--space-5) * 2);max-width:var(--container);margin:clamp(7rem,12vw,12rem) auto 0;display:grid}.photo-page_adjacent{align-items:last baseline;gap:var(--space-5);padding-top:var(--space-5);border-top:.0625rem solid color-mix(in srgb, var(--text-1) 16%, transparent);grid-template-columns:1fr auto 1fr;display:grid}.photo-page_adjacent a[rel]{padding-block:var(--space-3);font-family:var(--font-primary);font-size:calc(var(--fluid-unit) * 1.6);letter-spacing:-.02em;gap:.4rem;font-weight:300;transition:color .4s;display:grid}.photo-page_adjacent a[rel=next]{text-align:right;justify-self:end}.photo-page_adjacent a[rel] span{color:var(--label);font-family:var(--font-secondary);font-size:var(--text-small);letter-spacing:.2em;text-transform:uppercase;font-weight:400}@media (hover:hover){.photo-page_adjacent a[rel]:hover{color:var(--accent-light)}}.photo-page_adjacent a[rel]:active{color:var(--accent-light)}.photo-page_all{justify-self:center}@media not all and (hover:hover) and (pointer:fine) and (width>=64rem){.photo-page{--_scroll-tilt:1;--_perspective:55rem}}@media (width<=63.9375rem){.photo-page{--_angle:.45}.photo-hang_slot{--_deep:0}.photo-hang{grid-template-columns:minmax(0,1fr);row-gap:clamp(3.5rem,9vw,5rem)}.photo-hang_intro,.photo-hang_slot{grid-area:auto/1;margin-top:0}.photo-hang_slot:not([data-shape=landscape],[data-shape=panorama]){width:min(100%,34rem)}.photo-hang_slot[data-hang-lead]{--_justify:center}}@media (width<=47.9375rem){.photo-page{--_angle:.2;padding-inline:var(--space-4)}.photo-hang_slot:not([data-shape=landscape],[data-shape=panorama]){width:88%}.photo-page_adjacent{grid-template-columns:1fr 1fr;align-items:start}.photo-page_all{grid-area:2/1/auto/-1;justify-self:start}}@media (prefers-reduced-motion:reduce){.photo-page[data-motion=ready] .photo-hang_slot:not([data-revealed])>.glass-frame{opacity:1;transform:none}}}