:root{--dark:#0b1422;--gold:#ebcca0;--ink:#f4eedf}
html{scroll-padding-top:100px}body{background:#0b1422}body:before{display:none}body:has(dialog[open]){overflow:hidden}
.experience-nav{position:absolute;top:0;left:0;width:100%;z-index:8;padding:30px 4.6vw;display:flex;justify-content:space-between;align-items:center}
.experience-brand{font:31px var(--serif);letter-spacing:-.4px;display:flex;align-items:center;gap:7px;white-space:nowrap}.experience-brand>span{font-size:40px;margin-right:8px;color:var(--gold)}.experience-brand i{color:var(--gold)}
.experience-nav nav{display:flex;align-items:center;gap:32px;font-size:12px;white-space:nowrap}.nav-worlds{color:#d5d6d4}.nav-search{display:flex;align-items:center;gap:11px;padding:13px 19px;border:1px solid #e5d4b936;border-radius:30px;background:#0b142238;backdrop-filter:blur(10px)}.nav-search svg{width:16px;height:16px;flex-shrink:0}.nav-about{font-size:24px;color:var(--gold)}
.journey{height:460svh;position:relative}.world-stage{height:100svh;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 65% 42%,#254951 0,#152532 28%,#0b1422 65%);isolation:isolate}
.world-visuals,.world-image,.world-image img,.scene-shade,#worldParticles{position:absolute;inset:0;width:100%;height:100%}.world-image{opacity:0;will-change:opacity,transform}.world-image img{object-fit:cover;object-position:center 48%}.book-image{opacity:1}.book-image img{left:34%;top:5%;width:73%;height:85%;object-fit:contain;mask-image:radial-gradient(ellipse at 54% 51%,#000 23%,#000c 40%,transparent 71%);filter:saturate(.88)}
.scene-shade{background:linear-gradient(90deg,#081321e6 0%,#0b1624bc 25%,#0b162423 58%,#0b16240a),linear-gradient(0deg,#0b1422ce,transparent 22%,transparent 80%,#0b142269);z-index:1}
#worldParticles{z-index:2;pointer-events:none}.world-caption{position:absolute;z-index:3;top:21%;right:5%;display:flex;gap:13px;align-items:center;color:#efdec7b0;font-size:8px;letter-spacing:2px;writing-mode:vertical-rl}.caption-line{width:1px;height:65px;background:#e7d6b650}
.journey-panel{position:absolute;z-index:4;left:7.6%;top:31%;width:47%;opacity:0;pointer-events:none;will-change:transform,opacity}.journey-panel[data-scene="0"]{opacity:1;pointer-events:auto}.scene-eyebrow{font:10px var(--sans);font-weight:500;letter-spacing:2.2px;color:var(--gold);margin:0 0 26px;line-height:1.8}.scene-eyebrow>span{margin-right:10px}
.journey-panel h1,.journey-panel h2{font:clamp(58px,6.4vw,112px)/.99 var(--serif);letter-spacing:-2px;margin:0 0 27px;text-shadow:0 3px 30px #07122045}.journey-panel h1 i,.journey-panel h2 i{color:#ebcea7}.scene-description{font-size:14px;line-height:1.9;color:#d1d7d7;margin:0 0 30px;max-width:430px}.journey-button{display:inline-flex;gap:31px;align-items:center;padding:13px 14px 13px 23px;border:1px solid #dec6a35e;border-radius:40px;font-size:12px;background:#c5b08c0d;backdrop-filter:blur(12px);box-shadow:inset 0 0 20px #e4c89409;transition:background .3s,transform .3s}.journey-button>span{display:grid;place-items:center;background:#e8cfaa;color:#15232b;width:33px;height:33px;border-radius:50%;font-size:19px}.journey-button:hover{background:#e6c8911a;transform:translateY(-3px)}.scene-footnote{font:8px var(--sans);letter-spacing:1.3px;color:#d6d5c291;margin-top:24px}
.journey-bottom{position:absolute;z-index:5;bottom:5%;left:4.6%;right:4.6%;display:flex;align-items:center;justify-content:space-between}.scroll-invitation{font-size:8px;letter-spacing:2px;color:#d4d0cba6;display:flex;align-items:center;gap:12px}.scroll-invitation>i{width:16px;height:25px;border:1px solid #d2c3a95e;border-radius:9px;position:relative}.scroll-invitation>i:after{content:'';position:absolute;left:6px;top:6px;width:2px;height:5px;background:var(--gold);animation:scrollHint 2s infinite}@keyframes scrollHint{50%{transform:translateY(6px);opacity:.2}}
.scene-navigation{display:flex;gap:16px;margin-left:auto;margin-right:38px}.scene-navigation button{height:38px;width:38px;border-radius:50%;border:1px solid #ccbfa03a;color:#c7c6be;font-size:10px;position:relative;transition:background .4s,color .4s}.scene-navigation button:before{content:'';position:absolute;height:1px;width:17px;right:100%;top:50%;background:#ccbfa03a}.scene-navigation button:first-child:before{display:none}.scene-navigation button.active{background:#e7c99a;color:#12212e;border-color:#e7c99a;box-shadow:0 0 25px #ebc99821}.motion-toggle{width:38px;height:38px;border:1px solid #ccbfa03a;border-radius:50%;font-size:13px;color:#d8cfbd}
.collection{position:relative;background:radial-gradient(ellipse at 20% 35%,#25403e4d,transparent 55%),#0b1422;padding:120px 7.6vw 0;overflow:hidden}.collection:before{content:'✧';font:410px var(--serif);position:absolute;top:0;right:8%;color:#bfa97b06;pointer-events:none}.collection-intro{text-align:center;margin-bottom:75px}.collection-intro h2{font:clamp(52px,5.7vw,84px)/1.03 var(--serif);letter-spacing:-1px;margin:0 0 23px}.collection-intro h2 i{color:var(--gold)}.collection-intro>p:last-child{font-size:13px;line-height:1.8;color:#aebcbf}.collection-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:35px;border-block:1px solid #b5c1c321;padding:18px 0}.collection-worlds{display:flex;gap:7px;flex-wrap:wrap}.collection-worlds .world{width:auto;padding:10px 15px;border-radius:25px;font-size:11px;gap:7px;white-space:nowrap}.collection-worlds .world.active{color:#10202b;background:var(--gold);border-color:var(--gold)}.collection-worlds #savedCount{font-size:10px;opacity:.65}.collection .search{width:240px;flex-shrink:0;padding:12px 16px}.collection .search input{font-size:12px;min-width:0}.collection-heading{display:flex;align-items:center;gap:20px;margin:0 0 25px}.collection-heading h3{font:29px var(--serif);margin:0}.collection-heading #resultCount{font-size:10px;color:#a1b0b6;border:0;padding:0}.collection-heading #surprise{margin-left:auto;font-size:12px}
.collection .story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 35px}.collection .door-frame{border-radius:180px 180px 10px 10px;padding:7px;background:#e9d3a306;border:1px solid #d5c09a49;position:relative}.collection .portal-image{height:460px;border-radius:173px 173px 6px 6px;display:block;position:relative;overflow:hidden}.collection .portal-image img{height:100%;width:100%;object-fit:cover;transition:transform 1s}.collection .portal-image:hover img{transform:scale(1.07)}.collection .portal-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#091725e8,transparent 60%);pointer-events:none}.collection .portal-title{position:absolute;z-index:2;left:33px;bottom:87px;font:clamp(34px,4vw,55px)/1.03 var(--serif);letter-spacing:-.7px;margin:0;right:25px;max-width:none;min-height:0}.collection .portal-note{position:absolute;z-index:3;bottom:25px;left:30px;font-size:11px;letter-spacing:.4px;display:flex;gap:35px;align-items:center;border:1px solid #ecd4a750;padding:10px 15px;border-radius:30px;background:#0a1b2660}.collection .portal-note b{font-size:18px}.collection .portal-note:before{display:none}.collection .portal-badge{top:25px;width:40px;height:40px;z-index:3;font-size:25px}.collection .save-door{height:42px;width:42px;right:30px;bottom:29px;z-index:4}.collection .save-door svg{width:18px;height:18px}.collection .story-copy{padding:21px 10px 0}.collection .story-meta{font-size:9px;gap:9px;letter-spacing:1.2px}.collection .story-meta .time{font-size:9px}.collection .story-copy>p{font-size:13px;line-height:1.8;min-height:0;margin:13px 0 16px;max-width:400px}.collection .door-bottom{display:none}.collection .quiet-story{padding-top:20px;grid-column:auto;grid-template-columns:115px 1fr;gap:25px}.collection .quiet-cover{height:170px}.collection .quiet-story .story-copy{padding-top:5px}.collection .quiet-story h3{font:32px/1.08 var(--serif);max-width:340px;min-height:0;margin:15px 0}.collection .quiet-story .story-meta{font-size:9px}.collection .quiet-story .story-copy>p{display:block;font-size:12px}.collection .quiet-story .read-story{font-size:12px}.collection .quiet-story .quiet-save{top:0}.collection .quiet-cover .cover-name{font-size:17px}.collection .quiet-cover .cover-mark{font-size:7px}.collection .quiet-cover .cover-icon{font-size:39px}.collection .read-story .arrow{width:30px;height:30px}.collection .empty h3{font-size:38px}.collection .empty p{font-size:13px}
.collection-outro{text-align:center;padding:110px 0 85px}.collection-outro>span{font:60px var(--serif);color:var(--gold)}.collection-outro>p{font:45px/1.13 var(--serif);margin:20px 0 25px}.collection-outro i{color:var(--gold)}.collection-outro .bedtime-button{font-size:11px;width:auto;gap:15px;margin:auto}.experience-footer{border-top:1px solid #c4c4b221;padding:27px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:25px}.experience-footer>span{font-size:8px;letter-spacing:1.5px;color:#aab3b4}.experience-footer>button{font-size:11px}.mobile-dock{display:none}
.discovery-dialog{border:1px solid #d7c19745;border-radius:20px;background:linear-gradient(135deg,#172c35,#0c1726);color:var(--ink);padding:28px 35px;width:min(620px,calc(100% - 32px));max-height:85svh;box-shadow:0 50px 140px #0009}.discovery-dialog::backdrop,.about-dialog::backdrop{background:#06101cba;backdrop-filter:blur(15px)}.discovery-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.discovery-top>span{font:40px var(--serif);color:var(--gold)}.discovery-top button{width:44px;height:44px;font-size:20px}.discovery-dialog .scene-eyebrow{font-size:9px;margin:14px 0}.discovery-dialog h2{font:49px var(--serif);margin:10px 0 23px}.discovery-dialog h2 i{color:var(--gold)}.discovery-search{display:flex;align-items:center;gap:13px;background:#091a26;border:1px solid #bbd3d342;border-radius:12px;padding:16px}.discovery-search input{border:0;background:none;width:100%;font-size:16px;min-width:0}.quick-result{display:flex;align-items:center;gap:17px;padding:17px 0;border-bottom:1px solid #b6c0bb20}.quick-result img,.quick-result .quick-glyph{width:59px;height:65px;object-fit:cover;border-radius:26px 26px 6px 6px}.quick-result .quick-glyph{display:grid;place-items:center;background:#34554f;font:32px var(--serif);color:var(--gold)}.quick-result strong{font:25px var(--serif);display:block}.quick-result small{font-size:9px;letter-spacing:1px;display:block;color:#a9b8bd;margin-top:7px}.quick-result>span:last-child{margin-left:auto;color:var(--gold)}.discovery-note{font-size:10px;color:#a4b2b9;line-height:1.8;margin:23px 0 0}.quick-empty{padding:25px 0;color:#bbc8c9;font-size:14px;line-height:1.8}.about-dialog p{font-size:13px}.about-dialog .eyebrow{font-size:9px}.toast{font-size:12px;bottom:25px}.bedtime .world-visuals{filter:brightness(.7) saturate(.8)}.bedtime #worldParticles{opacity:.55}
@media(min-width:1600px){.journey-panel{top:32%}.world-caption{right:7.6%}.journey-panel h1,.journey-panel h2{font-size:112px}.scene-description{font-size:17px}.journey-button{font-size:14px}.scene-eyebrow{font-size:11px}}
@media(max-width:1000px){.experience-nav{padding:25px 5vw}.experience-nav nav{gap:20px}.journey-panel{left:6%;width:55%;top:33%}.journey-panel h1,.journey-panel h2{font-size:76px}.scene-description{font-size:13px}.book-image img{left:27%;width:84%;height:80%;top:13%}.world-caption{right:4%;font-size:7px}.collection{padding-inline:6vw}.collection-controls{align-items:flex-start;flex-direction:column;gap:15px}.collection .search{width:100%}.collection .portal-image{height:380px}.collection .portal-title{font-size:40px}.collection .quiet-story{grid-template-columns:85px 1fr;gap:18px}.collection .quiet-cover{height:140px}.collection .quiet-cover .cover-name{font-size:13px}.collection .quiet-story h3{font-size:27px}.collection .quiet-story .story-copy>p{font-size:11px}.experience-footer>span{display:none}}
@media(max-width:650px){html{scroll-padding-top:25px}.experience-nav{padding:20px 22px}.experience-brand{font-size:26px}.experience-brand>span{font-size:32px;margin-right:3px}.experience-nav nav{gap:0}.nav-worlds,.nav-about{display:none}.nav-search{padding:11px;border-color:#d4c09c50}.nav-search span{display:none}.journey{height:400svh}.world-stage{height:100svh}.book-image img{width:135%;height:65%;left:-16%;top:6%;mask-image:radial-gradient(ellipse,#000 22%,#000b 43%,transparent 68%)}.world-image img{object-position:64% 34%}.scene-shade{background:linear-gradient(0deg,#091423 9%,#091423de 23%,#09142375 48%,transparent 76%,#09142380),linear-gradient(90deg,#08172522,transparent)}.world-caption{display:none}.journey-panel{left:7%;top:auto;bottom:19%;width:87%}.journey-panel h1,.journey-panel h2{font-size:clamp(47px,12.8vw,71px);letter-spacing:-1px;margin-bottom:17px}.scene-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}.scene-description{font-size:12px;line-height:1.75;margin-bottom:19px;max-width:315px}.desktop-break{display:none}.journey-button{font-size:11px;padding:10px 10px 10px 18px;gap:24px}.journey-button>span{width:29px;height:29px}.scene-footnote{font-size:6.5px;letter-spacing:.7px;margin-top:15px}.journey-bottom{left:7%;right:7%;bottom:12%}.scroll-invitation{font-size:6px;letter-spacing:1px;gap:6px;max-width:120px;line-height:1.6}.scroll-invitation>i{flex-shrink:0}.scene-navigation{gap:10px;margin-right:12px}.scene-navigation button{width:27px;height:27px;font-size:8px}.scene-navigation button:before{width:11px}.motion-toggle{width:27px;height:27px;font-size:10px}.mobile-dock{display:flex;position:fixed;bottom:15px;left:50%;transform:translateX(-50%);z-index:7;gap:25px;border:1px solid #d7c7a445;border-radius:38px;padding:12px 25px;background:#10232ccf;backdrop-filter:blur(18px);box-shadow:0 8px 30px #0004;width:max-content;max-width:95%;padding-bottom:max(12px,env(safe-area-inset-bottom))}.mobile-dock a,.mobile-dock button{display:flex;align-items:center;gap:7px;font-size:20px;color:var(--gold);min-height:28px}.mobile-dock span{font-size:10px;color:#e8e4da;white-space:nowrap}.collection{padding:80px 24px 80px}.collection-intro{margin-bottom:40px}.collection-intro h2{font-size:53px}.collection-intro>p:last-child{font-size:12px}.collection-controls{gap:18px;padding:16px 0;margin-bottom:24px}.collection-worlds{gap:5px;flex-wrap:nowrap;overflow:auto;width:100%;padding:2px 0 8px;scrollbar-width:none}.collection-worlds .world{font-size:10px;padding:10px 13px;flex-shrink:0}.collection .search{padding:14px}.collection .search input{font-size:16px}.collection-heading{gap:12px;margin-bottom:22px}.collection-heading h3{font-size:23px}.collection-heading #resultCount{font-size:9px}.collection-heading #surprise{font-size:0;gap:0;width:38px;height:38px;border:1px solid #c9bd9738;border-radius:50%}.collection-heading #surprise:after{content:'✦';font-size:18px}.collection .story-grid{grid-template-columns:1fr;gap:35px}.collection .portal-image{height:430px}.collection .portal-title{font-size:45px;left:28px;bottom:90px}.collection .portal-note{font-size:11px;left:25px;bottom:25px}.collection .story-copy{padding:18px 6px 0}.collection .story-meta,.collection .story-meta .time{font-size:9px}.collection .story-copy>p{font-size:12px;margin:12px 0}.collection .save-door{width:42px;height:42px;right:25px;bottom:30px}.collection .quiet-story{grid-template-columns:100px 1fr;gap:22px}.collection .quiet-cover{height:158px}.collection .quiet-story h3{font-size:30px;margin:13px 0}.collection .quiet-story .story-meta{font-size:8px;letter-spacing:.7px}.collection .quiet-story .story-copy>p{font-size:11px}.collection .quiet-story .read-story{font-size:11px}.collection .quiet-save svg{width:17px;height:17px}.collection-outro{padding:70px 0 50px}.collection-outro>p{font-size:35px}.experience-footer .experience-brand{font-size:24px}.experience-footer>button{font-size:10px}.discovery-dialog{padding:22px;width:calc(100% - 26px);max-height:85svh}.discovery-dialog h2{font-size:42px}.quick-result strong{font-size:23px}.quick-result{padding:14px 0}.quick-result small{font-size:8px}.toast{bottom:88px;font-size:10px;max-width:94%;white-space:normal;text-align:center}}
@media(max-height:680px) and (min-width:651px){.journey-panel{top:28%}.journey-panel h1,.journey-panel h2{font-size:68px}.scene-description{font-size:12px;margin-bottom:18px}.scene-eyebrow{margin-bottom:18px}.world-caption{top:23%}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.world-stage{position:relative;height:auto;overflow:visible;background:#0b1422}.world-visuals,.scene-shade,#worldParticles,.world-caption,.journey-bottom{display:none}.journey-panel{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;width:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important;padding:170px 8% 100px;background-position:65% center;background-size:cover;min-height:90svh}.journey-panel[data-scene="0"]{background-image:linear-gradient(90deg,#081525e6,#08152555),url('assets/story-world.webp')}.journey-panel[data-scene="1"]{background-image:linear-gradient(90deg,#081525e6,#08152555),url('assets/pyramid-world.webp')}.journey-panel[data-scene="2"]{background-image:linear-gradient(90deg,#081525e6,#08152555),url('assets/moon-world.webp')}.journey-panel[data-scene="3"]{background-image:linear-gradient(90deg,#081525e6,#08152555),url('assets/forest-world.webp')}}
