:root{--ink:#263b31;--muted:#657165;--paper:#f6f3eb;--line:#d9ddd0;--jade:#315c48;--white:#fffdf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}header{max-width:1500px;margin:auto;padding:23px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:11px;font-weight:650;letter-spacing:.16em}.brand img{width:45px;height:45px;object-fit:contain}main{max-width:1500px;margin:auto;padding:0 42px}.heading{padding:48px 0 30px;display:flex;gap:32px;align-items:flex-end;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:650;color:var(--muted);margin:0 0 12px}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:0}h1{font-size:clamp(36px,3.5vw,56px)}.intro{color:var(--muted);max-width:780px;margin:18px 0 0;line-height:1.65;font-size:15px}.summary{min-width:285px;display:flex;gap:27px;font-size:10px;white-space:nowrap;padding-bottom:3px}.summary span{display:flex;flex-direction:column}.summary b{font-size:23px;font-weight:500}.viewer{border:1px solid var(--line);background:var(--white);border-radius:4px;overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 17px;border-bottom:1px solid var(--line)}button{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:4px;padding:8px 12px;background:transparent;color:var(--ink);font-size:12px}button:hover{background:#e8ecdf}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #519078;outline-offset:2px}.views{display:flex;gap:4px}.views button[aria-pressed=true]{background:var(--jade);color:white}.toggles{display:flex;gap:16px;font-size:12px}.toggles label{cursor:pointer;display:flex;align-items:center;gap:5px}.toggles input{accent-color:var(--jade)}#stage{height:650px;position:relative;background:#eeeae0;isolation:isolate}#model{width:100%;height:100%;display:block;touch-action:none}.stage-title{position:absolute;left:27px;top:25px;max-width:410px;pointer-events:none}.stage-title h2{font-size:29px}.stage-title p{font-size:12px;color:#55675a;max-width:355px;line-height:1.5;margin:10px 0}.stage-title .eyebrow{font-size:9px}.stage-bottom{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:13px;left:22px;right:17px;font-size:10px;color:#617164}.stage-bottom div{display:flex;gap:4px}.stage-bottom button{background:#fffdf2df;box-shadow:0 1px 4px #253b3212}.compass{position:absolute;right:24px;top:23px;font-size:12px;font-weight:600;transform-origin:center;padding:10px}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.model-label{position:absolute;transform:translate(-50%,-50%);font-size:11px;line-height:1.25;background:#fffdf8eb;padding:5px 8px;box-shadow:0 1px 5px #31443818;white-space:nowrap;border-left:3px solid #657f6c;border-radius:2px}.model-label.route{border-color:#b37b43}.caption{display:flex;gap:24px;align-items:center;padding:14px 20px;font-size:10px;color:var(--muted);flex-wrap:wrap}.caption span:last-child{margin-left:auto}.swatch{display:inline-block;width:9px;height:9px;margin-right:6px}.brick{background:#a87858}.buff{background:#bfa98a}.jade{background:#648b7c}.story{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:70px 0;border-bottom:1px solid var(--line)}.story h2{font-size:42px}.story p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:590px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:25px 38px;align-content:center}.facts>div{border-top:1px solid #bec8b7;padding-top:15px;display:flex;flex-direction:column;gap:8px}.facts span{font-size:11px;color:var(--muted)}.facts strong{font-size:28px;font-weight:450;letter-spacing:-.025em}.facts small{font-size:11px;color:var(--muted);max-width:210px}.saved{padding:55px 0}.saved h2,.downloads h2{font-size:34px}.view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.view-grid a{text-decoration:none;border:1px solid var(--line);background:#eeeae0}.view-grid img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}.view-grid span{display:block;padding:12px 13px;font-size:11px;background:var(--white)}.downloads{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;border-top:1px solid var(--line);padding:42px 0}.downloads p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:650px}.actions{align-self:center;display:flex;gap:12px;flex-wrap:wrap}.actions a,.actions button{padding:11px 15px;font-size:12px;border:1px solid #bdc8b9;border-radius:3px;text-decoration:none}.actions .primary{background:var(--jade);color:white;border-color:var(--jade)}.limits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.limits summary{cursor:pointer;font-size:13px}.limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-top:20px}.limit-grid h3{font-size:13px}.limit-grid p{font-size:12px;color:var(--muted)}footer{max-width:1500px;margin:auto;padding:28px 42px 40px;display:flex;gap:28px;flex-wrap:wrap;font-size:10px;color:var(--muted)}footer span{margin-left:auto}#failure{position:absolute;inset:30% 20%;padding:25px;background:#fffdf8;box-shadow:0 2px 20px #3332}#failure[hidden]{display:none}
@media(min-width:1600px){#stage{height:720px}}@media(max-width:1050px){.heading{display:block}.summary{margin-top:22px}.story{gap:40px}#stage{height:560px}.toolbar{flex-wrap:wrap}.caption span:last-child{width:100%;margin-left:0}}@media(max-width:650px){header{padding:16px 18px}.brand{font-size:9px;letter-spacing:.1em}.brand img{width:34px;height:34px}header>a{font-size:10px}main{padding:0 16px}.heading{padding-top:28px}h1{font-size:36px}.intro{font-size:13px}.summary{gap:30px}.toolbar{padding:10px}.views{width:100%;justify-content:space-between}.views button{padding:7px 10px;font-size:11px}.toggles{gap:18px;margin-top:3px}#stage{height:440px}.stage-title{left:17px;top:17px;max-width:240px}.stage-title h2{font-size:24px}.stage-title p{font-size:10px;max-width:205px}.stage-title .eyebrow{font-size:8px}.compass{right:9px;top:10px}.stage-bottom{left:12px;right:12px;gap:5px;align-items:end}.stage-bottom #status{max-width:155px;font-size:9px}.stage-bottom button{font-size:10px;padding:7px}.caption{gap:9px 15px;padding:10px 13px;font-size:9px}.story,.downloads{grid-template-columns:1fr;gap:25px;padding:35px 0}.story h2{font-size:35px}.facts{gap:25px}.facts strong{font-size:25px}.view-grid{grid-template-columns:1fr}.saved{padding:32px 0}.limit-grid{grid-template-columns:1fr;gap:6px}.model-label{font-size:9px;padding:4px 5px}footer{padding:24px 18px;gap:18px}footer span{margin-left:0}}

#export-dialog{width:min(1000px,95vw);border:1px solid #bdc8b9;border-radius:6px;padding:20px;background:#f6f3eb;color:#263b31}#export-dialog::backdrop{background:#18372c88}#export-dialog>div{display:flex;align-items:center;justify-content:space-between;font-size:13px}#export-image{display:block;max-height:65vh;width:100%;object-fit:contain;margin:14px 0}#export-download{display:inline-block;background:#315c48;color:white;padding:10px 18px;font-size:13px;border-radius:3px;text-decoration:none}

.window-note{padding:42px 0 0;max-width:950px}.window-note h2{font-size:36px}.window-note p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:850px}.view-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:650px){.view-grid{grid-template-columns:1fr}.views button{padding:7px 6px;font-size:10px}}

.viewer:has([data-view="detail"][aria-pressed="true"]) .stage-title{background:#f6f3ebed;padding:13px 15px;border-radius:3px}.viewer:has([data-view="detail"][aria-pressed="true"]) .stage-title h2{font-size:23px}

.views{flex-wrap:wrap}.viewer:has([data-view="west"][aria-pressed="true"]) .stage-title{background:#f6f3ebed;padding:12px 14px;border-radius:3px;max-width:300px}.viewer:has([data-view="west"][aria-pressed="true"]) .stage-title h2{font-size:23px}
