:root{color:#1d1b20;background:#fff8f7;font-family:Open Sans,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{-webkit-tap-highlight-color:transparent}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;white-space:nowrap;letter-spacing:normal;text-transform:none;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga"}#app,#ar-scene{width:100vw;height:100vh}#ar-scene{position:fixed;inset:0}.landing{position:fixed;z-index:3;inset:0;overflow-y:auto;color:#1d1b20;background:#fff8f7}.school-header{display:flex;min-height:4.5rem;align-items:center;justify-content:space-between;padding:.65rem clamp(1rem,5vw,4rem);color:#fff;background:#1d1b20;box-shadow:0 2px 5px #00000040}.school-header .ricaldone-logo{display:block;width:min(100%,21rem);height:auto;max-height:2.7rem;object-fit:contain;object-position:left center}.school-header-note{margin:0;color:#f6c202;font-family:Montserrat,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:1rem}.language-selector{display:inline-flex;overflow:hidden;border:1px solid rgb(255 255 255 / 36%);border-radius:1.25rem}.language-selector button{min-width:2.65rem;min-height:2.2rem;border:0;padding:.35rem .65rem;color:#fff;background:transparent;font:700 .67rem Montserrat,sans-serif;letter-spacing:.04em;cursor:pointer}.language-selector button[aria-pressed=true]{color:#1d1b20;background:#f6c202}.language-selector button:focus-visible{position:relative;outline:3px solid #fff;outline-offset:-3px}.landing-content{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(19rem,.7fr);width:min(100%,72rem);min-height:calc(100vh - 8.5rem);margin:0 auto;padding:clamp(1.5rem,6vw,4.5rem) clamp(1rem,5vw,3rem);align-items:center;gap:clamp(1.5rem,5vw,4rem)}.ar-banner{position:relative;overflow:hidden;min-height:27rem;padding:clamp(2rem,6vw,4rem);border-radius:1.75rem;color:#fff;background:linear-gradient(90deg,#260007f5,#710515db 62%,#e20c28a6),linear-gradient(135deg,#39030a,#df0d2a);box-shadow:0 .75rem 1.5rem #46000a3d}.ar-banner:after{position:absolute;right:-3.25rem;bottom:-6.75rem;width:21rem;height:21rem;border:2rem solid rgb(246 194 2 / 80%);border-radius:50%;content:""}.ar-banner>*{position:relative;z-index:1}.eyebrow{margin:0 0 .85rem;color:#f6c202;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.ar-banner h1{max-width:39rem;margin:0;font-family:Montserrat,sans-serif;font-size:clamp(2.05rem,5vw,3.35rem);font-weight:700;line-height:1.14}.ar-banner>p:not(.eyebrow){max-width:32rem;margin:1.2rem 0 2rem;font-size:1rem;line-height:1.65}.banner-details{display:flex;flex-wrap:wrap;gap:.6rem}.banner-details>span{display:inline-flex;align-items:center;gap:.35rem;min-height:2.25rem;border:1px solid rgb(255 255 255 / 50%);border-radius:1.25rem;padding:.35rem .75rem;background:#0003;font-family:Montserrat,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.banner-details i{color:#f6c202;font-size:1rem}.landing-card{padding:clamp(1.75rem,4vw,2.75rem);border-radius:1.75rem;background:#fff;box-shadow:0 .35rem 1.25rem #0000001f}.card-icon{display:grid;width:3rem;height:3rem;place-items:center;margin-bottom:1.25rem;border-radius:1rem;color:#8a0019;background:#ffd9df;font-size:1.55rem;font-variation-settings:"FILL" 1}.landing-card h2{margin:0;color:#1d1b20;font-family:Montserrat,sans-serif;font-size:1.28rem;font-weight:700}.landing-copy{margin:.85rem 0 1.65rem;color:#625b61;font-size:.92rem;line-height:1.65}.model-picker{margin-bottom:1.25rem}.model-picker-label{margin:0 0 .55rem;color:#625b61;font:700 .72rem Montserrat,sans-serif;letter-spacing:.04em;text-transform:uppercase}.model-picker-select{display:block;width:100%;min-height:3rem;appearance:none;border:1px solid #e3dfe1;border-radius:.9rem;padding:.55rem 2.5rem .55rem .85rem;color:#625b61;background:#fff;font:700 .68rem Montserrat,sans-serif;background-image:linear-gradient(45deg,transparent 50%,#ba0024 50%),linear-gradient(135deg,#ba0024 50%,transparent 50%);background-position:calc(100% - 1.1rem) 1.25rem,calc(100% - .75rem) 1.25rem;background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.model-picker-select:hover,.model-picker-select:focus{border-color:#ba0024;color:#8f001b;box-shadow:0 0 0 3px #f6c2026b;outline:0}.primary-action,.secondary-action,.controls button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:0;border-radius:1.5rem;color:#fff;background:#ba0024;box-shadow:0 .2rem .3rem #0003;font-family:Montserrat,sans-serif;font-weight:700;cursor:pointer;transition:box-shadow .15s ease,background-color .15s ease,transform .15s ease}.primary-action{width:100%;min-height:3.25rem;padding:.7rem 1.5rem;font-size:.82rem;letter-spacing:.02em}.secondary-action{width:100%;min-height:2.8rem;margin-top:.65rem;padding:.55rem 1.25rem;border:1px solid #ba0024;color:#8f001b;background:#fff;box-shadow:none;font-size:.75rem;text-decoration:none}.secondary-action .material-symbols-rounded{font-size:1.15rem}.primary-action .material-symbols-rounded{font-size:1.25rem;font-variation-settings:"FILL" 1}.primary-action:hover,.secondary-action:hover,.controls button:hover{background:#8f001b;box-shadow:0 .35rem .6rem #0000003d}.secondary-action:hover{color:#fff;background:#ba0024;box-shadow:0 .25rem .5rem #0000002e}.primary-action:active,.secondary-action:active,.controls button:active{box-shadow:none;transform:translateY(1px)}.primary-action:focus-visible,.secondary-action:focus-visible,.controls button:focus-visible{outline:3px solid #f6c202;outline-offset:3px}.primary-action:disabled{cursor:wait;opacity:.72}.landing-note{margin:1rem 0 0;color:#79747e;font-size:.78rem;line-height:1.45}.landing-footer{margin:0;padding:1.25rem;color:#625b61;font-family:Montserrat,sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.07em;text-align:center;text-transform:uppercase}.overlay{position:fixed;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.status-stack{display:grid;gap:.55rem}.viewer-top-row{display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.back-action{display:inline-flex;min-height:2.2rem;align-items:center;gap:.4rem;border:1px solid rgb(255 255 255 / 42%);border-radius:1.25rem;padding:.35rem .8rem;color:#fff;background:#1d1b20a3;box-shadow:0 .25rem 1rem #00000047;backdrop-filter:blur(10px);font:700 .67rem Montserrat,sans-serif;cursor:pointer}.back-action:hover{background:#ba0024e0}.back-action:focus-visible{outline:3px solid #f6c202;outline-offset:3px}.viewer-language-selector{border-color:#ffffff6b;background:#1d1b20a3;box-shadow:0 .25rem 1rem #00000047;backdrop-filter:blur(10px)}.status,.error{display:flex;width:fit-content;max-width:min(34rem,100%);align-items:center;gap:.65rem;margin:0;border-radius:1rem;padding:.75rem 1rem;color:#fff;background:#1d1b20eb;box-shadow:0 .25rem 1rem #00000047;font-size:.85rem}.status .material-symbols-rounded,.error .material-symbols-rounded{color:#f6c202;font-size:1.2rem}.error{background:#740014f2}.error .material-symbols-rounded{color:#ffdadf;font-variation-settings:"FILL" 1}.controls{width:min(42rem,100%);align-self:center;overflow:hidden;border-radius:1.75rem;padding:.8rem;border:1px solid rgb(255 255 255 / 28%);background:#1d1b2075;box-shadow:0 .85rem 2rem #0000004d;backdrop-filter:blur(14px);pointer-events:auto}.info-panel{display:flex;flex-direction:column;align-self:flex-end;min-width:0;width:min(20rem,32vw);max-height:min(46vh,26rem);overflow:hidden;border-radius:1.75rem;border:1px solid rgb(255 255 255 / 28%);background:#1d1b20c7;box-shadow:0 .85rem 2rem #0000004d;backdrop-filter:blur(14px);pointer-events:auto}.info-panel-header{display:flex;align-items:center;gap:.45rem;padding:.6rem .65rem;color:#fff}.info-panel-toggle{display:inline-flex;min-height:2.2rem;min-width:2.2rem;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / 28%);border-radius:.85rem;padding:.35rem;color:#fff;background:#ffffff1f;cursor:pointer}.info-panel-toggle .material-symbols-rounded{color:#f6c202;font-size:1.2rem}.info-panel-toggle:focus-visible{outline:3px solid #f6c202;outline-offset:2px}.info-panel-title{font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:700}.info-panel-body{min-height:0;overflow-y:auto;padding:0 .65rem .7rem;color:#fff}.info-section+.info-section{margin-top:.8rem}.info-section-heading{margin:0 0 .4rem;color:#f6c202;font-family:Montserrat,sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.info-model-name{margin:0 0 .25rem;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:700}.info-model-description{margin:0;color:#ffffffd1;font-size:.72rem;line-height:1.45}.info-legend-rows{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.info-legend-row{display:flex;align-items:center;gap:.55rem;font-size:.7rem;line-height:1.35}.info-legend-swatch{flex:0 0 auto;width:.85rem;height:.85rem;border-radius:.25rem}.info-panel.is-collapsed{width:auto;overflow:visible;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none}.info-panel.is-collapsed .info-panel-body,.info-panel.is-collapsed .info-panel-title{display:none}.info-panel.is-collapsed .info-panel-header{padding:0}.simulation-controls[hidden]{display:none}.controls-heading{display:flex;align-items:center;justify-content:space-between;padding:.35rem .65rem .85rem;color:#fff;font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:700}.controls-heading-label{display:inline-flex;align-items:center;gap:.55rem}.controls-heading-label .material-symbols-rounded{color:#f6c202;font-size:1.2rem}.controls-toggle{display:inline-flex!important;min-height:2.2rem!important;min-width:2.2rem;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / 28%)!important;border-radius:.85rem!important;padding:.35rem!important;color:#fff;background:#ffffff1f!important;cursor:pointer}.controls-toggle .material-symbols-rounded{color:#f6c202;font-size:1.2rem}.controls-toggle:focus-visible{outline:3px solid #f6c202;outline-offset:2px}.control-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.65rem}.mode-button{display:inline-flex;min-height:2.7rem;align-items:center;justify-content:center;gap:.35rem;border:1px solid rgb(255 255 255 / 28%);border-radius:.85rem;padding:.35rem .5rem;color:#fff;background:#ffffff1f;font:700 .62rem Montserrat,sans-serif;cursor:pointer}.mode-button .material-symbols-rounded{font-size:1rem}.mode-button.is-active{color:#1d1b20;border-color:#f6c202;background:#f6c202}.mode-button:focus-visible{outline:3px solid #fff;outline-offset:2px}.simulation-caption{min-height:1.25rem;margin:0 0 .65rem;padding:0 .65rem;color:#ffffffd1;font-size:.68rem;line-height:1.35}.controls button{min-height:4.2rem;flex-direction:column;padding:.45rem;border-radius:1rem;border:1px solid rgb(255 255 255 / 30%);color:#fff;background:#ffffff2e;box-shadow:none;font-size:.64rem;line-height:1.15}.controls button .material-symbols-rounded{color:#fff;font-size:1.35rem;font-variation-settings:"FILL" 1}.controls button:hover{color:#fff;background:#ba0024e0}.controls button:hover .material-symbols-rounded{color:#fff}.controls .reset-button{grid-column:2 / span 2;color:#fff;background:#0000007a}.controls .reset-button .material-symbols-rounded{color:#f6c202}.controls .reset-button:hover{color:#1d1b20;background:#f6c202}.controls .reset-button:hover .material-symbols-rounded{color:#1d1b20}.controls.is-collapsed{width:auto;overflow:visible;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none}.controls.is-collapsed .controls-heading{padding:0}.controls.is-collapsed .controls-heading-label,.controls.is-collapsed .simulation-controls,.controls.is-collapsed .control-actions{display:none}@media (max-width: 720px){.landing-content{grid-template-columns:1fr;min-height:auto;padding:1.5rem 1rem}.ar-banner{min-height:22rem}}@media (max-width: 460px){.school-header{padding-inline:1rem}.school-header-note{display:none}.header-actions{gap:0}.ar-banner{min-height:20rem;padding:1.75rem}.school-header .ricaldone-logo{width:min(100%,15rem)}.banner-details{gap:.4rem}.banner-details span{font-size:.56rem}.control-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.info-panel{width:min(18rem,84vw)}.controls .reset-button{grid-column:auto}.mode-button{font-size:.56rem}.landing-footer{padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}}
