:root{--navy:#0d1025;--purple:#a85cce;--lavender:#e1b8f7;--gold:#e7c48b;--ink:#1c2033}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em}em{font-weight:500;color:var(--lavender)}.intro{position:fixed;inset:0;z-index:100;background:#090b1c;display:grid;place-items:center;overflow:hidden;transition:opacity .85s ease,visibility .85s ease}.intro.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro video{position:absolute;width:100%;height:100%;object-fit:cover}.intro-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,27,.22),rgba(6,8,27,.4))}.intro-content{position:relative;text-align:center;animation:rise 1.4s ease both;filter:drop-shadow(0 8px 22px #070820)}.intro-content img{width:min(520px,75vw);height:auto}.intro-content p{color:white;font-size:clamp(10px,1.2vw,15px);letter-spacing:.32em;font-weight:700}.skip{position:absolute;right:30px;bottom:30px;background:#ffffff26;border:1px solid #ffffff6b;border-radius:30px;color:white;padding:12px 20px;backdrop-filter:blur(12px)}.skip:hover{background:#ffffff45}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,90px);position:absolute;top:0;left:0;right:0;z-index:10;color:#fff}.brand img{width:170px;max-height:80px;object-fit:contain;filter:drop-shadow(0 2px 10px #0008)}nav{display:flex;align-items:center;gap:32px}nav a{font-size:13px;font-weight:700;letter-spacing:.02em}nav a:hover{color:var(--lavender)}.nav-cta{border:1px solid #ffffff75;padding:12px 20px;border-radius:40px}.menu-toggle{display:none}.hero{height:min(900px,100svh);min-height:650px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 80%,#c79f8c 0%,transparent 30%),linear-gradient(165deg,#0a0e26 0%,#20264b 47%,#745c86 76%,#b47e89 100%);color:white;display:flex;align-items:center}.hero-sky{position:absolute;inset:0;opacity:.65;background-image:radial-gradient(1px 1px at 15% 20%,#fff 95%,transparent),radial-gradient(2px 2px at 68% 22%,#fff 95%,transparent),radial-gradient(1px 1px at 40% 45%,#fff 95%,transparent),radial-gradient(1px 1px at 82% 43%,#fff 95%,transparent),radial-gradient(2px 2px at 28% 72%,#fff 95%,transparent);background-size:260px 230px}.hero-light{position:absolute;right:-10%;bottom:-55%;width:90%;height:100%;background:radial-gradient(ellipse,#ffd7a25c,transparent 65%);filter:blur(30px)}.hero-inner{position:relative;z-index:2;margin-left:clamp(24px,10vw,170px);margin-top:40px;max-width:820px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.27em;color:#e6c3f4;margin-bottom:25px}.eyebrow.purple{color:#9053b4}.hero h1{font-size:clamp(55px,6.7vw,105px);line-height:1.08;margin-bottom:27px}.hero-copy{font-size:clamp(16px,1.5vw,20px);line-height:1.7;max-width:500px;color:#f2eaf8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:22px;padding:17px 26px;border-radius:50px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:#fff;color:#3c2755}.btn-outline{border:1px solid #ffffffa6;color:#fff}.horizon{position:absolute;bottom:-10%;width:110%;height:26%;background:linear-gradient(180deg,#251b3d00,#17192f 60%);border-radius:50% 50% 0 0}.scroll-hint{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.24em;z-index:2;white-space:nowrap}.scroll-hint span{font-size:18px;margin-left:10px}.section{padding:110px clamp(24px,7vw,120px)}.section-top{text-align:center;max-width:740px;margin:0 auto 58px}.section-top h2,.story h2,.next h2{font-size:clamp(40px,5vw,66px);line-height:1.18;margin-bottom:20px}.section-top em,.story em{color:#9e5ac4}.section-top>p:last-child{font-size:17px;line-height:1.75;color:#62677a}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1400px;margin:auto}.world-card{border-radius:22px;overflow:hidden;background:white;box-shadow:0 12px 45px #24234614;transition:transform .25s,box-shadow .25s}.world-card:hover{transform:translateY(-8px);box-shadow:0 20px 55px #24234626}.world-art{height:260px;overflow:hidden;background:#f7d3ef;position:relative}.world-art>img{width:100%;height:100%;object-fit:contain;padding:12px;background:linear-gradient(135deg,#fff4c3,#f8b5da 60%,#c5dfff)}.world-info{padding:29px}.tag{font-size:10px;letter-spacing:.14em;font-weight:700;color:#9155ae}.world-info h3{font-family:'Playfair Display',serif;font-size:29px;margin:13px 0}.world-info p{font-size:14px;line-height:1.75;color:#686b79;min-height:75px}.coming{font-size:11px;font-weight:700;letter-spacing:.07em;color:#8464a0}.illustrated{background:linear-gradient(#8ad7f8,#f7e7a1);isolation:isolate}.sun{position:absolute;top:32px;right:45px;width:80px;height:80px;border-radius:50%;background:#ffeab0;box-shadow:0 0 70px #fff3c4}.hill{position:absolute;bottom:-90px;width:125%;height:200px;border-radius:50%;left:-15%;background:#6bc6a2}.hill-two{left:32%;bottom:-125px;background:#3c9d93}.world-glyph{position:absolute;left:43%;top:35%;font-size:70px;color:white;text-shadow:0 5px 25px #ffffff}.art-caption{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#fff;font-size:11px;font-weight:700;letter-spacing:.18em;text-shadow:0 2px 10px #283e5b}.sky-art{background:linear-gradient(#353c85,#ad86c8 65%,#eac6b7)}.cloud{position:absolute;background:#ffffff8a;filter:blur(8px);border-radius:50%;width:200px;height:65px}.c1{top:80px;left:-20px}.c2{top:130px;right:-40px}.c3{top:185px;left:20%}.art-note{text-align:center;color:#8a8d98;font-size:11px;margin:30px 0 0}.statement{background:linear-gradient(135deg,#14152e,#38305c 55%,#5b4173);text-align:center;padding:125px 24px;color:white;position:relative;overflow:hidden}.statement-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,#c78ed85e,transparent 65%)}.statement>*:not(.statement-glow){position:relative}.statement h2{font-size:clamp(35px,4.7vw,65px);line-height:1.25}.statement>p:last-child{font-size:17px;line-height:1.8;max-width:650px;margin:0 auto;color:#e7dfef}.story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,120px);max-width:1500px;margin:auto}.story-visual{background:linear-gradient(135deg,#18182d,#503264 70%,#b17ac2);border-radius:25px;min-height:460px;display:grid;place-items:center;position:relative;overflow:hidden}.story-visual:before{content:'';position:absolute;width:80%;height:80%;border-radius:50%;background:#a578ce55;filter:blur(65px)}.story-frame{position:relative;text-align:center}.story-frame img{width:min(360px,75%);filter:drop-shadow(0 10px 20px #0005)}.frame-stars{color:#e9c7ed;letter-spacing:2em;padding-left:2em}.story-copy p:not(.eyebrow){color:#686b79;font-size:16px;line-height:1.85}.text-link{display:inline-block;color:#8b49ad;font-weight:700;margin-top:20px;border-bottom:1px solid #b987cc;padding-bottom:8px}.next{background:linear-gradient(160deg,#f6ecfa,#fdf7ef);text-align:center}.next h2 em{color:#9751b6}.next>p:not(.eyebrow){color:#656979;font-size:17px;line-height:1.8;margin-bottom:30px}.next .btn-primary{background:#56346f;color:#fff}footer{background:#101226;color:#fff;padding:75px clamp(24px,7vw,120px) 25px}.footer-main{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-logo{width:230px}.footer-main p{color:#c9bfd5;font-size:14px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:13px}.footer-bottom{border-top:1px solid #ffffff2b;margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#a9a5b9;font-size:11px}.replay{position:fixed;bottom:20px;right:20px;z-index:20;background:#28223cd9;border:1px solid #ffffff50;color:white;border-radius:40px;padding:12px 16px;font-size:11px;box-shadow:0 6px 20px #0003}.replay span{margin-left:6px}@media(max-width:900px){.world-grid{grid-template-columns:1fr 1fr}.world-card:last-child{grid-column:span 2}.story{grid-template-columns:1fr}.story-visual{min-height:360px}.site-header{height:80px}.menu-toggle{display:block;color:white;background:none;border:0;font-size:27px}nav{display:none;position:absolute;top:75px;left:20px;right:20px;background:#18162eee;padding:25px;border-radius:15px;flex-direction:column;align-items:flex-start}nav.open{display:flex}}@media(max-width:600px){.hero{min-height:680px;height:100svh}.hero-inner{margin:30px 25px 0}.hero h1{font-size:clamp(46px,12vw,68px)}.hero-copy{font-size:15px}.hero-actions{gap:10px}.btn{padding:15px 20px}.section{padding:75px 20px}.world-grid{grid-template-columns:1fr}.world-card:last-child{grid-column:auto}.world-art{height:240px}.statement{padding:80px 20px}.story-visual{min-height:280px}.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{gap:18px}.brand img{width:145px}.intro-content p{font-size:9px;letter-spacing:.16em}.replay span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Version 2: film feature and visitor controls */
.intro-controls{position:absolute;z-index:10;right:22px;bottom:22px;display:flex;gap:10px;align-items:center}.intro-controls .skip{position:static;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.film-section{background:linear-gradient(140deg,#f9f7ff,#eef0fc);color:#17142c}.film-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:clamp(30px,6vw,90px)}.film-copy h2{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.1;margin:18px 0}.film-copy h2 em{color:#7846a4}.film-copy>p:not(.eyebrow){max-width:450px;line-height:1.75}.film-copy .btn{margin-top:22px}.film-note{font-size:.82rem;opacity:.7;margin-top:16px}.film-poster{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:16/10;box-shadow:0 25px 65px #27203e2b;background:#181b3b}.film-poster img{width:100%;height:100%;object-fit:cover}.film-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border:1px solid #ffffff99;border-radius:50%;background:#12112999;color:white;font-size:24px;backdrop-filter:blur(8px)}
@media(max-width:760px){.film-layout{grid-template-columns:1fr}.film-poster{order:-1}.intro-controls{left:12px;right:12px;bottom:14px;justify-content:flex-end}.intro-controls .skip{font-size:12px;padding:10px}}

/* Version 3: official production artwork and unobstructed cinematic opening */
.intro-controls{position:absolute;z-index:2;bottom:24px;right:24px;display:flex;gap:12px}.intro-controls .skip{position:static}.intro video{object-fit:contain;background:#080b1a}.daniel-art{background:linear-gradient(140deg,#fff9ed,#e2efff)}.daniel-art>img{background:transparent;padding:16px 20px}.riyaan-art{background:linear-gradient(135deg,#eaf7ff,#fff1c6)}.riyaan-art>img{background:transparent;padding:0;object-fit:contain}@media(max-width:600px){.intro-controls{bottom:18px;right:12px;left:12px;justify-content:flex-end}.intro-controls .skip{padding:10px 13px;font-size:12px}}

.pebble-link{display:inline-flex;background:#6943a3;color:white;padding:12px 18px;border-radius:24px;font-weight:700;font-size:13px}.story-poster{display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(180deg,#101c42 0%,#543e81 45%,#d99a8c 78%,#ffdb9b 100%);text-decoration:none}.poster-sun{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);width:48%;aspect-ratio:1;border-radius:50%;background:#ffdb9c;filter:blur(19px);box-shadow:0 0 85px #ffdb9c}.poster-clouds{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 87%,#f2c1b9 0%,transparent 38%),radial-gradient(ellipse at 85% 94%,#f9d4bb 0%,transparent 40%)}.poster-title{position:relative;z-index:1;margin:0 0 12%;color:#fff;text-shadow:0 3px 18px #23133e;font-family:Georgia,serif;font-size:clamp(24px,3vw,44px);font-style:italic}.story-poster .film-play{top:28%}
/* V7: Our Story artwork, deliberately no logo or generated text */
.story-visual.story-sunrise{position:relative;min-height:440px;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#101d49 0%,#3d447b 35%,#956b9e 65%,#f2b992 87%,#f8dcb0 100%);isolation:isolate}
.story-sunrise::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 17% 17%,#ffffffc0 0 1px,transparent 2px),radial-gradient(circle at 72% 24%,#ffffffb0 0 2px,transparent 3px),radial-gradient(circle at 46% 11%,#ffffffb0 0 1px,transparent 2px);background-size:180px 150px;opacity:.6}
.sunrise-glow{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff7d6 0%,#ffe3ac 26%,#ffd2a17d 48%,transparent 73%);filter:blur(5px)}
.sunrise-cloud{position:absolute;left:-15%;width:130%;height:35%;bottom:-9%;background:radial-gradient(ellipse at 16% 70%,#f9e1d8 0 21%,transparent 23%),radial-gradient(ellipse at 40% 55%,#f9d6cf 0 25%,transparent 27%),radial-gradient(ellipse at 73% 70%,#ffe4d0 0 28%,transparent 30%);filter:blur(13px)}
.sunrise-cloud-two{bottom:1%;opacity:.55;transform:scaleX(-1);filter:blur(24px)}
@media(max-width:600px){.story-visual.story-sunrise{min-height:290px}}

/* Version 8: The Story Behind the Studio — separate from animated-short section */
.story-origin{background:#201b3c;min-height:450px}
.story-origin::before{display:none}
.story-origin img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.story-copy .story-signoff{font-weight:700;color:#69417e!important}
@media(max-width:600px){.story-origin{min-height:300px}}

/* V9: The DreamSpire Story video card only — real DreamSpire frame */
.story-poster{background:#15112c;display:block}.story-poster img{display:block;width:100%;height:100%;object-fit:cover}.story-poster .film-play{top:50%;box-shadow:0 5px 30px #0006}.story-poster:hover .film-play{background:#6b3a91dd}