*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#292d25;color:#e5d9b5;font:16px/1.4 system-ui,sans-serif}#modelsCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}main{position:relative;z-index:1}header{display:flex;gap:24px;align-items:center;padding:16px 24px;border-bottom:2px solid #706b51}header h1{font:36px/1 Impact,Haettenschweiler,sans-serif;letter-spacing:1px;margin:0;flex:1}a{color:#e5d9b5;text-decoration:none}header>a:first-child{font-weight:900;color:#d2ab52}nav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px 20px}button{color:inherit;background:#3b4033;border:1px solid #716c50;font:700 15px system-ui;cursor:pointer}nav button{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:8px;border-width:0 0 3px;border-bottom-color:transparent;background:none}nav button[aria-pressed=true]{border-color:#d2ab52;background:#e3cf8020}.thumb{height:140px;width:100%}nav span{padding:4px 0}.inspection{display:grid;grid-template-columns:230px 1fr;padding:0 24px;min-height:380px;height:52vh}.model-info{padding:20px 10px 20px 0}.model-info h2{font:44px/.98 Impact,Haettenschweiler,sans-serif;margin:0 0 12px;text-transform:uppercase;overflow-wrap:anywhere}.model-info p{margin:12px 0}.model-info label{display:flex;align-items:center;gap:8px;margin-top:20px}.views{display:flex;gap:6px;flex-wrap:wrap}.views button{padding:8px 10px}.viewport{touch-action:none;cursor:grab;min-width:0}.viewport:active{cursor:grabbing}.objects{padding:20px 24px}.objects h2{font:26px Impact,Haettenschweiler,sans-serif;letter-spacing:1px;margin:0 0 10px}#foodChoices{display:flex;flex-wrap:wrap;gap:6px}#foodChoices button{padding:8px 12px;text-transform:capitalize}#foodChoices button[aria-pressed=true]{background:#a48a4c;color:#1e251d}#status{padding:0 24px 16px;margin:0;color:#dbb970}@media(max-width:700px){header{padding:12px;gap:12px}header h1{font-size:26px}header a{font-size:13px}nav{padding:8px;gap:2px}nav button{font-size:11px;padding:4px}.thumb{height:90px}.inspection{grid-template-columns:135px 1fr;padding:0 12px;height:44vh;min-height:300px}.model-info h2{font-size:28px}.model-info{font-size:14px}.views button{font-size:13px;padding:6px}.objects{padding:12px}#foodChoices button{font-size:14px}header>a:first-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(max-width:700px){nav{display:flex;overflow-x:auto}nav button{min-width:150px;font-size:16px;padding:8px}.thumb{height:110px}#foodChoices button{font-size:16px}.model-info{font-size:16px}}

@media(min-width:701px){nav .thumb{height:210px}.inspection{height:40vh;min-height:310px}}
.model-info h2{font-size:clamp(26px,2.3vw,34px);overflow-wrap:normal;word-break:normal}
@media(max-width:700px){.model-info h2{font-size:20px}}

/* Daylight workshop: readable against a dusty muted olive background. */
html,body{background:#949d89;color:#20271f}a{color:#20271f}header{border-bottom-color:#59634f}header>a:first-child{color:#633d22}button{color:#20271f;background:#d3d4ba;border-color:#626c58}nav button{background:none}nav button[aria-pressed=true]{border-color:#704021;background:#2730231c}#foodChoices button[aria-pressed=true]{background:#574831;color:#fff6df}#status{color:#493523}

@media(min-width:701px){nav{grid-template-columns:repeat(5,minmax(0,1fr))}nav .thumb{height:150px}}
