:root{--snow:#eef6f8;--ice:#b9dce8;--blue:#075ba8;--deep:#08365f;--orange:#f26a2e;--graphite:#20303a;--line:#92b8c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--graphite);background:var(--snow);font-family:Arial,sans-serif;overflow-x:hidden}a,button{font:inherit}header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#eef6f8ee;position:sticky;top:0;z-index:10}.mark{display:flex;gap:12px;align-items:center;color:var(--deep);text-decoration:none;font:800 11px monospace;letter-spacing:.12em}.mark b{background:var(--orange);color:white;padding:12px}nav{display:flex;gap:30px}nav a,header small{color:#537487;text-decoration:none;font:10px monospace;letter-spacing:.14em;text-transform:uppercase}.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;background-image:linear-gradient(90deg,#eef6f8 0%,#eef6f8ea 38%,#eef6f800 69%),url("../assets/images/icebound-expedition.png");background-size:cover;background-position:center}.hero-copy{margin-left:7vw;width:min(610px,86vw)}.hero-copy>p,.exp-head p,.protocol>p{font:800 10px monospace;letter-spacing:.2em;color:var(--blue)}.hero h1{font:900 clamp(65px,10vw,146px)/.72 Arial Black,sans-serif;letter-spacing:-.07em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>span{display:block;max-width:500px;line-height:1.65;font-size:17px;color:#355b70}.hero a{display:inline-block;margin-top:28px;background:var(--blue);color:white;text-decoration:none;padding:17px 22px;font:800 11px monospace;letter-spacing:.12em;box-shadow:5px 5px 0 var(--orange)}.expedition{padding:100px max(4vw,15px);background:var(--deep);color:var(--snow);background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:30px 30px}.exp-head{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:end}.exp-head p{color:var(--orange)}.exp-head h2{font:900 clamp(36px,5vw,68px)/.9 Arial Black;margin:10px 0;letter-spacing:-.05em}.readings{display:flex;gap:28px}.readings span{font:10px monospace;color:#87afc2}.readings b{display:block;color:white;font-size:20px}.field{max-width:1180px;margin:35px auto 0;display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:center}.field aside{text-align:center}.thermo{height:270px;width:28px;border:2px solid var(--snow);margin:auto;display:flex;align-items:end;padding:4px}.thermo i{display:block;width:100%;height:80%;background:var(--orange);transition:.3s}.field aside p{font:10px monospace;color:#7faabd}.field aside>b{font:900 18px Arial}.field aside span{display:block;margin-top:25px;color:#91b6c8;font-size:12px;line-height:1.5}.ice-grid{aspect-ratio:1;max-width:700px;width:100%;justify-self:center;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;transform:skewY(-2deg)}.floe{border:1px solid #d9f3ff;background:#8fc3d8;color:var(--deep);position:relative;display:grid;place-items:center;cursor:pointer;transition:.15s;clip-path:polygon(8% 0,92% 4%,100% 84%,88% 100%,4% 93%,0 14%)}.floe:after{content:attr(data-strength);font:800 11px monospace;opacity:.7}.floe.current{background:var(--orange);color:white;box-shadow:0 0 25px #f26a2e}.floe.goal{background:white}.floe.goal:after{content:"▲";font-size:22px}.floe.flag:before{content:"⚑";color:var(--orange);font-size:22px}.floe.cracked{background:#174c69;opacity:.35;pointer-events:none}.floe.available{outline:3px solid white;outline-offset:-5px}.field-actions{grid-column:1/3;display:grid;grid-template-columns:1fr 190px 190px;gap:12px;align-items:center;border-top:1px solid #ffffff33;padding-top:18px}.field-actions p{color:#a7c6d3;font:12px monospace}.field-actions button{border:1px solid #79a5b8;background:#0e496e;color:white;padding:14px;font:800 10px monospace}.field-actions #start{background:var(--orange);border-color:var(--orange)}.field-actions button:disabled{opacity:.35}.protocol{padding:120px 7vw}.protocol h2{font:900 clamp(48px,7vw,96px)/.84 Arial Black;letter-spacing:-.07em}.protocol>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.protocol article{padding:30px;background:var(--snow)}.protocol article b{font:900 45px Arial;color:var(--orange)}.protocol h3{font:800 17px monospace;text-transform:uppercase}.protocol p{line-height:1.65;color:#547080}footer{padding:38px 5vw;background:var(--graphite);color:#9eb5c0;display:flex;justify-content:space-between;font:10px monospace}footer b{color:white}footer a{color:inherit}dialog{border:0;background:transparent;color:var(--deep)}dialog::backdrop{background:#062d51dd}dialog>div{width:min(500px,90vw);background:var(--snow);border:8px solid var(--orange);padding:50px;text-align:center}dialog h2{font:900 45px Arial Black}dialog button{background:var(--blue);color:white;border:0;padding:15px 24px;font-weight:bold}@media(max-width:760px){nav,header small{display:none}.hero{background-position:66% center}.hero-copy{margin-left:24px;width:calc(100vw - 48px);padding-top:220px}.hero h1{font-size:55px}.exp-head{display:block}.readings{margin-top:18px}.field{grid-template-columns:1fr}.field aside{display:none}.field-actions{grid-column:1;grid-template-columns:1fr}.ice-grid{max-width:100%}.protocol>div{grid-template-columns:1fr}footer{flex-direction:column;gap:14px}}