*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#17312a;font-family:Arial,Helvetica,sans-serif}header,main,footer{max-width:1200px;margin:auto}header{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9ded5}.brand{font-size:24px;font-weight:900;text-decoration:none;color:#063d2b;letter-spacing:1px}.brand span{display:block;font-size:9px;letter-spacing:4px;margin-top:3px}.edition{font-size:12px;color:#5b6d62}main{padding:30px 28px}.intro{margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:#857029}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;margin:12px 0;line-height:1.1}h1 span{color:#748474}.intro>p:last-child{font-size:14px;color:#52665a;line-height:1.5}.stage{position:relative;border:1px solid #dce0d7;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at center,#fff 10%,#e6e9de 100%)}model-viewer{width:100%;height:min(67vh,720px);min-height:430px;--poster-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bc9237;outline-offset:3px}.view-label{position:absolute;top:22px;left:24px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#5e7165;pointer-events:none}.zoom{position:absolute;right:18px;top:18px;display:flex;flex-direction:column;gap:8px}.zoom button{width:40px;height:40px;border-radius:50%;background:#ffffffe8;color:#17312a;font-size:24px;border:1px solid #dde2d7}.angles{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:#ffffffed;padding:5px;border-radius:50px;white-space:nowrap;box-shadow:0 3px 20px #14352512}.angles button{background:transparent;border-radius:30px;padding:12px 20px;font-size:12px;color:#52665a}.angles button[aria-pressed=true]{background:#063d2b;color:#fff}.ar-button{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);padding:15px 24px;border-radius:40px;background:#063d2b;color:white;font-size:14px;font-weight:bold;white-space:nowrap;box-shadow:0 4px 18px #063d2b33}#progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 20px;border-radius:40px;background:#fff;box-shadow:0 4px 20px #0001;font-size:13px}#progress.done{display:none}.details{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 4px;font-size:13px}.details strong{font-size:14px}.details p{color:#66766b;font-size:12px;line-height:1.6}.details #support{max-width:320px}.help{border-top:1px solid #d9ded5;padding:20px 4px;font-size:13px;line-height:1.7}.help summary{cursor:pointer;font-weight:bold}.help a{color:#063d2b}.error{position:absolute;inset:30%;background:white;padding:20px;border-radius:16px;z-index:3}.error button{background:#063d2b;color:white;padding:12px;border-radius:20px}.xr-help{display:none}model-viewer[ar-status="session-started"] .xr-help,model-viewer[ar-status="object-placed"] .xr-help{display:block;position:absolute;top:15%;left:10%;right:10%;padding:14px;background:#fff;color:#17312a;border-radius:20px;text-align:center}footer{padding:24px 28px;border-top:1px solid #d9ded5;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between;color:#5c7060}@media(min-width:900px){main{display:grid;grid-template-columns:300px 1fr;gap:0 36px}.intro{padding-top:100px}.stage{grid-column:2;grid-row:1/4}.details{grid-column:1;display:block}.help{grid-column:1}model-viewer{height:740px}}@media(max-width:520px){header{padding:18px 20px}main{padding:20px 14px}.intro{padding:0 6px;margin-bottom:18px}h1{font-size:31px}.intro br{display:none}.intro h1 span{margin-left:5px}.intro .eyebrow{font-size:9px}model-viewer{height:58vh;min-height:410px}.angles button{padding:11px 17px}.details{display:block;padding:18px 6px}.details p{margin:8px 0}.help{padding-left:6px}.edition{font-size:10px}footer{padding:20px 18px}footer span{letter-spacing:0}.error{inset:25% 10%}}