/* Midnight glass, luminous paper edges, and independent breathing rhythms. */
body{background:#080c18;background-image:radial-gradient(ellipse at 15% 15%,#14425466,transparent 45%),radial-gradient(ellipse at 88% 35%,#45255766,transparent 50%)}
.living-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}main,header{position:relative}.living-mote{position:absolute;left:var(--x);top:var(--y);font-size:var(--size);color:#b9dfff;opacity:.45;text-shadow:0 0 15px #a7cfff;animation:moteDrift var(--duration) ease-in-out var(--delay) infinite alternate}.living-mote:nth-child(3n){color:#efb2ed}
.hero{min-height:calc(100svh - 76px);align-items:center;gap:60px;padding-block:50px}.hero>div:first-child{max-width:500px}.hero h1{font-family:Georgia,serif;font-weight:400;line-height:1.03;font-size:clamp(58px,6.5vw,92px)}.hero-object{position:relative;perspective:1600px;max-width:430px}.hero-book.horne-edition{transform:rotateY(-8deg) rotateZ(-3deg);transform-origin:left center;border-radius:8px 28px 28px 8px;border:1px solid #a9d5e18c;border-left:12px solid #233240;background:linear-gradient(120deg,#16313b,#111321 50%,#291931);box-shadow:-9px 4px 0 #70627b,-14px 6px 0 #1a2034,9px 9px 0 -2px #a6a5b6,15px 12px 0 -4px #3b3a50,0 35px 90px #000b,0 0 60px #9b5dd52b;animation:coverBreath 7s ease-in-out infinite!important;padding:26px 32px 30px}.hero-book.horne-edition:hover{filter:brightness(1.12)}.horne-monogram{position:relative}.horne-monogram img{mix-blend-mode:screen;animation:emblemBreath 4.7s ease-in-out infinite!important}.hero-book .horne-wordmark{letter-spacing:.24em;font-size:40px}.cover-open-label{box-shadow:0 0 24px #bf8de54d;font-size:15px!important}.hero-book .cover-rule{background:linear-gradient(90deg,transparent,#c7b5eb,transparent)}.family-charms{position:relative;z-index:2;margin-top:30px}.family-charms button span{display:inline-block;animation:emblemBreath 3.6s ease-in-out infinite}.family-charms button:nth-child(2) span{animation-delay:-1s}.family-charms button:nth-child(3) span{animation-delay:-2s}.living-stickers{position:absolute;inset:0;pointer-events:none}.living-sticker{position:absolute;pointer-events:auto;border:0!important;background:none!important;font-size:36px!important;padding:7px!important;min-width:52px;min-height:52px;filter:drop-shadow(0 4px 12px #d6afff70);animation:stickerFloat 4.5s ease-in-out calc(var(--i)*-.9s) infinite;z-index:3}.living-sticker:nth-child(1){left:-38px;top:12%}.living-sticker:nth-child(2){right:-36px;top:33%}.living-sticker:nth-child(3){left:-35px;bottom:23%}.living-sticker:nth-child(4){right:-28px;bottom:13%}.living-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.living-controls button{font-size:14px;min-height:44px;border-color:#c0a2de70;background:#141b2b}.living-controls #living-demo{color:#e0c7ff}.living-controls #living-status{font-size:14px;line-height:1.6;flex-basis:100%;color:#c9bad8;min-height:22px}.living-burst{position:fixed;z-index:10000;pointer-events:none;font-size:25px}.book-awakening .halo{filter:brightness(1.8);transition:filter .5s}.book-awakening .hero-book{animation:none!important}.book-heading{padding:20px 8px}.book-heading h2{font-family:Georgia,serif;font-size:42px}.book-shell{perspective:1800px;border:1px solid #bfa0e870!important;border-radius:12px 24px 24px 12px!important;box-shadow:-6px 5px 0 #34314a,-11px 9px 0 #1d2638,0 24px 65px #0009,0 0 45px #8144a91a!important}.living-reader-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px 18px;color:#e6d6f0;font-family:Georgia,serif;font-size:19px}.living-reader-tools i{color:#b7a6c9;font-size:15px}.living-reader-tools button{min-height:44px;font:14px system-ui;background:#a179be14}.spread{perspective:1800px;isolation:isolate}.paired-page{backface-visibility:hidden;transform-style:preserve-3d;border:1px solid #b6c4da45!important;background:linear-gradient(115deg,#142131f5,#161728f5 65%,#2a1c34ed)!important;box-shadow:inset 10px 0 22px #04071370,0 6px 16px #0005!important}.paired-page:nth-child(2){box-shadow:inset 14px 0 24px #0306118a,0 6px 16px #0005!important}.leaf-turning .spread{pointer-events:none}.leaf-turning .portrait-stage{animation-play-state:paused!important}.page-meta h3{font-family:Georgia,serif!important;font-size:24px!important}.photo-button{box-shadow:0 10px 24px #0007;border:1px solid #e4cbef33}.portrait-stage{animation:portraitBreathe 8s ease-in-out infinite}.portrait-label{color:#e1b9ef!important}.living-quiet .living-mote,.living-quiet .living-sticker,.living-quiet .hero-book,.living-quiet .horne-monogram img,.living-quiet .family-charms button span,.living-quiet .portrait-stage{animation:none!important}.living-hidden .living-mote,.living-hidden .living-sticker,.living-hidden .hero-book,.living-hidden .horne-monogram img,.living-hidden .portrait-stage{animation-play-state:paused!important}.offscreen .portrait-stage,.portraits-paused .portrait-stage{animation:none!important}
@keyframes coverBreath{0%,100%{transform:rotateY(-8deg) rotateZ(-3deg) translateY(0)}50%{transform:rotateY(-4deg) rotateZ(-2deg) translateY(-9px)}}@keyframes emblemBreath{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.22)}}@keyframes stickerFloat{0%,100%{transform:translateY(0) rotate(-9deg) scale(.95)}50%{transform:translateY(-14px) rotate(8deg) scale(1.09)}}@keyframes moteDrift{0%{transform:translate3d(0,0,0) scale(.7);opacity:.12}50%{opacity:.6}100%{transform:translate3d(18px,-45px,0) scale(1.1);opacity:.2}}@keyframes portraitBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:650px){.hero{padding:25px 8px 32px;gap:22px;min-height:0}.hero h1{font-size:42px;line-height:1.12;margin:8px 0}.hero h1 br{display:none}.hero .eyebrow{font-size:12px}.hero .names{margin:10px 0}.hero>div:first-child{display:contents}.hero .intro,.hero .names,.hero>div:first-child>.primary,#begin-book,.hero .cover-bookmark{display:none}.hero .eyebrow{order:0;margin:0}.hero h1{order:1}.hero-object{order:2;width:calc(100% - 42px);max-width:340px}.living-controls{order:3;justify-content:center;margin-top:2px}.hero-book.horne-edition{padding:22px 22px 25px;border-left-width:8px}.hero-book .horne-wordmark{font-size:32px}.horne-cover .horne-monogram img{max-height:160px!important;height:160px!important;margin:0!important}.cover-interests{font-size:15px!important;line-height:1.65!important}.cover-bottom{font-size:12px!important}.living-sticker{font-size:27px!important}.living-sticker:nth-child(1){left:-29px}.living-sticker:nth-child(2){right:-28px}.living-sticker:nth-child(3){left:-29px}.living-sticker:nth-child(4){right:-26px}.family-charms{gap:5px}.family-charms button{padding:9px 10px;font-size:13px}.living-reader-tools{font-size:17px;flex-wrap:wrap;padding:8px 2px 14px}.living-reader-tools i{display:none}.living-reader-tools button{font-size:13px}.book-heading h2{font-size:33px}.book-heading .description{font-size:15px}.paired-page{border-radius:12px!important}.page-meta h3{font-size:22px!important}.living-atmosphere .living-mote:nth-child(n+15){display:none}}
@media(prefers-reduced-motion:reduce){.living-mote,.living-sticker,.hero-book.horne-edition,.horne-monogram img,.family-charms button span,.portrait-stage{animation:none!important}}
@media(max-width:650px){.hero{gap:16px;padding-top:18px}.hero h1{font-size:36px}.hero h1 em:before{content:' '}.hero-book.horne-edition{padding:18px 20px 20px}.hero-book .cover-edition{font-size:12px;margin-bottom:6px}.horne-cover .horne-monogram{margin:0 auto}.horne-cover .horne-monogram img{width:126px!important;height:126px!important;max-height:126px!important}.hero-book .horne-cover-subtitle{margin:6px 0;font-size:16px}.hero-book .cover-rule{margin:6px auto 12px;height:1px}.hero-book .cover-signatures{font-size:22px;line-height:1.5}.hero-book .cover-interests{font-size:14px!important;line-height:1.4!important;margin:8px 0}.hero-book .cover-bottom{display:none}.hero-book .cover-open-label{margin:12px auto 0;min-height:46px;padding:12px 16px}.family-charms{margin-top:22px}}
.reader-bar>div:empty{display:none!important}.living-reader-tools>span{margin-right:auto}.living-reader-tools [data-cover]{font:14px system-ui;min-height:44px}.reader-options .reading-tools{width:100%;margin:0!important;padding:4px 0!important}.reader-bar .top-page-turns{margin:0!important}.book-shell{scroll-margin-top:20px}.living-reader-tools{padding-bottom:10px}
@media(max-width:650px){.living-reader-tools{gap:8px}.living-reader-tools>span{font-size:16px}.living-reader-tools #page-magic{font-size:0;padding:8px 12px;min-width:44px}.living-reader-tools #page-magic::first-letter{font-size:21px}.living-reader-tools [data-cover]{font-size:13px;padding:8px 12px}.reader-bar{padding:0!important;gap:8px!important}.reader-bar .top-page-turns{display:flex!important;gap:8px;width:100%}.reader-bar .top-page-turns button{flex:1}.reader-options{padding:8px 0;margin:8px 0}.reader-options summary{min-height:36px;padding-top:8px}.book-shell{scroll-margin-top:12px}}
@media(max-width:650px){#classic .single-photo .photo-button img,#classic .single-photo .portrait-art img{height:auto!important;max-height:65svh;width:100%;object-fit:contain}.living-reader-tools{padding-top:4px}.living-reader-tools>span{line-height:1.4}}
.living-atmosphere{background-image:linear-gradient(#080c1810,#080c1830),url('assets/living-glass-atmosphere.webp');background-size:100% 100%,cover;background-position:center;opacity:.82}.hero-book.horne-edition{background:linear-gradient(120deg,#122936eb,#121320f5 50%,#2c1834eb)}.hero .halo{opacity:.8}.book-shell{background:linear-gradient(120deg,#091422e8,#161326eb)!important}.living-mote{z-index:1}.living-quiet .living-atmosphere{opacity:.6}
@media(max-width:650px){.living-atmosphere{background-size:100% 100%,auto 100svh;opacity:.83}.hero-object{width:calc(100% - 54px)}.hero-book.horne-edition{border-right-color:#d5c1ec80}.book-shell{background:linear-gradient(120deg,#091422df,#161326df)!important}}
.living-atmosphere{animation:worldGlow 11s ease-in-out infinite alternate}@keyframes worldGlow{from{opacity:.7}to{opacity:.94}}.living-quiet .living-atmosphere{animation:none}.living-hidden .living-atmosphere{animation-play-state:paused}@media(max-width:650px){.living-atmosphere{background-size:100% 100%,100% 100svh;background-repeat:no-repeat}}@media(prefers-reduced-motion:reduce){.living-atmosphere{animation:none}}
@media(min-width:651px){.hero>div:first-child{background:radial-gradient(ellipse at center,#080c18eb 40%,#080c1870 70%,transparent 74%);padding:22px 8px}.hero .intro,.hero .names,.hero .cover-bookmark{color:#ded9e9;text-shadow:0 2px 8px #000}.hero h1,.hero .eyebrow{text-shadow:0 3px 15px #080c18}}
