:root{color:#24180e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f0e6;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{background:#f6f0e6}button,input{font:inherit}:root{--panel:#1a1c1fd1;--panel-border:#ffffff14;--text-strong:#f2f3f5;--text-soft:#f2f3f5b3;--shadow:0 28px 90px #00000059;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}.app-shell{min-height:100vh;color:var(--text-strong);background:radial-gradient(circle at 0 0,#ffffff14,#0000 22%),linear-gradient(#383735,#26282b);position:relative}.scene-panel{top:max(1rem, calc(var(--safe-top) + .75rem));left:max(1rem, calc(var(--safe-left) + .75rem));z-index:3;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(360px,100vw - 2rem);box-shadow:var(--shadow);border-radius:1rem;padding:.9rem;position:absolute}.brand-row{justify-content:flex-start;align-items:center;gap:.85rem;padding:.15rem .15rem .7rem;display:flex}.brand-row img{object-fit:contain;max-width:min(42%,128px);max-height:42px;display:block}.brand-logo-metco{max-width:min(56%,168px)!important;max-height:56px!important}.scene-copy{padding:.35rem .2rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#ffffff75;margin:0;font-size:.68rem}.scene-copy h1{letter-spacing:0;max-width:14ch;margin:.55rem 0 0;font-size:clamp(1.55rem,3vw,2.3rem);line-height:1}.intro{max-width:32rem;color:var(--text-soft);margin:.75rem 0 0;font-size:.9rem;line-height:1.5}.tips-card{gap:.55rem;margin-top:.9rem;display:grid}.tip-item{color:#f2f3f5d1;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:.7rem;align-items:center;gap:.55rem;padding:.62rem .7rem;font-size:.86rem;line-height:1.35;display:flex}.tip-icon{color:#8eb4ff;flex:none;width:1rem;height:1rem}.viewer-card{height:100vh;min-height:100vh}.viewer-frame{height:100vh;min-height:100vh;position:relative;overflow:hidden}.viewer-frame:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 72% 22%,#ffffff14,#0000 22%),radial-gradient(circle at 22% 60%,#ffffff0a,#0000 28%);position:absolute;inset:0}.viewer-frame canvas{display:block;width:100%!important;height:100%!important}.viewer-loading{z-index:5;opacity:1;pointer-events:none;background:#2b2b2ad1;place-items:center;transition:opacity .24s;display:grid;position:absolute;inset:0}.viewer-loading.is-complete{opacity:0}.loading-badge{color:var(--text-strong);background:#191b1ef0;border-radius:1.2rem;align-items:center;gap:.85rem;padding:.9rem 1.1rem;display:inline-flex;box-shadow:0 20px 50px #0000004d}.loading-icon{width:1.1rem;height:1.1rem;animation:1s linear infinite spin}.loading-title,.loading-copy{margin:0}.loading-title{font-size:.94rem;font-weight:600}.loading-copy{color:#ffffff9e;font-size:.82rem}.hotspot-label{color:#ecffeff0;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b100dc2;border:1px solid #b7ffbd52;border-radius:999px;align-items:center;padding:.2rem .34rem;font-size:.58rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 5px 12px #0000003d}.hotspot-label-button{font:inherit;cursor:pointer}.image-modal{z-index:20;padding:max(1rem, calc(var(--safe-top) + .75rem)) max(1rem, calc(var(--safe-right) + .75rem)) max(1rem, calc(var(--safe-bottom) + .75rem)) max(1rem, calc(var(--safe-left) + .75rem));place-items:center;display:grid;position:fixed;inset:0}.image-modal-backdrop{cursor:zoom-out;background:#060708b8;border:0;position:absolute;inset:0}.image-modal-content{z-index:1;background:#111213f5;border:1px solid #ffffff1f;border-radius:1rem;width:min(1120px,96vw);max-height:92vh;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000007a}.image-modal-header{color:#f2f3f5f0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem .95rem;font-size:.95rem;font-weight:700;display:flex}.image-modal-header button{color:#f2f3f5db;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;min-height:2.25rem;padding:.45rem .8rem}.image-modal-body{place-items:center;max-height:calc(92vh - 3.6rem);padding:.75rem;display:grid;overflow:auto}.image-modal-body img{object-fit:contain;max-width:100%;height:auto;max-height:calc(92vh - 5.1rem);display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=1200px){.scene-panel{width:380px}.brand-row{padding-bottom:.55rem}.brand-row img{max-height:32px}.brand-logo-metco{max-height:42px!important}.image-modal-content{width:min(1280px,92vw)}}@media (width<=900px){.scene-panel{top:max(.65rem, calc(var(--safe-top) + .45rem));left:max(.65rem, calc(var(--safe-left) + .45rem));border-radius:.85rem;width:min(320px,100vw - 1.3rem);padding:.72rem}.scene-copy h1{max-width:18ch;font-size:1.35rem;line-height:1.05}.intro{margin-top:.5rem;font-size:.78rem;line-height:1.42}.tips-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem;margin-top:.65rem}.tip-item{justify-content:center;min-height:2.35rem;padding:.5rem}.tip-item span{display:none}.hotspot-label{padding:.18rem .3rem;font-size:.54rem}.image-modal{padding:max(.5rem, var(--safe-top)) max(.5rem, var(--safe-right)) max(.5rem, var(--safe-bottom)) max(.5rem, var(--safe-left))}.image-modal-content{border-radius:.75rem;width:100%;max-height:calc(100svh - 1rem)}.image-modal-header{padding:.65rem .75rem;font-size:.86rem}.image-modal-body{max-height:calc(100svh - 4.5rem);padding:.45rem}.image-modal-body img{max-height:calc(100svh - 5.4rem)}}@media (width<=520px){.scene-panel{right:max(.65rem, calc(var(--safe-right) + .45rem));width:auto}.scene-copy{gap:.25rem;padding:0;display:grid}.brand-row{gap:.65rem;padding-bottom:.45rem}.brand-row img{max-height:26px}.brand-logo-metco{max-height:34px!important}.eyebrow{letter-spacing:.18em;font-size:.58rem}.scene-copy h1{margin:0;font-size:1.05rem}.intro{display:none}.tips-card{margin-top:.55rem}.loading-badge{max-width:calc(100vw - 2rem);padding:.75rem .9rem}}