dialog.story{--bg: var(--ink);--fg: var(--paper);position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;touch-action:pan-y;background:var(--bg);color:var(--fg)}dialog.story::backdrop{background:var(--ink)}dialog.story .stage{position:absolute;inset:52px 0 128px;touch-action:pan-y;cursor:pointer;user-select:none;-webkit-user-select:none}dialog.story .slide{position:absolute;inset:0;display:grid;place-items:center;padding:0 clamp(12px,6vw,90px);opacity:0;transition:opacity .45s var(--ease);pointer-events:none}dialog.story .slide.is-current{opacity:1;pointer-events:auto}dialog.story .slide img{box-sizing:border-box;max-width:100%;max-height:calc(100dvh - 180px);width:auto;height:auto;object-fit:contain;box-shadow:0 18px 50px #00000059}dialog.story .bars{position:absolute;top:18px;left:clamp(12px,4vw,40px);right:124px;display:flex;gap:4px}dialog.story .bars i{flex:1;height:3px;border-radius:2px;background:color-mix(in srgb,var(--fg) 25%,transparent);overflow:hidden}dialog.story .bars i:after{content:"";display:block;height:100%;width:calc(var(--p, 0) * 100%);background:var(--fg)}dialog.story .bars i.run:after{animation:story-fill 5s linear forwards}@keyframes story-fill{0%{width:0}to{width:100%}}dialog.story .caption{position:absolute;left:0;right:0;bottom:34px;min-height:84px;display:grid;align-content:end;text-align:center;padding:0 16px;transition:opacity .4s}dialog.story .caption.hide{opacity:0}dialog.story .c-title{margin:0;font:600 13px/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase}dialog.story .c-note{margin:6px 0 0;font-family:var(--serif);font-style:italic;font-size:22px;opacity:.85}dialog.story .count{position:absolute;left:0;right:0;bottom:10px;margin:0;text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.6}dialog.story button{position:absolute;border:0;background:color-mix(in srgb,var(--fg) 12%,transparent);color:var(--fg);cursor:pointer;border-radius:50%;width:46px;height:46px;font-size:26px;line-height:1;display:grid;place-items:center}dialog.story button:hover{background:color-mix(in srgb,var(--fg) 24%,transparent)}dialog.story button:disabled{opacity:.25;cursor:default}dialog.story .close{top:8px;right:clamp(8px,2vw,20px)}dialog.story .toggle{top:8px;right:calc(clamp(8px,2vw,20px) + 52px);font-size:13px;letter-spacing:-2px}dialog.story .prev{left:clamp(8px,2vw,24px);top:50%;transform:translateY(-50%)}dialog.story .next{right:clamp(8px,2vw,24px);top:50%;transform:translateY(-50%)}@media(hover:none){dialog.story .prev,dialog.story .next{opacity:0}dialog.story .prev:focus-visible,dialog.story .next:focus-visible{opacity:1}}dialog.story .cta-slide{text-align:center;align-content:center;gap:12px}dialog.story .cta-slide .hand{font-family:var(--hand);font-size:28px;margin:0;color:var(--glow)}dialog.story .cta-slide .cta-h{font-family:var(--serif);font-size:clamp(40px,6vw,72px);margin:0 0 12px;line-height:1}dialog.story .cta-slide .cta-h em{color:var(--glow)}dialog.story .cta-slide .btn{background:var(--fg);color:var(--solid, var(--bg))}dialog.story.theme-album{--bg: #efe8dd;--fg: var(--ink)}dialog.story.theme-album .slide img{padding:12px;background:#fbf9f5}dialog.story.theme-babybook{--bg: #f7f0e6;--fg: var(--ink)}dialog.story.theme-babybook .slide img{border-radius:18px}dialog.story.theme-babybook .c-title{font-family:var(--hand);font-size:clamp(28px,3vw,34px);line-height:1.1;color:var(--accent)}dialog.story.theme-wall{--bg: #2a241f;--fg: var(--paper)}dialog.story.theme-wall .slide img{padding:16px;background:#fbf9f5;border:8px solid #17130f}dialog.story.theme-journal{--bg: color-mix(in srgb, var(--oat) 62%, var(--accent) 38%);--fg: var(--ink)}dialog.story.theme-journal .slide img{padding:8px;background:#fbf9f5}dialog.story.theme-yearbook{--bg: var(--ink);--fg: var(--paper)}dialog.story.theme-yearbook .c-title{font-variant:small-caps;color:var(--glow)}dialog.story.theme-darkroom{--solid: var(--ink);--bg: radial-gradient(ellipse at 50% 10%, color-mix(in srgb, var(--glow) 55%, transparent), transparent 65%), var(--ink);--fg: var(--paper);background:var(--bg)}dialog.story.theme-darkroom .slide img{padding:8px 8px 26px;background:#fbf9f5}@media(prefers-reduced-motion:reduce){dialog.story .slide{transition:none}dialog.story .bars i.run:after{animation:none;width:100%}}html.story-open{overflow:hidden}@media(max-height:500px)and (orientation:landscape){dialog.story .stage{inset:22px 56px 20px}dialog.story .slide img{max-height:calc(100dvh - 44px)}dialog.story .caption{display:none}dialog.story .bars{top:8px}dialog.story .count{bottom:2px}}.cover{display:grid;justify-items:center;align-content:start;gap:6px;text-decoration:none;color:var(--ink);text-align:center;transition:transform .6s var(--ease)}.cover:hover,.cover:focus-visible{transform:translateY(-4px)}.cover .frame{position:relative;display:block;width:100%;max-width:380px}.cover .photo{display:block;overflow:hidden}.cover .photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.cover .placard{display:grid;gap:4px;margin-top:18px;padding:12px 22px 11px;min-width:190px;background:#fbf9f5;box-shadow:0 1px 2px #00000014,0 4px 10px #3c281414}.cover .title{font:600 12px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase}.cover .note{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--muted)}.cover .open{margin-top:4px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.theme-album .frame{padding:26px;border-radius:4px;background:repeating-linear-gradient(45deg,rgba(29,26,23,.025) 0 2px,transparent 2px 5px),color-mix(in srgb,var(--oat) 80%,var(--paper));box-shadow:inset 0 0 0 1px #1d1a1714,0 16px 34px #3c281429}.theme-album .photo{padding:10px;background:#fbf9f5;box-shadow:inset 0 1px 3px #00000026}.theme-album .title{font-variant:small-caps;letter-spacing:.06em}.theme-babybook .frame{padding:28px 28px 34px;border-radius:22px;background:#f7f0e6;box-shadow:0 16px 34px #3c281424,inset 0 0 0 1px #a2754c26}.theme-babybook .photo{border-radius:50%/42%;border:6px solid #fbf9f5}.theme-babybook .frame:after{content:"";position:absolute;top:-6px;right:34px;width:14px;height:70px;background:var(--glow);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}.theme-babybook .title{font-family:var(--hand);font-size:clamp(30px,3vw,38px);color:var(--accent)}.theme-wall .frame{padding:22px;background:#fbf9f5;border:10px solid color-mix(in srgb,var(--ink) 82%,var(--accent));box-shadow:0 18px 30px #3c281433;transform:rotate(calc((var(--i) - 1.5) * .8deg));margin-top:22px}.theme-wall .frame:before{content:"";position:absolute;left:50%;top:-36px;width:80px;height:26px;transform:translate(-50%);border:1px solid rgba(29,26,23,.35);border-bottom:0;clip-path:polygon(0 100%,50% 0,100% 100%);background:linear-gradient(to top right,transparent 49%,rgba(29,26,23,.35) 50%,transparent 51%) left / 50% 100% no-repeat,linear-gradient(to top left,transparent 49%,rgba(29,26,23,.35) 50%,transparent 51%) right / 50% 100% no-repeat;border:0}.theme-journal .frame{padding:30px 26px;border-radius:4px 12px 12px 4px;background:color-mix(in srgb,var(--oat) 62%,var(--accent) 38%);box-shadow:inset 8px 0 #1d1a171f,0 16px 32px #3c28142e}.theme-journal .photo{padding:8px;background:#fbf9f5;transform:rotate(calc((var(--i) % 2 - .5) * 3deg));position:relative;overflow:visible}.theme-journal .photo:before,.theme-journal .photo:after{content:"";position:absolute;top:-10px;width:70px;height:22px;background:#fbf9f58c;box-shadow:0 1px 2px #0000000f;z-index:1}.theme-journal .photo:before{left:-14px;transform:rotate(-35deg)}.theme-journal .photo:after{right:-14px;transform:rotate(35deg)}.theme-journal .note{font-family:var(--hand);font-size:20px;color:var(--ink)}.theme-yearbook .frame{padding:24px 24px 20px;border-radius:3px;background:var(--ink);box-shadow:0 18px 34px #1d1a174d}.theme-yearbook .frame:after{content:"Senior year";display:block;margin-top:14px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--glow) 50%,transparent);font:500 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--glow)}.theme-yearbook .photo{border:1px solid color-mix(in srgb,var(--glow) 40%,transparent)}.theme-yearbook .title{font-variant:small-caps;letter-spacing:.05em}.theme-darkroom .frame{padding:44px 34px 34px;border-radius:6px;background:radial-gradient(ellipse at 50% 18%,color-mix(in srgb,var(--glow) 85%,transparent),transparent 72%),var(--ink)}.theme-darkroom .photo{padding:8px 8px 26px;background:#fbf9f5;box-shadow:0 10px 24px #00000059;position:relative;overflow:visible}.theme-darkroom .photo:before{content:"";position:absolute;left:50%;top:-22px;width:14px;height:40px;transform:translate(-50%);border-radius:3px;background:color-mix(in srgb,var(--oat) 60%,var(--accent));box-shadow:0 2px 4px #0000004d;z-index:1}