:root{--chart:#f0e2bd;--cream:#faf0d1;--sun:#d39a31;--surface:#2fa7ad;--break:#176d99;--basin:#082e62;--navy:#0b2740;--ink:#243a42;--line:#8a9a94}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--chart);color:var(--ink);font-family:Georgia,serif;overflow-x:hidden}a,button,input{font:inherit}header{height:80px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:#f0e2bdef}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--navy);font:bold 11px monospace;letter-spacing:.13em}.brand b{background:var(--basin);color:var(--cream);padding:13px}.brand i{font-style:normal;color:var(--break)}nav{display:flex;gap:30px}nav a,header small{color:#667a7c;text-decoration:none;text-transform:uppercase;font:10px monospace;letter-spacing:.12em}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;background-image:linear-gradient(90deg,var(--chart) 0%,#f0e2bdf0 39%,#f0e2bd00 67%),url('../assets/images/thermocline-atlas.png');background-size:cover;background-position:center}.hero-copy{margin-left:7vw;width:min(670px,86vw)}.hero-copy>p,.station-head p,.atlas>p{color:var(--break);font:900 10px monospace;letter-spacing:.22em}.hero h1{font:700 clamp(61px,9vw,130px)/.79 Georgia;margin:25px 0;letter-spacing:-.055em}.hero h1 em{font-weight:400;color:var(--break)}.hero-copy>span{display:block;max-width:500px;font:16px/1.7 Arial;color:#576c6f}.hero a{display:inline-block;margin-top:26px;background:var(--basin);color:white;padding:17px 23px;text-decoration:none;font:bold 11px monospace;border-bottom:5px solid var(--sun)}.station{padding:100px max(4vw,15px);background:var(--navy);color:var(--cream)}.station-head{max-width:1180px;margin:auto;display:flex;align-items:end;justify-content:space-between}.station-head h2{font:700 clamp(42px,6vw,75px)/.9 Georgia;margin:10px 0}.stats{display:flex;gap:8px}.stats span{border:1px solid #ffffff2b;padding:12px;color:#87a8b0;font:9px monospace}.stats b{display:block;color:var(--cream);font-size:18px;margin-top:4px}.instrument{max-width:1180px;margin:35px auto 0;display:grid;grid-template-columns:1fr 300px;background:#0d3550;border:1px solid #547586}.lake{height:680px;position:relative;overflow:hidden;background:linear-gradient(to bottom,var(--surface) 0 27%,var(--break) 28% 57%,var(--basin) 58%)}.lake>div:not(.probe):not(.cable):not(.bass):not(.depth-scale){position:absolute;left:25px;color:#ffffff9b;font:9px monospace;letter-spacing:.16em}.surface{top:12%}.thermo{top:40%}.deep{top:72%}.lake:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff13 0 1px,transparent 1px 34px);pointer-events:none}.cable{position:absolute;z-index:3;left:50%;top:0;width:2px;height:var(--depth,50%);background:var(--cream)}.probe{position:absolute;z-index:4;left:50%;top:var(--depth,50%);transform:translate(-50%,-50%);width:52px;height:64px;border:3px solid var(--cream);background:var(--sun);color:var(--navy);display:grid;place-items:center;transition:top .25s}.probe i{position:absolute;top:-9px;width:10px;height:10px;border-radius:50%;background:var(--cream)}.probe small{font:bold 10px monospace}.depth-scale{position:absolute;z-index:4;right:18px;top:12px;bottom:12px;display:flex;flex-direction:column;justify-content:space-between;color:#ffffffb8;font:8px monospace}.bass{position:absolute;z-index:5;left:68%;top:var(--bass-depth,55%);font-size:55px;color:var(--cream);transform:scaleX(-1);opacity:var(--bass-show,0);transition:opacity .25s,top .25s}.instrument aside{padding:28px;display:flex;flex-direction:column;gap:22px}.brief{border:1px solid #ffffff30;padding:20px}.brief small{display:block;color:#84a7b1;font:9px monospace}.brief b{display:block;margin:8px 0;color:var(--sun);font:700 38px Georgia}.brief span{font:10px monospace;color:#c1d0cf}.instrument label{display:block;color:#9eb7bc;font:9px monospace;letter-spacing:.11em}.instrument output{float:right;color:var(--cream);font-size:13px}.instrument input{width:100%;margin-top:15px;accent-color:var(--sun)}.speeds{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.speeds small{grid-column:1/4;color:#9eb7bc;font:9px monospace}.speeds button{border:1px solid #64808e;background:transparent;color:#c2d0d2;padding:12px 4px;font:8px monospace}.speeds button.selected{background:var(--sun);color:var(--navy);border-color:var(--sun)}.instrument aside p{min-height:65px;color:#9eb4b8;font:11px/1.6 monospace}.instrument aside>button{min-height:52px;border:1px solid #688692;background:transparent;color:white;font:bold 10px monospace}.instrument #sample{background:var(--surface);border-color:var(--surface)}button:disabled{opacity:.3}.atlas{padding:120px 7vw}.atlas h2{font:700 clamp(49px,7vw,91px)/.88 Georgia}.atlas>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.atlas article{padding:30px;border-right:1px solid var(--line)}.atlas article>b{font:700 43px Georgia;color:var(--break)}.atlas h3{font:900 16px monospace}.atlas article p{font:15px/1.7 Arial;color:#657174}footer{padding:38px 5vw;background:#071e31;color:#8fa9b0;display:flex;justify-content:space-between;font:10px monospace}footer b{color:white}footer a{color:inherit}dialog{border:0;background:transparent}dialog::backdrop{background:#061c30e5}dialog>div{width:min(510px,90vw);padding:50px;background:var(--cream);border:8px solid var(--break);text-align:center;color:var(--ink)}dialog h2{font:700 45px Georgia}dialog button{background:var(--basin);color:white;border:0;padding:15px 24px}