:root{color-scheme:dark;--bg:#0c0d0f;--fg:#f3f3ef;--muted:#a6a7a8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.5 Lato,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}button{cursor:pointer;background:none;border:0}a{text-decoration:none}img{display:block;max-width:100%}h1,h2,p{margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid #e3e3dc;outline-offset:5px}.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#111;padding:12px}.skip-link:focus{top:10px}.dimension-shell{min-height:700px;height:100svh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#212326 0%,#121315 35%,#0c0d0f 72%)}.masthead{height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 45px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:19px}.brand img{width:85px;height:auto;filter:invert(1)}.brand>span{font-size:24px;letter-spacing:-.6px;border-left:1px solid #ffffff38;padding-left:18px}.masthead nav{display:flex;align-items:center;gap:30px;font-size:13px}.masthead nav button,.masthead nav a{display:flex;align-items:center;min-height:44px;gap:22px}.masthead nav a{padding:8px 16px;border:1px solid #ffffff30;border-radius:8px;background:#ffffff04}.masthead nav button:hover,.masthead nav a:hover{color:#fff;background:#ffffff0c}.dimension-stage{position:absolute;inset:90px 0 163px;perspective:1200px;isolation:isolate}.stage-light{position:absolute;inset:2% 21%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse,#4c4e5422,transparent 65%)}.intro,.gallery{position:absolute;inset:0}.intro-copy{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);text-align:center;z-index:2;width:420px;pointer-events:none}.eyebrow{font-size:9px;line-height:1.5;letter-spacing:.18em;color:#c1c2c4}.intro-copy h1{font:400 64px/1.1 Lato,Arial,sans-serif;letter-spacing:-.055em;margin:16px 0}.intro-copy h1 em{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.05em}.intro-copy>p:not(.eyebrow){font-size:13px;color:#b1b3b7}.intro-copy button{pointer-events:auto;font-size:11px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:13px;min-height:44px;margin-top:20px;border-bottom:1px solid #ffffff30;padding:8px 0}.intro-copy button:hover{border-color:#fff}.intro-copy .ui-icon{width:15px}.orbit{position:absolute;inset:0}.orbit-card{--x:0px;--y:0px;--r:0deg;position:absolute;left:50%;top:49%;width:98px;height:132px;padding:0;transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--r));transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .7s;filter:drop-shadow(0 12px 22px #0006);border-radius:2px;z-index:3}.orbit-card img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.orbit-card:hover img,.orbit-card:focus-visible img{transform:scale(1.12)}.orbit-0{--x:-268px;--y:-135px;--r:-12deg}.orbit-1{--x:0px;--y:-215px;--r:5deg}.orbit-2{--x:268px;--y:-133px;--r:12deg;width:131px;height:98px}.orbit-3{--x:263px;--y:137px;--r:9deg}.orbit-4{--x:0px;--y:210px;--r:-4deg;width:132px;height:98px}.orbit-5{--x:-267px;--y:135px;--r:-9deg}.intro.assembling .orbit-card{transform:translate(-50%,-50%) scale(.3);opacity:0}.intro.assembling .intro-copy{opacity:0}.intro-copy{transition:opacity .65s .2s}#skip-intro{position:absolute;right:45px;bottom:3px;min-height:44px;display:flex;align-items:center;gap:12px;color:#a8a9ad;font-size:10px;z-index:5}#skip-intro .ui-icon{width:14px}.stage-caption{position:absolute;bottom:3px;left:45px;display:flex;align-items:center;gap:70px;font-size:8px;letter-spacing:.16em;line-height:1.8;color:#979aa0;pointer-events:none}.scroll-cue{display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:.06em}.scroll-cue .ui-icon{width:14px}.gallery-description{position:absolute;left:6%;top:44%;width:25%;max-width:285px;transform:translateY(-50%);z-index:4}.gallery-description h2{font:400 39px/1.05 'Playfair Display',Georgia,serif;letter-spacing:-.025em;margin:16px 0}.gallery-description>p:not(.eyebrow){color:#a8abb1;font-size:13px;line-height:1.7;max-width:210px}.gallery-description>button{margin-top:23px;min-height:44px;padding:8px 0;display:flex;gap:16px;align-items:center;border-bottom:1px solid #ffffff35;font-size:11px}.gallery-rail{position:absolute;inset:0 30%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);outline-offset:-8px;touch-action:pan-y}.gallery-rail::-webkit-scrollbar{display:none}.gallery-rail:before,.gallery-rail:after{content:'';display:block;flex:0 0 15%;width:1px}.gallery-slide{flex:0 0 70%;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;perspective:1200px;position:relative}.gallery-card{max-height:94%;height:94%;width:92%;display:flex;align-items:center;justify-content:center;position:relative;padding:0;transform:rotateX(var(--tilt,0deg)) scale(var(--scale,1));opacity:var(--opacity,1);transform-origin:center;backface-visibility:hidden}.gallery-card img{max-height:100%;width:auto;max-width:100%;height:auto;object-fit:contain;box-shadow:0 8px 24px #0005;border-radius:2px;pointer-events:none}.expand-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;white-space:nowrap;background:#17181be8;color:#fff;border:1px solid #fff3;border-radius:6px;padding:9px 12px;font-size:10px;opacity:0;transition:opacity .2s;pointer-events:none}.expand-hint .ui-icon{width:13px}.gallery-card:hover .expand-hint,.gallery-card:focus-visible .expand-hint{opacity:1}.gallery-aside{position:absolute;right:6%;top:18%;bottom:15%;width:20%;max-width:215px;display:flex;flex-direction:column;align-items:flex-end;z-index:4}.collection-nav{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.collection-nav button{font-size:11px;min-height:31px;padding:5px 0;color:#898c92;text-align:right;display:flex;gap:15px;align-items:center}.collection-nav button span{font-size:8px;opacity:0;transition:opacity .2s}.collection-nav button:hover{color:#e4e5e6}.collection-nav [aria-current=true]{color:#fff}.collection-nav [aria-current=true] span{opacity:1}.design-meta{font-size:13px;color:#e3e4e6;letter-spacing:.01em;margin-top:auto}.gallery-arrows{display:flex;gap:9px;margin-top:22px}.gallery-arrows button{width:40px;height:40px;border:1px solid #fff3;border-radius:50%;display:grid;place-items:center}.gallery-arrows button:disabled{opacity:.25;cursor:default}.back-orbit{position:absolute;bottom:3px;right:45px;font-size:10px;min-height:44px;display:flex;align-items:center;gap:12px;color:#aeb0b5}.back-orbit .ui-icon{width:15px}.signup-dock{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);display:flex;align-items:center;gap:31px;padding:13px 15px 13px 22px;border:1px solid #fff2;background:#202125b5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 40px #0003,inset 0 1px 0 #ffffff09;border-radius:13px;z-index:30;max-width:calc(100% - 60px)}.dock-intro{display:flex;gap:12px;align-items:center;white-space:nowrap}.dock-intro strong{font-size:12px;font-weight:400;display:block}.dock-intro div>span{font-size:9px;color:#9d9fa6;display:block;margin-top:2px}.dock-dot{width:5px;height:5px;border-radius:50%;background:#eee;box-shadow:0 0 14px #fff8}.email-control{display:flex;align-items:center;gap:10px}.email-control input{border:1px solid #ffffff24;background:#1112158c;color:#fff;border-radius:6px;width:210px;min-width:0;font-size:12px;padding:13px 12px;min-height:44px}.email-control input::placeholder{color:#a0a2a8}.email-control button{display:flex;align-items:center;justify-content:center;gap:17px;min-height:44px;background:#eeeeea;color:#202124;font-size:12px;padding:12px 16px;border-radius:6px;white-space:nowrap}.email-control button:hover{background:#fff}.email-control .ui-icon{width:16px}#get-studio{position:relative}#email-error{position:absolute;bottom:calc(100% + 17px);left:0;right:0;background:#382b29;border:1px solid #a76b59;color:#fff;padding:12px;border-radius:8px;font-size:12px;line-height:1.5}footer{position:absolute;bottom:0;left:0;right:0;height:50px;padding:0 45px;display:flex;align-items:center;justify-content:space-between;color:#84878f;font-size:9px;z-index:20}footer>div{display:flex;align-items:center;gap:25px}footer button{font-size:10px;min-height:44px;display:flex;align-items:center;gap:8px}footer .ui-icon{width:12px}#preview-error{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#382b29;padding:12px;color:#fff;z-index:40;font-size:12px;border-radius:8px}.noscript{position:fixed;inset:auto 20px 180px;z-index:40;background:#202125;padding:15px;text-align:center;font-size:14px}.noscript a{text-decoration:underline}.motion-paused *,.document-hidden *{animation-play-state:paused!important}
dialog{padding:0;border:1px solid #fff3;border-radius:16px;color:#f3f3e8;background:#242820;max-height:92dvh;box-shadow:0 35px 140px #0005;color-scheme:dark}dialog::backdrop{background:#19211275;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.preview-dialog{width:min(850px,calc(100vw - 28px));overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid #fff2}.preview-toolbar h2{font:400 26px/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.03em}.preview-toolbar .eyebrow{font-size:8px;color:#abb39d;margin-bottom:5px}#preview-meta{font-size:11px;color:#b5bda9;margin-top:6px}.close-dialog{width:44px;height:44px;background:#ffffff0c;border:1px solid #ffffff30;border-radius:12px;flex:none;display:grid;place-items:center;color:inherit}.preview-art{height:min(62dvh,780px);padding:20px;display:flex;align-items:center;justify-content:center;background:#141710}.preview-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px #0005)}.preview-bottom{display:flex;align-items:center;gap:16px;padding:14px 24px;font-size:12px}.page-control{width:44px;height:44px;border:1px solid #fff4;background:#ffffff08;border-radius:10px;color:inherit}.page-control:disabled{opacity:.25;cursor:default}.preview-note{font-size:10px;color:#b5bda9;margin-left:auto}.app-dialog{width:min(1310px,calc(100vw - 40px));overflow:auto}.app-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px;padding:24px;align-items:start}.studio-screen{border:1px solid #ffffff20;border-radius:9px;overflow:hidden;background:#f5f5ed;position:relative}.studio-screen img{width:100%;height:auto;aspect-ratio:1440/920;object-fit:contain}#screen-caption{font-size:12px;color:#b6bda9;margin-top:15px}.tour-choices{display:flex;flex-direction:column;gap:12px}.tour-choices button{position:relative;text-align:left;color:inherit;background:#ffffff04;border:1px solid #ffffff20;border-radius:12px;padding:17px 18px}.tour-number{font-size:10px;display:block;color:#abb49c;margin-bottom:8px}.tour-choices strong{font-size:18px;line-height:1.2;font-weight:400;display:block}.tour-choices button>span:not(.tour-number):not(.tour-arrow){font-size:12px;color:#adb79d;line-height:1.5;display:block;margin-top:8px}.tour-arrow{position:absolute;right:17px;top:15px;color:#788868}.tour-choices [aria-selected=true]{background:#edf0e2;color:#272e1f}.tour-choices [aria-selected=true] .tour-number,.tour-choices [aria-selected=true]>span:not(.tour-arrow){color:#657153!important}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-top:1px solid #fff2;font-size:10px;color:#aeb89f;gap:20px}.app-footer button{background:#f2f3e9;color:#242b1c;border-radius:8px;padding:11px 20px;font-size:13px;min-height:44px}.help-dialog{width:min(590px,calc(100vw - 28px));overflow:auto}.help-body{padding:24px}.help-body h3{font-size:18px;font-weight:400;margin-bottom:12px}.help-body p{font-size:14px;line-height:1.7;color:#b9c1ac;margin-bottom:20px}.help-body a{text-decoration:underline;text-underline-offset:4px}.junk-note{background:#f1f5e410;padding:14px;border-left:2px solid #9eae88}.help-cta{background:#eff2e5;color:#252c1d;border-radius:8px;padding:13px 20px;display:inline-block;font-size:14px}.headline-dialog{width:min(480px,calc(100vw - 28px))}.headline-dialog form{padding:24px}.headline-dialog label{display:block;font-size:13px;margin-bottom:12px}.headline-dialog input{border:1px solid #fff4;background:#f2f3e9;color:#28301f;font:400 22px 'Playfair Display',Georgia,serif;padding:13px;width:100%;border-radius:6px}.headline-dialog form>p{font-size:12px;color:#bcc5ae;margin-top:13px;line-height:1.6}.headline-dialog form>button{margin-top:23px;background:#edf1e1;color:#252e1d;font-size:13px;padding:12px 20px;border-radius:8px;min-height:45px}.headline-dialog #headline-error{color:#ffcec2}.noscript{padding:20px;text-align:center}.noscript a{text-decoration:underline}.motion-paused *{animation-play-state:paused!important}.document-hidden *{animation-play-state:paused!important}
dialog{background:#17181b;color:#ededeb;border-color:#ffffff26;box-shadow:0 25px 120px #0009}dialog::backdrop{background:#07080be8;backdrop-filter:blur(20px)}.preview-dialog{width:calc(100vw - 36px);height:calc(100dvh - 36px);max-width:none;max-height:none;border-radius:12px;display:flex;flex-direction:column}.preview-dialog:not([open]){display:none}.preview-art{flex:1;min-height:0;height:auto;background:#0c0d10;padding:25px}.folio-sheet{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-art img{width:100%;height:100%;object-fit:contain}.preview-toolbar,.preview-bottom{flex:none}.page-control{display:grid;place-items:center}.preview-toolbar h2{font-family:'Playfair Display',Georgia,serif}.close-dialog{color:#fff}.app-dialog{background:#17181b}.help-dialog{background:#17181b}.help-body p{color:#b9bdc6}.help-cta,.app-footer button{background:#eeefec;color:#17191c}.tour-choices [aria-selected=true]{background:#eeefec;color:#1c1d21}.tour-choices button>span:not(.tour-number):not(.tour-arrow){color:#b0b2b7}.app-footer{color:#a0a3aa}.preview-meta,.preview-note{color:#a4a8b0}
@media(min-width:1700px){.orbit-0{--x:-325px;--y:-160px}.orbit-1{--y:-250px}.orbit-2{--x:325px;--y:-160px}.orbit-3{--x:320px;--y:170px}.orbit-4{--y:250px}.orbit-5{--x:-320px;--y:170px}.orbit-card{width:115px;height:152px}.orbit-2,.orbit-4{width:154px;height:114px}.intro-copy h1{font-size:80px}.gallery-description h2{font-size:49px}}
@media(max-width:1000px){.masthead{padding:0 26px}.orbit-card{width:80px;height:110px}.orbit-0{--x:-225px;--y:-130px}.orbit-1{--y:-195px}.orbit-2{--x:225px;--y:-130px;width:110px;height:80px}.orbit-3{--x:225px;--y:130px}.orbit-4{--y:192px;width:110px;height:80px}.orbit-5{--x:-225px;--y:130px}.intro-copy{width:340px}.intro-copy h1{font-size:54px}.gallery-description{left:4%;width:24%}.gallery-description h2{font-size:30px}.gallery-description>p:not(.eyebrow){font-size:12px}.gallery-aside{right:4%;width:22%}.gallery-rail{inset:0 27%}.collection-nav button{font-size:10px}.design-meta{font-size:11px}.signup-dock{gap:20px}.dock-intro strong{font-size:11px}.dock-intro{gap:9px}.email-control input{width:190px}footer{padding:0 26px}.stage-caption{left:26px;gap:24px}#skip-intro,.back-orbit{right:26px}.app-layout{grid-template-columns:1fr}.tour-choices{display:grid;grid-template-columns:repeat(3,1fr)}.tour-choices strong{font-size:16px}.tour-choices button>span:not(.tour-number):not(.tour-arrow){font-size:11px}}
@media(max-width:650px){.dimension-shell{min-height:740px}.masthead{height:72px;padding:0 21px}.brand{gap:12px}.brand img{width:68px}.brand>span{font-size:21px;padding-left:12px}.masthead nav{gap:0}.masthead nav>button{display:none}.masthead nav a{font-size:10px;gap:11px;padding:7px 10px;min-height:37px}.masthead nav .ui-icon{width:13px}.dimension-stage{inset:72px 0 176px}.intro-copy{top:46%;width:250px}.intro-copy h1{font-size:40px;margin:12px 0}.intro-copy .eyebrow{font-size:6px;letter-spacing:.12em}.intro-copy>p:not(.eyebrow){font-size:10px}.intro-copy button{font-size:10px;margin-top:12px;gap:8px}.orbit-card{width:62px;height:85px;top:46%}.orbit-0{--x:-126px;--y:-109px;--r:-10deg}.orbit-1{--x:0px;--y:-175px;--r:5deg}.orbit-2{--x:126px;--y:-102px;width:78px;height:60px}.orbit-3{--x:127px;--y:113px}.orbit-4{--x:0px;--y:174px;width:85px;height:62px}.orbit-5{--x:-126px;--y:113px}.stage-caption{bottom:0;left:21px;gap:0}.stage-caption>span:first-child{display:none}.stage-caption .scroll-cue{font-size:8px;gap:9px}#skip-intro,.back-orbit{right:21px;bottom:-5px;font-size:9px}.gallery-description{left:21px;top:5px;transform:none;width:calc(100% - 90px);max-width:none}.gallery-description .eyebrow{font-size:7px;letter-spacing:.12em}.gallery-description h2{font-size:29px;margin:9px 0}.gallery-description>p:not(.eyebrow){display:none}.gallery-description>button{display:none}.gallery-rail{inset:80px 50px 47px 21px}.gallery-slide{flex-basis:77%}.gallery-rail:before,.gallery-rail:after{flex-basis:11.5%}.gallery-card{height:94%;width:90%}.gallery-aside{right:18px;top:88px;bottom:44px;width:31px}.collection-nav{gap:7px}.collection-nav button{font-size:0;width:30px;height:31px;min-height:31px;border-radius:50%;border:1px solid #ffffff18;justify-content:center}.collection-nav button span{font-size:9px;opacity:1}.collection-nav [aria-current=true],.collection-nav [aria-current=true]:hover{background:#eeefeb;color:#1b1c20;border-color:#eeefeb}.design-meta{position:absolute;right:0;top:-27px;white-space:nowrap;font-size:9px;margin:0;color:#a7aab2}.gallery-arrows{flex-direction:column;gap:7px;margin-top:auto}.gallery-arrows button{width:31px;height:31px}.gallery-arrows .ui-icon{width:14px}.expand-hint{font-size:9px;opacity:1;bottom:8px;padding:7px 9px}.signup-dock{bottom:56px;width:calc(100% - 34px);max-width:none;display:block;padding:13px;border-radius:11px}.dock-intro{margin-bottom:11px;gap:8px}.dock-intro strong{font-size:10px}.dock-intro div>span{display:none}.dock-dot{width:4px;height:4px}.email-control{gap:8px}.email-control input{flex:1;width:100%;font-size:16px;padding:10px;min-height:43px}.email-control button{font-size:11px;padding:10px 12px;gap:10px;min-height:43px}.email-control .ui-icon{width:14px}.signup-dock form{width:100%}footer{height:50px;padding:0 20px;font-size:7px}footer>span{max-width:110px;line-height:1.5}footer>div{gap:14px}footer button{font-size:8px}footer .ui-icon{width:10px}#email-error{font-size:11px;bottom:calc(100% + 12px)}.preview-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:10px}.preview-toolbar{padding:15px}.preview-toolbar h2{font-size:23px}.preview-art{padding:14px}.preview-bottom{padding:12px 16px}.preview-note{display:none}.preview-dialog .eyebrow{font-size:7px}.close-dialog{width:39px;height:39px}.app-dialog{width:calc(100vw - 20px)}.app-layout{padding:12px;gap:12px}.tour-choices{gap:7px}.tour-choices button{padding:12px 9px}.tour-choices strong{font-size:13px}.tour-choices button>span:not(.tour-number):not(.tour-arrow){display:none}.tour-arrow{display:none}.app-footer{padding:12px;font-size:8px}.app-footer button{font-size:11px;padding-inline:12px}.help-body{padding:20px}.help-body p{font-size:13px}#preview-error{font-size:11px;max-width:90%;width:330px}}
@media(max-width:360px){.orbit-0,.orbit-5{--x:-104px}.orbit-2,.orbit-3{--x:104px}.orbit-card{width:55px;height:77px}.orbit-2,.orbit-4{width:75px;height:55px}.intro-copy{width:218px}.intro-copy h1{font-size:35px}.signup-dock{width:calc(100% - 26px);padding:11px}.email-control button{gap:7px;padding-inline:10px}.brand img{width:60px}.brand>span{font-size:20px}.gallery-description h2{font-size:26px}}
@media(max-height:790px) and (min-width:651px){.orbit-card{width:74px;height:100px}.orbit-0,.orbit-2{--y:-103px}.orbit-1{--y:-161px}.orbit-3,.orbit-5{--y:101px}.orbit-4{--y:161px}.orbit-2,.orbit-4{width:99px;height:73px}.intro-copy h1{font-size:51px}.intro-copy button{margin-top:10px}.gallery-description h2{font-size:33px}.collection-nav button{min-height:27px}.gallery-aside{top:10%;bottom:15%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.gallery-card{transform:none!important}}
@media(prefers-reduced-transparency:reduce){.signup-dock{background:#202125;backdrop-filter:none}dialog::backdrop{background:#08090b;backdrop-filter:none}}
/* One native scroll surface: hero → collection → app, reversible in both directions. */
.dimension-stage{overflow-y:auto;overflow-x:hidden;display:block;scrollbar-width:none;overscroll-behavior-y:contain;touch-action:pan-y;perspective:none;scroll-snap-type:none;outline-offset:-4px}.dimension-stage::-webkit-scrollbar{display:none}.stage-light{position:fixed;inset:12% 20% 25%;z-index:-1}.intro{position:relative;inset:auto;height:var(--stage-height,600px);width:100%}.gallery{position:sticky;inset:auto;top:0;height:0;z-index:10;pointer-events:none;visibility:hidden}.dimension-shell[data-mode=gallery] .gallery{visibility:visible}.gallery-description,.gallery-aside,.back-orbit{pointer-events:auto}.gallery-description{top:calc(var(--stage-height,600px)*.44)}.gallery-aside{top:calc(var(--stage-height,600px)*.18);height:calc(var(--stage-height,600px)*.67);bottom:auto}.back-orbit{bottom:auto;top:calc(var(--stage-height,600px) - 47px)}.gallery-rail{display:contents;mask-image:none;-webkit-mask-image:none}.gallery-rail:before,.gallery-rail:after{display:none}.gallery-slide{height:calc(var(--stage-height,600px)*.82);width:40%;margin:0 auto;scroll-snap-align:none;contain:layout}.gallery-card{height:90%;width:92%;will-change:transform,opacity}.gallery-card img{box-shadow:0 8px 24px #0004}.stage-caption{top:calc(var(--stage-height,600px) - 40px);bottom:auto;z-index:3}.app-preview{height:var(--stage-height,600px);min-height:0;padding:20px 60px 38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;position:relative}.inside-heading h2{font:400 30px/1.08 Lato,Arial,sans-serif;letter-spacing:-.03em;margin-top:9px}.inside-heading h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:400}.inside-heading h2 br{display:none}.inside-screen{min-height:0;flex:0 1 62%;width:100%;max-width:820px;display:flex;justify-content:center;align-items:center}.inside-screen img{height:100%;width:100%;max-height:100%;object-fit:contain;border-radius:9px}.inside-tabs{display:flex;gap:5px;border:1px solid #ffffff25;border-radius:9px;background:#ffffff06;padding:4px;flex:none}.inside-tabs button{padding:9px 18px;border-radius:6px;font-size:12px;color:#adb0b7;min-height:40px}.inside-tabs button[aria-selected=true]{background:#ededeb;color:#1b1b1b}.inside-tabs button:hover:not([aria-selected=true]){color:#fff;background:#ffffff08}#inside-caption{font-size:12px;color:#b0b3bb}.inside-note{font-size:9px;color:#858993}#inside-back{font-size:10px;color:#b6b9be;padding:8px 16px;min-height:36px}#inside-back:hover{text-decoration:underline}.dimension-shell[data-mode=app] .stage-caption{visibility:hidden}
@media(max-width:1000px){.gallery-slide{width:46%}.app-preview{padding:16px 34px 25px;gap:10px}.inside-heading h2{font-size:27px}}
@media(max-width:650px){.gallery-description{top:5px}.gallery-aside{top:88px;height:calc(var(--stage-height,500px) - 132px);bottom:auto}.back-orbit{top:calc(var(--stage-height,500px) - 39px);bottom:auto}.gallery-slide{width:calc(100% - 71px);margin-left:21px;height:calc(var(--stage-height,500px)*.84);padding:48px 0}.gallery-card{height:94%;width:90%}.gallery-description{pointer-events:none}.app-preview{padding:20px 17px 28px;gap:17px;justify-content:center}.inside-heading h2{font-size:29px;line-height:1.15}.inside-heading h2 br{display:block}.inside-screen{flex:0 1 auto;aspect-ratio:1440/920;max-height:42%;width:100%}.inside-screen img{border-radius:5px}.inside-tabs{gap:2px;width:100%;justify-content:center;padding:3px}.inside-tabs button{font-size:11px;padding:8px 10px;min-height:39px}#inside-caption{font-size:11px;max-width:270px}.inside-note{font-size:8px}#inside-back{font-size:10px}.stage-caption{top:calc(var(--stage-height,500px) - 24px)}.inside-heading .eyebrow{font-size:8px}}
@media(max-height:790px) and (min-width:651px){.gallery-aside{top:calc(var(--stage-height,500px)*.1);height:calc(var(--stage-height,500px)*.75)}.app-preview{padding:12px 40px;gap:8px}.inside-heading h2{font-size:23px}.inside-screen{flex-basis:54%}.inside-tabs button{min-height:33px;padding:6px 16px}.inside-note{display:none}#inside-back{min-height:28px;padding:4px}}

.dimension-shell:not([data-mode=intro]) .stage-caption,.dimension-shell:not([data-mode=intro]) #skip-intro{visibility:hidden}
