@font-face{font-family:Caladea;src:url('/assets/caladea.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Caladea;src:url('/assets/caladea-italic.woff') format('woff');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Caladea;src:url('/assets/caladea-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
:root{--bg:#06161d;--surface:#0c252d;--text:#e8ece5;--muted:#9db4b4;--aqua:#a4dcd2;--gold:#c9b681;--line:#b7d5d326;--serif:Caladea,Georgia,serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--wrap:1280px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}img{display:block;max-width:100%;height:auto}button,a,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:disabled{opacity:.35;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--aqua);outline-offset:5px}::selection{background:#a4dcd2;color:#06161d}[hidden]{display:none!important}.wrap{width:calc(100% - 112px);max-width:var(--wrap);margin-inline:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.23em;color:var(--aqua);text-transform:uppercase;margin:0 0 26px}.text-link{font-size:12px;letter-spacing:.03em;display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid #a4dcd253;padding:9px 0;transition:color .2s,border-color .2s}.text-link:hover{color:var(--aqua);border-color:var(--aqua)}h1,h2,p{margin-top:0}h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.06;font-size:clamp(42px,5vw,76px);margin:0 0 28px}h2 em{color:var(--aqua);font-weight:400}p{margin-bottom:20px}.button{background:var(--aqua);color:#09262b;display:inline-flex;justify-content:center;align-items:center;gap:35px;border:1px solid var(--aqua);border-radius:3px;padding:17px 24px;font-size:13px;font-weight:600;min-height:52px;transition:background .2s,transform .2s}.button:hover{background:#c1eee5;transform:translateY(-2px)}.button.outline{background:transparent;color:var(--text);border-color:#9ebdb65e}.button.outline:hover{background:#a4dcd210}.button.small{padding:10px 17px;min-height:41px;font-size:11px;gap:24px}.round-button{width:45px;height:45px;border:1px solid #b8d1cc40;border-radius:50%;display:inline-grid;place-items:center;font-size:20px;flex:none}.round-button:hover{background:#a4dcd21a;border-color:var(--aqua)}.quiet-button{font-size:12px;padding:12px;color:var(--muted)}.quiet-button:hover{color:var(--text)}.skip-link{position:fixed;top:8px;left:16px;z-index:30;transform:translateY(-150%);background:var(--aqua);color:var(--bg);padding:12px}.skip-link:focus{transform:none}.site-header{position:absolute;inset:0 0 auto;height:88px;padding:0 52px;z-index:5;display:flex;gap:35px;align-items:center;justify-content:space-between;border-bottom:1px solid #c6e0dd20;background:linear-gradient(#05151db3,#05151d22)}.wordmark{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:23px;letter-spacing:-.04em;white-space:nowrap}.wordmark>span>span{font-size:.86em;letter-spacing:.03em}.brand-orbit{display:inline-block;width:28px;height:28px;border:1px solid var(--gold);border-radius:50%;position:relative;flex:none}.brand-orbit:after{content:'';position:absolute;border:1px solid var(--gold);border-top:0;border-left:0;width:20px;height:10px;border-radius:50%;left:2px;top:8px;transform:rotate(-30deg)}.site-header nav{display:flex;gap:32px;font-size:11px;color:#d7e5e0}.site-header nav a:hover{color:var(--aqua)}.header-actions{display:flex;gap:24px;align-items:center}.motion-button{font-size:11px;display:flex;gap:8px;align-items:center;color:var(--muted);min-height:44px}.motion-button>span:first-child{font-size:19px;color:var(--aqua)}
.hero{height:max(820px,100svh);max-height:1250px;min-height:750px;position:relative;isolation:isolate;overflow:hidden;background:#0b2834}.hero-image,.hero-shade,.hero canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-image{object-position:62% 50%;animation:ocean-drift 25s ease-in-out infinite alternate}.hero-shade{z-index:-2;background:linear-gradient(90deg,#06161deb 0%,#06161d93 37%,#06161d08 80%),linear-gradient(0deg,#06161d 0%,#06161d00 30%,#06161d30)}.hero canvas{z-index:-1;pointer-events:none}.hero-content{padding-top:185px;position:relative;z-index:1}.hero .eyebrow{font-size:9px;letter-spacing:.19em;display:flex;gap:12px;align-items:center;margin-bottom:25px}.status-light{width:5px;height:5px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px #a4dcd280}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(85px,10.5vw,158px);letter-spacing:-.045em;line-height:.79;margin:30px 0 32px;display:flex;flex-direction:column;align-items:flex-start}.hero h1 em{font-weight:400;font-size:.78em;letter-spacing:.115em;color:var(--aqua);font-style:normal;margin-top:17px}.hero-lead{font-family:var(--serif);font-size:23px;line-height:1.45;color:#e4e9e0;margin-bottom:32px}.hero-actions{display:flex;gap:30px;align-items:center}.play-link{display:inline-flex;align-items:center;gap:13px;text-align:left;font-size:12px;padding:0;line-height:1.6;min-height:48px}.play-link small{display:block;font-size:9px;color:var(--muted);letter-spacing:.03em}.play-circle{height:46px;width:46px;border:1px solid #d3e7df70;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .2s,transform .2s}.play-link:hover .play-circle{background:#9fdbce25;transform:scale(1.07)}.hero-detail{font-size:10px;color:var(--muted);letter-spacing:.06em;margin:24px 0 0}.hero-coordinate{position:absolute;right:55px;top:135px;font-size:8px;letter-spacing:.15em;line-height:2.2;text-align:right;color:var(--aqua)}.hero-coordinate span{color:#d4e5e088}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;font-size:8px;letter-spacing:.14em;color:var(--muted)}.hero-bottom a{font-size:10px;letter-spacing:.03em;color:var(--text);display:flex;align-items:center;gap:30px}.hero-bottom a span{font-size:20px}.hero-rings{position:absolute;inset:10% -20% 0 45%;z-index:-1;opacity:.17;pointer-events:none;animation:orbit 75s linear infinite}.hero-rings i{position:absolute;inset:7%;border:1px solid var(--aqua);border-radius:50%}.hero-rings i:nth-child(2){inset:16%;border-style:dashed}.hero-rings i:nth-child(3){inset:28%}
.story-section{padding-block:130px 120px;display:grid;grid-template-columns:70px 1.2fr 1fr;gap:40px;position:relative}.story-number{color:var(--gold);font-family:var(--serif);font-size:21px;display:flex;flex-direction:column;gap:4px;padding-top:44px;line-height:1.2}.story-number span{color:#c9b68140}.story-copy{padding-top:34px;max-width:440px;color:var(--muted);font-size:13px;line-height:1.9}.story-copy .intro{font-family:var(--serif);font-size:25px;line-height:1.35;color:var(--text);margin-bottom:25px}.story-copy .text-link{margin-top:6px;color:var(--text)}.story-line{position:absolute;left:110px;bottom:45px;width:calc(100% - 110px);height:1px;background:linear-gradient(90deg,#a4dcd240,transparent)}
.world-section{position:relative;isolation:isolate;min-height:740px;overflow:hidden}.world-art,.world-art>img,.world-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-3;object-fit:cover}.world-art>img{object-position:60%;transition:opacity .4s}.world-shade{z-index:-2;background:linear-gradient(90deg,#041219e8,#04121950 70%),linear-gradient(0deg,#06161d,#06161d08 40%,#06161d99)}.world-orbit{position:absolute;z-index:-1;inset:10% -10% 5% 50%;border:1px solid #a4dcd22b;border-radius:50%;transform:rotate(-20deg);pointer-events:none}.world-layout{padding-block:52px 32px;min-height:740px;display:flex;flex-direction:column}.world-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.world-top>.eyebrow{margin:0;font-size:9px}.world-tabs{display:flex;border-bottom:1px solid #c8e0d738}.world-tabs button{font-family:var(--serif);font-size:20px;padding:13px 28px 15px;border-bottom:1px solid transparent;position:relative;top:1px;color:var(--muted)}.world-tabs small{font-family:var(--sans);font-size:8px;display:block;text-align:left;color:var(--muted);margin-bottom:2px}.world-tabs button[aria-pressed=true]{color:var(--text);border-color:var(--aqua);background:linear-gradient(0deg,#a4dcd212,transparent)}.world-copy{max-width:440px;margin-block:auto;padding-block:75px 55px}.world-label{font-size:9px;color:var(--aqua);letter-spacing:.17em}.world-copy h2{font-size:clamp(45px,5vw,74px);max-width:440px;margin:22px 0}.world-copy p{font-size:13px;line-height:1.9;color:#cfdbd6;max-width:385px}.world-caption{display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.1em;color:var(--muted)}.world-caption>span:first-child{color:var(--aqua)}
.characters-section{padding:120px 0 70px;background:linear-gradient(#06161d,#0b242b)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.section-heading h2{margin:0;font-size:clamp(42px,4.8vw,68px)}.gallery-controls{display:flex;align-items:center;gap:10px}.gallery-controls p{font-size:10px;margin:0 20px 0 0;line-height:1.8}.gallery-controls p span{color:var(--muted)}.cast-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(56px,calc((100vw - 1280px)/2));padding:0 max(56px,calc((100vw - 1280px)/2)) 30px;scrollbar-width:thin;scrollbar-color:#6c9996 #0b242b}.character-card{width:286px;flex:0 0 286px;scroll-snap-align:start;text-align:left;padding:0;position:relative}.character-portrait,.detail-portrait{background-image:url('/assets/personajes.webp');background-size:300% 200%;background-repeat:no-repeat;aspect-ratio:1;display:block;position:relative;border-radius:2px}.character-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06161d66,transparent 45%);border:1px solid #b6d6ca21}.character-card .character-open{position:absolute;bottom:16px;right:16px;border:1px solid #d2e8df70;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-family:var(--sans);font-size:16px;transition:background .2s;z-index:1}.character-card:hover .character-open{background:var(--aqua);color:var(--bg)}.character-meta{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.character-meta strong{font:400 30px/1.1 var(--serif)}.character-meta small{font-size:8px;letter-spacing:.08em;color:var(--gold);text-transform:uppercase;text-align:right}.character-tag{font-size:11px;display:block;color:var(--muted);margin-top:10px}.cast-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.cast-note>span{font-size:9px;color:var(--muted)}
.interlude{height:650px;position:relative;isolation:isolate;overflow:hidden}.interlude>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 55%;z-index:-2}.interlude-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06161de0,#06161d08 85%),linear-gradient(0deg,#06161d50,transparent)}.interlude-copy{padding-block:150px}.interlude-line{font-family:var(--serif);font-size:clamp(55px,6vw,88px);letter-spacing:-.025em;line-height:1.04;margin-bottom:40px}.interlude-line em{color:var(--aqua)}
.book-section{padding-block:140px 100px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.book-visual{position:relative;text-align:center;min-width:0;isolation:isolate}.book-orbits{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.book-orbits i{position:absolute;inset:4% -2%;border:1px solid #a4dcd21d;border-radius:50%;transform:rotate(-35deg)}.book-orbits i:nth-child(2){inset:14% -10%;transform:rotate(45deg);border-color:#a4dcd211}.book-stage{height:460px;display:grid;place-items:center;perspective:1400px;position:relative}.book-object{width:270px;height:383px;position:relative;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-22deg);transition:transform 1.1s cubic-bezier(.22,.6,.2,1);filter:none;z-index:1}.book-object.is-back{transform:rotateX(3deg) rotateY(158deg)}.book-front,.book-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:1px 4px 4px 1px}.book-front{transform:translateZ(17px)}.book-front:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 3%,#ffffff20 4%,transparent 7%,#0001);pointer-events:none}.book-front img,.book-back img{width:100%;height:100%;object-fit:cover}.book-back{transform:rotateY(180deg) translateZ(17px);border-radius:4px 1px 1px 4px}.book-spine{position:absolute;left:-17px;top:0;width:34px;height:100%;background:linear-gradient(90deg,#07212e,#21414a,#0b2734);transform:rotateY(-90deg);display:grid;place-items:center;backface-visibility:hidden}.book-spine span{writing-mode:vertical-rl;transform:rotate(180deg);font:24px var(--serif);letter-spacing:.06em;color:#bfcbb4}.book-pages{position:absolute;right:-15px;top:4px;width:30px;height:calc(100% - 8px);transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#d8d6c4 0px,#d8d6c4 1px,#a8aea2 1px,#eae6d9 3px);backface-visibility:hidden}.book-shadow{position:absolute;bottom:24px;left:20%;width:64%;height:18px;background:#0009;filter:blur(16px);transform:rotate(-6deg)}.book-turn{gap:9px}.back-enlarge{display:block;margin:0 auto}.book-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;max-width:445px}.book-facts{display:flex;gap:30px;padding-block:26px 28px;margin:26px 0 25px;border-block:1px solid var(--line)}.book-facts strong{font-family:var(--serif);font-weight:400;font-size:24px;display:block;line-height:1.2}.book-facts span{font-size:7px;letter-spacing:.13em;display:block;color:var(--muted);margin-top:8px}.book-actions{display:flex;gap:12px;flex-wrap:wrap}.book-actions .button{gap:20px;font-size:11px;padding-inline:20px}.epub-link{margin-top:15px;font-size:11px}.book-copy .reader-benefits{font-size:9px!important;margin-top:20px}.book-copy .reading-resume{font-size:11px!important;color:var(--aqua)!important;padding:10px 15px;border-left:1px solid var(--aqua);background:#a4dcd20b}
.pages-section{padding-block:25px 120px}.pages-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:25px}.pages-heading h2{font-size:45px;margin:0}.pages-heading .eyebrow{margin-bottom:15px}.page-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.page-preview{text-align:left;min-width:0;background:#0e2830;border:1px solid #a5c9c31c;padding:20px 25px 14px;border-radius:3px;transition:background .2s}.page-preview:hover{background:#16373d}.page-preview>span:first-child{display:block;font-size:8px;letter-spacing:.13em;margin-bottom:18px;color:var(--aqua)}.page-preview img{width:100%;border-radius:1px;box-shadow:0 8px 20px #0002}.page-preview>span:last-child{display:flex;justify-content:space-between;font-size:10px;margin-top:15px;color:var(--muted)}.page-preview b{font-size:15px;font-weight:400;color:var(--aqua)}
.author-section{padding-block:30px 130px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:100px}.author-photo{position:relative;max-width:420px}.author-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;border-radius:2px}.author-photo span{display:block;font-size:8px;letter-spacing:.12em;margin-top:15px;color:var(--muted)}.author-copy h2{font-size:clamp(44px,4.6vw,66px)}.author-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted);max-width:430px}.publisher-note{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);display:flex;gap:15px;align-items:center}.publisher-note p{display:flex;gap:32px;align-items:center;margin:0}.publisher-note strong{font-family:var(--serif);font-size:25px;font-weight:400;color:var(--gold)}.publisher-note p span{font-size:9px;line-height:1.8;color:var(--muted)}
.closing-section{position:relative;isolation:isolate;overflow:hidden;text-align:center;min-height:520px;padding:105px 0 100px;background:radial-gradient(ellipse at 50% 70%,#163e46,#06161d 65%);border-top:1px solid var(--line)}.closing-section h2{font-size:clamp(50px,5.5vw,78px);margin-bottom:32px}.closing-ring{position:absolute;left:50%;top:48%;width:600px;aspect-ratio:1;border:1px solid #a4dcd238;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.closing-ring:after,.closing-ring:before{content:'';position:absolute;border:1px solid #a4dcd216;border-radius:50%;inset:-55px}.closing-ring:after{inset:55px;border-color:#a4dcd21e}.closing-section .button{min-width:210px}.site-footer{padding-block:45px 30px;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:35px;align-items:start;border-top:1px solid var(--line)}.site-footer p{font-size:10px;color:var(--muted);margin:0}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;font-size:10px}.site-footer button{font-size:10px;padding:0}.site-footer small{grid-column:1/-1;font-size:8px;color:#90aaa9;max-width:770px;line-height:1.8}
dialog{color:var(--text);border:1px solid #a4dcd236;background:var(--bg);padding:0;max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);border-radius:7px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#001018dd;backdrop-filter:blur(12px)}.detail-dialog{width:870px;overflow:auto}.modal-close{position:absolute;right:15px;top:15px;z-index:3;background:#06161dbe}.character-detail{display:grid;grid-template-columns:1fr 1.12fr;min-width:0}.detail-portrait{height:100%;aspect-ratio:1;min-height:360px;background-size:auto 200%;background-size:300% 200%}.character-detail .detail-portrait{align-self:start;aspect-ratio:1;height:auto}.detail-copy{padding:65px 35px 35px;min-width:0}.detail-copy .eyebrow{font-size:8px;margin-bottom:16px}.detail-copy h2{font-size:49px;margin-bottom:15px}.detail-copy p{font-size:12px;line-height:1.85;color:var(--muted)}.detail-copy blockquote{font-family:var(--serif);font-size:23px;line-height:1.35;margin:25px 0;color:var(--text)}.detail-copy cite{display:block;font-family:var(--sans);font-style:normal;font-size:8px;color:var(--gold);line-height:1.6;margin-top:10px}.detail-copy .button{font-size:11px;gap:18px;padding:13px 16px}.page-detail{padding:55px 25px 25px;text-align:center}.page-detail h2{font-size:32px}.page-detail img{max-height:72dvh;width:auto;margin:0 auto 20px}.page-detail .text-link{margin:auto}.privacy-detail{padding:65px 45px 40px}.privacy-detail h2{font-size:38px}.privacy-detail p{font-size:13px;line-height:1.9;color:var(--muted)}.privacy-detail .button{margin-top:15px;font-size:12px}
.teaser-dialog{width:1200px;overflow:hidden;background:#020c11;display:none}.teaser-dialog[open]{display:flex;flex-direction:column;height:min(820px,calc(100dvh - 36px))}.teaser-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);flex:none}.teaser-top>span{font-size:9px;letter-spacing:.16em;color:var(--muted)}.teaser-top>div{display:flex;align-items:center;gap:12px}.teaser-top .round-button{width:35px;height:35px}.teaser-stage{min-height:0;position:relative;isolation:isolate;flex:1;overflow:hidden;display:flex;align-items:center}.teaser-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;animation:teaser-pan 12s linear both;animation-play-state:paused}.teaser-dialog.is-playing .teaser-stage>img{animation-play-state:running}.teaser-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#020e18ed,#06161d40 75%),linear-gradient(0deg,#020c11aa,transparent 30%)}.teaser-reticle{position:absolute;right:-4%;top:5%;height:85%;aspect-ratio:1;border:1px solid #a4dcd229;border-radius:50%;z-index:-1;animation:orbit 50s linear infinite}.teaser-reticle:before{content:'';inset:14%;border:1px dashed #a4dcd22b;border-radius:50%;position:absolute}.teaser-copy{padding:45px 65px;max-width:750px}.teaser-copy .eyebrow{font-size:9px}.teaser-copy h2{font-size:clamp(42px,6vw,85px);line-height:1.05;margin-bottom:24px}.teaser-copy>p:not(.eyebrow){font-family:var(--serif);font-size:21px;line-height:1.45;max-width:440px;color:#cadcd6}.teaser-copy .button{font-size:11px;margin-top:8px}.teaser-watermark{position:absolute;bottom:24px;right:25px;font-size:7px;letter-spacing:.15em;color:#d6ece377}.teaser-bottom{padding:16px 25px 22px;flex:none}.teaser-timeline{display:flex;gap:7px;margin-bottom:18px}.teaser-timeline button{flex:1;height:16px;position:relative;padding:6px 0;--progress:0%}.teaser-timeline button:before{content:'';height:2px;background:#b7d7d333;position:absolute;left:0;right:0;top:7px}.teaser-timeline button:after{content:'';height:2px;background:var(--aqua);position:absolute;left:0;width:var(--progress);top:7px}.teaser-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.teaser-controls>div{display:flex;gap:15px;align-items:center}.teaser-controls .round-button{width:31px;height:31px;font-size:16px}.teaser-play{font-size:11px;color:var(--text);min-width:85px;min-height:36px}.teaser-dialog:fullscreen,.teaser-dialog.expanded{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;inset:0;margin:0;border-radius:0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#d5ece4;color:#09262b;padding:13px 22px;max-width:calc(100vw - 35px);width:max-content;font-size:12px;border-radius:4px;z-index:100;transition:.25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{padding:25px;background:#173c42}.noscript a{text-decoration:underline}
@keyframes ocean-drift{from{transform:scale(1.02)}to{transform:scale(1.09) translate(-1%,.5%)}}@keyframes orbit{to{rotate:360deg}}@keyframes teaser-pan{from{transform:scale(1.01) translateX(0)}to{transform:scale(1.1) translateX(-1%)}}.still *,.still *:before,.still *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.still{scroll-behavior:auto}
@media(min-width:1600px){.hero-content{padding-top:22vh}}
@media(max-width:1100px){.wrap{width:calc(100% - 70px)}.site-header{padding-inline:35px;gap:25px}.site-header nav{gap:20px}.header-actions{gap:17px}.motion-label{display:none}.story-section{grid-template-columns:40px 1fr 1fr;gap:30px}.story-heading h2{font-size:56px}.cast-track{padding-inline:35px;scroll-padding-inline:35px}.book-section{gap:45px}.book-object{width:245px;height:347px}.book-facts{gap:22px}.book-actions{gap:10px}.author-section{gap:60px}.gallery-controls p{display:none}.book-actions .button{padding-inline:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 44px)}.site-header{height:76px;padding-inline:22px;gap:15px}.wordmark{font-size:19px;gap:8px}.brand-orbit{width:24px;height:24px}.brand-orbit:after{width:17px;left:2px;top:6px}.site-header nav{display:none}.header-actions{gap:12px}.header-actions .button{gap:15px;padding-inline:12px}.hero{min-height:785px;height:100svh;max-height:1000px}.hero-image{object-position:67% center}.hero-shade{background:linear-gradient(90deg,#06161dc9,#06161d43 85%),linear-gradient(0deg,#06161d 0%,#06161d11 50%,#06161d44)}.hero-content{padding-top:190px}.hero .eyebrow{font-size:7px;letter-spacing:.12em;gap:8px}.hero h1{font-size:clamp(77px,14.3vw,110px);margin:30px 0 28px}.hero h1 em{margin-top:15px}.hero-lead{font-size:22px;line-height:1.35}.hero-coordinate{top:105px;right:22px;font-size:6px}.hero-actions{gap:22px}.hero-actions>.button{font-size:11px;padding:15px 18px;gap:25px}.hero-actions .play-link{font-size:11px;gap:9px}.play-circle{width:40px;height:40px}.hero-actions small{font-size:7px}.hero-bottom{bottom:24px;font-size:6px;padding-top:18px}.hero-bottom>span:last-child{display:none}.hero-bottom a{font-size:9px;gap:15px}.hero-rings{inset:23% -80% 18% 20%}.hero-detail{font-size:9px}.story-section{padding-block:80px 75px;grid-template-columns:26px 1fr;gap:20px}.story-number{grid-row:1/3;padding-top:39px;font-size:17px}.story-heading h2{font-size:clamp(43px,8vw,62px);margin-bottom:0}.story-heading .eyebrow{font-size:8px;margin-bottom:22px}.story-copy{grid-column:2;padding-top:7px;max-width:100%;font-size:13px}.story-copy .intro{font-size:24px}.story-line{left:46px;width:calc(100% - 46px);bottom:35px}.world-section,.world-layout{min-height:720px}.world-layout{padding-top:30px}.world-top{align-items:flex-start;flex-direction:column;gap:20px}.world-tabs{width:100%}.world-tabs button{flex:1;font-size:19px;padding:10px 17px}.world-tabs small{font-size:7px}.world-copy{max-width:350px;padding-block:65px 50px}.world-copy h2{font-size:50px;max-width:350px}.world-copy p{font-size:12px;max-width:300px}.world-art>img{object-position:63%}.world-shade{background:linear-gradient(90deg,#041219dc,#04121960),linear-gradient(0deg,#06161d,transparent 50%,#06161daa)}.world-caption{font-size:7px;gap:30px}.world-caption>span:last-child{max-width:170px;text-align:right;letter-spacing:0}.characters-section{padding-block:75px 50px}.section-heading{gap:15px;margin-bottom:30px;align-items:flex-end}.section-heading h2{font-size:44px}.section-heading .eyebrow{font-size:8px}.gallery-controls{gap:6px;align-self:flex-end;padding-bottom:2px}.gallery-controls .round-button{width:34px;height:34px;font-size:16px}.cast-track{padding-inline:22px;scroll-padding-inline:22px;gap:18px}.character-card{width:260px;flex-basis:260px}.cast-note{flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}.cast-note .text-link{font-size:10px}.interlude{height:550px}.interlude-copy{padding-block:130px}.interlude-line{font-size:54px}.interlude>img{object-position:61%}.book-section{padding-block:80px 60px;grid-template-columns:1fr;gap:55px}.book-visual{max-width:450px;width:100%;margin:auto}.book-stage{height:400px}.book-object{width:235px;height:334px}.book-copy h2{font-size:58px}.book-copy>p:not(.eyebrow){max-width:none}.book-facts{justify-content:space-between;gap:15px}.book-facts strong{font-size:23px}.book-facts span{font-size:6px}.book-actions .button{font-size:11px;padding-inline:20px;flex:1;gap:20px}.book-copy .reader-benefits{font-size:8px!important}.pages-section{padding-block:15px 70px}.pages-heading{align-items:flex-start;flex-direction:column;gap:15px}.pages-heading h2{font-size:40px}.pages-heading .text-link{font-size:10px}.page-previews{gap:14px;display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-width:thin}.page-preview{min-width:74%;scroll-snap-align:start;padding:17px 20px 12px}.author-section{padding-block:10px 75px;grid-template-columns:1fr;gap:40px}.author-photo{width:100%;max-width:370px}.author-photo img{aspect-ratio:4/4.5}.author-copy h2{font-size:52px}.publisher-note p{gap:25px}.closing-section{padding-block:80px;min-height:440px}.closing-section h2{font-size:49px}.closing-section .eyebrow{font-size:8px}.closing-ring{width:420px}.site-footer{padding-block:32px;grid-template-columns:1fr 1fr;gap:25px}.site-footer nav{grid-column:1/-1;justify-content:flex-start;font-size:10px;gap:20px}.site-footer small{font-size:7px}.site-footer p{font-size:8px;text-align:right}.site-footer .wordmark{font-size:18px}.character-detail{grid-template-columns:1fr}.character-detail .detail-portrait{width:100%;min-height:0;max-width:100%}.detail-copy{padding:30px 25px}.detail-copy h2{font-size:43px}.detail-copy p{font-size:13px}.detail-dialog{width:460px}.privacy-detail{padding:65px 25px 25px}.privacy-detail h2{font-size:35px}dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.page-detail{padding:60px 15px 20px}.page-detail img{max-height:65dvh}.teaser-dialog[open]{height:calc(100dvh - 20px)}.teaser-top{padding:13px 15px;gap:15px}.teaser-top>span{font-size:6px;max-width:130px}.teaser-top>div{gap:5px}.teaser-top .quiet-button{font-size:9px;padding:8px}.teaser-stage>img{object-position:60%}.teaser-copy{padding:35px 26px;max-width:100%;overflow-wrap:anywhere}.teaser-copy .eyebrow{font-size:7px;line-height:1.9}.teaser-copy h2{font-size:clamp(42px,10vw,65px)}.teaser-copy>p:not(.eyebrow){font-size:20px;max-width:300px}.teaser-watermark{font-size:6px;right:15px;bottom:18px}.teaser-bottom{padding:12px 15px 20px}.teaser-controls{gap:12px;font-size:8px;flex-wrap:wrap}.teaser-controls>div{gap:8px}.teaser-controls>span:last-child{font-size:7px}.teaser-play{font-size:10px;min-width:75px}.teaser-timeline{margin-bottom:12px}}
@media(max-width:370px){.site-header{padding-inline:15px}.header-actions{gap:6px}.header-actions .button{font-size:9px;gap:10px}.wordmark{font-size:17px}.motion-button{padding:4px}.wrap{width:calc(100% - 36px)}.hero h1{font-size:73px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-coordinate{right:18px}.book-actions{flex-direction:column}.section-heading h2{font-size:39px}.gallery-controls{display:none}.hero .eyebrow{font-size:6px}.book-facts strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes scene-entry{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.app-section{display:grid;grid-template-columns:180px 1fr;gap:65px;align-items:center;padding:55px 45px 35px;background:radial-gradient(ellipse at 0 20%,#1b4547,#0b252d 65%);border:1px solid var(--line);border-radius:5px;margin-bottom:90px}.app-icon{text-align:center;align-self:center}.app-icon img{width:132px;height:132px;border-radius:25%;box-shadow:0 18px 40px #0004;margin:auto}.app-icon>span{font-family:var(--serif);font-size:19px;display:block;margin-top:17px}.app-copy .eyebrow{font-size:9px;margin-bottom:20px}.app-copy h2{font-size:53px}.app-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:510px}.app-buttons{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:25px 0 20px}.app-buttons .button{font-size:11px;gap:20px}.app-buttons .text-link{font-size:11px}.app-copy>small{font-size:9px;line-height:1.8;color:var(--muted);display:block;max-width:530px}.app-features{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.1em;color:var(--aqua)}.install-steps strong{color:var(--text);font-weight:500}.install-steps{padding-top:5px}.audio-settings summary:focus-visible{outline:2px solid var(--r-accent);outline-offset:3px}
@media(max-width:760px){.app-section{grid-template-columns:1fr;padding:30px 24px;gap:28px;margin-bottom:60px}.app-icon{display:flex;align-items:center;gap:15px;text-align:left}.app-icon img{width:65px;height:65px;margin:0;border-radius:16px}.app-icon>span{font-size:22px;margin:0}.app-copy h2{font-size:47px}.app-copy .eyebrow{font-size:8px}.app-copy>p:not(.eyebrow){font-size:12px}.app-buttons{gap:20px}.app-features{font-size:7px;flex-wrap:wrap;gap:15px;padding-top:20px}.app-copy>small{font-size:8px}}