/* The world selector turns the studio's artwork into an explorable exhibition. */
.world-hero.hero{--world-accent:var(--acid);min-height:940px;height:auto;max-height:none;padding:142px var(--pad) 38px;background:#0a0d0c;display:flex;flex-direction:column}
.world-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:3;font-size:9px;letter-spacing:1.3px;color:#c9ccc0}
.world-topline>span{display:flex;align-items:center;gap:10px}.world-reset{background:none;font-size:9px;color:#aab2a0;display:flex;gap:14px;align-items:center;padding:8px 0}.world-reset span{font-size:22px;color:var(--world-accent)}
.world-content{display:grid;grid-template-columns:42% 58%;align-items:center;flex:1;min-height:560px;position:relative}
.world-copy{position:relative;z-index:3;padding:40px 0 50px;max-width:560px}.world-eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--world-accent);line-height:1.5}.world-eyebrow span{padding:0 15px;color:#727c6a}
.world-hero.hero h1{font-size:clamp(62px,6.7vw,108px);letter-spacing:-.065em;line-height:.95;max-width:560px;margin:25px 0}.world-hero.hero h1 em{font-size:1.07em;color:var(--world-accent);letter-spacing:-.035em;white-space:nowrap}.world-promise{font-family:Instrument,Georgia,serif;font-style:italic;font-size:31px;line-height:1.25;color:#e6e8db;margin-top:22px}.world-description{font-size:13px;line-height:1.8;color:#aeb8aa;max-width:340px;margin-top:15px}.world-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;width:max-content;background:var(--world-accent);color:#121a11;border-radius:40px;padding:17px 24px;font-size:12px;margin-top:27px;transition:transform .25s,background .3s}.world-cta span{font-size:21px}.world-cta:hover{transform:translateY(-3px)}.world-collection{display:flex;align-items:center;gap:28px;font-size:10px;color:#b1bca8;margin-top:22px;width:max-content}.world-collection span{color:var(--world-accent)}
.world-stage-wrap{position:relative;min-width:0;margin-left:-20px}.world-stage{height:570px;position:relative;isolation:isolate;perspective:1200px}.world-aperture{width:100%;height:108%;object-fit:contain;position:absolute;inset:-4% 0 0;z-index:2;pointer-events:none;filter:drop-shadow(0 25px 55px #0008);mask-image:radial-gradient(circle at 50% 50%,transparent 0 24%,#000 29% 65%,transparent 70%);transform:rotate(-12deg);animation:portal-breathe 12s ease-in-out infinite;transition:opacity .8s,filter .8s;will-change:transform}.portal-glimpses{position:absolute;inset:23% 25%;border-radius:50%;overflow:hidden;transform:rotate(-12deg);background:#122314}.glimpse{position:absolute;object-fit:cover;height:100%;width:100%;opacity:.6;animation:glimpse-shift 12s ease-in-out infinite}.glimpse-tea{object-position:65% 50%}.glimpse-story{animation-delay:-8s;object-position:50% 25%}.glimpse-app{animation-delay:-4s;object-position:50% 15%}
.world-enter{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:1px solid #e9f6c67a;border-radius:50%;background:#09150eb8;backdrop-filter:blur(6px);display:grid;align-content:center;justify-items:center;gap:8px;transition:background .3s,scale .3s}.world-enter>span{font-size:29px}.world-enter small{font-size:7px;letter-spacing:1px}.world-enter:hover{background:var(--acid);color:var(--ink);scale:1.06}.stage-coordinate{position:absolute;z-index:3;bottom:4%;right:5%;font-size:7px;letter-spacing:1.7px;line-height:1.7;color:#c6d3b5}.world-art-note{font-size:9px;letter-spacing:.5px;text-align:right;color:#a7b09e;position:relative;z-index:3;margin-top:-8px;padding-right:5%}
.world-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 36%,color-mix(in srgb,var(--world-accent) 12%,transparent),transparent 46%);transition:background .7s}.world-orbit{position:absolute;width:780px;height:780px;right:-5%;top:80px;border:1px solid #d7e8b810;border-radius:50%;transform:rotateX(60deg) rotateZ(-24deg)}.orbit-b{right:-9%;top:30px;transform:rotateX(64deg) rotateZ(26deg)}
.world-rail-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 15px;font-size:9px;letter-spacing:1.5px;color:#c1cbb7;position:relative;z-index:4}.world-rail-heading>span>span{color:var(--world-accent);margin-left:18px;font-size:20px}.world-navigation{display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:1px}.world-navigation button{width:33px;height:33px;border:1px solid #ffffff26;border-radius:50%;background:none;font-size:18px}.world-navigation button:hover{background:var(--world-accent);color:var(--ink)}
.world-choices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;position:relative;z-index:4;scroll-margin-top:30px}.world-choice{min-width:0;position:relative;background:#ffffff06;border:1px solid #ffffff20;display:flex;align-items:center;gap:10px;padding:20px 11px 17px;text-align:left;transition:border-color .2s,background .2s,transform .3s;min-height:94px}.world-choice:hover{transform:translateY(-6px);border-color:#ffffff70;background:#ffffff0d}.world-choice[aria-pressed=true]{border-color:var(--world-accent);background:color-mix(in srgb,var(--world-accent) 10%,#09100e)}.choice-number{position:absolute;top:6px;left:11px;font-size:7px;letter-spacing:1px;color:#98a48c}.choice-thumb{flex-shrink:0;width:30px;height:42px;overflow:hidden;background:#d4e04d;display:grid;place-items:center;color:#141b0d}.choice-thumb img{width:100%;height:100%;object-fit:cover}.choice-name{font-size:10px;line-height:1.3;font-weight:600}.choice-name small{display:block;font-size:7px;font-weight:400;letter-spacing:.5px;color:#b4bba9;margin-top:7px}.choice-arrow{position:absolute;right:7px;top:5px;font-size:13px;color:#ced7bf;opacity:0}.world-choice[aria-pressed=true] .choice-arrow{opacity:1}
.world-hero[data-world] .world-aperture{opacity:.11;filter:blur(3px);animation-play-state:paused}.world-hero[data-world] .portal-glimpses,.world-hero[data-world] .world-enter,.world-hero[data-world] .stage-coordinate{visibility:hidden}.world-scene{position:absolute;inset:5% 0 4%;z-index:3;overflow:hidden;isolation:isolate;animation:world-reveal .7s cubic-bezier(.2,.65,.25,1) both;background:#16201a;box-shadow:0 30px 70px #0005;border:1px solid #ffffff20;transform:translate3d(calc(var(--px,0) * 6px),calc(var(--py,0) * 4px),0);transition:transform .7s}.world-scene>img{width:100%;height:100%;object-fit:cover}.scene-steeped>img{object-position:57% 50%}.scene-unclaimed{background:#e1e1d8}.scene-unclaimed>img{object-fit:contain;transform:rotate(-7deg) scale(1.08);filter:drop-shadow(16px 15px 15px #0004)}.scene-alemio>img{object-position:50% 36%}.scene-yendys>img{object-position:50% 32%}.scene-oyhi .cassette{transform:rotate(-13deg) scale(1.1)}.scene-oyhi .cassette-background-type{font-size:100px;top:14%}
/* Genuine interface captures, in device compositions rather than substitute artwork. */
.app-preview{position:relative;width:100%;height:100%;min-height:260px;overflow:hidden;isolation:isolate}.wwd-preview{background:radial-gradient(ellipse at 60% 40%,#3e355c,#101021 75%)}.app-identity{position:absolute;left:7%;top:13%;color:#e0bd78;z-index:2}.app-identity>span{font-family:Georgia,serif;font-size:18px;letter-spacing:1px}.app-identity small{display:block;font-family:Space,Arial,sans-serif;font-size:7px;letter-spacing:1.5px;margin-top:8px}.web-window{position:absolute;left:5%;top:32%;width:80%;border:1px solid #c8b98c69;border-radius:8px;background:#0e0f1a;box-shadow:0 25px 50px #0007;overflow:hidden;transform:perspective(800px) rotateY(7deg) rotateZ(-3deg);transition:transform .8s}.browser-bar{height:21px;background:#1c1b24;display:flex;align-items:center;gap:4px;padding:0 8px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#b59f7177}.browser-bar span{position:absolute;left:0;right:0;text-align:center;font-size:6px;color:#abaaaa}.web-window>img{width:100%;height:auto;display:block}.phone-frame{position:absolute;width:27%;right:7%;top:11%;aspect-ratio:1080/2400;border:5px solid #282632;outline:1px solid #938593;border-radius:24px;overflow:hidden;box-shadow:0 26px 35px #0009;transform:perspective(900px) rotateY(-13deg) rotateZ(7deg);z-index:3;transition:transform .8s}.phone-frame>img{width:100%;height:100%;object-fit:cover}.app-preview-label{position:absolute;left:7%;bottom:7%;font-size:7px;letter-spacing:1.6px;color:#dcc99d;z-index:4}.product-open:hover .web-window{transform:perspective(800px) rotateY(0) rotateZ(-1deg)}.product-open:hover .phone-frame{transform:perspective(900px) rotateY(-5deg) rotateZ(3deg) translateY(-6px)}
.flatsync-preview{background:#d8dfd7}.app-backdrop{position:absolute;width:100%;height:100%;object-fit:cover;object-position:25% 50%;opacity:.8}.flatsync-preview .phone-frame{width:29%;right:10%;top:6%;border-color:#e8e8e4;outline-color:#aeb7ac;aspect-ratio:1170/2532;transform:rotate(7deg)}.flatsync-preview .app-identity{left:7%;top:16%;color:#23403c}.flatsync-preview .app-identity>span{font-family:Space,Arial,sans-serif;font-size:35px;letter-spacing:-2px}.flatsync-preview .app-identity small{max-width:100px;line-height:1.6}.flatsync-preview .app-preview-label{color:#25493d;background:#f1f6e8c9;padding:7px}
.card-platforms{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px;max-width:360px}.card-platforms span{font-size:8px;padding:5px 7px;background:#e1e3d9;border:1px solid #d2d6c9;line-height:1.25}.platform-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px;max-width:390px}.platform-chips span{font-size:9px;color:#d9dfcf;background:#ffffff07;border:1px solid #ffffff26;padding:7px 9px}.platform-chips span:first-child{color:var(--world-accent);border-color:color-mix(in srgb,var(--world-accent) 35%,transparent)}.product-card.wwd .product-visual{background:#151527}.detail-art .app-preview{position:absolute;inset:0}.detail-art .app-identity{top:15%}.detail-art .web-window{top:37%}.detail-art .phone-frame{width:36%;top:24%;right:8%}.detail-art .app-preview-label{bottom:15%}.detail-art.flatsync .app-identity{top:10%}.detail-art.flatsync .phone-frame{width:49%;top:26%;right:12%}.detail-art.flatsync .app-preview-label{bottom:6%}.release-notice{font-size:12px;line-height:1.6;border-top:1px solid #bfc7b3;padding-top:18px;color:#52624a}
.list-view .app-preview{min-height:0}.list-view .app-identity,.list-view .app-preview-label,.list-view .web-window{display:none}.list-view .phone-frame{width:50%;top:6%;right:25%;border-width:2px;border-radius:6px;transform:rotate(-6deg)}.list-view .card-platforms{margin-top:8px}.list-view .list-status{display:none}
@keyframes portal-breathe{0%,100%{transform:translateY(0) rotate(-12deg) rotateY(-6deg)}50%{transform:translateY(-13px) rotate(7deg) rotateY(8deg)}}
@keyframes glimpse-shift{0%,26%{opacity:.9;transform:scale(1.05)}34%,92%{opacity:0;transform:scale(1.2)}100%{opacity:.9;transform:scale(1.05)}}
@keyframes world-reveal{from{clip-path:circle(8% at 52% 50%);opacity:.3;scale:.94}to{clip-path:circle(90% at 52% 50%);opacity:1;scale:1}}
@media(min-width:1600px){.world-hero.hero h1{font-size:112px}.world-stage{height:640px}.world-choice{padding:24px 17px 18px;gap:14px}.choice-thumb{width:37px;height:50px}.choice-name{font-size:12px}}
@media(max-width:1100px){.world-hero.hero{padding-top:140px;min-height:900px}.world-content{grid-template-columns:43% 57%;min-height:510px}.world-stage{height:500px}.world-hero.hero h1{font-size:7.4vw}.world-promise{font-size:26px}.world-description{font-size:12px;max-width:300px}.world-choices{gap:6px}.world-choice{display:block;padding:18px 9px 12px;min-height:133px}.choice-thumb{height:35px;width:26px;margin-bottom:9px}.choice-name{font-size:10px}.choice-name small{font-size:6px}.choice-number{left:auto;right:9px;top:10px}.world-art-note{font-size:8px}.phone-frame{border-width:4px;border-radius:18px}.app-identity>span{font-size:16px}.app-identity small{font-size:6px}.app-preview-label{font-size:6px}.flatsync-preview .app-identity>span{font-size:28px}}
@media(max-width:760px){.world-hero.hero{padding:110px var(--pad) 30px;min-height:0}.world-topline{font-size:7px;letter-spacing:1px}.world-reset{font-size:0;gap:0}.world-reset span{font-size:25px}.world-content{display:flex;flex-direction:column-reverse;min-height:0}.world-stage-wrap{width:100%;margin:-10px 0 0}.world-stage{height:360px}.world-aperture{height:115%;width:110%;inset:-8% -5% 0}.portal-glimpses{inset:20% 22%}.world-enter{height:78px;width:78px}.world-enter>span{font-size:22px}.world-enter small{font-size:6px}.stage-coordinate{font-size:6px;bottom:1%}.world-art-note{margin-top:-2px;text-align:center;padding:0;font-size:8px}.world-copy{padding:30px 0 20px;max-width:100%;width:100%}.world-hero.hero h1{font-size:clamp(49px,12.3vw,80px);margin:16px 0;max-width:90%;line-height:.93}.world-eyebrow{font-size:7px;letter-spacing:1.3px}.world-promise{font-size:24px;margin-top:15px}.world-description{font-size:11px;margin-top:11px;max-width:330px}.world-cta{margin-top:20px;padding:13px 20px;font-size:11px}.world-collection{font-size:9px;margin-top:18px}.world-rail-heading{margin-top:18px;font-size:8px}.world-navigation{gap:12px;font-size:8px}.world-navigation button{height:30px;width:30px}.world-choices{display:flex;overflow-x:auto;gap:8px;padding:7px 2px 15px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#6d7b48 #ffffff0a}.world-choice{display:flex;gap:9px;flex:0 0 152px;min-height:90px;padding:20px 12px 13px;scroll-snap-align:start}.choice-thumb{margin:0;width:25px;height:36px}.choice-number{top:6px;left:12px;right:auto;font-size:6px}.choice-name{font-size:10px}.choice-name small{font-size:6px;margin-top:5px}.world-rail-heading>span>span{font-size:17px}.world-scene{inset:5% 0 2%}.world-hero[data-world] .world-stage{height:350px}.world-hero[data-world] .world-aperture{opacity:.08}.world-hero[data-world] .world-copy{padding-top:24px}.scene-oyhi .cassette{transform:rotate(-12deg) scale(.82)}.scene-oyhi .cassette-background-type{font-size:78px}.platform-chips{margin-top:15px;gap:5px}.platform-chips span{font-size:8px;padding:6px 8px}.world-scene .app-identity{top:9%;left:5%}.world-scene .app-identity>span{font-size:15px}.world-scene .app-identity small{font-size:5px}.world-scene .web-window{left:3%;top:32%;width:88%}.world-scene .phone-frame{width:29%;right:5%;top:13%;border-width:3px;border-radius:16px}.world-scene .app-preview-label{bottom:5%;left:5%;font-size:6px}.world-scene .flatsync-preview .phone-frame{width:35%;top:6%;right:9%}.world-scene .flatsync-preview .app-identity{top:13%}.world-scene .flatsync-preview .app-identity>span{font-size:32px}.world-scene .flatsync-preview .app-identity small{font-size:6px}.world-orbit{width:480px;height:480px;right:-40%;top:40px}.collection{padding-top:68px}.collection h2{font-size:58px}.collection-controls{gap:6px;align-items:flex-start}.filters{flex:1;gap:2px}.filter{font-size:9px;padding:10px}.view-controls{padding-top:2px}.card-caption{display:block}.card-category{display:block;font-size:8px;margin-top:11px}.card-platforms span{font-size:8px}.app-identity>span{font-size:16px}.phone-frame{width:31%;top:12%;right:6%}.web-window{width:83%;top:33%}.flatsync-preview .phone-frame{width:30%;top:7%}.flatsync-preview .app-identity>span{font-size:29px}.detail-art .app-preview{height:100%;min-height:0}.detail-art .app-identity{top:10%}.detail-art .web-window{top:30%}.detail-art .phone-frame{width:29%;top:10%}.detail-art .app-preview-label{bottom:6%}.detail-art.flatsync .phone-frame{width:30%;top:5%}.detail-art.flatsync .app-identity{top:13%}.list-view .card-caption{flex:1}.list-view .card-platforms span{font-size:7px;padding:4px}.list-view .card-category{display:block;font-size:7px}.list-view .product-card .product-visual{width:70px!important}.list-view .product-open:after{display:none}}
@media(max-width:380px){.world-stage{height:300px}.world-hero[data-world] .world-stage{height:290px}.world-hero.hero h1{font-size:12.8vw}.world-promise{font-size:23px}.world-topline>span{max-width:215px}.world-scene .app-identity>span{font-size:13px}.world-scene .phone-frame{border-radius:12px}.collection h2{font-size:51px}.filter{padding:9px 8px;font-size:8px}}
.hero-out-of-view .world-aperture,.hero-out-of-view .glimpse{animation-play-state:paused}.reduced-motion .world-aperture,.reduced-motion .world-scene{transform:none!important}.reduced-motion .glimpse:not(.glimpse-tea){display:none}.reduced-motion .glimpse-tea{opacity:.9}
@media(prefers-reduced-motion:reduce){.world-aperture,.world-scene{transform:none!important}.glimpse:not(.glimpse-tea){display:none}.glimpse-tea{opacity:.9}}

/* Keep the world choices before their scene, so a choice never reveals offscreen content. */
.world-rail-heading{margin:25px 0 10px}.world-content{padding-top:8px}.world-copy{min-height:560px;display:flex;flex-direction:column;justify-content:center}.world-hero.hero{min-height:980px}.world-choices{scroll-margin-top:20px}.world-choice:hover{transform:translateY(-3px)}
@media(max-width:760px){.world-hero.hero{min-height:0}.world-rail-heading{margin:12px 0 5px}.world-choices{padding-bottom:10px}.world-content{padding-top:0}.world-copy{min-height:0}.world-stage-wrap{margin-top:5px}.world-stage{height:300px}.world-hero[data-world] .world-stage{height:320px}}

.world-hero:not([data-world]) .world-reset{visibility:hidden}
.scene-wwd .phone-frame{animation:device-float 8s ease-in-out infinite}.scene-flatsync .phone-frame{animation:device-float 9s ease-in-out infinite}
.product-grid.list-view .product-card .product-visual{height:110px;flex-shrink:0}.product-grid.list-view .phone-frame{width:38%;right:31%;top:5%}
@media(max-width:600px){.product-grid.list-view .product-card .product-visual{height:85px}.product-grid.list-view .phone-frame{width:46%;right:27%}}
.scene-steeped:after{content:'';position:absolute;inset:-20%;pointer-events:none;opacity:.12;background:repeating-linear-gradient(103deg,transparent 0 30px,#e9f5e1 31px,transparent 32px 81px);mask-image:repeating-linear-gradient(0deg,transparent 0 40px,#000 42px 75px,transparent 80px 130px);animation:scene-rain 1.6s linear infinite}
@keyframes device-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes scene-rain{to{transform:translate(-20px,130px)}}
.hero-out-of-view .world-scene *,.hero-out-of-view .world-scene:after{animation-play-state:paused}