@font-face{font-family:Manrope;src:url('../../home55/fonts/manrope.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#07070b;color:#f3eff9;font-family:Manrope,Arial,sans-serif;--muted:#a29aa9;--line:#ffffff18;--panel:#111016;--ink:#f3eff9;--accent:#b7a2ff}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #bca5ff;outline-offset:5px}button,select,a.small-cta{min-height:44px}.visually-hidden,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;top:80px;left:20px;z-index:20;background:#fff;color:#111;padding:12px}.topbar{height:78px;position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;padding:0 4vw;gap:25px;border-bottom:1px solid #ffffff12;color:#f4eff9}.brand{display:flex;align-items:center;gap:10px}.brand-name{font-size:19px;font-weight:650;letter-spacing:-.5px}.product{font-size:11px;color:#b6adbb;border-inline-start:1px solid #ffffff30;padding-inline-start:23px}.topbar nav{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.topbar select{border:0;background:#101016c9;color:#d3cbdc;padding:8px 7px;border-radius:6px;font-size:10px;max-width:130px}.small-cta{display:flex;align-items:center;border:1px solid #b6a0df50;border-radius:7px;padding:0 17px;font-size:11px}.venue{height:100svh;min-height:660px;max-height:1100px;position:relative;background:#050507;overflow:hidden;color:#f4eff9}#scene{position:absolute;inset:0}#scene canvas,.scene-fallback{display:block;width:100%;height:100%;object-fit:cover}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050507f2 0%,#050507bf 24%,#05050716 58%,transparent 75%),linear-gradient(0deg,#050507f2 0%,transparent 30%,#05050755 100%);pointer-events:none}.hero-copy{position:absolute;inset-inline-start:8vw;top:24%;max-width:405px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;color:#b7a1d4;margin:0 0 22px}.hero-copy h1{font-size:clamp(42px,5vw,78px);font-weight:450;line-height:1.06;letter-spacing:-3.5px;margin:0 0 27px;max-width:500px}.lead{font-size:14px;color:#c2b9c8;line-height:1.85;max-width:325px}.text-link{font-size:11px;color:#ccbaf1;display:inline-flex;align-items:center;gap:24px;padding:15px 0;margin-top:12px}.text-link:after{content:'\2198';font-size:19px}.venue-bottom{position:absolute;bottom:38px;inset-inline:8vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.context-nav{display:flex;border-bottom:1px solid #ffffff28;gap:28px}.context-nav button{background:transparent;color:#b5aebd;border-bottom:2px solid transparent;padding:12px 0;font-size:12px}.context-nav button[aria-pressed=true]{color:#f2e9ff;border-color:#c0a8f6}.camera{background:#101015b0;border:1px solid #ffffff25;border-radius:7px;color:#dcd4e8;padding:8px 17px;font-size:10px}.scene-index{position:absolute;top:44%;right:3vw;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#c1b4c8}#scene-status{position:absolute;right:5vw;bottom:120px;font-size:10px;color:#c0b2ca}#scene-status[hidden]{display:none}.work{padding:105px 8vw 110px;max-width:1600px;margin:auto}.work-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:55px}.work-heading h2,.close h2{font-size:clamp(30px,4vw,54px);letter-spacing:-1.8px;font-weight:450;line-height:1.14;margin:0}.work-heading>p{max-width:330px;font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:0}.case-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);gap:5vw}.case-label{font-size:10px;color:var(--muted);margin:0 0 18px}.cases{display:grid}.cases button{background:transparent;border-bottom:1px solid var(--line);text-align:start;padding:24px 18px 24px 0;color:var(--muted);font-size:13px;line-height:1.6;display:flex;align-items:center;gap:15px;min-height:84px}.cases button>span{font-size:9px;letter-spacing:1px;color:#8d7e9e}.cases button[aria-pressed=true]{color:var(--ink)}.cases button[aria-pressed=true]:after{content:'\2197';margin-inline-start:auto;color:var(--accent);font-size:18px}.synthetic{font-size:9px;color:var(--muted);line-height:1.6;margin-top:28px}.case-detail{min-width:0}.case-id{font-size:9px;letter-spacing:1.2px;color:var(--accent)}.case-detail h3{font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-.7px;margin:12px 0 15px}.case-detail>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:670px;margin:0 0 28px;min-height:48px}.native-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;color:var(--muted);padding:10px 16px;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;background:var(--panel)}.native-toolbar>a{display:flex;align-items:center;min-height:44px;color:var(--accent)}#native{display:block;width:100%;height:550px;border:1px solid var(--line);border-radius:0 0 9px 9px;background:#0c0d14}.case-detail .quantity{font-size:10px;border-inline-start:2px solid #a18bbe5c;padding-inline-start:14px;margin:17px 0 0;min-height:0}.close{border-top:1px solid var(--line);padding:100px 8vw 110px;max-width:1600px;margin:auto}.close h2{max-width:720px}.close>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;max-width:570px;margin:30px 0}.close ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:14px 40px;margin:35px 0 45px;font-size:11px;color:var(--muted)}.close li:before{content:'+';color:var(--accent);margin-inline-end:12px}.primary{display:inline-flex;align-items:center;background:#ded0ff;color:#171020;border-radius:7px;padding:16px 24px;font-size:12px;font-weight:650}.back{font-size:11px;margin-inline-start:30px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 8vw;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}html[data-theme=light] body{background:#f5f3f7;color:#201a27;--muted:#75697e;--line:#291a3c22;--panel:#eae6ef;--ink:#201a27;--accent:#6e4daf}.nojs{padding:30px}html[dir=rtl] .scene-shade{transform:scaleX(-1)}@media(max-width:850px){.topbar{padding:0 22px;gap:13px;height:70px}.topbar nav{gap:5px}.product{padding-inline-start:12px}.topbar select{max-width:85px;font-size:9px}.small-cta{padding:0 10px;font-size:10px}.venue{min-height:740px;height:98svh}.hero-copy{top:17%;inset-inline-start:7vw;max-width:330px}.hero-copy h1{font-size:52px}.hero-copy .lead{max-width:280px;font-size:12px}.scene-shade{background:linear-gradient(90deg,#050507d9,transparent 100%),linear-gradient(0deg,#050507fa,transparent 50%)}.venue-bottom{inset-inline:7vw;bottom:26px;align-items:flex-start;flex-direction:column;gap:20px}.context-nav{gap:20px;width:100%}.context-nav button{font-size:11px;flex:1;text-align:start}.scene-index{display:none}.work{padding:70px 7vw}.work-heading{display:block;margin-bottom:35px}.work-heading>p{margin-top:25px}.case-layout{grid-template-columns:1fr;gap:25px}.cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cases button{padding:14px 0;display:block;font-size:11px;line-height:1.6}.cases button>span{display:block;margin-bottom:6px}.cases button[aria-pressed=true]{border-color:var(--accent)}.cases button[aria-pressed=true]:after{display:none}.synthetic{margin-top:16px}.native-toolbar{font-size:8px;flex-wrap:wrap;gap:3px}.case-detail h3{font-size:23px}#native{height:580px}.close{padding:70px 7vw}.close ul{grid-template-columns:1fr;gap:17px}.close .back{display:inline-flex;margin-top:25px}footer{padding:24px 7vw;gap:25px;line-height:1.7}}@media(max-width:430px){.brand-name{font-size:16px}.product{display:none}.topbar{padding:0 16px}.hero-copy h1{font-size:44px;letter-spacing:-2.5px}.hero-copy{top:18%}.venue{min-height:730px}.topbar select{max-width:87px}.topbar nav{gap:3px}.cases{gap:13px}.context-nav{gap:13px}.context-nav button{font-size:10px}#native{height:650px}.case-detail>p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.scene-fallback[hidden],#scene canvas[hidden]{display:none}

@media(max-width:600px){.topbar .brand-name{display:none}.topbar select{max-width:75px}.small-cta{max-width:80px;font-size:9px;line-height:1.4;text-align:center}.topbar nav{gap:4px}}