:root{--ink:#10110f;--gold:#d6ac54;--paper:#f0f0e9;--muted:#aaaba0;--line:#ffffff29}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:112px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;line-height:1.1;letter-spacing:1.3px}.brand img{width:55px;height:45px;object-fit:contain;filter:invert(80%) sepia(37%) saturate(657%) hue-rotate(348deg)}.brand>span{position:relative}.brand-dot{position:absolute;right:-16px;top:-3px;font-size:9px}nav{display:flex;gap:37px;font-size:14px;color:#cdcec6}nav a:hover{color:var(--gold)}.header-cta{font-size:14px;border-bottom:1px solid var(--gold);padding:12px 0}.header-cta span{margin-left:40px;color:var(--gold)}.menu{display:none}.hero{padding:60px 5% 0;overflow:hidden;background:radial-gradient(ellipse at 82% 42%,#aa782312,transparent 45%)}.eyebrow,.section-label{font-size:12px;letter-spacing:2px;font-weight:500}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--gold)}.tiny-line{width:25px;height:1px;background:var(--gold)}.hero-title{position:relative;padding:30px 0 36px}h1,h2,h3,p{margin:0}h1{position:relative;z-index:2;font-family:'Playfair Display',serif;font-size:clamp(76px,8.6vw,138px);line-height:1.05;letter-spacing:-5px;font-weight:400;max-width:850px}em{font-family:'Playfair Display',serif;font-weight:400;color:var(--gold)}.creation{position:absolute;width:47%;height:500px;right:-2%;top:-23px;display:grid;place-items:center;isolation:isolate}.creation-mark{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#67532d,#e8c986 48%,#8b6a2a 77%);mask:url('mark.png') center/95% auto no-repeat;-webkit-mask:url('mark.png') center/95% auto no-repeat;transform:rotate(-13deg);opacity:.9}.halo{width:30%;aspect-ratio:1;border-radius:50%;background:#d6ac54;filter:blur(90px);opacity:.17}.orbit{position:absolute;width:74%;aspect-ratio:1;border:1px solid #d6ac5424;border-radius:50%;transform:rotate(-25deg) scaleX(.83)}.orbit-two{width:94%;border-style:dashed;opacity:.65;transform:rotate(35deg) scaleX(.83)}.orbit-three{width:115%;opacity:.28;transform:rotate(-25deg) scaleX(.83)}.art-caption{position:absolute;bottom:45px;right:23%;font-size:10px;color:#a38c60;letter-spacing:3px}.hero-bottom{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:15px 0 60px}.hero-bottom p{font-size:17px;color:#b6b7ad;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;padding:21px 25px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:23px;line-height:1}.gold{background:var(--gold);color:var(--ink)}.gold:hover{background:#e8c37c}.hero-meta{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;color:#999c91;font-size:11px;letter-spacing:1.5px}.hero-meta a span{margin-left:25px;color:var(--gold)}.section{padding:100px 5%}.section-label{color:var(--gold);margin-bottom:32px}h2{font-family:'Playfair Display',serif;font-size:clamp(42px,4.5vw,70px);line-height:1.12;font-weight:400;letter-spacing:-2px}.intro{background:var(--paper);color:var(--ink)}.intro .section-label{color:#686653}.intro-main{display:flex;justify-content:space-between;gap:60px;align-items:flex-end}.intro em{color:#85703e}.section-copy{font-size:17px;line-height:1.75;color:#a9aba1;max-width:370px}.intro .section-copy{color:#64665e}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid #10110f30}.services article{padding:32px 32px 0;position:relative;border-right:1px solid #10110f30}.services article:first-child{padding-left:0}.services article:last-child{border:0;padding-right:0}.service-number{font-size:12px;color:#74766a;position:absolute;right:30px;top:30px}.service-icon{font-size:34px;color:#887348;height:65px}.services h3{font-family:'Manrope',sans-serif;font-size:27px;line-height:1.25;letter-spacing:-1px;font-weight:500}.services p{margin-top:22px;font-size:15px;line-height:1.8;color:#64665e;max-width:320px}.services a{margin-top:30px;padding:15px 0;border-top:1px solid #10110f30;display:flex;justify-content:space-between;gap:12px;font-size:14px}.services a:hover{color:#94721d}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px;gap:32px}.section-heading p{font-size:16px;line-height:1.8;color:var(--muted)}.case-image{position:relative;height:520px;overflow:hidden;background:#292c26}.case video{width:100%;height:100%;object-fit:cover;transition:transform .7s;filter:saturate(.65)}.case:hover video{transform:scale(1.025)}.case-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#10110fe3)}.case-tag{position:absolute;top:28px;left:30px;padding:10px 12px;background:#10110fb0;border:1px solid #ffffff50;font-size:11px;letter-spacing:1.5px;z-index:1}.round-arrow{position:absolute;right:30px;top:28px;width:46px;height:46px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:25px;z-index:1}.case-overlay{position:absolute;left:40px;bottom:38px;z-index:1}.case-overlay>span{font-size:12px;letter-spacing:2px;color:var(--gold)}.case-overlay h3{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(35px,4vw,57px);line-height:1.1;letter-spacing:-1.5px;margin-top:17px}.case-bottom{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:24px 0;border-bottom:1px solid var(--line);color:var(--muted)}.case-bottom span:last-child{color:var(--paper);white-space:nowrap}.agents{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%}.agents .section-copy{margin-top:25px}.text-link{display:inline-block;margin-top:30px;border-bottom:1px solid #ffffff60;padding-bottom:10px;font-size:14px}.agent-list>a{display:flex;align-items:flex-start;gap:23px;padding:30px 0;border-top:1px solid var(--line);transition:padding .25s}.agent-list>a:hover{padding-left:12px}.agent-list>a:last-child{border-bottom:1px solid var(--line)}.agent-index{font-size:12px;color:#a58e59;padding-top:7px}.agent-list h3{font-family:'Manrope',sans-serif;font-size:26px;letter-spacing:-1px;font-weight:400}.agent-list p{color:var(--muted);font-size:15px;margin:8px 0 17px}.agent-list div>span{font-size:10px;letter-spacing:1.5px;color:#b29b67}.agent-list b{margin-left:auto;color:var(--gold);font-weight:400;font-size:23px}.approach{background:#1b1d18;border-top:1px solid var(--line)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:65px}.approach-statement{font-size:21px;line-height:1.8}.approach-statement span{color:#909588}.steps details{border-top:1px solid var(--line)}.steps details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:22px;padding:24px 0;font-size:17px}summary::-webkit-details-marker{display:none}summary>span{font-size:12px;color:var(--gold)}summary b{margin-left:auto;font-weight:400;color:var(--gold);font-size:24px}details[open] summary b{transform:rotate(45deg)}details p{font-size:15px;line-height:1.8;color:var(--muted);padding:0 20px 24px 37px}.contact{background:var(--gold);color:var(--ink);position:relative}.contact .section-label{color:#514326}.contact h2{font-size:clamp(55px,7.4vw,110px);letter-spacing:-3.5px}.contact em{color:#f7efda}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-top:40px}.contact p{font-size:17px;line-height:1.7;color:#443a25}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:#303128}footer{padding:55px 5% 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:center}footer p{color:var(--muted);font-size:14px;line-height:1.7}footer>a:last-of-type{font-size:14px;text-align:right}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;display:flex;gap:35px;color:#92968a;font-size:12px}.footer-bottom span{margin-right:auto}.skip{position:absolute;top:-100px;z-index:20;background:var(--gold);color:var(--ink);padding:15px}.skip:focus{top:0}
@media(min-width:1600px){header,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}header{margin:0}.creation{right:0;width:50%}}
@media(max-width:1000px){header{height:95px}nav{gap:20px}.creation{right:-13%;width:58%;opacity:.55}h1{font-size:10.5vw}.hero-bottom p{font-size:16px}.hero-bottom .button{gap:20px;max-width:270px;line-height:1.5}.section{padding:75px 5%}.services article{padding:28px 22px 0}.services h3{font-size:24px}.section-copy{max-width:320px}.case-image{height:440px}.agents,.approach-grid{gap:5%}}
@media(max-width:680px){header{height:85px}.brand{font-size:12px;gap:8px}.brand img{width:43px}.header-cta{margin-left:auto;margin-right:23px;font-size:13px}.header-cta span{margin-left:12px}.menu{display:block;background:none;border:0;color:var(--paper);padding:10px 0;font-size:13px}nav{display:none;position:absolute;top:84px;left:-5.5%;right:-5.5%;padding:25px 6%;background:#1b1d18;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;gap:23px}.hero{padding-top:38px}.eyebrow{font-size:9px;letter-spacing:1.3px;gap:10px}.tiny-line{width:15px}.hero-title{padding:37px 0 170px}h1{font-size:clamp(64px,14.3vw,96px);letter-spacing:-3px}.creation{width:78%;height:300px;right:-22%;top:105px;opacity:.55}.creation-mark{transform:rotate(-16deg)}.art-caption{display:none}.hero-bottom{display:block;padding:0 0 40px}.hero-bottom p{font-size:16px;line-height:1.7;max-width:350px}.desktop{display:none}.hero-bottom .button{margin-top:26px;max-width:none;gap:40px;padding:19px 20px}.hero-meta{font-size:9px;letter-spacing:1px;padding:22px 0}.hero-meta a{font-size:0}.hero-meta a span{font-size:19px;margin:0}.section{padding:60px 6%}.section-label{font-size:10px;letter-spacing:1.6px;margin-bottom:23px}h2{font-size:43px;letter-spacing:-1.6px}.intro-main,.section-heading{display:block}.section-copy{font-size:16px;max-width:none;margin-top:25px}.services{grid-template-columns:1fr;margin-top:38px}.services article,.services article:first-child,.services article:last-child{padding:28px 0;border-right:0;border-bottom:1px solid #10110f30}.services article:last-child{border-bottom:0;padding-bottom:0}.service-number{right:0}.service-icon{height:53px}.services h3{font-size:27px}.services p{max-width:none;margin-top:15px}.services a{margin-top:22px;padding-bottom:0;border:0}.section-heading p{margin-top:22px;font-size:15px}.case-image{height:390px}.case-tag{left:20px;top:20px;font-size:9px;max-width:75%;letter-spacing:1px}.round-arrow{right:17px;top:19px;width:34px;height:34px;font-size:20px}.case-overlay{left:22px;bottom:27px}.case-overlay>span{font-size:10px;letter-spacing:1.5px}.case-overlay h3{font-size:37px}.case-bottom{display:block;font-size:13px;line-height:1.6}.case-bottom span{display:block}.case-bottom span:last-child{margin-top:13px}.agents,.approach-grid{grid-template-columns:1fr;gap:35px}.agent-list h3{font-size:24px}.agent-list div>span{font-size:9px;letter-spacing:1px}.agent-list>a{gap:15px}.approach-grid{margin-top:35px}.approach-statement{font-size:18px}.contact h2{font-size:58px;letter-spacing:-2px}.contact-bottom{display:block;margin-top:25px}.contact-bottom .button{margin-top:27px;gap:34px}.contact p{font-size:16px}footer{grid-template-columns:1fr 1fr;padding:40px 6% 24px;gap:25px}footer>a:last-of-type{grid-column:1/-1;text-align:left}footer p{font-size:12px}.footer-bottom{gap:20px;flex-wrap:wrap;font-size:11px}.footer-bottom span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Immersive edition */
:root{--ink:#080a0a;--gold:#e3bd76;--paper:#f1eee6;--line:#ffffff20}body{background:var(--ink)}#universe{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.8}header{position:absolute;left:0;right:0;top:0;height:104px;margin:0 4%;border-bottom:1px solid #ffffff24}header .brand img{width:50px}header nav{gap:33px}main{position:relative}main>section:not(.hero),footer{position:relative;z-index:2}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);width:100%;transform:scaleX(0);transform-origin:left;z-index:30}.hero{min-height:900px;height:100svh;max-height:1300px;padding:0;position:relative;isolation:isolate;overflow:hidden;background:#080a0a}.scene-art{position:absolute;inset:-4%;background:url('creation.webp') center 65%/cover no-repeat;will-change:transform;z-index:-3}.scene-shade{position:absolute;inset:0;background:linear-gradient(#080a0a55,transparent 38%,transparent 60%,#080a0a 100%);z-index:-2}.hero-copy{position:relative;z-index:3;text-align:center;padding-top:165px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero .eyebrow{display:block;font-size:11px;letter-spacing:2.5px;color:#c8b78f}.hero h1{font-family:'Manrope',sans-serif;max-width:none;font-size:clamp(60px,6.8vw,112px);letter-spacing:-5px;line-height:1.06;font-weight:400;margin:25px auto 22px}.hero h1 em{font-family:'Playfair Display',serif;font-weight:400;color:#eee6d6}.hero-copy p{color:#b8b7ae;line-height:1.7;font-size:16px}.hero-explore{display:inline-flex;align-items:center;gap:20px;font-size:13px;margin-top:25px;padding-bottom:10px;border-bottom:1px solid #ffffff55}.hero-explore span{color:var(--gold)}.scene-caption{position:absolute;bottom:155px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#c4b79b}.hero-bottom-bar{position:absolute;bottom:35px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;font-size:10px;letter-spacing:1.8px;color:#b5b5a9}.hero-bottom-bar button{border:1px solid #d5b77c70;background:#14161060;color:var(--gold);padding:15px 20px;font-size:13px;letter-spacing:0;cursor:pointer;backdrop-filter:blur(10px)}.hero-bottom-bar button:hover{background:#d5b77c;color:#080a0a}.hero-bottom-bar button span{margin-left:24px}.section{padding:115px 8%}.intro{background:#101312f2;color:var(--paper);border-top:1px solid var(--line)}.intro .section-label{color:var(--gold)}.intro em{color:var(--gold)}.intro .section-copy,.services p{color:#a7ada7}.services{border-color:var(--line);gap:0}.services article{border-color:var(--line)}.services a{border-color:var(--line)}.service-number{color:#929a92}.service-icon{color:var(--gold)}.services h3{font-size:30px}.work{background:linear-gradient(#080a0aba,#080a0af2)}.section-heading h2{font-size:clamp(48px,5vw,82px)}.case-image{height:600px;border:1px solid #ffffff22}.case-image:after{background:linear-gradient(#080a0a22,transparent 20%,#080a0aee)}.case-overlay h3{font-size:clamp(40px,5vw,75px)}.case-overlay{left:48px;bottom:50px}.agents{background:#101312e8;border-bottom:1px solid var(--line)}.agent-list>a{padding:35px 0}.agent-list>a:hover{padding-left:15px;background:linear-gradient(90deg,#dfb65d0d,transparent)}.approach{background:#101312f5}.contact{background:#d7b273;color:#10110f;overflow:hidden}.contact h2{position:relative;z-index:2}.contact .section-label{color:#4e4029}.contact em{color:#fff3d6}.contact:after{content:'';position:absolute;width:800px;height:800px;border:1px solid #4a3c2433;border-radius:50%;right:-430px;top:-200px;box-shadow:0 0 0 70px #4a3c2405,0 0 0 140px #4a3c2405;pointer-events:none}.contact-bottom{position:relative;z-index:2}footer{background:#080a0a;padding:60px 8% 80px}.chapter-indicator{position:fixed;left:21px;top:50%;z-index:9;display:flex;align-items:center;gap:14px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#b9b6a8;mix-blend-mode:difference;pointer-events:none}.chapter-line{height:50px;width:1px;background:#ffffff55}.motion-toggle{position:fixed;right:18px;bottom:16px;z-index:20;background:#080a0ace;backdrop-filter:blur(10px);color:#c6c5bc;border:1px solid #ffffff30;border-radius:2px;padding:9px 12px;font-size:11px;cursor:pointer}.laboratory{background:linear-gradient(135deg,#1b221ced,#0d100ff7);border-bottom:1px solid var(--line)}.lab-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:50px}.lab-heading>p{color:var(--muted);font-size:16px;line-height:1.8}.demo{display:grid;grid-template-columns:1fr 1.05fr;border:1px solid #e3bd7640;background:#0b0e0ce8;box-shadow:0 30px 100px #0004}.demo-input{padding:38px;border-right:1px solid var(--line)}.demo-label{display:block;font-size:11px;color:var(--gold);letter-spacing:2px;margin-bottom:32px}.demo-input label{display:block;font-size:14px;color:#bcc1b8;margin-bottom:12px}.demo-input select{width:100%;border:1px solid #ffffff35;background:#161b17;color:#eee;padding:15px;font:inherit;font-size:14px;border-radius:0}.demo-input blockquote{margin:30px 0;font-family:'Playfair Display',serif;font-size:26px;line-height:1.5;min-height:145px}.demo-input .button{width:100%;cursor:pointer;border:0}.demo-input .button:disabled{opacity:.55;cursor:wait;transform:none}.demo-note{display:block;font-size:11px;color:#949d92;margin-top:18px}.demo-output{padding:32px}.demo-output-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;color:#98a292;padding-bottom:25px;border-bottom:1px solid var(--line)}#demo-state{color:var(--gold)}.workflow{list-style:none;margin:0;padding:0}.workflow li{display:flex;gap:18px;padding:25px 0;border-bottom:1px solid var(--line);opacity:.4;transition:opacity .4s}.workflow li.active,.workflow li.complete{opacity:1}.workflow li>span{font-size:11px;color:var(--gold);padding-top:5px}.workflow h3{font-size:19px;font-weight:400}.workflow p{color:#aab1a6;font-size:13px;line-height:1.6;margin-top:6px}.workflow i{margin-left:auto;color:var(--gold);font-style:normal}#demo-result{font-size:14px;line-height:1.7;padding-top:22px;color:#c8cabc}#reset-demo{margin-top:15px;border:0;background:none;padding:0;color:var(--gold);font-size:13px;cursor:pointer}.section h2,.intro-main,.case,.services article,.agent-list>a,.approach-grid{transition:opacity .8s,translate .8s}.has-motion .reveal-pending{opacity:0;translate:0 35px}.has-motion .revealed{opacity:1;translate:0 0}.case{display:block}.menu{cursor:pointer}nav a.active{color:var(--gold)}
@media(min-width:1550px){.hero-copy{padding-top:180px}.scene-art{background-position:center 60%}}
@media(max-width:1000px){.hero{min-height:830px}.hero h1{font-size:8vw}.section{padding:85px 6%}.scene-art{background-size:auto 100%;background-position:center 90%}.hero-copy{padding-top:150px}.chapter-indicator{left:9px;font-size:8px}.case-image{height:480px}.demo-input,.demo-output{padding:25px}.demo-input blockquote{font-size:23px}}
@media(max-width:680px){header{height:85px}header nav{gap:20px;left:-4.5%;right:-4.5%;background:#111712f7}.hero{height:100svh;min-height:790px;max-height:none}.hero-copy{padding:137px 18px 0}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;line-height:1.7}.hero h1{font-size:clamp(42px,10.5vw,68px);letter-spacing:-2.5px;margin:23px 0}.hero-copy p{font-size:14px}.hero-copy p br{display:none}.hero-explore{font-size:12px;margin-top:23px}.scene-art{inset:0 -38%;background-size:auto 100%;background-position:center bottom}.scene-shade{background:linear-gradient(#080a0a88,transparent 40%,transparent 65%,#080a0a 100%)}.scene-caption{bottom:145px;font-size:8px;letter-spacing:1px}.hero-bottom-bar{bottom:35px;gap:20px}.hero-bottom-bar>span{font-size:8px;line-height:1.8;max-width:130px}.hero-bottom-bar button{font-size:11px;padding:13px 12px}.hero-bottom-bar button span{margin-left:10px}.section{padding:65px 6%}.chapter-indicator{display:none}.intro-main h2,.agents h2,.approach h2,.laboratory h2{font-size:44px}.services article{border-color:var(--line)!important}.services h3{font-size:29px}.case-image{height:410px}.case-overlay{left:23px;bottom:30px}.case-overlay h3{font-size:41px}.lab-heading{display:block}.lab-heading>p{margin-top:24px;font-size:15px}.demo{grid-template-columns:1fr}.demo-input{border-right:0;border-bottom:1px solid var(--line)}.demo-input blockquote{min-height:0;font-size:24px}.demo-output-head{font-size:9px}.workflow p{font-size:14px}.demo-note{font-size:12px}.motion-toggle{right:10px;bottom:10px;font-size:10px;padding:8px}.contact h2{font-size:56px}footer{padding-bottom:70px}.agent-list div>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.has-motion .reveal-pending{opacity:1;translate:none}.scene-art{will-change:auto}}
/* Cinematic hero */
.hero{min-height:860px;max-height:1350px}.cinema-stage{position:absolute;inset:-4%;z-index:-3;will-change:transform;--spark-y:60%;--spark-x:50%;isolation:isolate}.cinema-stage .scene-art{inset:0;background-size:cover;background-position:center;transform:none;will-change:filter;filter:brightness(.9) contrast(1.12)}.cinema-vignette{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 60%,transparent 22%,#03060645 60%,#030606d0 100%);pointer-events:none}.scene-shade{z-index:-2;background:linear-gradient(#080a0a4d,transparent 43%,transparent 73%,#080a0a 100%)}.hero-copy{padding-top:155px}.hero h1{font-size:clamp(64px,7.2vw,118px);line-height:1.08;margin-top:29px;margin-bottom:22px}.hero h1 .title-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.hero h1 .title-line>span,.hero h1 .title-line>em{display:block}.hero h1 em{color:#ebd8b2}.hero-copy p{color:#b6b5aa;font-size:15px}.hero-explore{margin-top:21px}.light-bloom,.lens-streak,.spark-core,.energy-ring{position:absolute;left:var(--spark-x);top:var(--spark-y);pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen}.light-bloom{width:480px;height:320px;background:radial-gradient(ellipse,#ffebbc4a 0%,#f8b85220 18%,#b374280c 44%,transparent 68%);filter:blur(15px);opacity:.75}.lens-streak{height:2px;width:min(68vw,980px);background:linear-gradient(90deg,transparent,#da995433 18%,#f4ce8955 44%,#fff5dcd9 50%,#f4ce8955 56%,#da995433 82%,transparent);box-shadow:0 0 12px #ffc16b33;opacity:.6}.spark-core{width:10px;height:10px;border-radius:50%;background:#fff6df;box-shadow:0 0 15px #fff6d9,0 0 45px #fac27299;opacity:.8}.energy-ring{width:8px;height:8px;border:1px solid #efd59a55;border-radius:50%;opacity:0}.cinema-ready.has-motion .scene-art{animation:cinema-exposure 3s ease-out both}.cinema-ready.has-motion .hero .eyebrow{animation:cinema-fade 1.2s .2s both}.cinema-ready.has-motion .title-line>span{animation:title-arrive 1.8s .25s cubic-bezier(.16,1,.3,1) both}.cinema-ready.has-motion .title-line>em{animation:title-arrive 1.9s .5s cubic-bezier(.16,1,.3,1) both}.cinema-ready.has-motion .hero-copy p{animation:cinema-fade 1.5s 1s both}.cinema-ready.has-motion .hero-explore{animation:cinema-fade 1.5s 1.2s both}.has-motion .light-bloom{animation:bloom-breathe 7s ease-in-out infinite}.has-motion .spark-core{animation:spark-breathe 4.5s ease-in-out infinite}.has-motion .lens-streak{animation:streak-breathe 6s ease-in-out infinite}.hero.igniting .light-bloom{animation:ignite-bloom 2.8s ease-out both}.hero.igniting .lens-streak{animation:ignite-streak 2.6s ease-out both}.hero.igniting .energy-ring{animation:ignite-ring 2.4s cubic-bezier(.1,.5,.2,1) both}.hero.igniting .spark-core{animation:ignite-core 2.8s ease-out both}.hero-bottom-bar button{transition:background .4s,box-shadow .4s}.hero-bottom-bar button:hover{box-shadow:0 0 35px #d7ac5420}.scene-caption{bottom:135px;opacity:.7}
@keyframes title-arrive{from{transform:translateY(115%);opacity:0;filter:blur(7px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}
@keyframes cinema-fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes cinema-exposure{from{filter:brightness(.35) contrast(1.3)}to{filter:brightness(.9) contrast(1.12)}}
@keyframes bloom-breathe{0%,100%{opacity:.45;scale:.95}50%{opacity:.8;scale:1.07}}
@keyframes spark-breathe{0%,100%{opacity:.55}50%{opacity:.95}}
@keyframes streak-breathe{0%,100%{opacity:.3}50%{opacity:.65}}
@keyframes ignite-bloom{0%{opacity:.7;scale:1}25%{opacity:1;scale:1.6}100%{opacity:.6;scale:1}}
@keyframes ignite-streak{0%{opacity:.5;scale:1}18%{opacity:1;scale:1.2}100%{opacity:.4;scale:1}}
@keyframes ignite-ring{0%{opacity:.7;width:12px;height:12px}100%{opacity:0;width:850px;height:850px}}
@keyframes ignite-core{0%,100%{scale:1;opacity:.7}20%{scale:1.8;opacity:1}}
@media(max-width:1000px){.hero{min-height:850px}.hero-copy{padding-top:155px}.hero h1{font-size:8vw}.light-bloom{width:360px;height:240px}}
@media(max-width:680px){.hero{min-height:800px}.hero-copy{padding:140px 18px 0}.hero h1{font-size:clamp(43px,10.5vw,68px);letter-spacing:-2.5px;margin-top:27px}.hero-copy p{font-size:14px}.cinema-stage .scene-art{inset:0;background-size:cover;background-position:center}.light-bloom{width:270px;height:200px}.lens-streak{width:90vw}.scene-caption{bottom:145px}.hero h1 .title-line{padding-bottom:.15em;margin-bottom:-.15em}}
@media(prefers-reduced-motion:reduce){.cinema-stage{will-change:auto}.cinema-stage .scene-art{will-change:auto}.energy-ring{display:none}}
body:not(.has-motion) .hero *,body:not(.has-motion) .cinema-stage *{animation:none!important}
/* Finished opening film */
.film-stage{inset:24% 0 8%;background:#000 url('creation-film-poster.jpg') center/contain no-repeat;transform:none!important;will-change:auto}.film-stage video{position:absolute;width:100%;height:100%;object-fit:contain;display:block}.hero{background:#000}.hero-copy{padding-top:140px}.hero-copy h1{font-size:clamp(60px,6.5vw,105px);margin:20px auto 18px}.hero-copy p{font-size:14px}.hero-explore{margin-top:16px}.scene-caption{bottom:125px}.hero-bottom-bar [hidden]{display:none!important}.hero-bottom-bar{justify-content:flex-start;gap:20px}.hero-bottom-bar>span{margin-right:auto}.film-playing~*{pointer-events:auto}#universe{opacity:.45}.hero.film-playing .scene-caption{opacity:.4}.hero-copy{pointer-events:none}.hero-copy a{pointer-events:auto}.hero-bottom-bar button{cursor:pointer}.film-stage video:focus-visible{outline:2px solid var(--gold)}
@media(max-width:680px){.hero-copy{padding-top:128px}.hero-copy h1{font-size:clamp(42px,10.2vw,66px)}.film-stage{inset:38% -27% 12%}.hero-copy p{font-size:14px}.hero-explore{margin-top:18px}.scene-caption{bottom:145px}.hero-bottom-bar{gap:10px}.hero-bottom-bar button{padding:12px 10px}}
