/* Illustrated chapters, antique gold details, and quiet editorial surfaces. */
:root{--bg:#0d0e0e;--bg-soft:#131413;--bg-card:#171816;--text:#e9e6dc;--muted:#aaa99f;--muted-2:#aaa99f;--gold:#d6c58f;--gold-soft:#e5d8ad;--orange:#d6c58f;--lilac:#d6c58f;--line:#34352d;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--maxw:1320px}
body::before{background:radial-gradient(ellipse at var(--pointer-x,60%) var(--pointer-y,30%),#d6c58f06,transparent 55%);mask-image:none}
em{color:var(--gold);font-style:italic}
.site-header,.site-header.scrolled{position:relative;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}
.cinematic-home>.site-header,.cinematic-home>.site-header.scrolled{position:fixed;inset:0 0 auto;background:transparent;border-color:transparent;backdrop-filter:none;text-shadow:0 1px 12px #000}
.nav{min-height:80px}.brand{font:400 13px/1 var(--serif);letter-spacing:3px;text-transform:uppercase;gap:5px;color:var(--gold)}
.brand-mark,.site-footer .brand-mark{position:relative;border:1px solid #c4b87c;background:transparent;color:#e2d298;border-radius:50%;width:30px;height:30px;font:400 22px/1 var(--serif);padding:0 0 3px;letter-spacing:-2px;margin-right:9px;text-transform:none;box-shadow:0 0 12px #d9be6320}
.brand-mark::after{content:'';position:absolute;inset:-4px;border:1px solid #d6c58f55;transform:rotate(35deg);border-radius:35%}
.brand .amp{font:inherit;color:inherit}.brand-studio{display:none}
.nav-links{gap:27px;font:400 12px/1.4 var(--serif);letter-spacing:1.6px;text-transform:uppercase;color:#e0d4a5}
.nav-links>a{min-height:44px;display:flex;align-items:center}.nav-links .nav-contact{border:0;background:transparent;padding:9px 0;border-radius:0;color:inherit}
.nav-contact:hover{color:#fff5cb;background:transparent}.nav-links>a.active:after{background:var(--gold)}
.nav-links .ui-icon{width:13px;height:13px}.sound-toggle{border:0;background:transparent;padding:10px 0;color:var(--gold);font:inherit;letter-spacing:inherit;text-transform:uppercase;min-height:44px}
.sound-toggle[aria-pressed=true]{color:#fff4c5}.sound-toggle:hover{color:var(--text)}
.btn{border-radius:2px}.btn-gold{background:#d6c58f;color:#171710;box-shadow:none}.btn-gold:hover{background:#eee0b6;color:#171710}
.eyebrow,.section-index{color:#b6ac88;font-size:9px;letter-spacing:1.8px;font-weight:400}
.cinematic-intro{height:100svh;min-height:640px;position:relative;background:#080909;isolation:isolate}
.cinema-ready[data-motion=on] .cinematic-intro{height:285svh}
.cinema-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:clip;isolation:isolate}
.cinema-art{position:absolute;inset:0;z-index:-1;background:#090a0a;overflow:hidden}
.portrait-scene,.eyes-scene{position:absolute;inset:-2%;will-change:transform,opacity}
.portrait-scene{opacity:var(--portrait-opacity,1);transform:translate(var(--portrait-x,0px),var(--portrait-y,0px)) scale(var(--portrait-scale,1.02));transform-origin:50% 38%}
.portrait-image,.eyes-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;max-width:none}
.portrait-image{filter:brightness(.78) saturate(.78);animation:portrait-breathe 18s ease-in-out infinite alternate}
@keyframes portrait-breathe{to{transform:scale(1.035)}}
.eyes-scene{opacity:var(--eyes-opacity,0);transform:translate(calc(var(--portrait-x,0px) * .3),calc(var(--portrait-y,0px) * .3)) scale(var(--eyes-scale,1.12));filter:brightness(.82) saturate(.72)}
.eyes-scene picture{display:block;width:100%;height:100%}.eyes-scene img{object-position:50% 50%}
.cinema-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05060620,transparent 48%,#050707a3 86%,#090a0ae8),linear-gradient(90deg,#05070732,transparent 60%);pointer-events:none}
.cinema-grain{position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h160v160H0z'/%3E%3C/svg%3E");pointer-events:none}
.cinema-opening{position:absolute;left:0;right:0;bottom:118px;opacity:var(--opening-opacity,1);transform:translateY(var(--opening-lift,0px));will-change:transform,opacity}
.cinema-kicker{display:block;font:9px/1.7 var(--sans);letter-spacing:3px;color:#d7caa7;margin-bottom:18px}
.cinema-opening h1{font:400 clamp(44px,4.7vw,72px)/1.02 var(--serif);letter-spacing:-1.5px;color:#eeece5;text-shadow:0 2px 35px #000a}
.cinema-opening h1 em{color:#e0d3ac;font-weight:400}
.cinema-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:23px}
.cinema-caption p{font-size:12px;line-height:1.8;color:#c7c8c1;max-width:360px}
.cinema-enter{display:flex;align-items:center;gap:35px;font:400 12px/1.5 var(--serif);letter-spacing:1.8px;text-transform:uppercase;padding:13px 0;border-bottom:1px solid #d6c58f70;color:#e2d3a5}
.cinema-enter span{font:25px/1 var(--sans);transition:transform .3s}.cinema-enter:hover span{transform:translate(3px,-3px)}
.cinema-bottom{position:absolute;left:0;right:0;bottom:55px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#bcbba9;font-size:8px;letter-spacing:2.2px}
.scene-count{font:10px var(--serif);letter-spacing:2px}.scene-count b{font-weight:400;color:var(--gold)}
.cinema-location{display:flex;align-items:center;gap:18px}.cinema-location i{font-size:20px;color:var(--gold);font-style:normal}
.scroll-invitation{display:flex;gap:18px;align-items:center;color:#dfd9c4;min-height:44px;font-size:8px}
.scroll-invitation i{display:block;width:45px;height:1px;background:#c4ba9670;position:relative;overflow:hidden}.scroll-invitation i::after{content:'';position:absolute;inset:0;background:#f4e2a8;transform:translateX(-100%);animation:scroll-line 2.2s infinite}
@keyframes scroll-line{to{transform:translateX(100%)}}
.eye-navigation{position:absolute;inset:0;opacity:var(--eyes-links-opacity,0);visibility:hidden;pointer-events:none}
.eye-navigation.is-active{visibility:visible}
.eye-portal{position:absolute;top:49%;width:clamp(100px,15vw,230px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;pointer-events:auto;color:#eee7c5;isolation:isolate}
.eye-portal-left{left:28%}.eye-portal-right{left:72%}
.eye-orbit{position:absolute;inset:0;border:1px solid #e0d6a761;border-radius:50%;box-shadow:0 0 30px #0c101c80,inset 0 0 55px #08090bbb;transform:rotate(-20deg);transition:transform .8s,border-color .5s,background .5s}
.eye-orbit::before,.eye-orbit::after{content:'';position:absolute;inset:6px;border:1px dashed #d6c58f55;border-radius:50%}.eye-orbit::after{inset:-8px;border-style:solid;border-color:#d6c58f25}
.eye-portal:hover .eye-orbit,.eye-portal:focus-visible .eye-orbit{transform:rotate(100deg);background:#0609098a;border-color:#f4e3a0;box-shadow:0 0 45px #d6c58f38,inset 0 0 45px #111}
.eye-portal-label{position:relative;text-align:center;font:400 clamp(14px,1.8vw,26px)/1.2 var(--serif);letter-spacing:1px;text-shadow:0 2px 8px #000}
.eye-portal-label small{display:block;font:8px/1.6 var(--sans);letter-spacing:1.5px;color:#ddd3af;margin-bottom:8px}.eye-portal-label>span{display:block;font-size:21px;margin-top:5px}
.cinema-arrow{width:20px;height:20px;flex-shrink:0}.eye-portal-label .cinema-arrow{display:block;width:18px;height:18px;margin:9px auto 0}
.floating-embers{position:absolute;inset:0;pointer-events:none}.floating-embers i{position:absolute;top:66%;left:8%;height:3px;width:2px;border-radius:50%;background:#d8b780;box-shadow:0 0 8px #e8b36999;opacity:.5;animation:ember-drift 13s ease-in-out infinite alternate}
.floating-embers i:nth-child(2){left:83%;top:28%;height:4px;animation-delay:-5s}.floating-embers i:nth-child(3){left:69%;top:75%;animation-delay:-8s}.floating-embers i:nth-child(4){left:20%;top:64%;height:2px;animation-delay:-3s}.floating-embers i:nth-child(5){left:58%;top:17%;height:2px;animation-delay:-10s}.floating-embers i:nth-child(6){left:93%;top:67%;height:3px;animation-delay:-1s}
@keyframes ember-drift{to{translate:20px -65px;opacity:.2}}
.creative-world{height:min(900px,100svh);min-height:650px;position:relative;isolation:isolate;overflow:clip;background:#111310;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:80px 24px 65px;scroll-margin-top:0}
.portal-landscape{position:absolute;inset:-7%;width:114%;height:114%;max-width:none;object-fit:cover;z-index:-3;transform:translateY(var(--portal-drift,0px));filter:brightness(.66) saturate(.6);animation:portal-breathe 16s ease-in-out infinite alternate}
@keyframes portal-breathe{to{transform:translateY(var(--portal-drift,0px)) scale(1.04)}}
.portal-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(#090a0a 0%,#090a0a00 22%,#0d0e0e50 46%,#0d0e0eea 95%,#0d0e0e)}
.portal-emblem{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%) scale(var(--portal-scale,1));width:190px;height:190px;display:grid;place-items:center;color:#e5d5a0}
.portal-emblem>span{position:absolute;inset:0;border:1px solid #b3a77887;border-radius:50%;box-shadow:0 0 25px #d2b66416;animation:portal-revolve 50s linear infinite}
.portal-emblem>span::before{content:'';position:absolute;width:8px;height:8px;top:25px;left:20px;background:#e4c78a;border-radius:50%;box-shadow:0 0 15px #e4c78a}
.portal-emblem>span:last-child{inset:15px;border-style:dashed;animation-direction:reverse;animation-duration:80s;transform:rotateX(38deg)}
.portal-emblem>i{font:400 82px/1 var(--serif);font-style:normal;letter-spacing:-9px;padding-right:9px;opacity:.88;text-shadow:0 0 30px #bdb07650}
@keyframes portal-revolve{to{rotate:360deg}}
.portal-copy{text-align:center;position:relative;max-width:650px}.portal-copy .eyebrow{font-size:8px;letter-spacing:2.5px;color:#cbbd97}.portal-copy h2{font:400 clamp(46px,5.3vw,78px)/1.05 var(--serif);letter-spacing:-1px;margin-top:17px}.portal-copy h2 em{color:#dacb9f}.portal-copy p{font-size:12px;line-height:1.7;color:#c0bfb3;margin-top:19px}
.orbit-apps{position:relative;display:flex;justify-content:center;gap:13px;margin-top:34px;z-index:1;max-width:100%}
.orbit-apps .world-app{position:relative;inset:auto;display:flex;flex-direction:row;align-items:center;gap:9px;transform:none;animation:none;width:auto;height:auto;min-width:0;min-height:48px;padding:9px 13px;border:1px solid #aa9c683b;border-radius:2px;background:#10120ed9;color:#cbc7b6;box-shadow:none;font:11px var(--sans)}
.orbit-apps .world-app img{width:29px;height:29px;border-radius:7px}.orbit-apps .world-app:hover,.orbit-apps .world-app:focus-visible{border-color:var(--gold);background:#28281f;transform:translateY(-4px)}
.orbit-apps .world-app.is-selected{border-color:#a99b69;color:#e4d8b8;background:#29291dcc}.world-bottom-label{font-size:8px;letter-spacing:3px;color:#8e907f;margin-top:26px}
.app-preview-section{padding-block:64px 42px}.preview-layout{grid-template-columns:1fr 1.05fr;gap:75px}.preview-intro h2{font:400 clamp(42px,4.8vw,67px)/1.08 var(--serif);letter-spacing:-1.5px}.preview-intro h2 em{font-style:italic;color:var(--gold)}.preview-intro>p{color:var(--muted);font-size:13px;max-width:360px}
.preview-stamp>span{color:#d6c58f;border-color:#d6c58f40;background:transparent}.preview-stamp{color:#a5a695}.preview-stamp strong{color:#c7c2ac}
.stage-orbit{border-color:#d6c58f32;background:radial-gradient(circle,#d6c58f10,transparent 68%);box-shadow:0 0 0 22px #d6c58f04,0 0 0 44px #d6c58f02}
.app-stage:before,.app-stage:after{border-color:#887c4b44}.app-floating-label{color:#9b9d8f}.app-floating-label strong{color:#c9c5ae}.floating-spark{color:var(--gold)}
.showcase-info{background:#181b16ed;border-color:#5b6047;box-shadow:0 12px 45px #0005;border-radius:2px}#showcase-tag{font:400 24px/1.2 var(--serif)}#showcase-features{color:#bebfad}
.showcase-tabs button{border-radius:2px}.showcase-tabs button[aria-selected=true]{background:#262820;color:#ece9db;border-color:#7b805b;box-shadow:none}.showcase-tabs button:hover{background:#22251f;color:#e7e3cd}
.studio-marquee{background:#141611;border-color:#343a2c;color:#b7b59e}.marquee-track{font-family:var(--serif);letter-spacing:2px;font-size:13px}.marquee-track span{font-size:inherit}.marquee-track i{color:var(--gold)}
.section-heading h2{font:400 clamp(38px,4.3vw,62px)/1.07 var(--serif);letter-spacing:-1.2px}.section-heading h2 em{font:inherit;font-style:italic}.section-heading>p{font-size:12px;color:#a8aa9d}
.app-grid{gap:24px 22px}.app-card{border:1px solid #393b2e;border-radius:3px;background:#131611;box-shadow:none}.app-card:before,.app-card:after{display:none}.app-card:hover{border-color:#7a7858;box-shadow:0 12px 35px #0003}
.app-art{height:144px;border-radius:0;border-color:#353d2a;background:radial-gradient(ellipse at 75% 10%,color-mix(in srgb,var(--app-color) 8%,transparent),transparent 75%),#11170f}
.app-art:before{background-image:linear-gradient(#dfd5aa06 1px,transparent 1px),linear-gradient(90deg,#dfd5aa06 1px,transparent 1px);opacity:.7}.app-art:after{background:linear-gradient(110deg,transparent 20%,#d6c58f0d 50%,transparent 80%)}
.app-copy{padding:17px}.app-title h3{font:400 27px/1.1 var(--serif);letter-spacing:-.5px;color:#eae7d8}.app-title>span{font-size:7px;letter-spacing:1px;color:#a3a38d}
.app-copy>.project-description{font-size:12px;color:#b8bbad;line-height:1.8}.app-feature-list li{font-size:9px;border-color:#3c4231;background:#1b2017;color:#bdc3ac;border-radius:2px}
.app-links>.store-link{background:#d0c492;color:#151b10;border-radius:2px;min-height:34px;font-size:10px}.app-links>.store-link:hover{background:#ece2bb}.app-links button,.app-links>a:not(.store-link){color:#bfc7ac;font-size:10px}
.art-category,.art-number{color:#c2c9b1}.art-open{border-color:#84935c44;color:#d7dfbf;background:#0c100daa}.product-preview{color:#cbd8b9}.card-preview-footer,.card-preview-label{color:#a3b392}
.collection-note{border-color:#3e4432;border-radius:3px;background:radial-gradient(ellipse at 100% 0%,#d6c58f0a,transparent),#141811}.collection-note h3{font:400 29px/1.12 var(--serif);letter-spacing:-.5px}.collection-note p{font-size:12px;color:#b1b5a4}
.collection-search input{background:#131611;border-color:#454a37;color:#eae6d7}.collection-search input:focus{border-color:#a19a6e}.collection-search label{color:#bbb9a2}.filter{border-radius:2px;color:#bebfad}.filter.active{background:#d6c58f;color:#171b11;border-color:#d6c58f}.filter:hover{border-color:#c7b77e}.collection-count{color:#b0b09a}
.studio-intro{border-color:#37392d;padding-block:55px}.studio-intro h2{font:400 clamp(40px,5.2vw,74px)/1.1 var(--serif);letter-spacing:-1.5px}.studio-tools{filter:sepia(.9) saturate(.5)}.intro-bottom>p{color:#b3b6a7;font-size:13px}
.philosophy{background:#13160f;border-color:#363c2b;padding-block:38px}.philosophy h2{font:400 clamp(38px,4.5vw,64px)/1.08 var(--serif);letter-spacing:-1px}.philosophy h2 em{font:inherit;font-style:italic}.philosophy-grid>div>p,.principles p{color:#b3b7a6}.principles h3{font:400 25px/1.2 var(--serif);letter-spacing:0}.principles article{border-color:#383e2e}.principles article>span{color:#b7ac78}
.contact-banner{padding-block:24px}.contact-banner h2{font:400 clamp(26px,2.8vw,39px)/1.15 var(--serif);letter-spacing:-.6px}.contact-banner .contact-banner-copy>p{color:#acafa0}.contact-banner .btn{background:#d6c58f;color:#15190e;border-radius:2px;box-shadow:none}.contact-banner .btn:hover{background:#ece0b1}.contact-banner h2 em{font:inherit;font-style:italic}
.site-footer{--text:#e9e6dc;--muted:#aaa99f;--line:#34392b;--gold:#d6c58f;background:#0b0e09;border-color:#363b2e}.footer-note p{font:400 21px/1.3 var(--serif)}.footer-brand .brand{font-size:12px}.footer-brand p{font-size:12px}.footer-col h3{font-size:12px}.footer-col a{font-size:11px}.footer-bottom{font-size:9px}
.page-hero h1{font:400 clamp(44px,6vw,80px)/1.1 var(--serif);letter-spacing:-2px}.content{color:#bcbcaf}.content h2,.content h3{letter-spacing:0}.content h2{font-size:31px}.content h3{font-size:23px}.policy-picker,.contact-form{background:#151911;border-color:#414932;border-radius:3px}select,textarea{background:#0f130c;border-color:#485339;color:#e7e5d8}.document-nav nav a.current{background:#d6c58f09;color:#ded09c}.cta{border-color:#474d37;border-radius:3px}.contact-details a{color:#d8c995}.contact-details small{color:#b2b79f}.contact-note,.form-note{color:#aab09b}.about-meta .num{color:#ddcc91}
.motion-toggle{background:#11160dee;border-color:#4e573a;border-radius:2px;color:#d6ceaa;box-shadow:none;font-size:9px}.motion-toggle:hover{background:#2b3220}.page-scroll-progress{height:1px;background:#dcc881}
.cinema-cursor{position:fixed;left:0;top:0;width:31px;height:31px;border:1px solid #e5d59c99;border-radius:50%;pointer-events:none;z-index:140;opacity:0;transform:translate(-50%,-50%);box-shadow:0 0 15px #d6c58f17;transition:opacity .3s,width .2s,height .2s}
.cinema-cursor::before{content:'';position:absolute;inset:5px;border:1px solid #d6c58f45;border-radius:50%}.cinema-cursor::after{content:'✧';position:absolute;inset:0;display:grid;place-items:center;font-size:18px;color:#ece0b5}.cinema-cursor.is-visible{opacity:1}.cinema-cursor.is-link{width:43px;height:43px}
html[data-motion=off] .cinematic-intro{height:100svh}html[data-motion=off] .portrait-scene{transform:none;opacity:1}html[data-motion=off] .eyes-scene,html[data-motion=off] .eye-navigation{opacity:0;visibility:hidden}html[data-motion=off] .cinema-opening{transform:none;opacity:1}html[data-motion=off] .floating-embers i,html[data-motion=off] .scroll-invitation i::after,html[data-motion=off] .portal-emblem>span{animation:none}html[data-motion=off] .portal-landscape{transform:none}html[data-motion=off] .cinema-cursor{display:none}
@media(min-width:1700px){.cinema-opening{bottom:145px}.cinema-opening h1{font-size:78px}.cinema-bottom{bottom:55px}}
@media(max-width:1100px){.nav-links{gap:19px;font-size:11px}.preview-layout{gap:38px}.cinema-opening h1{font-size:60px}.cinema-caption p{font-size:11px}.orbit-apps{gap:8px}.orbit-apps .world-app{padding:9px 10px;font-size:10px}}
@media(max-width:760px){
 .wrap{width:calc(100% - 40px)}.nav{min-height:68px}.brand{font-size:11px;letter-spacing:1.8px}.brand-mark{width:26px;height:26px;font-size:20px}.menu-btn{color:#e0d4aa}.menu-btn span{background:#e0d4aa}.nav-links{background:#11140cf7;border-color:#565a3b;backdrop-filter:blur(20px);gap:7px;padding:18px 24px}.nav-links>a{font-size:15px;letter-spacing:2px;min-height:44px}.nav-links .sound-toggle{align-self:flex-start;font-size:13px}.nav-links .nav-contact{padding:9px 0;border:0;background:transparent}
 .cinematic-intro,.cinema-stage{min-height:620px;height:100svh}.cinema-ready[data-motion=on] .cinematic-intro{height:235svh;min-height:1457px}.portrait-image{object-position:50% 35%}.cinema-opening{bottom:114px}.cinema-kicker{font-size:7px;letter-spacing:2px;max-width:230px;margin-bottom:16px}.cinema-opening h1{font-size:clamp(39px,8vw,57px);letter-spacing:-1px;line-height:1.07}.cinema-caption{display:block;margin-top:17px}.cinema-caption p{font-size:11px;line-height:1.7;max-width:265px}.cinema-enter{width:fit-content;font-size:10px;gap:24px;margin-top:13px;padding:10px 0}.cinema-enter span{font-size:20px}.cinema-bottom{bottom:55px;font-size:7px}.cinema-location{display:none}.scroll-invitation{font-size:7px;letter-spacing:1.7px;gap:11px}.scroll-invitation i{width:30px}.cinema-shade{background:linear-gradient(#07090822,transparent 32%,#080b0ab3 73%,#090b0a)}
 .eyes-scene img{object-fit:cover;object-position:center;filter:brightness(.8)}.eye-portal{width:108px;top:47%}.eye-portal-left{left:25%}.eye-portal-right{left:75%}.eye-portal-label{font-size:15px;letter-spacing:.5px}.eye-portal-label small{font-size:6px;letter-spacing:.8px}.eye-portal-label>span{font-size:16px}.eye-orbit{background:#07100c40}.floating-embers i{opacity:.35}
 .creative-world{height:760px;min-height:0;padding:60px 18px 42px}.portal-landscape{object-position:50% 50%}.portal-emblem{width:150px;height:150px;top:27%}.portal-emblem>i{font-size:65px}.portal-copy h2{font-size:48px}.portal-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.portal-copy p{font-size:11px;max-width:245px;margin-inline:auto}.orbit-apps{display:flex;flex-wrap:wrap;gap:8px;max-width:380px;margin-top:26px}.orbit-apps .world-app{font-size:10px;gap:7px;padding:8px 10px;min-height:43px}.orbit-apps .world-app img{width:26px;height:26px}.world-bottom-label{font-size:7px;margin-top:22px}
 .app-preview-section{padding-block:38px 30px}.preview-layout{grid-template-columns:1fr;gap:24px}.preview-intro h2{font-size:42px}.preview-intro>p{max-width:390px;font-size:12px}.preview-stamp{display:none}.app-stage{height:330px}.showcase-info{padding:14px}.showcase-info #showcase-tag{font-size:19px}.app-floating-label{font-size:8px}.showcase-tabs button{padding:10px 4px}.section-heading h2{font-size:42px}.section-heading>p{font-size:12px}.app-grid{gap:18px}.app-art{height:130px}.app-copy{padding:17px}.app-title h3{font-size:26px}.collection-note h3{font-size:27px}.studio-intro{padding-block:35px}.studio-intro h2{font-size:44px}.intro-bottom>p{font-size:12px}.philosophy{padding-block:31px}.philosophy h2{font-size:43px}.principles h3{font-size:25px}.contact-banner{padding-block:22px;gap:16px}.contact-banner h2{font-size:28px}.contact-banner .contact-banner-copy>p{font-size:11px}.footer-brand .brand{font-size:11px}.footer-col h3{font-size:12px}.footer-col a{font-size:11px}.footer-bottom{padding-bottom:61px;font-size:9px}.page-hero h1{font-size:45px;letter-spacing:-1px}

}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.cinema-opening h1{font-size:36px}.cinema-kicker{font-size:6px}.cinema-caption p{font-size:10px}.eye-portal{width:94px}.eye-portal-label{font-size:13px}.eye-portal-label small{font-size:5px}.creative-world{height:710px}.portal-copy h2{font-size:43px}.orbit-apps{gap:7px}.orbit-apps .world-app{font-size:9px;padding:7px 8px}.orbit-apps .world-app img{width:24px;height:24px}.showcase-info #showcase-tag{font-size:16px}.showcase-info{padding:10px}}
@media(prefers-reduced-motion:reduce){.floating-embers i,.scroll-invitation i::after,.portal-emblem>span{animation:none}.cinematic-intro{height:100svh}.portal-landscape{transform:none}.cinema-cursor{display:none}}
@media print{.cinematic-intro{height:auto;min-height:0}.cinema-stage{height:auto;min-height:0}.cinema-art,.eye-navigation,.cinema-bottom,.creative-world,.cinema-cursor{display:none}.cinema-opening{position:static;padding-block:25px;opacity:1;transform:none}.cinematic-home>.site-header{position:static}}

/* Separate destinations keep the illustrated homepage focused on exploration. */
.apps-page #apps{padding-block:38px 48px}
.section-heading h1{font:400 clamp(38px,4.3vw,62px)/1.07 var(--serif);letter-spacing:-1.2px}
.section-heading h1 em{font:inherit;font-style:italic}
.apps-page .app-art{display:block;width:100%}
.apps-page .app-links>a{display:inline-flex;align-items:center;min-height:40px}
.apps-page .app-preview-section{border-top:1px solid var(--line)}
.studio-destination-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:34px 38px}
.studio-destination-hero h1{max-width:650px}
.studio-destination-hero h1 em{font-style:italic}
.studio-destination-hero p{font-size:13px;line-height:1.9}
.studio-destination-hero .text-button{margin-top:20px;font-size:12px}
.company-orbit{position:absolute;right:13%;top:42px;width:255px;aspect-ratio:1;display:grid;place-items:center;z-index:-1;color:var(--gold)}
.company-orbit i{position:absolute;inset:0;border:1px solid #d6c58f65;border-radius:50%;animation:portal-revolve 55s linear infinite}
.company-orbit i::before{content:'';position:absolute;top:12%;left:12%;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 15px #d6c58f77}
.company-orbit i:nth-child(2){inset:19px;border-style:dashed;animation-direction:reverse;animation-duration:70s}
.company-orbit span{font:400 105px/1 var(--serif);letter-spacing:-9px;padding:0 9px 12px 0}
.studio-page .document-layout{padding-bottom:38px}
.studio-page .content h2:first-child{margin-top:0}
.studio-page .document-nav{top:30px}
.product-page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center;padding-block:28px 38px}
.product-page-copy{min-width:0}
.product-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:20px;color:var(--muted);font-size:12px}
.product-back:hover{color:var(--gold)}
.product-identity{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.product-identity img{width:48px;height:48px;border-radius:12px}
.product-identity .eyebrow{font-size:8px;line-height:1.8}
.product-page h1{font:400 clamp(42px,5.3vw,73px)/1.06 var(--serif);letter-spacing:-1.5px;text-wrap:balance}
.product-tagline{font:400 clamp(23px,2.2vw,30px)/1.3 var(--serif);color:var(--gold-soft);margin:18px 0 14px;max-width:450px}
.product-description{font-size:14px;line-height:1.9;color:var(--muted);max-width:450px}
.product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 25px;margin-top:25px}
.product-actions .btn{font-size:12px;min-height:44px;padding:13px 19px}
.product-policy{font-size:12px;color:var(--gold);display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #d6c58f55}
.product-stage{height:490px;width:100%;max-width:490px;margin:0 auto}
.product-stage:before{inset:0;border-radius:3px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--preview-accent) 7%,transparent),transparent 70%)}
.product-stage:after{inset:0 auto auto 0;border-radius:3px 0 0 0}
.product-stage .stage-orbit{width:76%;height:auto;aspect-ratio:1;left:12%;top:13%}
.product-stage .showcase-panel{inset:15px 0 40px;display:grid;grid-template-columns:1fr;place-items:center;gap:0}
.product-stage .preview-phone{margin:0}
.product-sample-note{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:var(--muted)}
.product-features{padding-block:35px 28px;border-top:1px solid var(--line)}
.product-features>h2{font:400 clamp(28px,3.1vw,42px)/1.15 var(--serif);letter-spacing:-.6px;margin-top:15px}
.product-feature-grid{list-style:none;padding:0;margin:28px 0 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-feature-grid li{padding:20px 0;border-block:1px solid var(--line)}
.product-feature-grid li>span{font-size:9px;letter-spacing:2px;color:var(--gold)}
.product-feature-grid h3{font:400 23px/1.25 var(--serif);margin-top:10px}
.product-story{display:grid;grid-template-columns:1fr 2fr;gap:35px;max-width:980px}
.product-story h2{font:400 25px/1.3 var(--serif)}
.product-story p{color:var(--muted);font-size:14px;line-height:1.9}
.product-story strong{font-weight:500;color:var(--text)}
.product-support{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:25px;border-top:1px solid var(--line)}
.product-support h2{font:400 27px/1.2 var(--serif)}
.product-support p{color:var(--muted);font-size:12px;margin-top:9px}
.product-support .text-button{font-size:12px;min-height:44px}
.product-pagination{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-block:25px 35px}
.product-pagination a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:44px}
.product-pagination a:last-child{align-items:flex-end;text-align:right}
.product-pagination a>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}
.product-pagination strong{font:400 24px/1.2 var(--serif);color:var(--gold)}
.product-pagination .ui-icon{width:17px;height:17px;margin-left:8px}
.portal-radiance{position:absolute;left:50%;top:35%;width:420px;max-width:95vw;aspect-ratio:1;translate:-50% -50%;background:radial-gradient(circle,#dcc18524,transparent 66%);pointer-events:none;z-index:-1;animation:portal-glow 8s ease-in-out infinite alternate}
@keyframes portal-glow{from{opacity:.4;scale:.9}to{opacity:1;scale:1.15}}
.portal-particles{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.portal-particles i{position:absolute;left:calc(8% + var(--particle) * 7.5%);top:calc(48% + var(--particle) * 2%);width:2px;height:2px;border-radius:50%;background:#e1d19b;box-shadow:0 0 7px #e1d19b77;opacity:0;animation:portal-dust 13s linear infinite;animation-delay:calc(var(--particle) * -1.2s)}
@keyframes portal-dust{0%{translate:0 25px;opacity:0}20%{opacity:.65}75%{opacity:.35}100%{translate:24px -170px;opacity:0}}
@media(max-width:1100px){.product-page-hero{gap:5%}.product-stage{height:450px}.company-orbit{right:9%;width:220px;top:50px}}
@media(max-width:760px){
 .apps-page #apps{padding-block:25px 30px}.section-heading h1{font-size:42px}.company-orbit{right:-50px;top:45px;width:200px;opacity:.23}.company-orbit span{font-size:85px}.studio-destination-hero{padding-block:25px 30px}.studio-destination-hero .wrap{position:relative;z-index:1}.studio-destination-hero p{max-width:260px;font-size:12px}.studio-page .document-nav{top:auto}
 .product-page-hero{grid-template-columns:1fr;gap:28px;padding-block:12px 30px}.product-back{margin-bottom:14px}.product-identity{margin-bottom:15px;gap:12px}.product-page h1{font-size:clamp(40px,9vw,58px)}.product-tagline{font-size:25px;max-width:370px}.product-description{font-size:13px}.product-actions{margin-top:20px;gap:12px 22px}.product-stage{height:410px;max-width:440px}.product-stage .showcase-panel{inset:14px 0 34px}.product-stage .stage-orbit{width:68%;left:16%;top:15%}.product-sample-note{bottom:16px;font-size:6px}
 .product-features{padding-block:28px}.product-features>h2{font-size:32px}.product-feature-grid{gap:15px;margin:22px 0}.product-feature-grid h3{font-size:19px}.product-feature-grid li{padding:16px 0}.product-story{grid-template-columns:1fr;gap:12px}.product-story p{font-size:13px}.product-support{gap:14px;align-items:flex-start;flex-direction:column;padding-block:22px}.product-pagination{gap:15px;padding-block:22px 30px}.product-pagination strong{font-size:21px}.product-pagination .ui-icon{width:14px;margin-left:3px}.portal-radiance{top:27%;width:340px}
}
@media(max-width:380px){.section-heading h1{font-size:37px}.product-feature-grid{grid-template-columns:1fr;gap:0}.product-feature-grid li{display:flex;gap:18px;align-items:center;border-top:0}.product-feature-grid li:first-child{border-top:1px solid var(--line)}.product-feature-grid h3{margin:0}.product-pagination strong{font-size:18px}}
html[data-motion=off] :is(.portrait-image,.portal-landscape,.portal-radiance,.portal-particles i,.company-orbit i){animation:none}
@media(prefers-reduced-motion:reduce){.portrait-image,.portal-landscape,.portal-radiance,.portal-particles i,.company-orbit i{animation:none}}