:root{color-scheme:dark;--ink:#e7dcc6;--bg:#091a25;--line:#52646e;--accent:#d16f43}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#f39a63}a:focus-visible,button:focus-visible{outline:3px solid #50c7d4;outline-offset:5px}button{font:inherit;cursor:pointer}header{padding:19px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header img{display:block;max-width:130px;height:auto}header nav{display:flex;gap:30px;font-size:15px}main{max-width:1500px;margin:auto;padding:50px 5vw 80px}.intro{max-width:870px;padding:25px 0 60px}.eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.2em;color:#e99565}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.05}h1{font-size:clamp(40px,5vw,76px);letter-spacing:-.04em;margin:20px 0 25px}h2{font-size:29px}h3{font-size:26px}.intro>p:not(.eyebrow){max-width:730px;font-size:21px}.intro>p.small,.small{font-size:14px;color:#b7c1c3}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.card{background:#102b37;border:1px solid #3c515b;transition:transform .2s,border-color .2s;overflow:hidden}.card:hover{transform:translateY(-5px);border-color:#d16f43;color:var(--ink)}.card img{display:block;width:100%;height:auto;aspect-ratio:1200/820}.card>div{padding:23px}.card span{font-size:11px;letter-spacing:.14em;color:#efac86}.card h2{font-size:29px;margin:12px 0}.card p{font-size:15px;min-height:48px;color:#bdc8ca}.card b{font-size:14px}.back{font-size:14px}.study-heading{margin:35px 0}.study-heading h1{font-size:clamp(39px,4.5vw,64px)}.study{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:32px;align-items:start}.preview{position:relative;overflow:hidden;background:#e7dcc6}.preview img{display:block;width:100%;height:auto}.hotspot{position:absolute;border:2px solid white;border-radius:50%;background:#091a25;color:white;width:42px;height:42px;font:bold 17px Arial;box-shadow:0 2px 10px #0008}.hotspot[aria-pressed=true]{background:#ab4e29}.spot-0{left:45%;top:43%}.spot-1{left:12%;top:23%}.spot-2{left:85%;top:8%}.spot-3{left:75%;top:56%}.spot-4{left:25%;top:79%}.markers-off .hotspot{display:none}#toggle-notes{margin-top:14px;color:var(--ink);border:1px solid var(--line);background:transparent;padding:10px 16px;min-height:44px}.study aside{background:#122e3b;padding:25px;position:sticky;top:20px}.study aside h2{margin-top:0}.note-choices{display:flex;flex-direction:column;gap:7px}.note-choice{color:#e7dcc6;text-align:left;border:1px solid #536c76;background:transparent;padding:11px;font-size:14px;min-height:44px}.note-choice[aria-pressed=true]{background:#e7dcc6;color:#091a25;border-color:#e7dcc6}.explanation{border-top:2px solid var(--accent);margin-top:23px}.explanation p{font-size:16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--line);margin-top:60px;padding-top:15px}.detail-grid p{color:#c0c9ca}.study-nav{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:15px}.study-nav a{padding:12px;border:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:35px 5vw 50px;font-size:14px;color:#bdc8ca}footer p{max-width:850px}footer a{display:inline-block;color:#ffb084;padding:8px 0}button[hidden],[hidden]{display:none!important}@media(max-width:1050px){.gallery{grid-template-columns:1fr 1fr}.study{grid-template-columns:1fr}.study aside{position:static}.note-choices{flex-direction:row;flex-wrap:wrap}.note-choice{flex:1 1 150px}.explanation{min-height:135px}}@media(max-width:620px){header nav{gap:14px;font-size:13px}header img{width:100px}main{padding:25px 20px 45px}.intro{padding:10px 0 35px}.intro>p:not(.eyebrow){font-size:18px}.gallery,.detail-grid{grid-template-columns:1fr}.gallery{gap:24px}.card p{min-height:0}.study{gap:18px}.study-heading{margin:24px 0}.hotspot{width:36px;height:36px;font-size:14px}.spot-2{left:83%}.spot-4{top:76%}.study aside{padding:20px}.note-choice{flex-basis:125px}.detail-grid{gap:8px;margin-top:30px}.study-nav{font-size:13px}.study-nav a{max-width:49%}h2{font-size:28px}.explanation{min-height:190px}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}