@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600;700&display=swap');
:root{color-scheme:dark;--wine:#b53b50;--rose:#e58598;--cream:#fff8f4;--line:rgba(255,227,222,.23);--glass:rgba(28,9,16,.7)}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#100408;color:var(--cream);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:4px}#experience{position:relative;width:100%;height:100dvh;min-height:420px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 60% 40%,#35121f,#100408 70%)}#zao-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.stage-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,2,6,.77),transparent 65%),linear-gradient(0deg,rgba(12,3,7,.8),transparent 25%,transparent 76%,rgba(12,3,7,.38));z-index:1}.viewer-header{position:absolute;z-index:12;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;height:94px;padding:18px max(24px,4.4vw);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(12,3,8,.82),transparent)}.viewer-brand{display:block;width:196px}.viewer-brand img{width:100%;max-height:54px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.viewer-back,.viewer-caption,.viewer-kicker,.viewer-intro small,.loading-screen>span,.model-controls label,.mode-switch button,.reality-actions button,.reality-actions a,.viewer-help h2{font:500 11px/1.4 'DM Mono',monospace;letter-spacing:.13em}.viewer-back{white-space:nowrap;color:#e9c4ca;transition:color .2s}.viewer-back:hover{color:white}.viewer-intro{position:absolute;z-index:5;left:max(24px,5vw);top:50%;transform:translateY(-46%);max-width:580px;transition:opacity .5s,visibility .5s}.viewer-intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.viewer-kicker{margin:0 0 27px;color:var(--rose)}.viewer-intro h1{margin:0;font-size:clamp(70px,8.5vw,148px);font-weight:400;letter-spacing:-.088em;line-height:.83}.viewer-intro h1 em{font-style:normal;color:#e899a7;font-size:.54em;letter-spacing:-.07em;white-space:nowrap}.viewer-intro>p:not(.viewer-kicker){max-width:470px;margin:35px 0 30px;color:#eddee0;font-size:clamp(14px,1.2vw,17px);line-height:1.55}.intro-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:27px}.intro-actions button{min-width:164px;min-height:52px;padding:12px 18px;color:white;background:linear-gradient(135deg,#a82f48,#5a1930);border:1px solid rgba(255,220,225,.42);border-radius:14px;font-weight:600;box-shadow:0 14px 40px rgba(41,0,13,.28)}.intro-actions button+button{background:rgba(43,12,25,.66);backdrop-filter:blur(16px)}.intro-actions button:hover,.reality-actions button:hover,.model-controls button:hover{border-color:white;filter:brightness(1.15)}.viewer-intro small{color:#c69aa3}.loading-screen,.viewer-error{position:absolute;z-index:20;inset:0;display:grid;align-content:center;justify-items:center;gap:24px;padding:24px;background:radial-gradient(circle at 50% 50%,#3b1723,#100408 66%);text-align:center}.loading-screen.is-hidden{display:none}.loading-screen>span{color:#e6a3b1}.loading-screen p{margin:0;color:#d8bac0;font-size:13px}.loading-bar{width:min(300px,72vw);height:3px;background:#57303a;border-radius:100px;overflow:hidden}.loading-bar i{display:block;width:3%;height:100%;background:linear-gradient(90deg,#b53b50,#ffe8ed);transition:width .3s}.viewer-error[hidden]{display:none}.viewer-error strong{font-size:clamp(20px,3vw,32px)}.viewer-error p{max-width:470px;color:#d8bac0;line-height:1.5}.viewer-error button,.viewer-error a{padding:13px 19px;border-radius:12px;border:1px solid var(--line);background:var(--glass);color:#fff}.mode-switch{position:absolute;z-index:7;top:112px;left:max(24px,4.4vw);display:flex;gap:4px;padding:5px;background:rgba(22,5,12,.7);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:16px}.mode-switch[hidden],.model-controls[hidden],.reality-actions[hidden],.touch-joystick[hidden],.touch-look[hidden],.viewer-help[hidden]{display:none}.mode-switch button{padding:11px 16px;border:0;border-radius:11px;color:#e7bec7;background:transparent}.mode-switch button.is-active{color:#fff;background:#9c334c;box-shadow:0 6px 20px rgba(53,0,14,.35)}.mode-switch #help-toggle{min-width:38px;border-left:1px solid var(--line);font-size:15px}.viewer-help{position:absolute;z-index:15;top:166px;left:max(24px,4.4vw);width:min(340px,calc(100vw - 48px));padding:25px;border-radius:18px;border:1px solid var(--line);background:rgba(21,6,12,.94);box-shadow:0 30px 70px rgba(0,0,0,.32);backdrop-filter:blur(20px)}.viewer-help h2{margin:0 0 18px;color:#ec9dae}.viewer-help p{margin:12px 0;color:#e6d9da;font-size:13px;line-height:1.55}.viewer-help #help-close{position:absolute;top:12px;right:15px;border:0;background:none;color:white;font-size:22px}.model-controls{position:absolute;z-index:7;right:max(24px,4.4vw);bottom:max(54px,4.4vw);width:min(330px,calc(100vw - 48px));padding:19px 21px 21px;border:1px solid var(--line);border-radius:21px;background:var(--glass);backdrop-filter:blur(24px);box-shadow:0 18px 60px rgba(0,0,0,.24)}.model-controls label{display:flex;justify-content:space-between;color:#f3b5c2}.model-controls input{width:100%;margin:18px 0 20px;accent-color:#c14c65}.control-row{display:flex;flex-wrap:wrap;gap:8px}.model-controls button{flex:1;min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(143,42,65,.28);color:white;font-size:11px}.reality-actions{position:absolute;z-index:7;left:max(24px,4.4vw);bottom:max(54px,4.4vw);display:flex;flex-wrap:wrap;gap:9px}.reality-actions button,.reality-actions a{padding:12px 15px;border:1px solid rgba(255,218,223,.5);border-radius:12px;color:white;background:rgba(46,9,22,.76);backdrop-filter:blur(15px)}.reality-actions button[hidden],.reality-actions a[hidden]{display:none}.viewer-caption{position:absolute;z-index:5;bottom:18px;left:max(24px,4.4vw);color:rgba(255,229,232,.52);font-size:9px}.viewer-toast{position:absolute;z-index:25;left:50%;bottom:28px;max-width:calc(100vw - 40px);transform:translateX(-50%);padding:11px 16px;border-radius:10px;border:1px solid var(--line);background:rgba(26,6,14,.92);color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;text-align:center}.viewer-toast.is-visible{opacity:1}.touch-joystick{position:absolute;z-index:7;bottom:calc(78px + env(safe-area-inset-bottom));left:28px;width:110px;height:110px;border:1px solid rgba(255,235,239,.5);border-radius:50%;background:rgba(38,9,21,.4);touch-action:none}.touch-joystick-knob{position:absolute;left:34px;top:34px;width:40px;height:40px;border-radius:50%;background:#d4697f;box-shadow:0 0 20px rgba(224,114,143,.5)}.touch-look{position:absolute;z-index:7;right:20px;bottom:calc(100px + env(safe-area-inset-bottom));width:90px;color:#f5c7d1;font:500 9px/1.5 'DM Mono',monospace;letter-spacing:.1em;text-align:center;pointer-events:none}
.featured-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.featured-3d{display:inline-flex;align-items:center;gap:20px;padding:13px 17px;border:1px solid rgba(255,220,227,.65);border-radius:12px;color:#fff;background:linear-gradient(135deg,rgba(153,43,70,.9),rgba(62,11,27,.78));font-size:12px;white-space:nowrap}.featured-3d i{font-style:normal}.zao-project-cta{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-block:30px 80px}.zao-project-cta span{font:500 11px 'DM Mono',monospace;color:#e58598;letter-spacing:.14em}.zao-project-cta h2{max-width:650px;margin:16px 0;font-size:clamp(30px,4vw,60px);font-weight:400;line-height:1.05;letter-spacing:-.05em}.zao-project-cta p{color:#d8bec4}.zao-project-cta a{padding:18px 22px;border-radius:14px;border:1px solid #bc6a7e;background:#6e243d;white-space:nowrap}
@media(max-width:820px){.viewer-header{height:74px;padding:14px 20px}.viewer-brand{width:151px}.viewer-back{font-size:9px}.viewer-intro{left:22px;right:22px;top:auto;bottom:calc(115px + env(safe-area-inset-bottom));transform:none}.viewer-intro h1{font-size:clamp(62px,17vw,100px)}.viewer-intro>p:not(.viewer-kicker){margin:22px 0 21px;font-size:14px;max-width:340px}.viewer-intro small{font-size:9px}.intro-actions button{min-width:140px}.stage-vignette{background:linear-gradient(0deg,rgba(12,3,7,.92),transparent 62%),linear-gradient(180deg,rgba(12,3,7,.45),transparent 30%)}.mode-switch{left:12px;right:12px;top:85px;justify-content:center}.mode-switch button{flex:1;padding-inline:6px;font-size:10px}.mode-switch #help-toggle{flex:0 0 38px}.viewer-help{top:144px;left:12px}.model-controls{left:12px;right:12px;bottom:calc(50px + env(safe-area-inset-bottom));width:auto;padding:13px 16px}.model-controls input{margin:10px 0 12px}.reality-actions{left:12px;bottom:calc(195px + env(safe-area-inset-bottom))}.reality-actions button,.reality-actions a{font-size:10px;padding:10px}.viewer-caption{left:15px;bottom:calc(10px + env(safe-area-inset-bottom));font-size:8px}.touch-joystick{left:17px;bottom:calc(60px + env(safe-area-inset-bottom))}.touch-look{bottom:calc(92px + env(safe-area-inset-bottom))}.zao-project-cta{display:block}.zao-project-cta a{display:inline-block;margin-top:14px}.featured-actions{gap:12px}.featured-3d{font-size:10px}}
@media(max-width:390px){.viewer-intro h1{font-size:59px}.intro-actions button{min-width:130px}.viewer-back{max-width:110px;text-align:right}.reality-actions{bottom:calc(190px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}