:root{--ink:#111;--muted:#8a8a8a;--serif:Arial,Helvetica,sans-serif;--sans:Arial,Helvetica,sans-serif;--pad:clamp(16px,3vh,40px)}*{box-sizing:border-box;margin:0}html,body{height:100%;background:#fff;color:var(--ink);font-family:var(--sans)}button{font:inherit;color:inherit}.stage{--title-size:clamp(36px,6vw,96px);--head:calc(var(--title-size)*1.9 + 52px);height:100vh;height:100dvh;grid-template-rows:auto minmax(0,1fr);row-gap:20px;padding:var(--pad);padding-bottom:calc(var(--pad) + 24px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(40px,6vw,112px);align-items:center}.camera-frame{width:min(100%,calc((100dvh - var(--pad)*2 - var(--head))*1.377));aspect-ratio:var(--cam-ratio);grid-row:2;grid-column:1 / span 2;align-self:center;justify-self:center}.camera{position:relative;width:100%;height:100%}.camera img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.screen{position:absolute;background:#000;overflow:hidden;cursor:zoom-in}.info-zone{position:absolute;border-radius:50%;background:transparent;border:0;padding:0;cursor:pointer}.info-zone:focus-visible{outline:1px solid rgba(255,255,255,.8);outline-offset:-3px}.screen:focus-visible{outline:1px solid rgba(255,255,255,.8);outline-offset:-4px}.viewport{position:absolute;top:0;right:0;bottom:0;left:0}.dial-layer{position:absolute;border-radius:50%;pointer-events:none;transition:transform .28s cubic-bezier(.3,.7,.2,1)}.dial-layer.dragging{transition:none}.wheel-zone{touch-action:none;position:absolute;background:transparent;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.wheel-zone{cursor:grab}.wheel-zone:active{cursor:grabbing}.wheel-zone:focus-visible{outline:1px solid rgba(255,255,255,.8);outline-offset:-4px}.photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.photo-fill{object-fit:cover;object-position:center 40%}.photo-in{animation:fadein .26s ease-out both}.photo-out{animation:fadeout .26s ease-out both}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.site-title{grid-column:1 / span 2;grid-row:1;align-self:start;font:700 var(--title-size)/.95 Arial,Helvetica,sans-serif;letter-spacing:-.03em}.site-title p{margin:0}.about-p+.about-p{margin-top:12px}.text-link{background:none;border:0;padding:0;text-align:left;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);cursor:pointer}.text-link:hover,.text-link:focus-visible{color:var(--ink)}.editorial{grid-column:3;grid-row:2;position:relative;align-self:center;display:flex;flex-direction:column;gap:56px;min-height:60%}.editorial-body{animation:textin .26s ease-out both;max-width:30ch}@keyframes textin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.title{font:700 clamp(28px,3vw,44px)/1.05 var(--serif);margin:14px 0 18px;letter-spacing:-.005em}.description{font-size:13px;line-height:1.6;color:#333;max-width:34ch}.credits{margin-top:28px;display:grid;gap:10px}.credits div{display:grid;grid-template-columns:84px 1fr;font-size:11px;line-height:1.4}.credits dt{letter-spacing:.14em;text-transform:uppercase;font-size:9px;color:var(--muted);padding-top:2px}.counter{font-size:10px;letter-spacing:.18em;color:var(--muted);font-variant-numeric:tabular-nums}.prompt{font-family:Arial,Helvetica,sans-serif;position:absolute;left:var(--pad);bottom:var(--pad);font-size:12px;letter-spacing:.02em;color:var(--muted)}.fallback-nav{display:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#fff;display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vh,64px);cursor:zoom-out;animation:fadein .22s ease-out both}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;display:block}.lightbox-close{position:absolute;top:var(--pad);right:var(--pad);background:none;border:0;padding:8px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);cursor:pointer}.lightbox-close:hover,.lightbox-close:focus-visible{color:var(--ink)}@media (prefers-reduced-motion:reduce){.dial-layer{transition:none}.lightbox,.photo-in,.photo-out,.editorial-body{animation:none}.photo-out{display:none}}@media (max-width:820px){.stage{--title-size:clamp(32px,11vw,56px);height:auto;min-height:100dvh;grid-template-rows:none;grid-template-columns:1fr;row-gap:24px;padding:16px;align-items:start}.site-title{grid-column:auto;grid-row:auto;order:-1}.camera-frame{width:min(100%,440px);aspect-ratio:828 / 1140;grid-column:auto;grid-row:auto;container-type:size;position:relative}.camera{position:absolute;top:0;left:0;width:100cqh;height:100cqw;transform-origin:top left;transform:translate(100cqw) rotate(90deg)}.screen{container-type:size}.viewport{inset:auto;left:50%;top:50%;width:100cqh;height:100cqw;transform:translate(-50%,-50%) rotate(-90deg)}.editorial{grid-column:auto;grid-row:auto;min-height:0;gap:24px}.editorial-body{max-width:none}.prompt{position:static}.fallback-nav{display:flex;justify-content:space-between;border-top:1px solid #e6e6e6;padding-top:12px}.fallback-nav button{background:none;border:0;min-height:44px;padding:0 4px;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.fallback-nav button:focus-visible{outline:1px solid var(--ink)}}