@charset "UTF-8";
:root{--bg:#080e15;--surface:#101923;--text:#f5f1e9;--muted:#a8b4bd;--accent:#8ae7d1;--line:#ffffff24;--gold:#c7ab79;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-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}img,video{display:block;width:100%}button[hidden]{display:none}::selection{background:var(--accent);color:var(--bg)}.skip{position:fixed;top:-70px;left:16px;background:var(--accent);color:var(--bg);padding:10px;z-index:100}.skip:focus{top:10px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5.2%;background:var(--bg);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:14px;line-height:1.3;letter-spacing:2px}.brand b{font-weight:600}.brand-star{color:var(--accent);font-size:44px;line-height:1}.header nav{display:flex;gap:32px;font-size:14px}.header nav a:hover{color:var(--accent)}.motion-control{background:none;border:1px solid var(--line);padding:10px 16px;font-size:14px;border-radius:25px}.motion-control:hover{border-color:var(--accent)}.hero{position:relative;min-height:740px;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;right:0;inset-block:0;width:67%;z-index:-3;overflow:hidden}.hero-art img{height:100%;object-fit:cover;object-position:53% 30%;animation:drift 16s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080e15 0%,#080e15f0 20%,#080e1580 49%,#080e1500 73%),linear-gradient(0deg,#080e15 1%,transparent 23%,transparent 85%,#080e1520)}.hero-content{width:62%;padding:50px 0 105px 8%}.eyebrow{font-size:12px;letter-spacing:2.4px;font-weight:600;margin:0 0 22px;color:var(--accent)}.eyebrow span{display:inline-block;width:23px;height:1px;vertical-align:middle;margin-right:10px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(62px,7.6vw,116px);font-weight:400;line-height:1.02;letter-spacing:-4px;margin-bottom:28px}em{font-weight:400;color:var(--accent)}.hero-description{font-size:18px;line-height:1.7;color:#d1d6d8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--line);min-height:52px;padding:12px 22px;font-size:14px;font-weight:600;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);border-color:var(--accent);color:#081914}.primary:hover{background:#b5f5e5}.outline{background:#080e1555}.outline:hover{background:#ffffff12}.play-icon{font-size:12px}.hero-note{font-size:12px;letter-spacing:1px;color:var(--muted);margin-top:21px}.hero-caption{position:absolute;bottom:122px;right:6%;display:flex;flex-direction:column;font-size:14px;line-height:1.6;border-left:1px solid var(--accent);padding-left:15px}.hero-caption span:first-child{font-size:12px;letter-spacing:2px;color:var(--accent)}.hero-bottom{position:absolute;bottom:0;left:5.2%;right:5.2%;padding:24px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;letter-spacing:2px;color:var(--muted)}.section{padding:100px 8%;scroll-margin-top:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-heading h2,h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.1vw,64px);line-height:1.12;font-weight:400;letter-spacing:-1.6px;margin-bottom:0}.section-heading>p{font-size:16px;color:var(--muted);margin:0 0 4px;max-width:330px}.world-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.world-portrait{position:relative;overflow:hidden;background:var(--surface);aspect-ratio:1/1.05;border-radius:4px}.world-portrait>img{height:100%;object-fit:cover;object-position:50% 30%;animation:drift 15s ease-in-out infinite alternate;transition:opacity .3s}.portrait-label{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,#080e15df);padding:60px 28px 24px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:2px}.world-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin-bottom:32px}.world-tabs button{background:none;border:0;color:var(--muted);padding:8px 12px 16px;border-bottom:2px solid transparent;font-size:14px}.world-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.world-number{color:var(--muted);font-size:12px;letter-spacing:2px}.world-content h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.7px;margin-bottom:20px}.world-content p:not(.voice-note):not(.world-number){color:var(--muted);line-height:1.8}blockquote{margin:28px 0 30px;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:22px;color:var(--text);border-left:2px solid var(--accent);padding-left:23px;line-height:1.6}.voice-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.voice-note{font-size:12px;color:var(--muted);line-height:1.6;margin:16px 0 0}.text-button{border:none;padding:8px 0;background:none;color:var(--accent);font-size:14px;text-decoration:underline;text-underline-offset:5px}.voice-bars{display:flex;gap:4px;align-items:center;height:25px}.voice-bars i{width:3px;height:6px;background:var(--accent)}.is-speaking .voice-bars i{animation:bars .7s infinite alternate}.is-speaking .voice-bars i:nth-child(2){animation-delay:.2s}.is-speaking .voice-bars i:nth-child(3){animation-delay:.4s}.is-speaking .voice-bars i:nth-child(4){animation-delay:.1s}.scenes{background:var(--surface)}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.scene{display:block;text-align:left;min-width:0;background:none;border:0;padding:0}.scene-image{position:relative;overflow:hidden;aspect-ratio:16/11;border-radius:4px}.scene-image img,.scene-image video{height:100%;object-fit:cover;transition:transform .5s}.scene:hover .scene-image img{transform:scale(1.04)}.scene-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0004);pointer-events:none}.scene-play{position:absolute;left:20px;bottom:18px;z-index:1;background:#080e1560;backdrop-filter:blur(6px);border:1px solid #ffffff70;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;padding-left:2px;font-size:13px;transition:background .2s}.scene:hover .scene-play{background:var(--accent);color:var(--bg)}.duration{position:absolute;bottom:24px;right:20px;z-index:1;font-size:12px;letter-spacing:1px}.scene-info{padding:23px 0 0}.scene-info .eyebrow{font-size:12px;letter-spacing:1.4px;color:var(--muted)}.scene-info h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:27px;margin:9px 0 12px;line-height:1.25}.scene-link{color:var(--accent);font-size:14px}.creator{padding-bottom:45px}.creator-row{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.creator-row>div>p{color:var(--muted);line-height:1.8}.signature{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:24px;margin-top:26px}.signature span{font-family:Arial,sans-serif;font-style:normal;font-size:12px;letter-spacing:2px;padding-left:12px;color:var(--accent)}.closing-line{margin-top:80px;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:var(--muted)}footer{padding:24px 8%;display:flex;gap:24px;justify-content:space-between;color:var(--muted);font-size:12px;background:#05090d}footer a:hover{color:var(--accent)}dialog{border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:24px;max-width:1000px;width:calc(100% - 32px);max-height:94dvh;color:var(--text)}dialog::backdrop{background:#02060de8;backdrop-filter:blur(9px)}.cinema-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.cinema-heading .eyebrow{margin-bottom:7px}.cinema-heading h2{font-size:30px;letter-spacing:-.5px}.close-button{background:none;border:1px solid var(--line);border-radius:50%;min-width:44px;height:44px}.cinema-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin-top:16px}#player{max-height:65dvh;background:#000;aspect-ratio:16/9}.paused *{animation-play-state:paused!important}.paused .ambient-video{animation:none}.paused html{scroll-behavior:auto}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.045) translateY(-4px)}}@keyframes bars{from{height:5px}to{height:24px}}
@media(min-width:1600px){.hero{min-height:850px}.hero-art{width:62%}.section,.hero-content{padding-left:max(8%,calc((100vw - 1450px)/2))}.section{padding-right:max(8%,calc((100vw - 1450px)/2))}}
@media(max-width:1000px){.header{padding:0 5%;gap:18px}.header nav{gap:18px}.hero{min-height:710px}.hero-content{padding-left:6%;width:70%}.hero-art{width:75%}.section{padding:75px 6%}.world-layout{gap:5%}.scene-grid{gap:18px}.scene-info h3{font-size:24px}.world-content h3{font-size:30px}}
@media(max-width:700px){.header{height:auto;min-height:88px;padding:18px 5%;flex-wrap:wrap;gap:15px}.brand{font-size:12px}.brand-star{font-size:34px}.header nav{order:3;width:100%;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line);font-size:14px}.motion-control{font-size:12px;padding:8px 10px}.hero{min-height:880px;align-items:flex-end}.hero-art{width:100%;top:0;height:570px;bottom:auto}.hero-art img{object-position:50% 20%}.hero-shade{background:linear-gradient(0deg,#080e15 0%,#080e15 28%,#080e15dd 40%,#080e1500 76%,#080e1520 100%)}.hero-content{width:100%;padding:340px 6% 95px;position:relative}.hero-content>.eyebrow{margin-bottom:14px}h1{font-size:64px;letter-spacing:-2.8px;line-height:1.06;margin-bottom:20px}.hero-description{font-size:17px}.hero-actions{margin-top:24px}.button{padding:12px 17px;font-size:14px}.hero-caption{top:26px;bottom:auto;right:auto;left:6%;background:#080e1533;backdrop-filter:blur(5px)}.hero-bottom{font-size:10px;letter-spacing:1.3px;gap:15px;padding:19px 0}.hero-bottom span:last-child{text-align:right}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}h2,.section-heading h2{font-size:42px;letter-spacing:-1.2px}.world-layout{grid-template-columns:1fr;gap:32px}.world-portrait{aspect-ratio:1/1.05;max-height:520px}.world-content h3{font-size:34px}.world-tabs{margin-bottom:24px}.scene-grid{grid-template-columns:1fr;gap:38px}.scene-image{aspect-ratio:16/9}.scene-info{padding-top:18px}.scene-info h3{font-size:29px}.creator-row{grid-template-columns:1fr;gap:28px}.closing-line{gap:20px;margin-top:45px;font-size:10px}.closing-line span:last-child{text-align:right}footer{padding:25px 6%;flex-wrap:wrap;gap:12px}footer span:nth-child(2){display:none}dialog{padding:16px}.cinema-heading h2{font-size:24px}.cinema-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.portrait-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.portrait-grid figure{margin:0;min-width:0}.portrait-grid img{aspect-ratio:3/4;object-fit:cover;object-position:center;transition:transform .5s}.portrait-grid figure:hover img{transform:translateY(-5px)}.portrait-grid figcaption{font-family:Georgia,serif;font-size:22px;margin-top:16px;line-height:1.3}.portrait-grid figcaption span{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:2px;color:var(--muted);margin-top:8px}.portrait-grid figure:last-child img{object-position:center top}.scenes .scene-grid{row-gap:42px}.creator{border-top:1px solid var(--line)}@media(max-width:1000px){.portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}}@media(max-width:420px){.portrait-grid{gap:24px 14px}.portrait-grid figcaption{font-size:20px}}
