:root{--oto-ink:#090a0e;--oto-paper:#f5f4f0;--oto-indigo:#2b3379;--oto-line:rgba(245,244,240,.2);--oto-muted:#a3a5b7}
.oto-experience{background:var(--oto-ink);color:var(--oto-paper);padding:100px 5.4vw 88px}.oto-experience *{box-sizing:border-box}.oto-experience .experience-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin:34px 0 48px}.oto-experience h2{font-size:clamp(55px,7vw,112px);font-weight:400;letter-spacing:-.055em;line-height:.96;max-width:750px;margin:0}.oto-experience .experience-intro{font-size:18px;line-height:1.5;max-width:350px;margin:0 0 5px auto;color:#bdbec9}.experience-frame{position:relative;height:clamp(420px,49vw,720px);background:#171b37;isolation:isolate;overflow:hidden}.experience-poster{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:35px;background:linear-gradient(120deg,#13173533,#090b1c99),url('/experience/assets/concept-300-overview.jpg') center/cover}.experience-poster img{width:50%;max-width:540px;opacity:.95}.experience-poster .poster-foot{display:flex;justify-content:space-between;align-items:end;gap:24px}.experience-poster .poster-foot p{font-size:clamp(26px,4vw,58px);letter-spacing:-.04em;line-height:1.05;margin:0}.oto-launch{border:1px solid #f5f4f080;background:var(--oto-paper);color:var(--oto-ink);padding:19px 24px;font:inherit;cursor:pointer;min-width:170px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:35px}.oto-arrow{display:inline-block;width:16px;height:16px;border-top:1px solid currentColor;border-right:1px solid currentColor;position:relative;flex-shrink:0}.oto-arrow:after{content:'';position:absolute;width:21px;border-top:1px solid currentColor;transform:rotate(-45deg);transform-origin:right top;top:0;right:0}.oto-view{position:absolute;inset:0}.oto-view canvas{display:block;width:100%;height:100%;outline-offset:-4px}.experience-overlay{position:absolute;left:22px;top:22px;z-index:2;pointer-events:none;color:#f5f4f0;text-shadow:0 1px 8px #000}.experience-overlay small{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.experience-overlay p{font-size:14px;margin:8px 0}.experience-controls{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;z-index:3}.oto-control{border:1px solid #f5f4f04d;background:#0b0e1bd9;color:#f5f4f0;backdrop-filter:blur(10px);font:inherit;font-size:12px;padding:11px 14px;min-height:40px;cursor:pointer;line-height:1.2;transition:background .2s}.oto-control:hover,.oto-control[aria-pressed=true]{background:#394688}.oto-control:disabled{opacity:.4;cursor:wait}.oto-control:focus-visible,.oto-launch:focus-visible,.showroom-app :focus-visible{outline:2px solid #9ba6ff;outline-offset:3px}.oto-message{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#11152ddd;color:#f5f4f0;padding:30px;z-index:4;font-size:15px;line-height:1.6}.oto-message[hidden],.experience-controls[hidden],.experience-overlay[hidden],.experience-poster[hidden]{display:none}.experience-foot{display:flex;gap:24px;justify-content:space-between;border-bottom:1px solid var(--oto-line);padding:20px 0;font-size:11px;line-height:1.5;color:#a3a5b7}.experience-foot p{max-width:650px;margin:0}.experience-contacts{display:flex;flex-wrap:wrap;column-gap:36px;row-gap:18px;margin-top:30px}.experience-contacts a{color:#f5f4f0;text-decoration:none;border-bottom:1px solid #f5f4f066;padding-bottom:9px;font-size:14px;display:inline-flex;gap:14px;align-items:center}.experience-contacts .oto-arrow{width:10px;height:10px}.experience-contacts .oto-arrow:after{width:13px}.oto-static{padding:20px;background:#141724;color:#d3d5e3}.oto-static svg{display:block;width:min(100%,700px);height:auto;margin:auto}.oto-static p{font-size:13px}.oto-static[hidden]{display:none}
/* Private workroom, same OTO editorial grammar, a deliberately quieter tool surface. */
body.showroom-app{margin:0;background:var(--oto-ink);color:var(--oto-paper);font-family:'Devanagari Sangam MN',Arial,Helvetica,sans-serif;font-size:14px} .showroom-app *{box-sizing:border-box}.showroom-app a{color:inherit}.showroom-app button,.showroom-app input,.showroom-app select,.showroom-app textarea{font:inherit}.showroom-app button{cursor:pointer}.showroom-app [hidden]{display:none!important}.showroom-app .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.work-header{height:76px;border-bottom:1px solid var(--oto-line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}.work-brand{display:flex;align-items:center;gap:24px}.work-brand img{width:94px;height:auto}.work-brand a{text-decoration:none}.work-brand span{border-left:1px solid var(--oto-line);padding-left:22px;color:#b2b5c9;font-size:12px}.work-header-actions{display:flex;align-items:center;gap:16px}.work-header-actions button{background:none;border:0;color:inherit;font-size:12px}.work-header-actions .oto-control{border:1px solid var(--oto-line);padding:10px 16px}.work-header-actions .lang{display:flex;gap:10px}.work-header-actions .lang button{padding:6px 0;opacity:.5}.work-header-actions .lang button[aria-pressed=true]{opacity:1;border-bottom:1px solid}.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 332px;height:calc(100svh - 76px);min-height:600px}.work-stage{position:relative;min-width:0;overflow:hidden;background:#13172b}.work-stage .oto-view{inset:0}.work-scene-title{position:absolute;left:28px;top:27px;right:26px;z-index:2;pointer-events:none;text-shadow:0 2px 12px #0009}.work-scene-title .eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c0c3d6}.work-scene-title h1{font-size:clamp(28px,3.4vw,56px);font-weight:400;letter-spacing:-.045em;line-height:1.05;margin:13px 0 10px;max-width:680px}.work-scene-title p{font-size:12px;line-height:1.5;max-width:480px;color:#c3c5d4;margin:0}.work-scene-title .ally-logo{max-width:100px;max-height:50px;object-fit:contain;margin-top:14px;background:#fff;padding:6px}.scene-stats{position:absolute;right:22px;top:28px;text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.09em;line-height:1.8;pointer-events:none;z-index:2}.scene-stats strong{font-size:28px;font-weight:400;letter-spacing:-.03em;display:block;color:#fff}.work-stage .experience-controls{left:26px;right:26px;bottom:50px}.scene-disclaimer{position:absolute;bottom:17px;left:28px;right:25px;display:flex;justify-content:space-between;gap:15px;z-index:2;font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#d6d7e4;text-shadow:0 2px 4px #000}.work-panel{background:var(--oto-paper);color:var(--oto-ink);overflow-y:auto;border-left:1px solid #ffffff20}.panel-heading{padding:26px 23px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #090a0e25}.panel-heading h2{font-size:21px;font-weight:400;letter-spacing:-.03em;margin:0}.panel-heading span{font-size:10px;color:#666976}.panel-heading button{background:none;border:0;display:none}.work-panel details{border-bottom:1px solid #090a0e25}.work-panel summary{list-style:none;cursor:pointer;padding:20px 23px;display:flex;align-items:center;gap:14px;font-size:15px}.work-panel summary::-webkit-details-marker{display:none}.work-panel summary:after{content:'+';margin-left:auto;color:#555}.work-panel details[open]>summary:after{content:'−'}.work-panel summary .num{font-size:10px;color:#6b6f80}.panel-content{padding:0 23px 24px}.work-panel label,.proposal-fields label{display:block;font-size:11px;color:#555a69;margin:16px 0 7px}.work-panel label:first-child{margin-top:0}.work-panel select,.work-panel input,.work-panel textarea,.proposal-fields input,.proposal-fields select,.proposal-fields textarea{display:block;width:100%;background:transparent;color:#090a0e;border:1px solid #090a0e35;padding:11px 10px;border-radius:0;min-height:42px}.work-panel textarea,.proposal-fields textarea{resize:vertical;min-height:80px}.work-panel .help{font-size:11px;line-height:1.55;color:#696d79;margin:12px 0 0}.panel-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-check{display:flex!important;align-items:center;justify-content:space-between;margin:0!important;border-bottom:1px solid #090a0e15;padding:10px 0;font-size:12px!important}.panel-check input{width:16px!important;min-height:16px!important;height:16px;accent-color:#2b3379}.panel-action{display:block;width:100%;background:#2b3379;color:#fff;border:0;min-height:44px;padding:12px 15px;text-align:left;margin-top:14px}.panel-action.secondary{background:none;border:1px solid #090a0e45;color:#090a0e}.panel-subtitle{font-size:11px;letter-spacing:.07em;text-transform:uppercase;margin:20px 0 7px}.work-note{padding:21px 23px;font-size:11px;color:#6b6f7c;line-height:1.6}.work-bottom{display:none}.hotspot-card{position:absolute;right:22px;bottom:122px;width:270px;padding:20px;background:#f5f4f0;color:#090a0e;z-index:5;box-shadow:0 20px 60px #0004}.hotspot-card h3{font-size:20px;font-weight:400;margin:0 25px 10px 0}.hotspot-card p{font-size:12px;line-height:1.6;margin:0}.hotspot-card button{position:absolute;right:10px;top:10px;background:none;border:0}.project-dialog{width:min(850px,94vw);max-height:90svh;background:var(--oto-paper);color:var(--oto-ink);padding:28px;border:0}.project-dialog::backdrop{background:#060711cc;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #090a0e30;padding-bottom:18px;margin-bottom:22px}.dialog-heading h2{font-size:30px;letter-spacing:-.04em;font-weight:400;margin:0}.dialog-heading button{background:none;border:0;color:#090a0e;padding:10px}.proposal-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.proposal-fields .full{grid-column:1/-1}.proposal-fields .private-note{background:#e7e7ef;padding:15px}.proposal-fields label{margin-top:7px}.proposal-list{margin:20px 0;border-top:1px solid #090a0e25}.proposal-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #090a0e25;padding:16px 0;align-items:center}.proposal-row strong{font-size:17px;font-weight:400;display:block}.proposal-row small{font-size:11px;color:#6c6e79}.proposal-row button{background:none;border:1px solid #090a0e35;padding:9px 13px}.project-dialog p{font-size:12px;line-height:1.6}.share-result{background:#e6e7ee;padding:18px;margin-top:20px;overflow-wrap:anywhere}.share-result a{color:#2b3379;display:block;margin:9px 0}.share-result input{width:100%;padding:10px}.status-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:15px 20px;z-index:20;background:#f5f4f0;color:#090a0e;border:1px solid #090a0e40;font-size:13px;max-width:90vw;box-shadow:0 15px 50px #0004}.is-presenting .work-panel,.is-presenting .work-header .edit-action,.is-recipient .edit-action,.is-recipient .work-panel{display:none}.is-presenting .work-layout,.is-recipient .work-layout{grid-template-columns:1fr}.is-presenting .work-scene-title h1{font-size:clamp(35px,5vw,76px)}.is-presenting .scene-stats{display:none}.is-presenting .work-bottom,.is-recipient .work-bottom{display:none}.login-page{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.login-art{padding:50px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 15% 20%,#5961a0,#2b3379 50%,#11172f)}.login-art img{width:140px}.login-art h1{font-size:clamp(65px,6.8vw,110px);font-weight:400;letter-spacing:-.06em;line-height:1;margin:100px 0}.login-art p{font-size:12px;max-width:340px;line-height:1.6;color:#d9dbeb}.login-form-wrap{display:grid;place-items:center;padding:50px}.login-form{max-width:340px;width:100%}.login-form h2{font-size:33px;letter-spacing:-.04em;font-weight:400;margin:0 0 15px}.login-form p{font-size:13px;color:#a6a9bf;line-height:1.6}.login-form label{display:block;margin:25px 0 8px;font-size:11px}.login-form input{width:100%;padding:14px;border:1px solid #f5f4f04d;background:none;color:#f5f4f0}.login-form button{margin-top:25px;width:100%;padding:15px;border:0;background:#f5f4f0;color:#090a0e}.login-form a{display:inline-block;margin-top:25px;font-size:12px}.login-form #login-error{color:#f5b8ac}.static-link{color:inherit;text-decoration:underline;cursor:pointer;background:none;border:0;font:inherit;font-size:10px}.stage-empty{position:absolute;inset:0;background:linear-gradient(120deg,#2b3379,#111425);display:grid;place-content:center;padding:40px;text-align:center}.stage-empty h2{font-size:45px;font-weight:400;letter-spacing:-.04em;margin:0 0 20px}.stage-empty .oto-launch{margin:auto}.scene-load-indicator{position:absolute;top:150px;left:28px;z-index:6;max-width:330px;background:#12152de8;padding:12px 16px;font-size:12px;color:#ddd}.scene-load-indicator[hidden]{display:none}.work-stage:fullscreen{width:100vw;height:100svh}.work-stage:fullscreen .work-scene-title{top:30px}
@media(min-width:1500px){.work-layout{grid-template-columns:1fr 360px}.work-panel summary,.panel-content{padding-left:28px;padding-right:28px}}
@media(max-width:800px){.oto-experience{padding:70px 6vw}.oto-experience .experience-head{grid-template-columns:1fr;gap:25px;margin:28px 0 30px}.oto-experience .experience-intro{margin:0;font-size:16px}.experience-frame{height:520px;margin:0 -6vw}.experience-poster{padding:26px}.experience-poster img{width:80%}.experience-poster .poster-foot{align-items:start;flex-direction:column}.experience-poster .poster-foot p{font-size:39px}.experience-controls{bottom:15px;left:15px;right:15px;gap:5px}.oto-control{padding:10px 12px;font-size:11px}.experience-foot{flex-direction:column;gap:10px}.experience-contacts{display:grid;gap:19px}.experience-contacts a{justify-content:space-between}.work-header{height:64px;padding:0 17px;gap:8px}.work-brand{gap:13px}.work-brand img{width:75px}.work-brand span{display:none}.work-header-actions{gap:9px}.work-header-actions .oto-control{font-size:11px;padding:9px}.work-layout{display:block;min-height:560px;height:calc(100svh - 64px)}.work-stage{height:100%;width:100%}.work-scene-title{left:18px;top:23px;right:115px}.work-scene-title h1{font-size:30px;line-height:1.03}.work-scene-title p{font-size:11px}.scene-stats{right:16px;top:23px;font-size:8px;max-width:100px}.scene-stats strong{font-size:23px}.work-stage .experience-controls{bottom:94px;left:16px;right:16px}.scene-disclaimer{left:17px;right:17px;bottom:68px;font-size:8px}.scene-disclaimer span:last-child{display:none}.work-panel{display:none;position:fixed;bottom:0;left:0;right:0;max-height:75svh;z-index:10;border-radius:16px 16px 0 0;box-shadow:0 -20px 90px #0008;padding-bottom:25px;border-left:0}.work-panel.is-open{display:block}.panel-heading{position:sticky;top:0;background:var(--oto-paper);z-index:1;padding:20px 22px}.panel-heading button{display:block;padding:8px}.work-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;align-items:center;justify-content:space-between;padding:0 17px;background:#f5f4f0;color:#090a0e;border-top:1px solid #090a0e25;z-index:8}.work-bottom button{border:0;background:none;padding:12px 0;font-size:12px}.hotspot-card{bottom:175px;right:16px;width:min(280px,calc(100% - 32px))}.proposal-fields{grid-template-columns:1fr}.proposal-fields .full{grid-column:auto}.project-dialog{padding:20px}.project-dialog h2{font-size:25px}.is-presenting .work-stage .experience-controls,.is-recipient .work-stage .experience-controls{bottom:55px}.is-presenting .scene-disclaimer,.is-recipient .scene-disclaimer{bottom:18px}.is-presenting .work-scene-title,.is-recipient .work-scene-title{right:20px}.login-page{grid-template-columns:1fr}.login-art{padding:30px}.login-art h1{font-size:56px;margin:40px 0}.login-art p{display:none}.login-form-wrap{padding:35px 25px}.scene-load-indicator{left:18px;top:145px;max-width:85%}}
@media(prefers-reduced-motion:reduce){.oto-experience *,.showroom-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.presentation-summary{display:none;margin:0 0 10px!important;color:#dddff1!important;font-size:11px!important}.is-presenting .presentation-summary{display:block}

.camera-controls,.utility-controls{display:contents}
@media(max-width:800px){.work-stage .experience-controls{bottom:117px;gap:6px}.camera-controls,.utility-controls{display:flex;width:100%;gap:4px;overflow-x:auto;scrollbar-width:none}.camera-controls .oto-control,.utility-controls .oto-control{flex:0 0 auto;padding:10px 9px;font-size:11px}.utility-controls #fullscreen{font-size:0;width:34px;position:relative}.utility-controls #fullscreen:after{content:'';display:block;width:13px;height:13px;border:1px dashed #f5f4f0;margin:auto}.scene-disclaimer{bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:8px;line-height:1.4}.scene-disclaimer span:first-child{grid-column:1/-1}.scene-disclaimer .static-link{text-align:left;font-size:8px}.is-presenting .work-stage .experience-controls,.is-recipient .work-stage .experience-controls{bottom:80px}.is-presenting .scene-disclaimer,.is-recipient .scene-disclaimer{bottom:16px}}

#present-alternative{background:#11152bdd;color:#f5f4f0;border:1px solid #f5f4f05c;padding:10px;min-height:40px;max-width:300px;font-size:11px}

.static-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 30px}.static-gallery figure{margin:0}.static-gallery img{width:100%;height:180px;object-fit:cover;display:block}.static-gallery figcaption{font-size:12px;margin-top:10px;color:#b8bdd4}.poster-concept{position:absolute;right:25px;top:25px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}@media(max-width:800px){.static-gallery{grid-template-columns:1fr}.static-gallery img{height:auto}.poster-concept{right:20px;top:20px}.experience-poster img{margin-top:25px}}

/* Public concept stays a quiet editorial invitation until explicitly explored. */
.oto-experience{padding-top:84px;padding-bottom:68px}.oto-experience h2{font-size:clamp(52px,6.3vw,96px)}.oto-experience .experience-head{margin:28px 0 36px}.oto-experience .experience-intro{font-size:17px}.oto-experience>.experience-frame{height:clamp(330px,34vw,500px)}.oto-experience.is-exploring>.experience-frame{height:clamp(420px,49vw,720px)}.oto-experience .experience-poster img{width:40%;max-width:420px}.oto-experience .poster-foot p{font-size:clamp(26px,3.4vw,48px);max-width:640px}@media(max-width:800px){.oto-experience{padding-top:60px;padding-bottom:50px}.oto-experience .experience-intro{font-size:16px}.oto-experience>.experience-frame{height:380px}.oto-experience.is-exploring>.experience-frame{height:520px}.oto-experience .experience-poster img{width:65%}}
/* Uses the same stage and canvas, without reloading the proposal. */
.work-stage.is-expanded{position:fixed!important;inset:0!important;z-index:1000!important;width:100vw!important;height:100dvh!important;min-height:0!important;background:#090a0e}
.work-stage.is-expanded .experience-controls{bottom:54px}
.work-stage.is-expanded .scene-disclaimer{bottom:16px}
.work-stage.is-expanded #fullscreen{font-size:12px;width:auto}
.work-stage.is-expanded #fullscreen:after{display:none}
.work-stage.is-expanded .scene-stats{top:28px}

[data-corporate-link]{display:inline-block;text-decoration:none;font-size:11px} .work-panel>[data-corporate-link]{margin:0 20px 16px;padding:12px 16px;border:1px solid #a0a4b7;color:inherit}@media(max-width:800px){#corporate-nav{display:none}}