:root{--dusk-0: #0c1129;--dusk-1: #2b2350;--dusk-2: #7d4a6b;--dusk-3: #e48d63;--ink: #1d1a40;--cream: #f3e6da;--muted: #d9c6b8;--line: rgba(243, 230, 218, .22);--glass: rgba(255, 255, 255, .07);--glass-line: rgba(255, 255, 255, .12);--mono: "SF Mono", ui-monospace, Menlo, monospace;--amber: #f0a24a}@view-transition{navigation:auto}*{box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:dark}body{margin:0;min-height:100svh;color:var(--cream);font-family:-apple-system,SF Pro Text,Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;background:linear-gradient(180deg,var(--dusk-0) 0%,var(--dusk-1) 40%,var(--dusk-2) 74%,var(--dusk-3) 100%);display:flex;flex-direction:column}a{color:var(--cream)}main{flex:1 0 auto;padding:max(20px,env(safe-area-inset-top)) clamp(16px,4vw,32px) 120px}.about-line{position:relative;z-index:4;pointer-events:none;padding:24px clamp(16px,4vw,32px) calc(24px + env(safe-area-inset-bottom));color:var(--muted);font-size:14px}.about-line a{color:var(--cream);pointer-events:auto}body[data-home=on] .about-line{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.skip{position:absolute;top:0;left:0;z-index:30;padding:10px 16px;border-radius:0 0 10px;background:var(--ink);color:var(--cream);text-decoration:none;transform:translateY(-120%)}.skip:focus{transform:none}.brand{margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,6vw,34px);font-weight:600;line-height:1.1;position:relative;z-index:4;pointer-events:none}.browse{display:inline-flex;align-items:center;min-height:44px;margin:0 0 10px;font-weight:600;position:relative;z-index:4}.grid img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}picture[data-color]{display:block}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body[data-home=on]{background:radial-gradient(120% 80% at 50% 115%,#5a3348,#1b1530 45%,#090a14) fixed}#film{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none}.slide{position:absolute;left:50%;top:47%;width:max-content;max-width:100vw;visibility:hidden;transform:translate(calc(-50% + 75vw),-50%);transition:transform 1.7s cubic-bezier(.65,0,.35,1),opacity .9s ease}.slide[data-dir="-1"]{transform:translate(calc(-50% - 75vw),-50%)}.slide.on,.slide.off{visibility:visible}.slide.on{transform:translate(-50%,-50%);opacity:1;pointer-events:auto;touch-action:pan-y}.slide.off[data-dir="1"]{transform:translate(calc(-50% - 75vw),-50%)}.slide.off[data-dir="-1"]{transform:translate(calc(-50% + 75vw),-50%)}#film.calm .slide{transform:translate(-50%,-50%);opacity:0;transition:opacity .6s ease}#film.calm .slide.on{opacity:1}@media(prefers-reduced-motion:reduce){.slide{transform:translate(-50%,-50%);opacity:0;transition:opacity .6s ease}.slide.on{opacity:1}}.film{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 18px;background:#0c0b0a;box-shadow:0 30px 80px #0009}.film:before,.film:after{content:"";position:absolute;left:4px;right:4px;top:8px;height:11px;background:repeating-linear-gradient(90deg,#2c2622 0 13px,transparent 13px 24px)}.film:after{top:auto;bottom:8px}.edge{display:flex;justify-content:space-between;gap:22px;height:14px;white-space:nowrap;font:600 11px/14px var(--mono);letter-spacing:.18em;color:var(--amber);opacity:.9}.edge.top{opacity:.45}.edge b{color:#ffd08a;font-weight:700}.frame{display:block}.film .frame img{display:block;width:auto;height:auto;max-width:70vw;max-height:54vh}.slide.on .frame img{view-transition-name:cf-photo}.cap{display:flex;justify-content:space-between;gap:16px;margin-top:14px;color:var(--muted);font-size:13px}.leader{padding:40px 34px 36px;min-width:min(640px,80vw)}.leader h2{margin:0;font:700 clamp(32px,5vw,64px)/1 var(--mono);letter-spacing:.12em;color:var(--amber);text-transform:uppercase;overflow-wrap:anywhere}.leader p{margin:10px 0 18px;font:500 12px var(--mono);letter-spacing:.24em;color:var(--amber);opacity:.6}.contact{display:flex;gap:8px}.contact picture{flex:0 1 120px;min-width:0}.contact img{display:block;width:100%;height:84px;object-fit:cover;filter:sepia(.35) brightness(.9)}.film-nav{position:fixed;top:47%;z-index:4;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;background:var(--glass);color:var(--cream);font-size:22px;cursor:pointer;opacity:.45;transition:opacity .3s}.film-nav:hover,.film-nav:focus-visible{opacity:1}.film-nav.prev{left:clamp(6px,2vw,24px)}.film-nav.next{right:clamp(6px,2vw,24px)}nav.albums{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));pointer-events:none}nav.albums a{pointer-events:auto;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:#0c1129b8;color:var(--cream);font-weight:600;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}nav.albums a:hover,nav.albums a:focus-visible{background:#f3e6da2e}nav.albums a.on{background:#f3e6da38;border-color:#f3e6da80}body[data-home=on] nav.albums a{border-radius:3px;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}@keyframes cf-hold{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:700px){body[data-home=on]{--whisper: #847d76;--whisper-amber: #b07838;height:100svh;overflow:hidden;background:#0c0b0a}body[data-home=on] .brand{position:fixed;top:calc(max(8px,env(safe-area-inset-top)) + 10px);left:20px;z-index:6;margin:0;font:400 11px/1 Georgia,Times New Roman,serif;letter-spacing:.04em;color:var(--whisper)}body[data-home=on] .browse{display:none}.slide{left:0;top:0;width:100vw;max-width:none;height:100svh;transform:translate(100vw)}.slide[data-dir="-1"],.slide.off[data-dir="1"]{transform:translate(-100vw)}.slide.off[data-dir="-1"]{transform:translate(100vw)}.slide.on,#film.calm .slide{transform:none}@media(prefers-reduced-motion:reduce){#film .slide{transform:none}#film .slide.on:after{display:none}}.film{height:100%;justify-content:center;gap:6px;box-shadow:none;padding:calc(max(8px,env(safe-area-inset-top)) + 30px) 18px calc(env(safe-area-inset-bottom) + 64px)}.film:before,.film:after{inset:0 auto 0 4px;width:7px;height:auto;background:repeating-linear-gradient(180deg,transparent 0 5px,#2c2622 5px 17px,transparent 17px 22px)}.film:after{left:auto;right:4px}.frame{align-self:center}.film .frame img{max-width:calc(100vw - 36px);max-height:calc(100svh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.edge{justify-content:center;gap:14px;height:auto;font-size:8px;letter-spacing:.16em;color:var(--whisper-amber);opacity:1}.edge b{color:var(--whisper-amber);font-weight:500}.edge.top,.edge span[aria-hidden]{display:none}.leader{width:100%;min-width:0}.leader p{display:none}.leader h2{margin:0 0 6px;font:500 10px/1 var(--mono);letter-spacing:.3em;color:var(--whisper-amber)}.leader .contact{display:grid;grid-template-columns:1fr 1fr;gap:3px}.contact img{height:min(33svh,280px);filter:none}@media(max-height:620px){.contact img{height:28svh}}.cap{position:absolute;left:18px;right:18px;bottom:calc(env(safe-area-inset-bottom) + 64px);justify-content:flex-end;margin:0;padding:0;font-size:10px;color:var(--whisper)}.cap span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cap a{color:var(--whisper);text-decoration:none}.is-frame .cap a{display:none}.slide.on:after{content:"";position:absolute;left:18px;right:18px;top:calc(max(8px,env(safe-area-inset-top)) + 1px);height:1px;background:var(--amber);opacity:.35;transform-origin:left;animation:cf-hold var(--hold, 6.5s) linear forwards}#film.calm .slide.on:after{display:none}.film-nav{display:block;top:22%;bottom:34%;width:26vw;height:auto;margin:0;border-radius:0;background:none;font-size:0;opacity:0;touch-action:pan-y}.film-nav:hover{opacity:0}.film-nav:focus-visible{opacity:1;outline:2px solid var(--cream);outline-offset:-4px}.film-nav.prev{left:0}.film-nav.next{right:0}body[data-home=on] nav.albums{left:0;right:84px;bottom:calc(env(safe-area-inset-bottom) + 22px);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:0;padding:0 0 0 8px;pointer-events:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}body[data-home=on] nav.albums a{flex:none;min-height:36px;padding:0 10px;border:0;background:none;color:var(--whisper);-webkit-backdrop-filter:none;backdrop-filter:none;font-size:9px;letter-spacing:.14em}body[data-home=on] nav.albums a.on,body[data-home=on] nav.albums a:focus-visible{color:#dcd0c5;background:none}body[data-home=on] .about-line{position:fixed;left:0;right:0;bottom:0;padding:0 18px calc(6px + env(safe-area-inset-bottom));font-size:9.5px;color:var(--whisper)}body[data-home=on] .about-line a{color:var(--whisper)}body[data-home=on] .ctl{right:8px;bottom:calc(env(safe-area-inset-bottom) + 18px);background:none;border-color:transparent;transform:scale(.8);transform-origin:right bottom}body[data-home=on] .ctl button{opacity:.45}body[data-home=on] :is(.brand,.cap,nav.albums,.about-line,.ctl),#film .edge,.leader h2,.slide.on:after{transition:opacity .8s ease}body.idle[data-home=on] :is(.brand,.cap,nav.albums,.about-line,.ctl),body.idle #film .edge,body.idle .leader h2,body.idle .slide.on:after{opacity:0}html:has(body[data-home=on]){overscroll-behavior:none}}.back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 8px;font-weight:600;text-decoration:none}.back:hover,.back:focus-visible{text-decoration:underline}.album h1{margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,7vw,40px);font-weight:600;line-height:1.15}.count{margin:0 0 10px;color:var(--muted);font-size:15px}.desc{margin:0 0 14px;max-width:60ch}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grid a{display:block;border-radius:6px;overflow:hidden}.grid a:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.photo figure{margin:0}.photo picture{border-radius:6px}.photo picture img{display:block;width:100%;height:auto;border-radius:6px;view-transition-name:cf-photo}.photo figcaption{margin:14px 0 0}.photo figcaption h1{margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,6vw,30px);font-weight:600;line-height:1.2}.photo .meta,.photo .exif{margin:4px 0;color:var(--muted);font-size:14px}.pager{display:flex;justify-content:space-between;gap:12px;margin:20px 0 0}.pager a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.about p{max-width:65ch}.ctl{position:fixed;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:9;display:flex;align-items:center;padding:2px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);transition:background .3s}.ctl:hover,.ctl.open{background:#ffffff1f}.ctl button{width:30px;height:30px;min-width:44px;min-height:44px;border:0;background:none;padding:0;display:grid;place-items:center;cursor:pointer;color:var(--cream);opacity:.72;border-radius:50%;transition:opacity .2s,background .2s}.ctl button:hover,.ctl button:focus-visible{opacity:1;outline:none;background:#ffffff14}.ctl button[aria-pressed=true]{opacity:1;color:#ffd2a8}.ctl svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ctl .slider{width:0;overflow:hidden;transition:width .35s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center}.ctl.open .slider{width:86px}.ctl input[type=range]{-webkit-appearance:none;appearance:none;width:76px;margin:0 6px 0 4px;height:2px;border-radius:2px;cursor:pointer;background:linear-gradient(90deg,var(--cream) var(--fill, 47%),rgba(255,255,255,.22) var(--fill, 47%))}.ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--cream);box-shadow:0 0 0 3px #f3e6da2e}.ctl input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--cream)}.ctl .sep{width:1px;height:14px;background:#ffffff24;margin:0 1px}.ctl .tip{position:absolute;right:0;bottom:calc(100% + 8px);z-index:9;font:500 10.5px/1 -apple-system,system-ui,sans-serif;color:var(--cream);background:#1410288c;padding:5px 8px;border-radius:10px;opacity:0;transition:opacity .25s;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ctl .tip.on{opacity:.9}