.sj-section{background:var(--color-cream);padding:3rem .5rem 1rem}.sj-container{max-width:62rem;margin:0 auto}.sj-heading{text-align:center;max-width:48rem;margin:0 auto .5rem;padding:0 1rem}.sj-category{color:var(--color-gold-deep);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:600}.sj-section-title{font-family:var(--font-display);margin-top:0;font-size:clamp(1.6rem,2.7vw,2.25rem);line-height:1.2}.sj-intro{color:var(--color-muted);margin-top:.65rem;font-size:.8125rem;line-height:1.6}.sj-stage{padding:1.5rem .8rem;overflow:hidden}.sj-book{isolation:isolate;filter:drop-shadow(0 15px 17px #2b29262b);max-width:56rem;margin:0 auto;padding-bottom:8px;position:relative}.sj-book:before{content:"";z-index:-2;background:color-mix(in srgb, var(--color-gold-deep) 62%, var(--color-ink));border-radius:4px 6px 7px 5px;position:absolute;inset:5px -5px -3px;transform:rotate(-.3deg)}.sj-book:after{content:"";z-index:-1;background:repeating-linear-gradient(to bottom, var(--color-paper) 0 2px, var(--color-line) 2px 3px);border-radius:3px 5px 5px 3px;position:absolute;inset:9px -1px 0}.sj-pages{perspective:3200px;position:relative}.sj-spread{background:var(--color-paper);border-radius:3px 7px 4px 3px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid;position:relative}.sj-pages:after{content:"";z-index:6;pointer-events:none;background:linear-gradient(90deg,#0000,#503a1e14 29%,#422c1530 49%,#fffcf6a6 53%,#5b442612 65%,#0000);width:36px;position:absolute;top:0;bottom:0;left:calc(50% - 18px)}.sj-current,.sj-sizer{grid-row:1;min-width:0}.sj-current-left,.sj-sizer-left{grid-column:1}.sj-current-right,.sj-sizer-right{grid-column:2}.sj-current{z-index:1;position:relative}.sj-sizer{visibility:hidden;pointer-events:none}.sj-paper{border-top:1px solid var(--color-line);background:var(--color-paper);flex-direction:column;min-width:0;height:100%;padding:1.1rem clamp(.8rem,3.2vw,2.5rem) 3.5rem;display:flex;position:relative;overflow:hidden}.sj-paper-left{background:linear-gradient(90deg, var(--color-paper) 86%, var(--color-cream));border-radius:3px 0 0 3px}.sj-paper-right{background:linear-gradient(90deg, var(--color-cream), var(--color-paper) 12%);border-radius:0 7px 4px 0}.sj-figure{flex-direction:column;flex:1;min-height:0;margin:0;display:flex}.sj-photo{aspect-ratio:4/3;border:5px solid var(--color-paper);background:var(--color-line);flex:1;width:100%;min-height:7rem;display:block;position:relative;overflow:hidden;box-shadow:0 3px 9px #2b29261f}.sj-photo img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.sj-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#180e0cd9);position:absolute;inset:0}.sj-photo-label{z-index:1;color:#fff9ec;font-family:var(--font-display);text-shadow:0 1px 6px #180e0ccc;overflow-wrap:break-word;font-size:clamp(.9rem,2.25vw,1.7rem);font-style:italic;line-height:1.35;position:absolute;bottom:1rem;left:.9rem;right:.9rem}.sj-caption{overflow-wrap:anywhere;color:var(--color-ink-soft);font-family:var(--font-display);flex-shrink:0;margin:.6rem 0 0;font-size:.75rem;font-style:italic;line-height:1.55}.sj-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.sj-category{overflow-wrap:anywhere;margin:0 0 .65rem;font-size:.6875rem;line-height:1.7}.sj-title{font-family:var(--font-display);overflow-wrap:anywhere;margin:0 0 .8rem;font-size:clamp(1.05rem,2.2vw,1.9rem);line-height:1.22}.sj-title span{background:linear-gradient(transparent 65%, color-mix(in srgb, var(--color-gold) 27%, transparent) 65% 94%, transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.sj-body{overflow-wrap:anywhere;color:var(--color-muted);margin:0 0 .65rem;font-size:clamp(.75rem,1.2vw,.875rem);line-height:1.75}.sj-link{max-width:100%;min-height:44px;color:var(--color-gold-deep);letter-spacing:.1em;text-transform:uppercase;overflow-wrap:anywhere;align-items:center;gap:.6rem;margin-top:0;padding-top:.4rem;font-size:.6875rem;font-weight:600;line-height:1.75;display:inline-flex}.sj-link svg{flex-shrink:0;width:1rem;height:1rem}.sj-link:hover{color:var(--color-ink)}.sj-photo:focus-visible,.sj-link:focus-visible,.sj-pause:focus-visible,.sj-corner:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:3px}.sj-folio{color:var(--color-ink-soft);font-family:var(--font-display);text-align:center;font-size:.8rem;line-height:1.4;position:absolute;bottom:1rem;left:0;right:0}.sj-ending .sj-copy{padding-top:.5rem}.sj-ending .sj-title{font-style:italic}.sj-leaf{z-index:8;pointer-events:none;width:50%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;bottom:0}.sj-turn-next{transform-origin:0;animation:1.35s cubic-bezier(.35,.04,.26,1) both sj-book-next;right:0}.sj-turn-previous{transform-origin:100%;animation:1.35s cubic-bezier(.35,.04,.26,1) both sj-book-previous;left:0}.sj-leaf-face{backface-visibility:hidden;position:absolute;inset:0;box-shadow:0 7px 22px #2b292633}.sj-leaf-back{transform:rotateY(180deg)}.sj-leaf-face:after{content:"";pointer-events:none;background:linear-gradient(90deg,#31231021,#0000 40%,#fffcf61a);position:absolute;inset:0}.sj-corner{z-index:10;width:86px;height:86px;color:var(--color-gold-deep);background:0 0;border:0;padding:0;position:absolute;bottom:0}.sj-corner-next{transform-origin:100% 100%;right:0;transform:scale(.72)}.sj-corner-previous{transform-origin:0 100%;left:0;transform:scale(.72)}.sj-corner-under{clip-path:polygon(100% 0,0 100%,100% 100%);background:linear-gradient(135deg, var(--color-line) 30%, color-mix(in srgb, var(--color-gold) 24%, var(--color-paper)) 53%, var(--color-paper) 75%);position:absolute;inset:0}.sj-corner-lift{transform-origin:50%;filter:drop-shadow(5px 8px 5px #3a280f52);transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .42s;position:absolute;inset:0;transform:translate(-6px,-7px)rotate(-4deg)}.sj-corner-lift:before{content:"";clip-path:path("M 86 0 Q 53 21 0 86 Q 36 68 75 73 Q 75 37 86 0 Z");background:linear-gradient(135deg, var(--color-line) 10%, color-mix(in srgb, var(--color-gold) 18%, var(--color-paper)) 38%, var(--color-paper) 59%, var(--color-cream) 75%, color-mix(in srgb, var(--color-gold) 38%, var(--color-line)));position:absolute;inset:0}.sj-corner-lift:after{content:"";clip-path:path("M 86 0 Q 75 37 75 73 Q 36 68 0 86 Q 39 60 67 63 Q 68 32 86 0 Z");background:linear-gradient(135deg,#0000 35%,#81663e2b 55%,#fffef9cc 70%);position:absolute;inset:0}.sj-corner-previous .sj-corner-under{transform:scaleX(-1)}.sj-corner-previous .sj-corner-lift{transform:scaleX(-1)translate(-6px,-7px)rotate(-4deg)}.sj-corner:hover .sj-corner-lift,.sj-corner:focus-visible .sj-corner-lift{filter:drop-shadow(8px 12px 6px #3a280f5c);transform:translate(-15px,-18px)rotate(-9deg)scale(1.12)}.sj-corner-previous:hover .sj-corner-lift,.sj-corner-previous:focus-visible .sj-corner-lift{transform:scaleX(-1)translate(-15px,-18px)rotate(-9deg)scale(1.12)}.sj-corner svg{width:.9rem;height:.9rem;position:absolute;bottom:.5rem}.sj-corner-next svg{right:.6rem}.sj-corner-previous svg{left:.6rem}.sj-corner[aria-disabled=true]{opacity:.55}.sj-pause{z-index:12;border:1px solid var(--color-line);min-width:3.7rem;min-height:2.8rem;color:var(--color-ink-soft);background:var(--color-paper);border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.25rem .45rem;font-size:.6875rem;line-height:1.4;display:inline-flex;position:absolute;bottom:.45rem;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #2b29261f}.sj-pause svg{width:1rem;height:1rem}@keyframes sj-book-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes sj-book-previous{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@supports not (clip-path:path('M 0 0 L 1 1')){.sj-corner-lift:before{clip-path:polygon(100% 0,0 100%,87% 85%)}}@media (width<=600px){.sj-stage{padding-left:.5rem;padding-right:.5rem}.sj-paper{padding-top:.8rem}.sj-category{letter-spacing:.04em;margin-bottom:.55rem}.sj-caption{font-size:.6875rem}.sj-link{letter-spacing:.02em}.sj-photo{border-width:3px}.sj-photo-label{bottom:.6rem;left:.4rem;right:.4rem}.sj-ending .sj-copy{padding-top:.5rem}}@media (prefers-reduced-motion:reduce){.sj-leaf{display:none}.sj-corner-lift{transition:none}.sj-corner:hover .sj-corner-lift,.sj-corner:focus-visible .sj-corner-lift{transform:translate(-6px,-7px)rotate(-4deg)}.sj-corner-previous:hover .sj-corner-lift,.sj-corner-previous:focus-visible .sj-corner-lift{transform:scaleX(-1)translate(-6px,-7px)rotate(-4deg)}}
