@font-face{font-family:Georgia;src:local(Georgia)}*{box-sizing:border-box}body{margin:0;color:#23312e;background:#f4f1e9;font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ab7539;outline-offset:4px}header{height:100px;padding:24px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcd9cf}.brand{font-family:Georgia,serif;font-size:32px;line-height:1;text-decoration:none;color:#1a3045}.brand i{font-weight:normal}.brand span{display:block;font:9px Arial;letter-spacing:3px;margin-top:9px}.dimensions{font-size:13px;letter-spacing:2px}.dimensions small{font-size:9px;color:#777}header button{border:0;background:none;font-size:12px}header button span{margin-left:20px}main{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:calc(100vh - 100px)}.stage{position:relative;background:#e9e7df;min-height:780px;overflow:hidden}#viewer{width:100%;height:100%;position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.caption{position:absolute;top:35px;left:38px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#6b746b}h1{font:normal 36px/1.13 Georgia,serif;letter-spacing:-1.2px;margin:15px 0;color:#26382f}h1 em{font-weight:normal}.viewtabs{position:absolute;top:30px;right:28px;display:flex;background:#ffffffb8;padding:4px;border-radius:30px;backdrop-filter:blur(8px)}.viewtabs button{padding:11px 15px;border:0;border-radius:24px;background:none;font-size:11px}.viewtabs .active{background:#203b36;color:white}.viewactions{position:absolute;bottom:48px;left:30px;right:30px;display:flex;justify-content:space-between;pointer-events:none}.viewactions button{pointer-events:auto;background:#f9f8f0ed;border:1px solid #d0d3c7;padding:12px 17px;border-radius:5px;font-size:12px;box-shadow:0 3px 18px #25352b08}#tip{position:absolute;bottom:18px;width:100%;text-align:center;font-size:10px;color:#626d65;pointer-events:none}#status{position:absolute;bottom:105px;left:50%;transform:translateX(-50%);font-size:12px;background:#203b36;color:white;padding:10px 18px;border-radius:30px;opacity:0;transition:opacity .2s;pointer-events:none}#status.visible{opacity:1}aside{padding:35px 27px;background:#fbfaf6;border-left:1px solid #dcd9cf}.intro h2{font:normal 27px/1.15 Georgia,serif;margin:15px 0}.intro p{font-size:12px;line-height:1.7;color:#777b70;max-width:240px;margin-bottom:30px}#parts h3{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:#858b7c;margin:24px 0 10px}#parts button{display:flex;width:100%;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:1px solid #e4e5dc;padding:13px 0;font-size:12px;text-align:left}#parts button b{font-size:10px;font-weight:normal;color:#7d8877}#parts button[aria-pressed=true]{color:#9b693c}#parts button:hover{color:#9b693c}.palette{display:flex;align-items:center;gap:7px;margin:35px 0 25px}.palette span{width:23px;height:23px;flex-shrink:0;border-radius:50%;background:var(--swatch)}.palette p{font-size:10px;line-height:1.6;color:#7a8073;margin-left:8px}details{border-top:1px solid #ddd;padding-top:18px;font-size:11px;color:#7c8277}summary{cursor:pointer;color:#405045}details p{font-size:11px;line-height:1.7}details a{color:inherit}#photo{position:absolute;width:100%;height:100%;object-fit:contain;background:#1a1b18;z-index:1}#photo:not([hidden])~.caption,#photo:not([hidden])~#tip{display:none}.viewtabs,.viewactions,#status{z-index:3}#loading{position:absolute;inset:0;background:#e9e7dff0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;z-index:4}#loading strong{font:normal 25px Georgia}#loading small{font-size:11px;color:#7d8477}.spinner{border:2px solid #b7beae;border-top-color:#29473d;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#helpbox{position:fixed;z-index:10;top:110px;right:30px;background:#fffdf7;padding:30px;box-shadow:0 10px 90px #0003;width:min(380px,calc(100vw - 30px));border:1px solid #ddd}#helpbox h2{font:normal 28px Georgia}#helpbox p{font-size:13px;line-height:1.6}#dismisshelp{float:right;background:none;border:0;font-size:24px}.muted{color:#888;font-size:12px}@media(max-width:1000px){header{height:82px;padding:20px 22px}main{grid-template-columns:1fr 265px}.caption{left:22px;top:30px}h1{font-size:27px}.viewtabs{top:135px;right:18px}.stage{min-height:750px}aside{padding:30px 20px}}@media(max-width:700px){header{height:78px}.brand{font-size:26px}.dimensions{font-size:11px}header button{font-size:0}header button span{font-size:18px}main{display:block}.stage{height:74vh;min-height:570px}.caption{top:22px}h1{font-size:27px}.viewtabs{top:23px;right:16px;flex-direction:column}.viewtabs button{padding:9px 12px;font-size:10px}.eyebrow{font-size:8px}.caption .eyebrow{max-width:155px;display:block;line-height:1.6}.viewactions{left:16px;right:16px}#tip{font-size:9px}aside{padding:30px 24px;border-top:1px solid #ddd}.intro p{max-width:none}#parts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}#parts h3{grid-column:1/-1}#loading strong{font-size:21px}}

.detailviews{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.detailviews button{background:#ece9df;border:1px solid #d4d5c8;border-radius:20px;padding:9px 11px;font-size:11px}.caption{background:#f9f7f0d9;border-radius:8px;padding:14px 18px;top:24px;left:24px}h1{font-size:25px;margin:8px 0 0}.stage{min-height:720px}@media(max-width:700px){.caption{padding:10px;left:14px;top:16px}.caption h1{font-size:20px}.stage{min-height:580px}}
@media(min-width:701px){main{height:calc(100vh - 100px);min-height:0;overflow:hidden}.stage{height:100%;min-height:0}aside{overflow:auto;min-height:0}header{height:100px}.caption{top:18px;left:18px}.caption h1{font-size:22px}}@media(min-width:701px) and (max-width:1000px){main{height:calc(100vh - 82px)}header{height:82px}}