@font-face{font-family:Manrope;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Plex Mono;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Mono;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2");font-weight:500;font-display:swap}:root{--night:#0a1224;--ink:#182322;--paper:#f5f5f0;--signal:#3d7bff;--signal-ui:#184cf6;--amber:#ffc278;--fg:#eef2fb;--fg-dim:#e2e9f89e;--line:#cedcff2e;--glass:#0c142894;--glass-strong:#0a1122d1;--ease:cubic-bezier(.22, .8, .2, 1);--mono:"Plex Mono", ui-monospace, Menlo, monospace;--gutter:clamp(16px, 2.4vw, 36px);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif}.dio[data-ui=light]{--fg:#142030;--fg-dim:#1420309e;--line:#14203029;--glass:#fafbf89e;--glass-strong:#fafbf8e0}*{box-sizing:border-box}html,body{background:var(--night);height:100%;margin:0;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dio{color:var(--fg);transition:color .8s var(--ease);-webkit-user-select:none;user-select:none;position:fixed;inset:0}.poster,.scene{width:100%;height:100%;position:absolute;inset:0}.poster{object-fit:cover;opacity:0;transition:opacity .9s var(--ease);animation:poster-in .6s 1.2s var(--ease) forwards}@keyframes poster-in{to{opacity:1}}.boot{--fg:#eef2fb;--fg-dim:#e2e9f89e;--line:#cedcff2e;--lit:#5fd0ec;z-index:90;color:var(--fg);position:fixed;inset:0}.boot-field{background:radial-gradient(60% 70% at 18% 50%, #2fc3e512, transparent 70%), radial-gradient(110% 90% at 30% 45%, #10203e 0%, var(--night) 70%);transition:opacity .8s var(--ease);position:absolute;inset:0}.boot-word{left:var(--gutter);top:calc(max(calc(var(--gutter) * .8), env(safe-area-inset-top)) + 4px);letter-spacing:-.045em;transition:opacity .8s var(--ease);margin:0;font-size:26px;font-weight:700;position:absolute}.boot-word span{color:var(--signal)}.boot-bar{background:var(--line);height:2px;position:absolute;inset:auto 0 0}.boot-bar:after{content:"";background:linear-gradient(90deg, #5fd0ec59, var(--lit));transform:scaleX(var(--k,0));transform-origin:0;transition:transform 1.2s var(--ease);position:absolute;inset:0;box-shadow:0 0 8px #5fd0ec99}.is-still .boot-bar:after{transition:none}.boot.is-leaving{pointer-events:none}.boot.is-leaving .boot-field,.boot.is-leaving .boot-word{opacity:0}.boot.is-leaving .boot-bar{opacity:0;transition:opacity .3s var(--ease)}.dio.no-webgl .poster{opacity:1;animation:none}.scene{touch-action:none;opacity:0;transition:opacity .6s var(--ease);cursor:grab}.dio[data-phase=live] .scene,.dio[data-phase=intro] .scene{opacity:1}.dio[data-phase=intro] .poster,.dio[data-phase=live]:not(.no-webgl) .poster{opacity:0;pointer-events:none;animation:none}.dio.no-webgl .scene{display:none}.scene.is-dragging{cursor:grabbing}.scene.is-pointing{cursor:pointer}.top{padding:calc(var(--gutter) * .8) var(--gutter);padding-top:max(calc(var(--gutter) * .8), env(safe-area-inset-top));z-index:5;pointer-events:none;align-items:center;gap:24px;display:flex;position:absolute;inset:0 0 auto}.top>*{pointer-events:auto}.brand{letter-spacing:-.045em;color:inherit;font-size:26px;font-weight:700;text-decoration:none}.brand span{color:var(--signal)}.locale{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:10px;margin:0;display:flex}.clock{color:var(--fg);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.pulse{width:7px;height:7px;position:relative}.pulse:before,.pulse:after{content:"";border-radius:50%;position:absolute;inset:0}.pulse:before{background:#3d7bff99;animation:2.4s infinite ping}.pulse:after{background:var(--signal)}.locale{position:relative}.locale.is-summoned .pulse:before{animation:summon .9s var(--ease), ping 2.4s .9s infinite}.locale.is-summoned .clock{animation:clock-flash 1.1s var(--ease)}.clock-hint{background:var(--glass-strong);border:1px solid var(--line);color:var(--fg);white-space:nowrap;opacity:0;transition:opacity .35s var(--ease), transform .45s var(--ease);pointer-events:none;border-radius:4px;padding:8px 11px;position:absolute;top:calc(100% + 12px);left:-10px;transform:translateY(-6px)}.locale.is-summoned .clock-hint{opacity:1;transform:none}@keyframes summon{0%{opacity:1;background:var(--signal);transform:scale(1)}to{opacity:0;background:var(--signal);transform:scale(7)}}@keyframes clock-flash{0%,to{color:var(--fg)}25%{color:var(--signal)}}@keyframes ping{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3.5714)}to{opacity:0;transform:scale(1)}}.menu{margin-left:auto;position:relative}.menu summary{cursor:pointer;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:4px;align-items:center;gap:12px;height:44px;padding:0 18px 0 20px;font-size:14px;font-weight:600;list-style:none;display:flex}.menu summary::-webkit-details-marker{display:none}.burger{gap:4px;display:grid}.burger i{width:16px;height:1.5px;transition:transform .3s var(--ease);background:currentColor;display:block}.menu[open] .burger i:first-child{transform:translateY(2.75px)rotate(45deg)}.menu[open] .burger i:last-child{transform:translateY(-2.75px)rotate(-45deg)}.menu nav{background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);border-radius:18px;min-width:270px;max-height:calc(100dvh - 70px);padding:8px;display:grid;position:absolute;top:54px;right:0;overflow-y:auto}.menu nav a{color:inherit;border-radius:10px;align-items:baseline;gap:14px;padding:12px 14px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.menu nav a b{font:500 11px var(--mono);color:var(--fg-dim)}.menu nav a:hover,.menu nav a:focus-visible{background:#3d7bff29}.menu nav .menu-legal{border-top:1px solid var(--line);color:var(--fg-dim);border-radius:0 0 10px 10px;margin-top:4px;font-size:13px;font-weight:500}.intro{left:var(--gutter);top:calc(max(calc(var(--gutter) * .8), env(safe-area-inset-top)) + 44px + 22px);z-index:3;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;max-width:346px;transition:opacity .8s var(--ease), transform .8s var(--ease);border-radius:16px;padding:15px 18px 16px;position:absolute;transform:translateY(-10px)}.dio[data-phase=live]:not(.has-interacted):not(.is-selected) .intro,.dio[data-phase=live].is-back:not(.is-selected) .intro{opacity:1;pointer-events:auto;transform:none}.kicker{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 10px}.kicker span{color:var(--amber)}.dio[data-ui=light] .kicker span{color:#b9661b}.intro h2{letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.1vw,30px);font-weight:300;line-height:1.02}.intro h2 strong{font-weight:750}.lede{color:var(--fg-dim);margin:10px 0 0;font-size:13.5px;line-height:1.5}.directory{left:var(--gutter);bottom:var(--gutter);bottom:max(var(--gutter), env(safe-area-inset-bottom));z-index:4;scrollbar-width:none;transition:opacity .6s var(--ease), transform .8s var(--ease);grid-auto-columns:max-content;grid-auto-flow:column;gap:6px;display:grid;position:absolute;overflow-x:auto}.directory::-webkit-scrollbar{display:none}@media (width>=1000px){.directory{max-width:calc(100% - var(--gutter) * 3 - 380px)}}.dio[data-phase=loading] .directory{opacity:0;transform:translateY(12px)}.directory button{all:unset;cursor:pointer;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);letter-spacing:-.01em;border-radius:4px;grid-auto-flow:column;place-items:center;column-gap:7px;height:42px;padding:0 17px;font-size:13.5px;font-weight:600;transition:color .3s,border-color .3s,background .3s;display:grid}.directory .dir-n{font:500 10.5px var(--mono);letter-spacing:.04em;color:var(--fg-dim)}.directory button[aria-current=true] .dir-n{color:#ffffffb8}.directory.no-nums .dir-n{display:none}.directory button.is-hot,.directory button:focus-visible{border-color:var(--signal)}.directory button[aria-current=true]{background:var(--signal-ui);border-color:var(--signal-ui);color:#fff}.directory button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.n-phone{display:none}@media (width<=760px){.n-phone{display:inline}}.moods{right:var(--gutter);bottom:var(--gutter);bottom:max(var(--gutter), env(safe-area-inset-bottom));z-index:4;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);transition:opacity .6s var(--ease);border-radius:5px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute}.dio[data-phase=loading] .moods{opacity:0}.moods button{all:unset;cursor:pointer;min-width:36px;height:36px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);border-radius:3px;align-items:center;gap:8px;padding:0 12px;transition:background .3s,color .3s;display:flex}.moods button svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:15px;height:15px}.moods .m-short{display:none}.moods button[aria-pressed=true]{color:var(--fg);background:#3d7bff38}.moods button:focus-visible{outline:2px solid var(--signal)}.moods .live{letter-spacing:.1em;padding:0 11px 0 9px;font-size:9.5px}.moods .live:before{content:"";opacity:.55;background:currentColor;border-radius:50%;width:6px;height:6px}.moods .live[aria-pressed=true]:before{background:var(--signal);opacity:1}.moods:not(.is-open)>button:not(.moods-toggle),.moods.is-open>.moods-toggle{display:none}.moods.is-open>button{animation:moods-in .22s var(--ease) both}@keyframes moods-in{0%{opacity:0;transform:translate(6px)}}.moods .moods-toggle{width:40px;height:40px;color:var(--fg);justify-content:center;padding:0;position:relative}.moods .moods-toggle svg{width:18px;height:18px}.moods .moods-toggle:hover{background:#3d7bff29}.moods .m-now{display:none}@media (width>=1100px){.moods .moods-toggle{width:auto;padding:0 15px 0 11px}.moods .m-now{display:inline}.moods .moods-toggle.is-live:after{top:8px;left:22px;right:auto}}.moods .moods-toggle.is-live:after{content:"";background:var(--signal);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.tag{z-index:6;pointer-events:none;background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);white-space:nowrap;opacity:0;border-radius:4px;align-items:center;gap:10px;padding:8px 12px 8px 10px;font-size:13px;font-weight:650;transition:opacity .25s;display:flex;position:absolute;top:0;left:0;transform:translate(-100px,-100px)}.tag.is-on{opacity:1}.tag b{font:500 10px var(--mono);color:#fff;background:var(--signal-ui);border-radius:2px;padding:3px 6px}.tag i{color:var(--signal);font-style:normal}.portal-btn{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);height:44px;color:inherit;white-space:nowrap;transition:border-color .25s var(--ease), background-color .25s var(--ease);border-radius:4px;align-items:center;gap:9px;margin-left:auto;margin-right:-12px;padding:0 16px 0 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.portal-btn:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-277 112 97 88'%3E%3CradialGradient id='g' cx='-227.379' cy='164.069' r='30.251' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 -1.346174 1.2212711 0 -429.60674 -136.81784)'%3E%3Cstop offset='0' stop-color='%23f5ff1e'/%3E%3Cstop offset='1' stop-color='%23f50a23'/%3E%3C/radialGradient%3E%3Cpath fill='url(%23g)' d='m-276.06 113.03 32.54 84.77c.25.64.87 1.07 1.56 1.07h26.4c-.69 0-1.31-.43-1.55-1.07l-32.55-84.77z'/%3E%3Cpath fill='%23f50a23' d='m-181.46 113.03-32.54 84.77c-.25.64-.87 1.07-1.56 1.07h-26.4c.69 0 1.31-.43 1.55-1.07l32.55-84.77z'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:17px;height:16px}.portal-btn i{color:var(--fg-dim);transition:transform .3s var(--ease), color .25s var(--ease);font-style:normal}.portal-btn .portal-short{display:none}.portal-btn:hover,.portal-btn:focus-visible{border-color:#f50a238c}.portal-btn:hover i,.portal-btn:focus-visible i{color:inherit;transform:translate(2px,-2px)}.portal-btn:focus-visible{outline:2px solid var(--signal);outline-offset:3px}@media (width<=760px){.portal-btn{gap:7px;margin-right:0;padding:0 13px 0 12px}.portal-btn .portal-long{display:none}.portal-btn .portal-short{display:inline}}@media (width<=400px){.top{gap:12px}.portal-btn i{display:none}}@media (width<=340px){.menu summary{gap:0;padding:0 14px;font-size:0}}.tour-btn[hidden]{display:none}.tour-btn{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);height:44px;color:inherit;font:inherit;cursor:pointer;border-radius:4px;align-items:center;gap:8px;margin-left:auto;margin-right:-12px;padding:0 18px 0 14px;font-size:14px;font-weight:600;display:flex}.tour-btn~.menu{margin-left:0}.tour-btn svg{width:16px;height:16px;fill:var(--signal)}.tour-btn .tour-stop,.tour-btn .tour-short,.tour-btn[aria-pressed=true] .tour-play{display:none}.tour-btn[aria-pressed=true] .tour-stop{display:inline}.tour-btn:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.tour-caption{left:50%;bottom:calc(max(var(--gutter), env(safe-area-inset-bottom)) + 66px);z-index:6;width:min(500px, calc(100vw - 2 * var(--gutter)));background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);color:var(--fg);text-align:left;opacity:0;transition:opacity .35s var(--ease), transform .5s var(--ease);pointer-events:none;border-radius:16px;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;margin:0;padding:12px 18px 15px;display:grid;position:absolute;overflow:hidden;transform:translate(-50%,8px);box-shadow:0 12px 36px #2fc3e524}.tour-caption.is-on{opacity:1;transform:translate(-50%)}.tour-caption b{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);grid-area:1/1}.tour-caption .tour-step{font:500 10px var(--mono);letter-spacing:.1em;color:var(--fg-dim);grid-area:1/2}.tour-caption span{grid-column:1/-1;font-size:15px;font-weight:600;line-height:1.35}.tour-caption .tour-cta{background:var(--signal-ui);color:#fff;pointer-events:auto;transition:filter .2s var(--ease);border-radius:4px;grid-column:1/-1;justify-self:start;align-items:center;gap:6px;margin-top:4px;padding:6px 13px;font-size:12.5px;font-weight:650;text-decoration:none;display:inline-flex}.tour-caption .tour-cta[hidden]{display:none}.tour-caption .tour-cta i{font-style:normal}.tour-caption .tour-cta:hover,.tour-caption .tour-cta:focus-visible{filter:brightness(1.12)}.tour-caption .tour-cta:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.tour-caption .tour-prog{background:linear-gradient(90deg, var(--signal), var(--amber,var(--signal)));transform-origin:0;height:2.5px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}@media (width<=760px){.tour-btn{height:44px;margin-right:0;padding:0 14px 0 11px}.tour-btn .tour-long{display:none}.tour-btn .tour-short{display:inline}.tour-caption{bottom:calc(max(var(--gutter), env(safe-area-inset-bottom)) + 72px)}.dio.is-selected:not(.is-touring) .tour-btn,.dio.is-selected .portal-btn,.dio.is-touring .crumbs{display:none}}@media (hover:none){.pin:before{display:none}.pin.is-focus .pin-text:after{content:"Tap again to open";font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal)}}.pins.is-compact .pin-text{padding:5px 10px}.pins.is-compact .pin-text small{display:none}.pins.is-compact .pin-text strong{font-size:13px}@media (hover:none){.pins.is-compact .pin.is-focus .pin-text:after{white-space:nowrap;background:var(--glass-strong);border:1px solid var(--signal);border-radius:4px;padding:7px 10px;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}}.product-card{z-index:7;background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);min-width:172px;color:var(--fg);opacity:0;pointer-events:none;border-radius:14px;gap:3px;padding:10px 14px 11px;text-decoration:none;transition:opacity .2s;display:grid;position:absolute;top:0;left:0;transform:translate(-400px,-400px);box-shadow:0 10px 34px #2fc3e529}.product-card.is-on{opacity:1;pointer-events:auto}.product-card small{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.product-card b{font-size:15px;font-weight:700;line-height:1.2}.product-card em{max-width:236px;color:var(--fg-dim);margin-bottom:3px;font-size:12.5px;font-style:normal;line-height:1.35}.product-card em:empty{display:none}.product-card span{color:var(--signal);font-size:13px;font-weight:650}.product-card:hover span,.product-card:focus-visible span{text-underline-offset:3px;text-decoration:underline}.pins{z-index:4;pointer-events:none;position:absolute;inset:0}.pin{pointer-events:none;color:inherit;opacity:0;transition:opacity .2s var(--ease);text-decoration:none;display:block;position:absolute;top:0;left:0}.pin.is-on{pointer-events:auto;opacity:1;transition:opacity .45s var(--ease) calc(var(--i,0) * 55ms)}.pin:before{content:"";left:-10px;right:0;top:calc(-1 * var(--reach-up,0px));bottom:calc(-1 * var(--reach-down,0px));position:absolute}.pin-dot{background:var(--signal);width:9px;height:9px;transform:translate(var(--lx,0px), var(--ly,0px));border-radius:50%;position:absolute;top:-4.5px;left:-4.5px;box-shadow:0 0 0 4px #3d7bff40,0 0 18px #3d7bffe6}.pin-line{left:-6px;top:var(--mid,50%);width:var(--len,0px);transform-origin:0;height:1px;transform:rotate(var(--ang,0deg));background:linear-gradient(90deg,#78a0ff26,#78a0ffd9);position:absolute}.pin-dot,.pin-line{pointer-events:none;transition:opacity .3s var(--ease)}.pin.no-lead .pin-dot,.pin.no-lead .pin-line,.pins.is-focusing .pin:not(.is-focus) .pin-dot,.pins.is-focusing .pin:not(.is-focus) .pin-line{opacity:0}.pins.is-focusing .pin:not(.is-focus) .pin-text{opacity:.6}.pin.is-focus .pin-text{border-color:var(--signal)}.pin-text{background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);transition:border-color .3s var(--ease), opacity .3s var(--ease), transform .6s var(--ease);border-radius:12px;gap:3px;padding:9px 14px;display:grid;position:relative;transform:translate(-10px)}.pin.is-on .pin-text{transition:border-color .3s var(--ease), opacity .3s var(--ease), transform .6s var(--ease) calc(var(--i,0) * 55ms);transform:none}.pin-text small{color:var(--fg-dim);font-size:12px}.pin-text strong{align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.pin-text strong i{color:var(--signal);transition:transform .3s var(--ease);font-style:normal}.pin:hover .pin-text strong i,.pin:focus-visible .pin-text strong i{transform:translate(3px)}.pin:first-child .pin-text{border-color:var(--signal)}.pin:focus-visible{outline:none}.pin:focus-visible .pin-text{outline:2px solid var(--signal);outline-offset:2px}.pin:hover .pin-text,.pin:focus-visible .pin-text{border-color:var(--signal)}.talk{background:var(--signal-ui);border:1px solid var(--signal-ui);color:#fff;opacity:0;pointer-events:none;transition:opacity .2s var(--ease);border-radius:12px;gap:3px;padding:9px 14px;text-decoration:none;display:grid;position:absolute;top:0;left:0}.pin.is-on~.talk{opacity:1;pointer-events:auto;transition:opacity .45s var(--ease) calc(var(--i,0) * 55ms)}.talk strong{align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.talk strong i{transition:transform .3s var(--ease);font-style:normal}.talk:hover strong i,.talk:focus-visible strong i{transform:translate(3px)}.talk small{color:#ffffffc7;font-size:12px}.talk:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.pins.is-compact .talk small{display:none}.crumbs{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);border-radius:4px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:600;display:none}.crumbs a{color:var(--fg-dim);text-decoration:none}.crumbs a:hover,.crumbs a:focus-visible{color:var(--fg)}.crumbs span[aria-hidden]{color:var(--fg-dim)}.dio.is-selected .crumbs{display:inline-flex}.dio.is-selected .locale{display:none}.directory .back-park{background:var(--fg);color:#0a0e1a;border-color:var(--fg);grid-auto-flow:column;gap:8px;display:none}.dio[data-ui=light] .directory .back-park{color:#fff}.dio.is-selected .directory .back-park{display:grid}.hint{left:50%;top:calc(var(--gutter) * .8 + 14px);z-index:3;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);opacity:0;transition:opacity .8s var(--ease);pointer-events:none;align-items:center;gap:10px;margin:0;display:flex;position:absolute;transform:translate(-50%)}.dio[data-phase=live]:not(.has-interacted) .hint{opacity:1}.hint-mouse{border:1.5px solid;border-radius:8px;width:12px;height:18px;position:relative}.hint-mouse:after{content:"";background:currentColor;width:2px;height:4px;margin-left:-1px;animation:1.8s infinite wheel;position:absolute;top:3px;left:50%}@keyframes wheel{50%{opacity:.2;transform:translateY(4px)}}.wipe{z-index:20;background:var(--paper);clip-path:circle(0% at var(--wx,50%) var(--wy,50%));pointer-events:none;transition:clip-path .75s cubic-bezier(.7,0,.2,1);position:absolute;inset:0}.wipe.is-on{clip-path:circle(150% at var(--wx,50%) var(--wy,50%))}.wipe.is-warp{background:radial-gradient(120% 90% at 55% 55%, #2fc3e52e, var(--night) 62%);transition:clip-path .52s cubic-bezier(.6,0,.3,1)}@media (width<=760px){.locale{display:none}.directory{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;min-width:0;scroll-padding-inline:var(--gutter);padding:12px var(--gutter) max(14px, env(safe-area-inset-bottom));scrollbar-width:none;border:0;grid-auto-columns:max-content;grid-auto-flow:column;gap:6px;bottom:0;left:0;right:0;overflow-x:auto}.directory::-webkit-scrollbar{display:none}.directory button{scroll-snap-align:start;height:42px;padding:0 15px;font-size:13px}.directory .dir-n{display:none}.talk{padding:9px 12px}.talk small{display:none}.talk strong{font-size:13px}.moods,[data-site=work],.n-wide{display:none!important}.intro{top:calc(max(calc(var(--gutter) * .8), env(safe-area-inset-top)) + 44px + 14px);max-width:calc(100% - var(--gutter) * 2);padding:12px 15px 13px}.intro .kicker{margin-bottom:8px;font-size:10px}.intro h2{font-size:21px}.lede{margin-top:7px;font-size:12.5px}.hint{display:none}.pin-text{padding:7px 10px}.pin-text strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.dio[data-phase=loading] .poster{opacity:1}*,:before,:after{transition-duration:.01ms!important;animation:none!important}.pin,.pin-text,.talk{transition-delay:0s!important}.tour-caption{transition:opacity .18s!important;transform:translate(-50%)!important}.tour-caption.is-fading{opacity:.18!important}}.dio.is-selected .hint{opacity:0!important}@media (width<=760px){.dio.is-selected .directory{padding:12px var(--gutter) max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0}.dio.is-selected .moods{opacity:0;pointer-events:none}}.moods{z-index:6}.top{z-index:7}@media (width<=760px){.pin-text{padding:9px 12px}.pin-text small{display:none}.pin-text strong{font-size:13px}}@media (width>=761px) and (width<=1100px){.hint{display:none}.directory button{padding:0 13px;font-size:12.5px}}@media (width>=761px) and (width<=999px){.directory{max-width:calc(100% - var(--gutter) * 2)}.moods{right:auto;left:var(--gutter);bottom:calc(max(var(--gutter), env(safe-area-inset-bottom)) + 44px + 12px)}.tour-caption{bottom:calc(max(var(--gutter), env(safe-area-inset-bottom)) + 44px + 12px + 54px + 12px)}}@media (width<=999px){.moods{padding:3px}.moods button,.moods .moods-toggle{width:auto;min-width:44px;height:44px}}@media (width<=480px){.top{gap:10px}.crumbs{min-width:0;padding:0 12px}.crumbs a,.crumbs span[aria-hidden]{display:none}}@media (height<=520px){.pin-text small{display:none}.pin-text{padding:8px 12px}}@media (hover:none),(pointer:coarse){.menu summary,.intro,.directory button,.moods,.tour-btn,.portal-btn,.crumbs{background:var(--glass-strong)}.menu summary,.menu nav,.intro,.directory button,.moods,.tag,.tour-btn,.portal-btn,.tour-caption,.product-card,.pin-text,.crumbs{-webkit-backdrop-filter:none}.directory.has-more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000)}.directory.has-less{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px);mask-image:linear-gradient(90deg,#0000,#000 40px)}.directory.has-less.has-more{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 56px),#0000)}}.dio[data-phase=loading] .intro,.dio[data-phase=intro]:not(.has-interacted):not(.is-selected) .intro{z-index:91;opacity:1;transform:none}
