/* The interactive collection is isolated from the existing detail and privacy pages. */
.universe{--scene-bg:#e9e8d9;--scene-ink:#293b2b;--scene-muted:#5d6b56;--scene-accent:#6b7f46;--scene-line:#293b2b29;--scene-button:#2e442f;--scene-button-ink:#faf6e9;--scene-halo:#b9c79c;--pointer-x:0;--pointer-y:0;position:relative;isolation:isolate;overflow:hidden;min-height:850px;background:var(--scene-bg);color:var(--scene-ink);transition:background-color 900ms ease,color 700ms ease}
.universe[data-theme="fidely"]{--scene-bg:#111d15;--scene-ink:#f3f0dc;--scene-muted:#b8c4ab;--scene-accent:#dba669;--scene-line:#dbe7c12e;--scene-button:#e6e8c9;--scene-button-ink:#1c2e20;--scene-halo:#476342}
.universe[data-theme="tv"]{--scene-bg:#11161d;--scene-ink:#fff4e6;--scene-muted:#c2c5cc;--scene-accent:#ff942b;--scene-line:#dbe7f32b;--scene-button:#ff942b;--scene-button-ink:#20170e;--scene-halo:#754b2b}
.universe[data-theme="books"]{--scene-bg:#f0e8db;--scene-ink:#4d2f27;--scene-muted:#7b6454;--scene-accent:#a0523c;--scene-line:#6b44352d;--scene-button:#8d4632;--scene-button-ink:#fff5e6;--scene-halo:#c8ab89}
.universe[data-theme="nineteen"]{--scene-bg:#262250;--scene-ink:#fff0d9;--scene-muted:#d0c4dd;--scene-accent:#ffad62;--scene-line:#ffe9dc33;--scene-button:#ffb36e;--scene-button-ink:#382039;--scene-halo:#b26376}
.universe[data-theme="divola"]{--scene-bg:#faf7f0;--scene-ink:#213029;--scene-muted:#647368;--scene-accent:#b33f22;--scene-line:#21302929;--scene-button:#33634a;--scene-button-ink:#fff8ee;--scene-halo:#ecc3a6}
.universe-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.atmosphere-halo{position:absolute;width:930px;height:930px;right:-30px;top:-100px;border-radius:50%;background:radial-gradient(ellipse,var(--scene-halo),transparent 68%);opacity:.62;transition:background 900ms ease}
.atmosphere-grain{position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.universe-top{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;padding-top:31px;gap:20px}
.universe-eyebrow,.universe-signature{font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0;color:var(--scene-muted);transition:color 700ms ease}
.universe-eyebrow{display:flex;align-items:center;gap:10px;font-weight:650}
.universe-status-dot{width:5px;height:5px;background:var(--scene-accent);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--scene-accent) 10%,transparent)}
.universe-signature{letter-spacing:.04em;text-transform:none;font-size:12px}
.universe-layout{position:relative;display:grid;grid-template-columns:330px minmax(0,1fr);align-items:center;min-height:653px;gap:0}
.universe-copy{position:relative;z-index:6;padding-top:35px;pointer-events:none}
.universe-copy a,.universe-copy button{pointer-events:auto}
.universe-app-label{font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;color:var(--scene-ink)}
.universe h1{font-family:var(--serif);font-size:clamp(50px,4.7vw,70px);font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:0 0 26px;color:var(--scene-ink)}
.universe h1 span,.universe h1 em{display:block}
.universe h1 em{font-weight:400;font-style:italic;color:var(--scene-accent)}
.universe .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.universe-description{font-size:15px;line-height:1.8;max-width:310px;margin:0 0 27px;color:var(--scene-muted)}
.universe-app-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;color:var(--scene-ink);font-size:13px;font-weight:650;text-decoration:none;border-bottom:1px solid var(--scene-line);padding:0 0 12px;min-width:190px}
.universe-app-link span{font-size:22px;transition:transform 200ms ease}
.universe-app-link:hover span{transform:translate(3px,-3px)}
.universe-copy-inner>*{transition:opacity 220ms ease,transform 300ms ease}
.universe.is-departing .universe-copy-inner>*{opacity:0;transform:translateY(-11px)}
.universe.is-arriving .universe-copy-inner>*{animation:copy-arrival 650ms both cubic-bezier(.2,.65,.25,1)}
.universe.is-arriving .universe-copy-inner>:nth-child(2){animation-delay:55ms}
.universe.is-arriving .universe-copy-inner>:nth-child(3){animation-delay:100ms}
.universe.is-arriving .universe-copy-inner>:nth-child(4){animation-delay:150ms}
@keyframes copy-arrival{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.universe-controls{display:none;align-items:center;gap:21px;margin-top:36px}
.universe.is-enhanced .universe-controls{display:flex}
.orbit-arrow{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--scene-line);border-radius:50%;background:transparent;color:var(--scene-ink);cursor:pointer;transition:background 180ms ease,transform 180ms ease,border-color 180ms ease}
.orbit-arrow svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;fill:none}
.orbit-arrow:hover{background:var(--scene-button);color:var(--scene-button-ink);border-color:transparent;transform:translateY(-2px)}
.orbit-arrow:active{transform:scale(.94)}
.universe :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--scene-accent);outline-offset:6px}
.universe-position{font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.08em;color:var(--scene-muted)}
#showcase-current{color:var(--scene-ink);font-weight:700}
.universe-testing-note{font-size:11px;line-height:1.8;margin:23px 0 0;color:var(--scene-muted)}
.universe-testing-note a{color:var(--scene-ink);text-underline-offset:4px}
.universe-stage{--radius:300px;--phone-width:210px;--phone-height:432px;--perspective:1350px;position:relative;height:640px;min-width:0;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.universe-stage:focus-visible{outline-offset:-10px!important;border-radius:24px}
.orbit-viewport{position:absolute;inset:0 -85px;perspective:var(--perspective);perspective-origin:50% 43%;pointer-events:none}
.orbit-ring{--turn:0deg;position:absolute;top:49%;left:50%;width:var(--phone-width);height:var(--phone-height);margin-left:calc(var(--phone-width)/-2);margin-top:calc(var(--phone-height)/-2);transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--radius))) rotateY(var(--turn));transition:transform 1050ms cubic-bezier(.24,.76,.25,1);will-change:transform}
.orbit-slot{--angle:calc(360deg / var(--app-count,6) * var(--slot-index));--counter-angle:calc(-1 * var(--angle));position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--angle)) translateZ(var(--radius))}
.orbit-facing{width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--counter-angle));transition:transform 1050ms cubic-bezier(.24,.76,.25,1)}
.orbit-device{--screen-bg:#f8f6ee;position:relative;width:100%;height:100%;padding:7px;border-radius:29px;background:linear-gradient(130deg,#87908d 0%,#303735 12%,#151a18 44%,#626866 86%,#bdc0bc 100%);border:1px solid #9ba09a;box-shadow:0 23px 40px #101a2530,2px 3px 0 #050a0966;transform:translateY(var(--lift,-25px)) rotateY(var(--tilt,0deg));transition:transform 1050ms cubic-bezier(.24,.76,.25,1),filter 1050ms ease;filter:brightness(.84);isolation:isolate}
.orbit-device[data-active="true"]{filter:brightness(1);--lift:0px;--tilt:0deg}
.device-screen{position:relative;width:100%;height:100%;border:1px solid #060c0b;border-radius:22px;overflow:hidden;background:var(--screen-bg)}
.device-screen img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.device-edge{position:absolute;right:-3px;top:91px;width:3px;height:47px;border-radius:2px;background:#69716d;box-shadow:0 62px #515a55}
.device-fidely{--screen-bg:#0e1712}
.device-tv{--screen-bg:#0c1015}
.device-books{--screen-bg:#f8f5ee}
.device-nineteen{--screen-bg:#29244f}
.device-divola{--screen-bg:#faf7f0}
.orbit-horizon{position:absolute;left:-7%;right:-7%;height:150px;bottom:55px;border-radius:50%;border:1px solid var(--scene-line);transform:rotateX(65deg);opacity:.75;transition:border-color 800ms ease;pointer-events:none}
.orbit-horizon::before,.orbit-horizon::after{content:"";position:absolute;inset:25px -70px;border:1px solid var(--scene-line);border-radius:50%;opacity:.5}
.orbit-horizon::after{inset:-30px 85px;opacity:.6}
.universe-stage-caption{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;letter-spacing:.035em;color:var(--scene-muted);white-space:nowrap}
.stage-caption-line{width:22px;height:1px;background:var(--scene-accent)}
.orbit-gesture-hint{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.08em;color:var(--scene-muted);opacity:.8;margin:0}
.gesture-touch{display:none}
.universe-bottom{position:relative;z-index:7;padding-bottom:23px}
.universe-index{display:grid;grid-template-columns:repeat(var(--app-count,6),minmax(0,1fr));gap:0;border-top:1px solid var(--scene-line);border-bottom:1px solid var(--scene-line)}
.universe-index-item{position:relative;display:flex;align-items:center;gap:12px;min-height:89px;padding:15px 17px;color:var(--scene-muted);background:transparent;border:0;text-align:left;font:inherit;cursor:pointer;transition:background 250ms ease,color 250ms ease}
.universe-index-item::before{content:"";position:absolute;left:17px;right:17px;top:-1px;height:2px;background:var(--scene-accent);transform:scaleX(0);transform-origin:left;transition:transform 400ms ease}
.universe-index-item[aria-pressed="true"]{color:var(--scene-ink);background:color-mix(in srgb,var(--scene-ink) 4%,transparent)}
.universe-index-item[aria-pressed="true"]::before{transform:scaleX(1)}
.universe-index-item:hover{color:var(--scene-ink);background:color-mix(in srgb,var(--scene-ink) 6%,transparent)}
.universe-index-item img{border-radius:10px;box-shadow:0 4px 10px #141b181a;flex-shrink:0;width:37px;height:37px}
.index-number{font-size:9px;font-variant-numeric:tabular-nums;color:var(--scene-muted);align-self:flex-start;margin-top:6px}
.index-name{font-size:11px;line-height:1.35;font-weight:600;max-width:115px}
.index-dot{display:none}
.universe-footnote{font-size:9px;letter-spacing:.05em;text-align:right;color:var(--scene-muted);margin:12px 0 0}
.universe-scene{position:absolute;inset:0;opacity:0;transition:opacity 850ms ease;pointer-events:none}
.universe[data-theme="tea"] .scene-tea,.universe[data-theme="fidely"] .scene-fidely,.universe[data-theme="tv"] .scene-tv,.universe[data-theme="books"] .scene-books,.universe[data-theme="nineteen"] .scene-nineteen,.universe[data-theme="divola"] .scene-divola{opacity:1}
.scene-object{position:absolute;width:200px;transition:transform 1500ms cubic-bezier(.2,.7,.2,1),opacity 1100ms ease;opacity:0;filter:drop-shadow(0 17px 20px #121c1b1f)}
.scene-object svg{display:block;width:100%;height:auto;overflow:visible}
.plane-1{--drift:9px;right:7%;top:-25px;width:230px;transform:translate(calc(var(--pointer-x) * var(--drift)),calc(var(--pointer-y) * var(--drift) - 36px)) rotate(-12deg) scale(.93);filter:blur(.5px);opacity:0}
.plane-2{--drift:19px;right:2%;bottom:135px;width:220px;transform:translate(calc(var(--pointer-x) * var(--drift) + 32px),calc(var(--pointer-y) * var(--drift) + 35px)) rotate(13deg)}
.plane-3{--drift:32px;left:35%;bottom:132px;width:170px;transform:translate(calc(var(--pointer-x) * var(--drift) - 45px),calc(var(--pointer-y) * var(--drift) + 42px)) rotate(-18deg);filter:blur(1px) drop-shadow(0 17px 12px #121c1b1f)}
.universe[data-theme="tea"] .scene-tea .scene-object,.universe[data-theme="fidely"] .scene-fidely .scene-object,.universe[data-theme="tv"] .scene-tv .scene-object,.universe[data-theme="books"] .scene-books .scene-object,.universe[data-theme="nineteen"] .scene-nineteen .scene-object,.universe[data-theme="divola"] .scene-divola .scene-object{opacity:1;transform:translate(calc(var(--pointer-x) * var(--drift)),calc(var(--pointer-y) * var(--drift))) rotate(var(--object-rotate,0deg)) scale(1)}
.scene-tea{color:#62774d}
.scene-tea .scene-object img{display:block;width:100%;height:auto;object-fit:contain}
.scene-tea .plane-1,.scene-tea .plane-3{filter:drop-shadow(0 13px 18px #34482c24)}
.scene-tea .plane-1{right:4%;top:10px;width:190px;--object-rotate:22deg;opacity:.7}
.scene-tea .plane-2{right:0%;bottom:155px;--object-rotate:9deg}
.scene-tea .plane-3{left:33%;width:160px;--object-rotate:-50deg;color:#819263}
.scene-fidely .plane-1{right:5%;top:-35px;--object-rotate:-8deg;width:190px}
.scene-fidely .plane-2{right:0;bottom:160px;--object-rotate:8deg}
.scene-fidely .plane-3{left:35%;width:140px;bottom:145px;--object-rotate:-9deg}
.scene-tv .plane-1{right:8%;top:0;width:190px;--object-rotate:12deg}
.scene-tv .plane-2{right:1%;bottom:162px;width:155px;--object-rotate:16deg}
.scene-tv .plane-3{left:35%;bottom:143px;width:145px;--object-rotate:-15deg}
.scene-books .plane-1{right:3%;top:4px;width:205px;--object-rotate:14deg}
.scene-books .plane-2{right:0;bottom:160px;width:220px;--object-rotate:4deg}
.scene-books .plane-3{left:33%;width:145px;bottom:135px;--object-rotate:-25deg}
.scene-nineteen .plane-1{right:10%;top:25px;width:145px;--object-rotate:15deg;filter:blur(1px)}
.scene-nineteen .plane-2{right:0;bottom:143px;width:200px;--object-rotate:12deg}
.scene-nineteen .plane-3{left:34%;width:155px;bottom:135px;--object-rotate:-15deg}
.scene-divola .scene-object img{display:block;width:100%;height:auto;object-fit:contain}
.scene-divola .plane-1{right:5%;top:55px;width:77px;max-width:77px;--object-rotate:10deg}
.scene-divola .plane-2{right:-1%;bottom:150px;width:225px;--object-rotate:-6deg}
.scene-divola .plane-2 img{border-radius:20px}
.steam{animation:steam-breathe 4.5s ease-in-out infinite;transform-origin:50% 90%}
@keyframes steam-breathe{0%,100%{opacity:.5;transform:translateY(4px) scaleX(.95)}50%{opacity:.95;transform:translateY(-5px) scaleX(1.05)}}
@media(min-width:1500px){.universe-layout{grid-template-columns:350px minmax(0,1fr)}.universe-stage{--radius:325px;--phone-width:221px;--phone-height:455px}.universe{min-height:885px}.universe-layout{min-height:690px}.universe-stage{height:675px}.scene-object.plane-2{right:calc((100vw - 1350px)/2 - 40px)}}
@media(max-width:1100px){.universe-layout{grid-template-columns:290px minmax(0,1fr);min-height:600px}.universe h1{font-size:55px}.universe-stage{--radius:247px;--phone-width:188px;--phone-height:389px;height:600px}.orbit-viewport{inset:0 -50px}.universe-description{font-size:14px;max-width:275px}.universe-index-item{padding:15px 10px;gap:8px}.index-number{display:none}.index-name{font-size:10px}.universe{min-height:793px}.plane-1{width:170px}.scene-object.plane-2{width:170px;right:-25px}.scene-object.plane-3{width:120px;left:32%}}
@media(max-width:850px){.universe-top{padding-top:25px}.universe-signature{display:none}.universe-layout{grid-template-columns:250px minmax(0,1fr);min-height:570px}.universe h1{font-size:47px}.universe-description{font-size:13px;max-width:235px}.universe-stage{--radius:195px;--phone-width:166px;--phone-height:345px;height:570px}.orbit-viewport{inset:0 -55px}.universe-copy{padding-top:10px}.universe-app-link{font-size:12px;gap:10px;min-width:180px}.universe-controls{margin-top:26px}.orbit-arrow{width:41px;height:41px}.universe-index-item{gap:8px;min-height:78px;padding:13px 6px}.universe-index-item img{width:30px;height:30px;border-radius:8px}.index-name{font-size:10px}.universe-index-item::before{left:6px;right:6px}.universe{min-height:744px}.scene-object.plane-2{width:150px;bottom:148px}.scene-object.plane-3{width:100px;left:30%}.scene-object.plane-1{width:150px;right:0;top:20px}.universe-stage-caption{bottom:60px;font-size:9px}.orbit-gesture-hint{bottom:34px}.orbit-horizon{bottom:78px}}
@media(max-width:650px){.universe{min-height:0}.universe-top{padding-top:25px}.universe-eyebrow{font-size:9px;letter-spacing:.11em}.universe-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0}.universe-copy{padding-top:34px;text-align:center;z-index:6}.universe-app-label{font-size:10px;margin-bottom:12px}.universe h1{font-size:clamp(43px,10.8vw,59px);line-height:.99;margin-bottom:17px;min-height:2.05em}.universe h1 span,.universe h1 em{white-space:nowrap}.universe-description{font-size:12px;line-height:1.7;max-width:300px;min-height:61px;margin:0 auto 17px}.universe-app-link{font-size:11px;padding-bottom:8px;min-width:175px}.universe-controls{position:absolute;left:0;right:0;bottom:-331px;z-index:20;justify-content:space-between;gap:0;margin:0;pointer-events:none}.universe-controls button{pointer-events:auto;background:color-mix(in srgb,var(--scene-bg) 65%,transparent);backdrop-filter:blur(8px)}.universe-position{display:none}.universe-testing-note{font-size:9px;margin:15px 0 0;line-height:1.6}.universe-testing-note br{display:none}.universe-testing-note a{margin-left:8px}.universe-stage{--radius:161px;--phone-width:145px;--phone-height:299px;--perspective:850px;height:392px;width:calc(100% + 40px);margin-left:-20px;margin-top:43px}.orbit-viewport{inset:0;perspective-origin:50% 45%}.orbit-ring{top:48%}.orbit-device{padding:5px;border-radius:22px;box-shadow:0 15px 27px #101a2530}.device-screen{border-radius:17px}.device-edge{top:70px;height:35px;box-shadow:0 45px #515a55}.universe-stage-caption{bottom:22px;font-size:8px;gap:6px}.stage-caption-line{width:15px}.orbit-gesture-hint{bottom:5px;font-size:8px}.gesture-desktop{display:none}.gesture-touch{display:inline}.orbit-horizon{left:7%;right:7%;bottom:33px;height:92px}.orbit-horizon::before{inset:10px -25px}.orbit-horizon::after{inset:-15px 50px}.universe-bottom{padding-bottom:17px}.universe-index{gap:0}.universe-index-item{flex-direction:column;justify-content:flex-start;text-align:center;gap:8px;min-height:88px;padding:13px 3px 9px}.universe-index-item img{width:30px;height:30px}.index-name{font-size:8px;line-height:1.35;max-width:60px}.universe-index-item::before{left:5px;right:5px}.universe-footnote{font-size:7px;text-align:center;margin-top:10px}.atmosphere-halo{width:650px;height:650px;top:240px;right:-270px;opacity:.6}.scene-object.plane-1{width:105px;top:5px;right:-20px;opacity:.7}.scene-object.plane-2{width:125px;bottom:130px;right:-26px}.scene-object.plane-3{width:95px;bottom:136px;left:-20px}.scene-tea .plane-3{--object-rotate:-40deg}.scene-nineteen .plane-1{top:50px;width:65px}.scene-tv .plane-1{width:90px;top:40px}.scene-fidely .plane-1{top:50px;width:85px}.scene-books .plane-1{width:90px;top:25px}.scene-nineteen .plane-2{width:140px}.scene-tv .plane-2{width:95px}}
@media(max-width:370px){.universe-stage{--radius:140px;--phone-width:131px;--phone-height:272px;height:360px}.universe h1{font-size:41px}.universe-controls{bottom:-305px}.universe-description{font-size:11px;max-width:270px}.universe-index-item img{width:27px;height:27px}.index-name{font-size:7px}.universe-index-item{min-height:83px}.universe-stage-caption{font-size:7px}}
@media(hover:none){.orbit-gesture-hint .gesture-desktop{display:none}.orbit-gesture-hint .gesture-touch{display:inline}}
@media(prefers-reduced-motion:reduce){.universe,.universe *,.universe *::before,.universe *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.universe.is-departing .universe-copy-inner>*{opacity:1;transform:none}.scene-object{--drift:0px!important}.orbit-ring,.orbit-facing{will-change:auto}}

/* A full-width, inclined circular stage gives each phone its own visible space. */
.universe.is-spacious{min-height:0}
.universe.is-spacious .universe-top{padding-top:25px}
.universe.is-spacious .universe-layout{display:block;width:100%;max-width:1440px;min-height:0}
.universe.is-spacious .universe-copy{width:min(1184px,calc(100% - 96px));margin:0 auto;padding:29px 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:36px}
.universe.is-spacious .universe-copy-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:50px;row-gap:7px;align-items:center}
.universe.is-spacious .universe-app-label{grid-column:1/-1;font-size:10px;margin:0 0 6px}
.universe.is-spacious h1{grid-column:1;grid-row:2/4;font-size:clamp(40px,3.75vw,54px);line-height:1.03;margin:0;letter-spacing:-.045em}
.universe.is-spacious .universe-description{grid-column:2;grid-row:2;max-width:360px;font-size:13px;line-height:1.75;margin:0}
.universe.is-spacious .universe-app-link{grid-column:2;grid-row:3;align-self:start;justify-self:start;min-width:0;font-size:12px;padding-bottom:7px;gap:22px;margin-top:3px}
.universe.is-spacious .universe-controls{grid-column:2;grid-row:1;margin:0;gap:17px;align-self:center;position:relative;inset:auto;z-index:10;padding:12px;border:1px solid var(--scene-line);border-radius:50px;background:var(--scene-bg);box-shadow:0 4px 16px #101a2512;isolation:isolate}
.universe.is-spacious .universe-testing-note{grid-column:1/-1;margin:16px 0 0;font-size:10px;line-height:1.8}
.universe.is-spacious .universe-testing-note br{display:none}
.universe.is-spacious .universe-testing-note a{margin-left:11px}
.universe.is-spacious .universe-stage{--radius:600px;--phone-width:180px;--phone-height:370px;--perspective:1800px;--camera-tilt:-28deg;--ring-phase:30deg;height:760px;width:100%;max-width:1440px;margin:0 auto}
.universe.is-spacious .orbit-viewport{inset:0;perspective-origin:50% 50%}
.universe.is-spacious .orbit-ring{top:36%;transform:translateZ(calc(-1 * var(--radius))) rotateX(var(--camera-tilt)) rotateY(calc(var(--turn) + var(--ring-phase)))}
.universe.is-spacious .orbit-facing{transform:rotateY(calc(var(--counter-angle) - var(--ring-phase))) rotateX(calc(-1 * var(--camera-tilt)))}
.universe.is-spacious .orbit-device{filter:brightness(.94)}
.universe.is-spacious .orbit-device[data-active="true"]{filter:brightness(1)}
.universe.is-spacious .orbit-horizon{width:min(1100px,88%);height:470px;left:50%;right:auto;top:107px;bottom:auto;transform:translateX(-50%);opacity:.6}
.universe.is-spacious .orbit-horizon::before{inset:28px -29px}
.universe.is-spacious .orbit-horizon::after{inset:-27px 35px}
.universe.is-spacious .universe-stage-caption{bottom:26px}
.universe.is-spacious .orbit-gesture-hint{bottom:7px}
.universe.is-spacious .universe-bottom{margin-top:0}
@media(min-width:1500px){.universe.is-spacious .universe-stage{--radius:720px;--phone-width:200px;--phone-height:412px;height:820px}.universe.is-spacious .orbit-ring{top:36%}.universe.is-spacious .orbit-horizon{top:115px;height:520px}}
@media(max-width:1100px){.universe.is-spacious .universe-copy{width:calc(100% - 64px);column-gap:25px}.universe.is-spacious .universe-copy-inner{column-gap:32px}.universe.is-spacious .universe-stage{--radius:550px;--phone-width:170px;--phone-height:350px;--camera-tilt:-28deg}.universe.is-spacious .orbit-horizon{width:90%;height:450px;top:110px}}
@media(max-width:850px){.universe.is-spacious .universe-copy{grid-template-columns:minmax(0,1fr);padding-top:25px}.universe.is-spacious .universe-copy-inner{column-gap:35px}.universe.is-spacious h1{font-size:42px}.universe.is-spacious .universe-controls{grid-column:1;grid-row:3;justify-self:center;margin:20px 0 0}.universe.is-spacious .universe-testing-note{grid-row:2;text-align:center}.universe.is-spacious .universe-stage{--radius:460px;--phone-width:145px;--phone-height:300px;--camera-tilt:-28deg;height:680px}.universe.is-spacious .orbit-ring{top:39%}.universe.is-spacious .orbit-horizon{top:112px;height:390px}.universe.is-spacious .universe-stage-caption{bottom:25px}}
@media(max-width:650px){.universe.is-spacious .universe-copy{width:calc(100% - 40px);display:block;padding-top:29px;text-align:center}.universe.is-spacious .universe-copy-inner{display:block}.universe.is-spacious .universe-app-label{margin:0 0 12px;font-size:10px}.universe.is-spacious h1{font-size:clamp(40px,10vw,51px);min-height:2.05em;margin:0 0 16px}.universe.is-spacious .universe-description{max-width:310px;min-height:61px;font-size:12px;line-height:1.7;margin:0 auto 15px}.universe.is-spacious .universe-app-link{font-size:11px;min-width:175px;justify-content:space-between;margin:0;padding-bottom:8px}.universe.is-spacious .universe-testing-note{font-size:9px;margin-top:14px;line-height:1.6}.universe.is-spacious .universe-testing-note a{margin-left:8px}.universe.is-spacious .universe-controls{justify-content:center;gap:25px;margin:20px 0 0;pointer-events:auto}.universe.is-spacious .universe-controls button{background:transparent;backdrop-filter:none}.universe.is-spacious .universe-position{display:inline}.universe.is-spacious .universe-stage{--radius:190px;--phone-width:140px;--phone-height:288px;--perspective:1500px;--camera-tilt:-62deg;height:600px;width:100%;margin:19px auto 0}.universe.is-spacious .orbit-ring{top:44%}.universe.is-spacious .orbit-horizon{width:94%;height:390px;top:104px;left:50%;transform:translateX(-50%)}.universe.is-spacious .universe-stage-caption{bottom:22px;font-size:8px}.universe.is-spacious .orbit-gesture-hint{bottom:6px}.universe.is-spacious .universe-index-item{min-height:88px}.universe.is-spacious .universe-bottom{padding-bottom:17px}}
@media(max-width:370px){.universe.is-spacious .universe-copy{width:calc(100% - 32px)}.universe.is-spacious h1{font-size:38px}.universe.is-spacious .universe-stage{--radius:165px;--phone-width:125px;--phone-height:258px;height:550px}.universe.is-spacious .orbit-horizon{height:350px;top:100px}}

.universe.is-spacious .scene-object.plane-1{top:240px}
@media(max-width:650px){.universe.is-spacious .scene-object.plane-1{top:430px}.universe.is-spacious .universe-controls{display:inline-flex;padding:9px 12px}}

/* Horizon composition: a shallow circular conveyor, with equal projected gaps. */
.universe.is-spacious .universe-stage{--phone-width:188px;--phone-height:386px;--perspective:1800px;--phone-gap:24px;--depth-step:180px;height:480px;max-width:1600px;margin:15px auto 0}
.universe.is-spacious .orbit-viewport{perspective-origin:50% 47%}
.universe.is-spacious .orbit-ring{top:47%;transform:none}
.universe.is-spacious .orbit-slot{transition:none;will-change:transform,opacity}
.universe.is-spacious .orbit-facing{transform:none;transition:none}
.universe.is-spacious .orbit-horizon{top:42%;height:65px;width:95%;transform:translateX(-50%) rotateX(56deg);opacity:.7}
.universe.is-spacious .orbit-horizon::before{inset:15px -25px}
.universe.is-spacious .orbit-horizon::after{inset:-18px 30px}
.universe.is-spacious .universe-stage-caption{bottom:20px}
.universe.is-spacious .orbit-gesture-hint{bottom:2px}
.universe.is-spacious .scene-object.plane-1{top:240px}
.universe.is-spacious .scene-object.plane-2{bottom:138px;right:1%;width:170px}
.universe.is-spacious .scene-object.plane-3{bottom:130px;left:5%;width:125px}
@media(min-width:1500px){.universe.is-spacious .universe-stage{--phone-width:205px;--phone-height:422px;--phone-gap:28px;height:520px}}
@media(max-width:1100px){.universe.is-spacious .universe-stage{--phone-width:157px;--phone-height:324px;--phone-gap:22px;--depth-step:150px;height:425px}}
@media(max-width:850px){.universe.is-spacious .universe-stage{--phone-width:139px;--phone-height:287px;--phone-gap:19px;--depth-step:140px;height:385px}.universe.is-spacious .universe-stage-caption{bottom:18px}}
@media(max-width:650px){.universe.is-spacious .universe-controls{position:static;inset:auto;transform:none;display:inline-flex;width:max-content;max-width:100%;margin:20px auto 0;justify-content:center;pointer-events:auto}.universe.is-spacious .universe-controls .orbit-arrow:is(:hover,:focus-visible){background:var(--scene-button);color:var(--scene-button-ink);border-color:transparent}.universe.is-spacious .universe-stage{--phone-width:153px;--phone-height:315px;--perspective:1100px;--phone-gap:22px;--depth-step:160px;height:400px;margin:24px auto 0}.universe.is-spacious .orbit-ring{top:45%}.universe.is-spacious .orbit-viewport{perspective-origin:50% 45%}.universe.is-spacious .orbit-horizon{top:42%;height:45px}.universe.is-spacious .universe-stage-caption{bottom:18px}.universe.is-spacious .orbit-gesture-hint{bottom:2px}.universe.is-spacious .scene-object.plane-1{top:415px;width:85px}.universe.is-spacious .scene-object.plane-2{bottom:118px;right:-28px;width:115px}.universe.is-spacious .scene-object.plane-3{bottom:123px;left:-20px;width:80px}}
@media(max-width:370px){.universe.is-spacious .universe-stage{--phone-width:139px;--phone-height:287px;--phone-gap:19px;height:370px}}
@media(prefers-reduced-motion:reduce){.universe.is-spacious .orbit-slot{will-change:auto}}