:root{--navy:#101f32;--orange:#db794a;--paper:#f5f3ee;--muted:#687078;--line:#dcdedc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font:15px/1.6 Arial,sans-serif}button,select,a{touch-action:manipulation}button,a{cursor:pointer}button,select{font:inherit}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}[hidden]{display:none!important}header{height:86px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;gap:20px}.brand{font-size:23px;font-weight:800;white-space:nowrap}.brand>span:last-child{color:var(--orange)}.mark{font-size:35px;color:var(--orange);vertical-align:middle;margin-right:8px}nav{display:flex;gap:22px}nav button{padding:12px 0;border-bottom:2px solid transparent}nav .active{border-color:var(--orange)}header small{font-size:10px;letter-spacing:2px;color:#b4c0cd}.hero{position:relative;min-height:760px;height:calc(100svh - 86px);background:#122335;overflow:hidden;color:white}.hero>img{position:absolute;right:0;top:0;width:67%;height:100%;object-fit:cover;object-position:57% center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101f32 2%,#101f32ee 28%,#101f3240 60%,transparent 90%),linear-gradient(0deg,#101f32,transparent 25%)}.hero-copy{position:relative;z-index:1;padding:100px 5% 170px;max-width:780px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.6px;color:var(--orange);margin:0 0 16px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4.2vw,64px);line-height:1.12;margin:0 0 24px}h2{font:400 32px Georgia,serif;margin:0}.hero-copy>p:not(.eyebrow){color:#ced4dc}.primary{display:inline-flex;gap:35px;align-items:center;background:var(--orange);color:#fff;padding:16px 24px;border-radius:3px;margin:18px 0;font-weight:700}.caption{font-size:12px!important}.hero-bottom{position:absolute;bottom:35px;left:5%;right:5%;display:flex;gap:65px;z-index:2}.hero-bottom b{display:block;font:26px Georgia,serif}.hero-bottom span{font-size:12px;color:#b9c4cf}.image-note{position:absolute;right:25px;top:20px;background:#101f32a8;padding:5px 12px;font-size:10px;z-index:2}.section-title{padding:42px 5% 25px;display:flex;align-items:end;justify-content:space-between}.section-title h1{font-size:42px;margin-bottom:0}.section-title>p{font-size:13px;color:var(--muted)}.explorer{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;margin:0 5% 50px}aside{border-top:1px solid var(--line);padding-top:18px}aside label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px}select{width:100%;padding:10px;margin:8px 0 15px;border:1px solid var(--line);background:white}#unit-list{max-height:680px;overflow:auto}.unit-option{display:flex;width:100%;justify-content:space-between;text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.unit-option small{color:var(--muted)}.unit-option.active{background:#e8e6e0;border-left-color:var(--orange)}.side-note{font-size:11px;color:var(--muted);padding:20px 6px}.workspace{min-width:0}.unit-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.unit-head .eyebrow{margin:0}#mode-switch{display:flex;background:#e8e7e2;padding:3px;border-radius:4px}#mode-switch button{padding:8px 12px;font-size:12px}#mode-switch .active{background:white;box-shadow:0 1px 4px #0001}.stage{height:530px;position:relative;background:#e7e9e5;border:1px solid var(--line);overflow:hidden;border-radius:4px}#viewer{width:100%;height:100%}canvas{display:block;touch-action:none}#reference{height:100%;background:#fff}#ref-image{height:100%;width:100%;object-fit:contain;padding:30px}#model-status{position:absolute;top:14px;left:14px;background:#ffffffeb;padding:6px 10px;font-size:11px;border-radius:3px;max-width:85%}#view-tools{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;background:#101f32e8;color:white;border-radius:4px;padding:5px;max-width:95%;overflow:auto}#view-tools button{font-size:12px;white-space:nowrap;padding:9px 13px}#view-tools button:hover{background:#ffffff20}#levels{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;border-radius:3px;display:flex}#levels button{padding:8px 16px;white-space:nowrap}.stage-help{font-size:11px;color:var(--muted);padding:10px 0}.stats{display:flex;gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.stats span{font-size:11px;color:var(--muted);display:block}.stats b{font-size:21px;font-weight:500}.unit-actions{display:flex;gap:25px;flex-wrap:wrap;padding:16px 0;font-size:13px}.unit-actions a,.unit-actions button{color:#995331;padding:0;text-decoration:underline}details{font-size:12px;line-height:1.7;color:var(--muted);max-width:850px}summary{cursor:pointer;color:var(--navy)}.location{padding:65px 5%;display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.location figure{margin:0}.location img{width:100%;border-radius:3px;margin-top:40px}.location figcaption{font-size:11px;color:var(--muted)}footer{padding:25px 5%;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between}footer span{color:var(--muted)}@media(max-width:760px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:15px 5%;gap:5px}header small{display:none}.brand{font-size:19px}nav{gap:16px;font-size:12px}.hero{min-height:700px;height:90svh}.hero>img{width:100%;object-position:58% center;opacity:.7}.hero:after{background:linear-gradient(0deg,#101f32 0%,#101f32aa 45%,#101f3260)}.hero-copy{padding-top:220px}.hero-copy h1{font-size:43px}.hero-bottom{gap:18px;bottom:25px;justify-content:space-between}.hero-bottom b{font-size:19px}.hero-bottom span{font-size:10px}.section-title{display:block;padding-top:30px}.section-title h1{font-size:34px}.explorer{display:block}aside{margin-bottom:20px}#unit-list{display:flex;max-height:none;overflow:auto}.unit-option{min-width:130px;display:block}.unit-option small{display:block}.side-note{padding:8px 0}select{width:180px}.unit-head{flex-wrap:wrap}h2{font-size:27px}.stage{height:490px}.stats{gap:24px}.stats b{font-size:17px}.location{display:block;padding-top:40px}.location img{margin-top:25px}footer{display:block}footer span{display:block}}

@media(max-width:760px){nav{flex-wrap:wrap;gap:8px 14px}header{padding-bottom:10px}}
