/* Words remain readable by default, including when scripts or motion are disabled. */
[data-title-reveal] .title-word{display:inline-block;white-space:nowrap}
@media print{[data-title-reveal] .title-word{opacity:1!important;filter:none!important;transform:none!important}}

/* Page proportions: the frame follows the page, with no letterboxing. */
.preview-grid{min-width:0;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.preview-copy,.preview-stage{min-width:0}
.preview-stage{--page-ratio:.67908;width:min(100%,calc(64svh * var(--page-ratio) + 24px));justify-self:center;margin-inline:auto;padding:12px;box-shadow:0 28px 70px #0004;transition:width .45s cubic-bezier(.22,1,.36,1)}
.preview-image-link{width:100%;background:transparent;line-height:0}
.preview-image-link img{display:block;width:100%;height:auto;max-height:none;object-fit:initial}
.preview-controls{margin:15px 5px 0}.preview-caption{margin:10px 5px 4px}
.book-dialog{--page-ratio:1.37;width:min(1050px,calc(100% - 24px),calc(76dvh * var(--page-ratio) + 24px));padding:12px;background:#181e16}
.dialog-top{margin-bottom:12px}.dialog-img{display:block;width:100%;height:auto;max-height:none;object-fit:initial;background:transparent}

/* Original small, subdued social icons sit behind the upper-right hero. */
.hero-grid,.hero-bottom{position:relative;z-index:1}
.hero-art{isolation:isolate}
.hero-book{position:relative;z-index:2}
.hero-book .book-image{transform:rotate(5deg);animation:none}
.social-fragments{position:absolute;inset:0;z-index:0;pointer-events:none}
.social-fragment{position:absolute;width:var(--size)}
.social-fragment img{width:100%;height:auto;opacity:var(--icon-opacity);transform:rotate(var(--angle));filter:drop-shadow(0 6px 8px #0006)}
.fragment-instagram{--size:44px;--icon-opacity:.5;--angle:6deg;--float-time:9s;--float-delay:-2s;right:3%;top:11%}
.fragment-tiktok{--size:36px;--icon-opacity:.45;--angle:-10deg;--float-time:12s;--float-delay:-6s;right:8%;top:25%}
.fragment-youtube{--size:50px;--icon-opacity:.4;--angle:4deg;--float-time:15s;--float-delay:-4s;right:14%;top:8%}
.fragment-facebook{--size:40px;--icon-opacity:.38;--angle:-4deg;--float-time:11s;--float-delay:-1s;right:20%;top:15%}
.motion-enabled .social-fragment img{animation:fragment-levitate var(--float-time) ease-in-out var(--float-delay) infinite}
.motion-enabled .orbit{animation:orbit-breathe 12s ease-in-out infinite}
.motion-toggle{display:none;position:absolute;right:0;bottom:0;z-index:5;place-items:center;width:34px;height:34px;padding:0;border:1px solid #666e4b;border-radius:50%;background:#192015a8;color:var(--gold);font-size:.85rem}
.motion-enabled .motion-toggle{display:grid}.motion-toggle:hover{background:#303b25}
.motion-paused .social-fragment img,.motion-paused .orbit{animation-play-state:paused}
@keyframes fragment-levitate{0%,100%{transform:translate3d(0,0,0) rotate(var(--angle))}35%{transform:translate3d(4px,-6px,0) rotate(calc(var(--angle) + 2deg))}70%{transform:translate3d(-3px,4px,0) rotate(calc(var(--angle) - 2deg))}}
@keyframes orbit-breathe{0%,100%{transform:rotate(-18deg) scale(.97);opacity:.65}50%{transform:rotate(8deg) scale(1.03);opacity:1}}

/* A gold seam opens into the next section; each crossing uses its own geometry. */
main>.section,main>.closing{position:relative;border-top:0}
.section-crossing{position:absolute;top:0;left:0;right:0;height:1px;z-index:3;pointer-events:none;color:var(--gold)}
.section-crossing::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 3%,#79704466 30%,#dfc37d 50%,#79704466 70%,transparent 97%);transform-origin:center}
.section-crossing::after{content:'';position:absolute;left:50%;top:-35px;transform:translateX(-50%);width:min(620px,88vw);height:70px;background:radial-gradient(ellipse,#ccaa5721,transparent 67%)}
.crossing-sigil{position:absolute;top:-8px;left:50%;width:16px;height:16px;transform:translateX(-50%) rotate(45deg);background:var(--bg);border:1px solid #baa264;box-shadow:0 0 0 5px var(--bg),0 0 24px #d8bd7b30}
.crossing-sigil::before{content:'';position:absolute;inset:4px;border:1px solid #d8bd7b99}
.crossing-ring .crossing-sigil{top:-11px;width:22px;height:22px;border-radius:50%;transform:translateX(-50%)}
.crossing-ring .crossing-sigil::before{inset:5px;transform:rotate(45deg)}
.crossing-aperture .crossing-sigil{top:-5px;width:32px;height:10px;transform:translateX(-50%);border-radius:50%}
.crossing-aperture .crossing-sigil::before{inset:2px 12px;border-radius:50%;background:var(--gold)}
.method .crossing-sigil,.testimonials .crossing-sigil{background:var(--surface);box-shadow:0 0 0 5px var(--surface),0 0 24px #d8bd7b30}
.newsletter .crossing-sigil{background:#242c21;box-shadow:0 0 0 5px #242c21,0 0 24px #d8bd7b30}
.motion-enabled:not(.motion-paused) .seam-arrived .section-crossing::before{animation:seam-unfold 1.5s cubic-bezier(.2,.7,.2,1) both}
.motion-enabled:not(.motion-paused) .seam-arrived .section-crossing::after{animation:seam-glow 1.8s ease-out both}
.motion-enabled:not(.motion-paused) .seam-arrived .crossing-sigil::before{animation:sigil-light 1.5s ease-out both}
@keyframes seam-unfold{from{transform:scaleX(.05);opacity:.15}to{transform:scaleX(1);opacity:1}}
@keyframes seam-glow{0%{opacity:0;scale:.45}45%{opacity:1;scale:1.15}100%{opacity:.65;scale:1}}
@keyframes sigil-light{0%{opacity:.15}40%{opacity:1;box-shadow:0 0 14px #ead290}100%{opacity:1;box-shadow:0 0 0 transparent}}
.chapter{transition:background .35s,box-shadow .35s}.chapter:hover{background:#d8bd7b05;box-shadow:inset 0 2px #d8bd7b}
.chapter-number{transition:color .35s,translate .35s}.chapter:hover .chapter-number{color:#f1dbaa;translate:3px 0}
.button .arrow{transition:transform .3s}.button:hover .arrow{transform:translate(3px,-3px)}
@media(max-width:650px){.hero-book{flex-shrink:0}.social-fragments{inset:auto 4% 285px auto;width:240px;height:210px}.fragment-instagram{right:0;top:12px}.fragment-tiktok{right:38px;top:142px}.fragment-youtube{right:115px;top:0}.fragment-facebook{right:175px;top:70px}.motion-toggle{bottom:5px;right:0}.preview-stage{width:min(100%,calc(64svh * var(--page-ratio) + 20px));padding:10px}.preview-image-link img{height:auto}.preview-controls{margin-top:12px}.book-dialog{width:min(calc(100% - 16px),calc(75dvh * var(--page-ratio) + 16px));padding:8px}.section-crossing::after{width:88vw}.crossing-sigil{scale:.85}}
@media(prefers-reduced-motion:reduce){.hero-book,.social-fragment,.preview-stage,.button .arrow{transition:none!important}.social-fragment img,.hero-book .book-image,.orbit,.section-crossing::before,.section-crossing::after,.crossing-sigil::before{animation:none!important}.motion-toggle{display:none!important}}
@media print{.social-fragments,.section-crossing,.motion-toggle{display:none!important}.preview-stage,.book-dialog{width:100%}}