.album-shell{background-color:var(--parchment);isolation:isolate;background-position:50%;background-size:cover;background-attachment:fixed;min-height:100svh;position:relative}.album-shell--castle{color:#ecdbb7;background:#07101b}.album-shell--castle .album-book-view,.album-shell--castle .album-other-view{z-index:10}.album-shell--castle .album-header{background:linear-gradient(#030712a8 0%,#050a1266 57%,#0000)}.album-shell--castle .album-signature h1{color:#ebd5a5;text-shadow:0 1px 10px #05060c}.album-shell--castle .album-signature p{color:#d4c3a295}.album-shell--castle .album-close,.album-shell--castle .album-overview-toggle{color:#d8c6a4;text-shadow:0 1px 8px #02040c}.album-shell--castle .album-close:hover,.album-shell--castle .album-overview-toggle:hover{color:#fff1cc}.album-shell--castle .album-download-note{color:#c3b69796;text-shadow:0 1px 7px #030509}.album-shell--castle .album-section-heading>p{color:#d0bb90}.album-shell--castle .album-section-heading h2{color:#eddbb6}.album-shell--castle .album-section-heading>span{color:#c6b89f}.album-shell--castle .album-chapter-link{color:#e4cea3;border-bottom-color:#c9a86642}.album-shell--castle .album-chapter-link>span{color:#c8b795}.album-shell--castle .album-other-view{background:linear-gradient(90deg,#0000,#07101b3b 15% 85%,#0000)}.album-shell--castle .album-header button:focus-visible,.album-shell--castle .album-footer button:focus-visible,.album-shell--castle .album-overview button:focus-visible{outline-color:#e2c88e}.album-header{z-index:30;background:linear-gradient(var(--parchment) 12%, color-mix(in oklab, var(--parchment) 90%, transparent) 66%, transparent);pointer-events:none;grid-template-columns:1fr auto;align-items:center;gap:24px;min-height:98px;padding:22px clamp(20px,4vw,64px) 26px;animation:.65s both album-ui-enter;display:grid;position:fixed;inset:0 0 auto}.album-header button,.album-header nav{pointer-events:auto}.album-signature h1{color:var(--leather);letter-spacing:.035em;white-space:nowrap;margin:0;font-size:16px;font-weight:400}.album-signature p{font-family:var(--font-display);letter-spacing:.26em;color:color-mix(in oklab, var(--ink) 60%, transparent);margin-top:5px;font-size:9px}.album-close,.album-overview-toggle{min-height:44px;color:color-mix(in oklab, var(--ink) 70%, transparent);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;padding:8px 0;font-size:14px;transition:color .18s;display:inline-flex}.album-close{justify-self:end}.album-close:hover,.album-overview-toggle:hover{color:var(--ink)}.album-book-view{min-height:100svh;position:relative}.album-other-view{z-index:1;width:min(1120px,100%);min-height:100svh;margin-inline:auto;padding:144px clamp(24px,5vw,64px) 112px;position:relative}.album-footer{z-index:30;min-height:82px;padding:22px clamp(20px, 4vw, 64px) max(18px, env(safe-area-inset-bottom));pointer-events:none;background:0 0;justify-content:space-between;align-items:center;gap:24px;animation:.65s both album-ui-enter;display:flex;position:fixed;inset:auto 0 0}.album-footer button{pointer-events:auto}.album-download-note{color:color-mix(in oklab, var(--ink) 52%, transparent);letter-spacing:.025em;margin:0;font-size:12px}.album-section-heading{text-align:center;margin:0 auto 50px}.album-section-heading>p{font-family:var(--font-display);letter-spacing:.18em;color:color-mix(in oklab, var(--ink) 62%, transparent);font-size:10px}.album-section-heading h2{margin-block:14px 8px;font-size:clamp(20px,3vw,29px);font-weight:400}.album-section-heading>span{color:color-mix(in oklab, var(--ink) 64%, transparent);font-size:16px}.album-overview-chapter{margin-bottom:46px}.album-chapter-link{border:0;border-bottom:1px solid color-mix(in oklab, var(--ink) 16%, transparent);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;padding-block:12px;display:flex}.album-chapter-link h3{font-size:13px;font-weight:400}.album-chapter-link>span{color:color-mix(in oklab, var(--ink) 65%, transparent);font-size:13px}.album-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}.album-photo-print{border:1px solid color-mix(in oklab, var(--ink) 9%, transparent);min-width:0;color:color-mix(in oklab, var(--ink) 52%, transparent);cursor:pointer;background:oklch(95.5% .026 87);border-radius:0;flex-shrink:0;padding:clamp(4px,.7vw,9px);display:block;position:relative;box-shadow:0 1px 1px oklch(30% .03 65/.18)}.album-photo-placeholder{width:auto;height:auto;font-family:var(--font-body);letter-spacing:.04em;background:linear-gradient(145deg,oklch(87% .037 81),oklch(90% .034 84) 48%,oklch(84.5% .04 78));flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:clamp(8px,1.1vw,14px);font-style:italic;display:flex;position:absolute;inset:clamp(4px,.7vw,9px);box-shadow:inset 0 0 20px oklch(50% .04 70/.04)}.album-photo-ornament{opacity:.6;font-size:23px;font-style:normal;line-height:1}.album-lightbox{border:1px solid color-mix(in oklab, var(--gold) 38%, var(--parchment));width:min(920px,100vw - 40px);max-width:920px;max-height:calc(100svh - 40px);color:var(--ink);background:var(--parchment);border-radius:3px;margin:auto;padding:50px clamp(20px,5vw,55px) 22px;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 90px oklch(15% .02 65/.4)}.album-lightbox::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:oklch(18% .027 62/.83)}.album-lightbox-close{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:7px;right:7px}.album-lightbox-mount{border:1px solid color-mix(in oklab, var(--ink) 8%, transparent);background:oklch(96% .022 86);margin-inline:auto;padding:clamp(7px,1.2vw,12px);box-shadow:0 2px 4px oklch(30% .03 65/.16)}.album-lightbox-mount--landscape{aspect-ratio:4/3;width:min(100%,133.333svh - 240px)}.album-lightbox-mount--portrait{aspect-ratio:3/4;width:min(100%,75svh - 135px)}.album-lightbox-placeholder{text-align:center;background:linear-gradient(135deg,oklch(87% .037 81),oklch(91% .034 84) 48%,oklch(84.5% .04 78));flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;min-height:150px;padding:22px;display:flex}.album-lightbox-placeholder>span{color:color-mix(in oklab, var(--leather) 45%, var(--gold));font-size:34px}.album-lightbox-placeholder h2{font-size:16px;font-weight:400}.album-lightbox-placeholder p{margin:0;font-size:19px}.album-lightbox-placeholder .album-lightbox-notice{color:color-mix(in oklab, var(--ink) 64%, transparent);font-size:14px}.album-lightbox-caption{letter-spacing:.055em;text-align:center;color:color-mix(in oklab, var(--ink) 64%, transparent);margin:20px 0 0;font-size:14px}.album-lightbox-caption span{padding-inline:9px}.album-shell button:focus-visible,.album-lightbox button:focus-visible{outline:2px solid color-mix(in oklab, var(--leather) 75%, var(--gold));outline-offset:5px}@keyframes album-ui-enter{0%{opacity:0}to{opacity:1}}@media (width<=700px){.album-header{grid-template-columns:1fr auto;gap:8px 18px;padding:18px 22px 24px}.album-signature h1{font-size:14px}.album-signature p{font-size:8px}.album-close{grid-area:1/2}.album-close span{display:none}.album-close{min-width:44px}.album-other-view{padding-top:115px}.album-footer{min-height:66px;padding-inline:20px}.album-download-note{max-width:70px;font-size:10px;line-height:1.3}.album-overview-toggle{gap:6px;font-size:12px}.album-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.album-photo-placeholder{font-size:11px}.album-lightbox-placeholder p{font-size:16px}.album-lightbox-placeholder .album-lightbox-notice{font-size:12px}}@media (prefers-reduced-motion:reduce){.album-header,.album-footer{animation:none}}.album-shell--castle .book-stage{height:100svh;min-height:0}.album-photo-image,.album-lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}
