.ph-bracket{position:absolute;width:2.2rem;height:2.2rem;border:1.5px solid hsla(0,0%,100%,.85)}.ph-bracket--tl{top:0;left:0;border-right:0;border-bottom:0}.ph-bracket--tr{top:0;right:0;border-left:0;border-bottom:0}.ph-bracket--bl{bottom:0;left:0;border-right:0;border-top:0}.ph-bracket--br{bottom:0;right:0;border-left:0;border-top:0}.ph-thirds{background-image:linear-gradient(90deg,transparent calc(33.33% - .5px),hsla(0,0%,100%,.22) calc(33.33% - .5px),hsla(0,0%,100%,.22) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(90deg,transparent calc(66.66% - .5px),hsla(0,0%,100%,.22) calc(66.66% - .5px),hsla(0,0%,100%,.22) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(180deg,transparent calc(33.33% - .5px),hsla(0,0%,100%,.22) calc(33.33% - .5px),hsla(0,0%,100%,.22) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(180deg,transparent calc(66.66% - .5px),hsla(0,0%,100%,.22) calc(66.66% - .5px),hsla(0,0%,100%,.22) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.ph-focus{width:3.2rem;height:2.4rem;border:1.5px solid #7cffb2;box-shadow:0 0 12px rgba(124,255,178,.6)}.ph-sprockets{height:14px;background-image:radial-gradient(hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 0),repeating-linear-gradient(90deg,transparent 0 10px,hsla(0,0%,100%,.55) 10px 22px,transparent 22px 34px);-webkit-mask:radial-gradient(5px 4px at 17px 50%,#000 95%,transparent 100%) 0 0 /34px 100% repeat-x;mask:radial-gradient(5px 4px at 17px 50%,#000 95%,transparent 100%) 0 0 /34px 100% repeat-x;background-color:hsla(0,0%,100%,.55);background-image:none;opacity:.6}.ph-frame img{transition:filter .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1)}.ph-frame[data-active=false] img{filter:brightness(.5) saturate(.8)}.ph-frame[data-active=true] img{filter:brightness(1) saturate(1)}.ph-frame[data-active=true] .ph-frame-inner{box-shadow:0 0 0 1.5px hsla(0,0%,100%,.9),0 30px 70px -30px rgba(0,0,0,.9)}.ph-pencil{position:absolute;inset:-6%;pointer-events:none;color:#ff3b30;opacity:.9}.ph-pencil path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000}.ph-frame[data-active=true] .ph-pencil path,.ph-native .ph-pencil path{animation:ph-draw .9s cubic-bezier(.2,.7,.2,1) forwards}@keyframes ph-draw{to{stroke-dashoffset:0}}.ph-native{overflow-x:auto;overscroll-behavior-x:contain}.ph-tile{break-inside:avoid;transform:translateZ(0)}.ph-tile img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.ph-tile:hover img{transform:scale(1.04)}.ph-tile-cap{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.ph-tile:focus-visible .ph-tile-cap,.ph-tile:hover .ph-tile-cap{opacity:1;transform:translateY(0)}@media (hover:none){.ph-tile-cap{opacity:1;transform:none;padding-top:2.25rem}.ph-tile-cap>span:not(:first-child){display:none}}.ph-lightbox{position:fixed;inset:0;z-index:90;background:rgba(3,7,19,.94);backdrop-filter:blur(10px);animation:ph-fade .3s ease both}@keyframes ph-fade{0%{opacity:0}to{opacity:1}}.ph-lightbox img{animation:ph-pop .45s cubic-bezier(.2,.9,.2,1) both}@keyframes ph-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ph-handle{touch-action:none;transition:box-shadow .3s cubic-bezier(.2,.8,.2,1)}.ph-handle:focus-visible,.ph-handle:hover{box-shadow:0 0 0 6px hsla(0,0%,100%,.28),0 10px 30px rgba(0,0,0,.6)}.ph-stamp{font-variant-numeric:tabular-nums;letter-spacing:.04em}@media (prefers-reduced-motion:reduce){.ph-frame img,.ph-lightbox,.ph-lightbox img,.ph-tile img{animation:none;transition:none}.ph-pencil path{stroke-dashoffset:0;animation:none}}@media (max-width:767px){.ph-copy h1{margin-top:min(1.25rem,2svh)}.ph-copy h1+div{margin-top:min(1.5rem,2.2svh);gap:min(1.5rem,2.2svh)}.ph-copy h1+div>div:first-child{font-size:clamp(.95rem,2.8svh,1.125rem)}}@media (max-height:500px){.ph-readout{display:none}.ph-copy .u-container{padding-bottom:.9rem}.ph-copy .u-label{font-size:.7rem}.ph-copy h1{margin-top:.6rem;font-size:max(1.6rem,min(8.6vw,10svh))}.ph-copy h1+div{margin-top:.7rem;gap:.7rem}.ph-copy h1+div>div:first-child{height:3.2em;font-size:.9rem;line-height:1.5}.ph-copy .btn-pill{padding:.7rem 1.4rem;font-size:.88rem}}