@property --turn{syntax:"<number>";inherits:true;initial-value:0}.album{--cloth:#25364c;--leaf-paper:#f9f2e6;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .32 0 0 0 0 .22 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");padding-block:1.5rem 0}@supports (color:lab(0% 0 0)){.album{--cloth:lab(22.092% -1.83019 -15.8359);--leaf-paper:lab(95.8936% .560015 6.89405)}}.album .album-defs{width:0;height:0;position:absolute}.album .book{aspect-ratio:1.55;perspective:2800px;perspective-origin:50% 35%;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:min(100%,1120px);margin-inline:auto;transition:translate .9s cubic-bezier(.35,.08,.2,1);position:relative}.album .book:focus-visible{outline:2px solid var(--ultramarine);outline-offset:14px;border-radius:10px}.album .book[data-mode=spread][data-open=false]{translate:-25%}.album .book[data-mode=single]{aspect-ratio:.72;width:min(100%,460px)}.album .book:before{content:"";z-index:-1;filter:blur(22px);background:radial-gradient(at 50% 55%,#3d291973,#0000 70%);background:radial-gradient(at 50% 55%,lab(18.6681% 7.83302 14.503/.45),#0000 70%);transition:inset .9s cubic-bezier(.35,.08,.2,1);position:absolute;inset:6% 2% -4%}.album .book[data-mode=spread][data-open=false]:before{inset-inline-start:52%}.album .boards{background-color:var(--cloth);background-image:repeating-linear-gradient(0deg, #ffffff09 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #00000012 0 1px, transparent 1px 3px), var(--noise);border-radius:6px 12px 12px 6px;transition:inset .9s cubic-bezier(.35,.08,.2,1);position:absolute;inset:-1.4% -1.1%;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 30px #00000059}.album .book[data-mode=spread][data-open=false] .boards{inset-inline-start:49.4%}.album .board-back{width:50%;height:100%;position:absolute;top:0;left:50%}.album .book[data-mode=single] .board-back{width:100%;left:0}.album .board-back:after,.album .board-back:before{content:"";background:repeating-linear-gradient(90deg,#eee7d9 0 1px,#d3c9b9 1px 2px);background:repeating-linear-gradient(90deg,lab(91.9564% .638545 7.67182) 0 1px,lab(81.5038% 1.5913 9.53158) 1px 2px);border-radius:0 3px 3px 0;position:absolute;top:.4%;bottom:.4%}.album .board-back:after{width:var(--right-edge);left:100%}.album .board-back:before{width:var(--left-edge);border-radius:3px 0 0 3px;right:200%}.album .book[data-mode=single] .board-back:before{display:none}.album .leaf{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;transform:translateZ(calc(sin(var(--turn) * 180deg) * 10px)) rotateY(calc(var(--turn) * -180deg)) skewY(calc(sin(var(--turn) * 180deg) * -3deg));transition:--turn .95s cubic-bezier(.35, .08, .2, 1) var(--delay,0s), rotate .4s ease;position:absolute;top:0;left:50%}.album .leaf[data-dragging]{transition:none}.album .book[data-riffle] .leaf{transition-duration:.55s}.album .book[data-mode=single] .leaf{width:100%;opacity:calc(1 - clamp(0, (var(--turn) - .82) * 6, 1));left:0}.album .book[data-mode=single] .leaf[data-turned]{pointer-events:none}.album .book[data-open=false]:hover .leaf:first-of-type{rotate:y -5deg}.album .face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;container-type:size}.album .face.back{transform:rotateY(180deg)}.album .face:after{content:"";pointer-events:none;opacity:calc(sin(var(--turn) * 180deg));position:absolute;inset:0}.album .face.front:after{background:linear-gradient(90deg,#28190a00 35%,#28190a3d)}.album .face.back:after{background:linear-gradient(270deg,#fffaf000 35%,#fffaf047)}.album .paper{color:var(--ink);background-color:var(--leaf-paper);background-image:linear-gradient(to right, #4632192b, #46321900 8%), var(--noise);flex-direction:column;padding:9cqh 10cqw 11cqh;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #78644614}.album .face.back .paper{background-image:linear-gradient(to left, #4632192b, #46321900 8%), var(--noise)}.album .book[data-mode=single] .paper{background-image:linear-gradient(to right, #4632191f, #46321900 5%), var(--noise)}.album .kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:max(.62rem,2.3cqw);font-weight:600}.album .paper h2{font-variation-settings:"SOFT" 100, "WONK" 1;margin-block:2.4cqw 3cqw;font-size:max(1.2rem,6.6cqw);font-weight:330;line-height:1.05}.album .folio{text-align:center;font-family:var(--type-display);color:var(--ink-faint);font-size:max(.7rem,2.4cqw);position:absolute;inset:auto 0 4.5cqh}.album .face.is-cover{border-radius:3px 10px 10px 3px}.album .cover{background-color:var(--cloth);background-image:radial-gradient(ellipse at 30% 18%, #ffffff1a, transparent 55%), repeating-linear-gradient(0deg, #ffffff09 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #00000012 0 1px, transparent 1px 3px), var(--noise);cursor:pointer;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 50px #0006}.album .cover:before{content:"";background:linear-gradient(90deg,#00000059,#ffffff12,#0003);width:1.2cqw;position:absolute;inset:0 auto 0 6.5cqw}.album .cover-label{text-align:center;background-color:#f5eede;background-color:lab(94.2835% .712931 8.44663);background-image:var(--noise);clip-path:polygon(1% 1%,24% 0,52% 1.2%,78% .3%,99% 1.5%,100% 30%,98.8% 62%,100% 98%,70% 99.2%,40% 98.4%,12% 100%,.4% 98.6%,1.2% 66%,0 34%);width:64cqw;padding:7cqw 6cqw 6.5cqw;position:relative;rotate:-1.4deg;box-shadow:0 1px 1px #0000004d,0 8px 18px -8px #0000008c}.album .cover-bloom{aspect-ratio:1.35;background:radial-gradient(circle at 38% 48%, color-mix(in oklch, var(--lemon) 80%, transparent), transparent 55%), radial-gradient(circle at 64% 60%, color-mix(in oklch, var(--carmine) 60%, transparent), transparent 52%), radial-gradient(circle at 56% 30%, color-mix(in oklch, var(--ultramarine) 55%, transparent), transparent 50%);filter:url(#album-bleed);mix-blend-mode:multiply;width:30cqw;margin:-1cqw auto 3cqw;display:block}.album .cover-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);font-size:max(.6rem,2.3cqw);font-weight:600}.album .cover-label h2{font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--ink);margin:1.6cqw 0 2.2cqw;font-size:max(1.6rem,11cqw);font-style:italic;font-weight:300;line-height:1}.album .cover-sub{color:var(--ink-soft);font-size:max(.7rem,2.7cqw)}.album .cover-hint{font-family:var(--type-display);letter-spacing:.03em;color:#fff9;text-shadow:0 -1px #00000073;font-size:max(.8rem,3.1cqw);font-style:italic;animation:3.2s ease-in-out infinite album-breathe;position:absolute;bottom:7cqh}.album .book[data-open=true] .cover-hint{opacity:0;animation:none}.album .endpaper{background-color:#f2e8d8;background-color:lab(92.5338% 1.21894 9.17691);background-image:var(--noise);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.album .endpaper:before{content:"";background:radial-gradient(circle at 18% 26%, color-mix(in oklch, var(--ultramarine) 34%, transparent), transparent 24%), radial-gradient(circle at 70% 18%, color-mix(in oklch, var(--sienna) 30%, transparent), transparent 22%), radial-gradient(circle at 44% 70%, color-mix(in oklch, var(--prussian) 30%, transparent), transparent 26%), radial-gradient(circle at 86% 66%, color-mix(in oklch, var(--lemon-deep) 32%, transparent), transparent 20%), radial-gradient(circle at 10% 86%, color-mix(in oklch, var(--rose) 30%, transparent), transparent 22%), radial-gradient(circle at 58% 44%, color-mix(in oklch, var(--ultramarine) 18%, transparent), transparent 30%), radial-gradient(circle at 32% 96%, color-mix(in oklch, var(--sienna) 22%, transparent), transparent 20%);filter:url(#album-bleed)blur(1px);position:absolute;inset:-12%}.album .bookplate{text-align:center;background-color:#f9f3e6;background-color:lab(96.0096% .559926 6.89398);background-image:var(--noise);outline-offset:-1.4cqw;border:1px solid #6a4f3959;border:1px solid lab(36.0479% 9.56494 17.755/.35);outline:1px solid #6a4f3940;outline:1px solid lab(36.0479% 9.56494 17.755/.25);width:50cqw;padding:6cqw 5cqw;position:relative;box-shadow:0 2px 8px #281e0a2e}.album .bookplate p{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:max(.6rem,2.3cqw)}.album .bookplate .bookplate-name{font-family:var(--type-display);letter-spacing:-.01em;text-transform:none;color:var(--ink);font-variation-settings:"SOFT" 100, "WONK" 1;margin-top:1.6cqw;font-size:max(1.1rem,6.4cqw)}.album .bookplate-name em{color:var(--carmine);font-style:italic;font-weight:300}.album .title-page h2{max-width:70cqw;font-size:max(1.2rem,6cqw)}.album .title-intro{color:var(--ink-soft);max-width:68cqw;font-size:max(.8rem,3cqw)}.album .toc{counter-reset:none;min-height:0;margin-top:7cqw;overflow-y:auto}.album .toc li+li{margin-top:2.6cqw}.album .toc button{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:1.2cqw;padding:0;font-size:max(.8rem,3cqw);display:flex}.album .toc-title{font-family:var(--type-display);font-style:italic}.album .toc button:hover .toc-title{color:var(--carmine)}.album .toc-dots{border-bottom:1px dotted color-mix(in oklch, var(--ink) 40%, transparent);flex:1;min-width:3cqw;translate:0 -.5cqw}.album .toc-page{font-family:var(--type-display);color:var(--ink-soft)}.album .photo-page{justify-content:center;align-items:center;gap:5cqh}.album .mount{rotate:var(--rot);margin:0}.album .print{width:min(76cqw, calc(62cqh * var(--r)));aspect-ratio:var(--r);box-sizing:content-box;background:#fdfaf4;background:lab(98.4137% .0824332 3.05562);padding:2.4cqw;position:relative;box-shadow:0 1px 1px #00000029,0 12px 20px -14px #3c281499}.album .photo-pair .print{width:min(64cqw, calc(28cqh * var(--r)))}.album .photo-pair .mount:nth-child(2){translate:5cqw}.album .photo-pair .mount:first-child{translate:-4cqw}.album .window{background:#e3ddd3;background:lab(88.4414% .898063 5.67775);position:absolute;inset:2.4cqw;overflow:hidden}.album .window img{object-fit:cover}.album .corner{aspect-ratio:1;clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,#322d29,#1a1512);background:linear-gradient(135deg,lab(18.7789% 1.74013 3.36703),lab(7.20476% 1.68892 2.90778));width:6cqw;position:absolute;box-shadow:0 1px 1px #0000004d}.album .corner.tl{top:-.8cqw;left:-.8cqw}.album .corner.tr{top:-.8cqw;right:-.8cqw;rotate:90deg}.album .corner.br{bottom:-.8cqw;right:-.8cqw;rotate:180deg}.album .corner.bl{bottom:-.8cqw;left:-.8cqw;rotate:270deg}.album .mount figcaption{text-align:center;font-family:var(--type-display);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--ink-soft);rotate:calc(var(--rot) * -1.6);margin-top:3cqw;font-size:max(.75rem,3cqw);font-style:italic}.album .lede{font-family:var(--type-display);color:var(--ink-soft);font-size:max(.85rem,3.3cqw);font-style:italic;line-height:1.4}.album .album-prose{overscroll-behavior:contain;min-height:0;color:var(--ink-soft);scrollbar-width:thin;flex:1;margin-top:3cqh;padding-bottom:3cqh;font-size:max(.8rem,2.9cqw);line-height:1.62;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.album .album-prose p+p{margin-top:1.2cqh}.album .album-prose>p:first-child:first-letter{float:left;font-family:var(--type-display);color:var(--carmine);margin:.6cqw 1.4cqw 0 0;font-size:3.1em;line-height:.8}.album .story-short{justify-content:center}.album .story-short .lede{font-size:max(.95rem,4cqw)}.album .story-flourish{aspect-ratio:2.2;background:radial-gradient(ellipse at 35% 50%, color-mix(in oklch, var(--sienna) 45%, transparent), transparent 60%), radial-gradient(ellipse at 70% 45%, color-mix(in oklch, var(--lemon-deep) 50%, transparent), transparent 55%);filter:url(#album-bleed);mix-blend-mode:multiply;opacity:.75;align-self:flex-start;width:22cqw;margin-top:6cqh}.album .note-page{text-align:center;justify-content:center;align-items:center}.album .note-bloom{aspect-ratio:1.2;background:radial-gradient(circle at 45% 50%, color-mix(in oklch, var(--ultramarine) 40%, transparent), transparent 55%), radial-gradient(circle at 60% 40%, color-mix(in oklch, var(--lemon) 60%, transparent), transparent 48%);filter:url(#album-bleed);mix-blend-mode:multiply;opacity:.8;width:36cqw;margin-bottom:5cqh}.album .note{max-width:66cqw;font-family:var(--type-display);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--ink-soft);font-size:max(.95rem,4.4cqw);font-style:italic;font-weight:300;line-height:1.35;rotate:-1.8deg}.album .invite-page{justify-content:center}.album .invite-page p:not(.kicker){color:var(--ink-soft);max-width:64cqw;font-size:max(.85rem,3.1cqw)}.album .invite-link{background:var(--ink);color:var(--paper);border-radius:999px;align-self:flex-start;margin-top:5cqh;padding:.8rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none}.album .invite-link:hover{background:color-mix(in oklch, var(--ink) 85%, var(--ultramarine))}.album .album-controls{justify-content:center;align-items:center;gap:1.2rem;margin-top:2.2rem;display:flex}.album .album-controls button{border:1px solid color-mix(in oklch, var(--ink) 20%, transparent);background:var(--paper);width:2.8rem;height:2.8rem;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.album .album-controls button:disabled{opacity:.35;cursor:default}.album .album-controls svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}.album .album-controls p{text-align:center;min-width:min(18rem,50vw);font-family:var(--type-display);color:var(--ink-soft);font-style:italic}.album .album-close{text-align:center;margin-top:.6rem}.album .album-close button{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;font-size:.85rem;text-decoration:underline}@media (prefers-reduced-motion:reduce){.album .book,.album .leaf,.album .boards,.album .book:before{transition:none!important}.album .cover-hint{animation:none}}@keyframes album-breathe{50%{opacity:.35}}.album .film-page{justify-content:center;align-items:center;gap:3cqh}.album .film-page .kicker{align-self:flex-start}.album .film-mount{width:80cqw;margin:0;rotate:-.6deg}.album .film-screen{aspect-ratio:16/10;background:#151b24;background:lab(9.42785% -.533104 -7.25476);border-radius:1.4cqw;padding:2.2cqw;position:relative;box-shadow:0 1px 1px #0003,0 14px 22px -14px #281e14b3}.album .film-screen img,.album .film-screen video{object-fit:cover;background:#282e38;background:lab(18.7165% -.689328 -7.3094);border-radius:.6cqw;width:100%;height:100%}.album .film-play{width:14cqw;height:14cqw;color:var(--ink);cursor:pointer;background:#fbf8f1e6;background:lab(97.7268% .109106 3.82355/.9);border:0;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 6px 16px -6px #00000080}.album .film-play svg{fill:currentColor;width:45%;height:45%;translate:8%}.album .film-play:disabled{opacity:.6}.album .film-mount figcaption{text-align:center;font-family:var(--type-display);color:var(--ink-soft);margin-top:3cqw;font-size:max(.75rem,3cqw);font-style:italic}