@font-face{font-family:Inter;src:url('/brand-fonts/inter-400.woff')}@font-face{font-family:Inter;src:url('/brand-fonts/inter-600.woff');font-weight:600}@font-face{font-family:Marcellus;src:url('/brand-fonts/marcellus.woff')}*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:#1b403a;font:15px/1.65 Inter,sans-serif}a{color:inherit}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #b68744;outline-offset:3px}button{border:1px solid #cbd4c9;background:#fff;color:#244b43;border-radius:7px;padding:8px 14px}button:hover{background:#e6ebe1}button:disabled{cursor:default;opacity:.45}a{text-underline-offset:4px}h1,h2,h3{font-family:Marcellus,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(32px,4vw,52px);margin:9px 0 18px}h2{font-size:28px;margin:0}h3{font-size:24px}.header{height:85px;background:#1b403a;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px max(24px,calc((100vw - 1400px)/2));gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:.08em;font-size:12px}.brand img{width:48px;height:48px;object-fit:contain;background:white;border-radius:50%;padding:4px}.brand b{font-weight:400;display:block;font-size:11px;letter-spacing:.02em;color:#c3d2c4}.header nav{display:flex;gap:26px;font-size:13px}.header nav a{text-decoration:none}.intro{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:38px 0 28px}.intro p{max-width:770px;margin:0}.eyebrow{font-size:10px!important;letter-spacing:.15em;font-weight:600;color:#637866;text-transform:uppercase;margin:0 0 8px!important}.edition{font-size:12px;min-width:190px;border-left:1px solid #ccd4c9;padding-left:25px}.edition span{display:block}.edition a{display:block;margin-top:12px}main{max-width:1400px;margin:auto;padding:0 24px}.explorer{display:grid;grid-template-columns:245px minmax(0,1fr);border:1px solid #d5dcd0;border-radius:14px;background:#fff;overflow:hidden;scroll-margin-top:15px}aside{background:#eff1e9;padding:22px 16px;min-width:0}label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}select{background:white;border:1px solid #bdcbbb;border-radius:6px;color:#284a40;padding:9px;max-width:100%}aside select{width:100%;margin-bottom:16px}.mobile-label,#room-select{display:none}#stops{max-height:825px;overflow:auto;scrollbar-width:thin}#stops button{border:none;background:transparent;display:flex;align-items:flex-start;text-align:left;gap:10px;width:100%;padding:10px 9px;margin-bottom:3px;font-size:12px;line-height:1.4}#stops button span{color:#73836f;font-size:10px;min-width:23px;padding-top:2px}#stops button[aria-current=true]{background:#244b43;color:white}#stops button[aria-current=true] span{color:#c7d5c6}.group-label{font-size:10px;letter-spacing:.1em;margin:17px 8px 8px;text-transform:uppercase;color:#647763}.stage{min-width:0;padding:25px}.stage-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.step-controls{display:flex;gap:6px}.tabs{display:flex;gap:8px;margin:22px 0 16px;flex-wrap:wrap}.tabs button{font-size:13px;padding:8px 17px}.tabs button[aria-selected=true]{background:#244b43;color:white;border-color:#244b43}.design-image{position:relative;margin:0;background:#e3e7de;border-radius:9px;overflow:hidden;aspect-ratio:3/2}#main-image{width:100%;height:100%;object-fit:contain}.image-badge{position:absolute;top:15px;left:15px;color:#fff;background:#153b35e8;padding:6px 10px;font-size:10px;border-radius:4px}.image-arrows{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:12px;background:#fffef9ee;border-radius:7px;padding:5px;font-size:12px}.image-arrows button{border:0;padding:5px 10px;background:transparent}.caption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.caption p{margin:12px 0}.caption a{white-space:nowrap;font-size:11px}#thumbnails{display:flex;gap:8px;overflow:auto;padding:2px 2px 10px}#thumbnails button{padding:3px;min-width:88px;width:88px;height:60px;border:2px solid transparent;background:#edf0e8}#thumbnails button[aria-pressed=true]{border-color:#a5864e}#thumbnails img{width:100%;height:100%;object-fit:cover}.room-info{border-top:1px solid #e0e5db;margin-top:15px;padding-top:8px;font-size:13px}.room-info p{margin:10px 0}.room-info details{color:#576957;font-size:12px}.room-info summary{cursor:pointer;padding:6px 0}.room-info li{margin:7px 0}.view-note{font-size:11px;color:#607361}.plan-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.plan-toolbar p{margin:0 0 12px}#plan-canvas{background:#fafaf8;border:1px solid #dde3d9;border-radius:7px;overflow:hidden}#plan-canvas svg{width:100%;display:block}#plan-canvas a{cursor:pointer}#plan-canvas .marker circle{fill:#285b4a;stroke:white;stroke-width:1.1}#plan-canvas .marker text{fill:white;font:5px Inter,sans-serif;text-anchor:middle;dominant-baseline:central}#plan-canvas .marker.active circle{fill:#af7730;stroke:#254936;stroke-width:1.4}.model-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.model-toolbar label{margin:0;font-size:11px}.model-toolbar select{padding:6px;font-size:11px}.model-toolbar button{font-size:11px}.check{display:flex;align-items:center;gap:5px}#model-canvas{position:relative;min-height:440px;height:560px;max-height:65vh;border:1px solid #d6dfd1;border-radius:9px;overflow:hidden;background:#e9eee5;touch-action:none}#model-canvas canvas{width:100%;height:100%;display:block}#model-status{position:absolute;top:12px;left:18px;right:18px;margin:0;font-size:12px;pointer-events:none;z-index:2;color:#43624c;background:#f7f8f1e8;border-radius:5px;padding:8px 12px}#model-status:empty{display:none}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 20px;font-size:13px}.about h2{font-size:36px;max-width:460px;margin-bottom:23px}.about p{color:#586b5a}footer{border-top:1px solid #cbd6c8;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 0 35px;font-size:12px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;padding:12px;z-index:20}[hidden]{display:none!important}@media(max-width:850px){.explorer{grid-template-columns:190px minmax(0,1fr)}aside{padding:16px 10px}.stage{padding:18px}.intro{align-items:flex-start}.edition{display:none}.about{gap:30px;padding:45px 0}.header nav{gap:20px}.stage h2{font-size:24px}}@media(max-width:650px){main{padding:0 14px}.header{padding:12px 16px;height:75px}.brand img{width:38px;height:38px}.header nav{gap:15px;font-size:12px}.intro{padding:28px 4px 24px}.intro p{font-size:13px}.explorer{display:block}aside{display:grid;grid-template-columns:1fr 1.5fr;gap:5px 10px;padding:13px}.mobile-label{display:block;grid-column:2;grid-row:1}#level{grid-column:1;grid-row:2}#room-select{display:block;grid-column:2;grid-row:2}aside select{font-size:12px;margin:0}#stops{display:none}.stage{padding:15px}.stage-heading h2{font-size:23px}.step-controls button{padding:6px 10px}.tabs{gap:6px;margin-top:17px}.tabs button{padding:8px 11px;font-size:12px}.design-image{aspect-ratio:4/3}.image-badge{top:8px;left:8px;font-size:8px;padding:4px 7px}.image-arrows{bottom:8px;right:8px}.caption{gap:10px}.caption p{font-size:11px}.caption a{font-size:10px}#model-canvas{min-height:330px;height:410px}.model-toolbar{gap:8px}.about{display:block;padding:38px 4px}.about h2{font-size:30px}.about h3{margin-top:30px}.plan-toolbar{align-items:flex-start;font-size:10px}.plan-toolbar a{white-space:nowrap}.room-info{font-size:12px}footer{font-size:11px;gap:12px}}
