:root{color-scheme:light;--ink:#29322d;--soft:#566157;--cream:#f5f2ec;--line:#d8d8ce;--green:#304f3f;--stage:#eeeae2;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #304f3f;outline-offset:4px}a{color:inherit}main{max-width:1160px;margin:auto;padding:0 42px}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0 24px;border-bottom:1px solid var(--line);gap:18px}.brand{font-size:11px;letter-spacing:1.5px;text-decoration:none;line-height:1.8}.brand b{font-weight:600}.edition{font-size:10px;letter-spacing:1.5px;white-space:nowrap}.intro{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:35px 0 25px}.eyebrow{font-size:10px;letter-spacing:2.2px;margin:0 0 9px;color:var(--soft)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(31px,4.2vw,48px);font-weight:400;letter-spacing:-1.2px;margin:0}.intro-copy{font-size:13px;line-height:1.6;color:var(--soft);margin:0 0 3px}.viewer-shell{position:relative;background:var(--stage);border-radius:4px;overflow:hidden}model-viewer{display:block;width:100%;height:540px;background:var(--stage);--poster-color:var(--stage)}.viewer-top,.viewer-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.viewer-top{top:20px}.viewer-bottom{bottom:19px;font-size:11px;color:var(--soft)}.pill{font-size:9px;letter-spacing:1.5px;color:var(--soft)}.quiet{pointer-events:auto;border:0;background:#f5f2ecd9;padding:8px 12px;border-radius:20px;color:var(--ink);font-size:11px}.scale-note{font-size:10px;letter-spacing:.4px}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f5f2ecee;border-radius:3px;padding:12px 18px;font-size:12px;white-space:nowrap}.native-ar{display:none}.controls{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 0;border-bottom:1px solid var(--line)}.selection{display:flex;border:1px solid var(--line);padding:4px;border-radius:30px;flex-shrink:0}.selection button{border:0;background:transparent;color:var(--soft);border-radius:24px;padding:10px 16px;font-size:12px}.selection button[aria-pressed=true]{background:var(--ink);color:#faf9f5}.dimensions{display:flex;gap:36px}.dimensions>div{min-width:82px}.dimensions span{display:block;font-size:9px;letter-spacing:1.3px;color:var(--soft);margin-bottom:6px}.dimensions strong{font-size:25px;font-weight:400;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.dimensions small{font-size:13px;color:var(--soft);letter-spacing:0}.placement{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:27px 0 20px}h2{font-size:17px;font-weight:500;margin:0 0 9px}.placement p{font-size:12px;line-height:1.6;color:var(--soft);margin:0;max-width:410px}.primary{display:inline-flex;gap:12px;align-items:center;justify-content:center;background:var(--green);color:#fff;border:0;border-radius:4px;padding:17px 25px;font-size:14px;min-height:54px;flex-shrink:0}.primary:hover:not(:disabled){background:#243e30}.notice{font-size:12px;padding:15px 0;line-height:1.5;color:var(--green)}.instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:20px 0 27px}.instructions>div{display:flex;gap:12px}.instructions span{font-size:10px;letter-spacing:.7px;color:#8c8e80;padding-top:2px}.instructions p{font-size:12px;line-height:1.65;color:var(--soft);margin:0}.instructions b{font-weight:500;color:var(--ink)}details{border-top:1px solid var(--line);padding:20px 0;color:var(--soft);font-size:12px;line-height:1.65}summary{cursor:pointer;color:var(--ink)}details p{max-width:760px;margin:15px 0}details a{text-underline-offset:4px}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 28px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:var(--soft)}[hidden]{display:none!important}
@media(max-width:700px){main{padding:0 22px}header{padding-top:23px}.brand{font-size:9px;letter-spacing:1px}.edition{font-size:9px}.intro{display:block;padding:28px 0 21px}.intro-copy{margin-top:12px;font-size:12px}.intro-copy br{display:none}model-viewer{height:430px}.controls{display:block;padding:20px 0}.selection{width:max-content;margin:0 auto 23px}.dimensions{justify-content:space-between;gap:15px}.dimensions>div{min-width:0}.dimensions strong{font-size:25px}.placement{display:block;padding-top:23px}.primary{width:100%;margin-top:18px}.instructions{grid-template-columns:1fr;gap:15px;margin:10px 0 24px}.viewer-top,.viewer-bottom{left:14px;right:14px}.viewer-bottom{font-size:10px;align-items:end}.scale-note{max-width:95px;text-align:right;line-height:1.5}.pill{font-size:8px;letter-spacing:.8px}footer{font-size:8px;letter-spacing:.5px}h1{font-size:37px}.viewer-shell{margin-left:-8px;margin-right:-8px}}
@media(max-width:370px){main{padding:0 17px}h1{font-size:32px}model-viewer{height:365px}.brand{max-width:155px}.dimensions strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Keep navigation and status readable at narrow phone widths. */
footer{flex-wrap:wrap;align-items:center;line-height:1.6}footer a{padding:10px 0;text-underline-offset:4px}#status{min-width:0;line-height:1.5}.scale-note{flex-shrink:0}.viewer-top .quiet{min-height:44px}.selection button{min-height:44px}summary{padding:10px 0}
@media(max-width:370px){header{flex-wrap:wrap;gap:8px}.viewer-bottom{gap:8px}.scale-note{max-width:80px}}

/* Readable controls without reducing the model stage. */
.brand{font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;letter-spacing:1px}
.edition,.eyebrow,.pill,.scale-note,.viewer-bottom,.dimensions span,.quiet{font-size:12px}
.pill{letter-spacing:.7px;max-width:55%;line-height:1.5}
.intro-copy,.placement p,.instructions p,details,.notice{font-size:14px}
.instructions span{font-size:12px;color:var(--soft)}
summary{min-height:44px;padding:12px 0}
footer{font-size:12px;letter-spacing:.3px}footer a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding:10px 0}
.viewer-bottom{align-items:end;gap:12px}.scale-note{max-width:120px;text-align:right;line-height:1.5}
::selection{background:var(--green);color:var(--cream)}
@media(max-width:700px){.edition{font-size:11px;white-space:normal;text-align:right}.dimensions{gap:12px}.dimensions span{letter-spacing:.6px}.viewer-bottom{font-size:12px}.scale-note{max-width:94px}}
@media(max-width:370px){header{gap:4px}.brand{max-width:none}.edition{font-size:11px}.viewer-top,.viewer-bottom{left:12px;right:12px}.pill{max-width:50%;font-size:11px}.scale-note{max-width:85px}.dimensions strong{font-size:23px}}