@charset "UTF-8";
:root{color-scheme:dark;--navy:#070c20;--night:#0b1630;--gold:#f3d48b;--ice:#cdeaff;--paper:#eaf3f7;--muted:#a8bbd1;--border:#806c55;--card:#111d37}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 40% 0%,#182d57,transparent 50%),radial-gradient(ellipse at 95% 10%,#392b53,transparent 35%),#070a18;color:var(--paper);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.68}
a{color:var(--gold)}a:hover{color:white}a:focus-visible,button:focus-visible{outline:3px solid #f5d689;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;color:#000;padding:12px;z-index:99}
.top{position:sticky;top:0;z-index:70;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;padding:10px max(14px,calc((100vw - 1230px)/2));background:#050d20ed;border-bottom:1px solid #b89c6266;backdrop-filter:blur(10px)}
.brand{font:700 13px Georgia,serif;letter-spacing:.12em;color:#f5da99;text-decoration:none}.top nav{display:flex;gap:6px;flex-wrap:wrap}.top nav a,.pills a,.tiny-links a{display:inline-block;padding:8px 13px;text-decoration:none;border:1px solid #6f88aa;border-radius:999px;color:#eef7ff;background:#182747;font-size:12px;font-weight:700}.top nav a:hover,.pills a:hover,.tiny-links a:hover{border-color:var(--gold);background:#283c65;color:#fff}
main{max-width:1180px;margin:auto;padding:20px clamp(12px,3vw,30px) 58px}.eyebrow{color:#edd099;letter-spacing:.14em;font-size:11px;text-transform:uppercase;font-weight:800}.intro{text-align:center;max-width:930px;margin:25px auto 22px}.intro h1{font:500 clamp(30px,5vw,58px)/1.11 Georgia,serif;letter-spacing:.01em;color:#fff7dd;margin:6px 0}.intro h1 em{font-size:.64em;color:#a6d5fa;font-weight:400}.intro p{color:#cfdfeb;font-size:clamp(14px,1.65vw,17px)}.intro strong{color:#ffdf9c}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px auto}.pills a.primary{background:#e6c88a;color:#16203a;border-color:#e6c88a}.pills a.primary:hover{background:#ffe2aa;color:#141723}
.mosaic{max-width:1122px;margin:24px auto;position:relative;line-height:0;isolation:isolate;border-radius:12px;box-shadow:0 14px 49px #000b;border:1px solid #ad915d;background:#020b25;overflow:hidden}.mosaic img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:cover}.hotspot{position:absolute;z-index:2;border:2px solid transparent;border-radius:8px;transition:box-shadow .2s,border-color .2s,background-color .2s}.hotspot:hover,.hotspot:focus-visible{background:rgba(252,221,145,.075);box-shadow:inset 0 0 0 2px #ffe6aa,0 0 22px #eebc5988;border-color:#f5dca7;outline:none}.hotspot:focus-visible{outline:4px solid #fff;outline-offset:0}.hotspot span{position:absolute;bottom:4px;left:5px;line-height:1.2;background:#06122be0;color:#f6dc99;border-radius:999px;padding:5px 10px;font:700 12px system-ui;box-shadow:0 3px 8px #0007;opacity:0;transition:opacity .2s}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}
.section-title{margin:52px 0 14px;border-top:1px solid #b7965b7d;padding-top:25px;font:400 clamp(25px,3vw,36px) Georgia,serif;color:#f8d896}.desc{color:#b6cbdc;margin:0 0 18px;max-width:900px}.thumb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.thumb-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{border:1px solid #5d7399;border-radius:10px;background:linear-gradient(160deg,#14223e,#11182c);overflow:hidden;text-decoration:none;color:#e8f5ff;box-shadow:0 7px 19px #0005;transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-3px);border-color:#f1ca7e;color:#fff}.tile img{width:100%;display:block;height:270px;object-fit:cover;object-position:top center;background:#071224}.tile .meta{padding:12px 13px}.tile b{display:block;color:#ffe4a7;font-family:Georgia,serif;font-size:17px;font-weight:500;line-height:1.35}.tile small{display:block;font-size:12px;margin-top:6px;color:#aabed1}
.advice{background:#0b1a34;border:1px solid #48638a;border-left:4px solid #dfbc7b;padding:16px 19px;border-radius:8px;margin:22px 0;color:#cfdeec}.advice strong{color:#fff4cb}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.picture-card{padding:18px;background:#0e1930;border:1px solid #586f94;border-radius:10px}.picture-card img{width:100%;height:auto;display:block;border:1px solid #aa8e63;border-radius:7px;box-shadow:0 9px 22px #0008}.picture-card h3{font:400 23px Georgia,serif;color:#f4d18b}.picture-card p{color:#c6d8e9}.details-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.details-head h1{font:500 clamp(30px,4vw,49px)/1.1 Georgia,serif;color:#f5d894;margin:9px 0}.more-btns{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.more-btns a{padding:10px 15px;display:inline-block;border-radius:999px;border:1px solid #cbb381;text-decoration:none;font-size:12px;font-weight:700;background:#172944;color:#fff}.more-btns a:hover{background:#334a6c}.story-link{font-size:13px}.gallery-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.gallery-extra img{width:100%;display:block;border-radius:9px;border:1px solid #ae925d}.footer{margin-top:54px;border-top:1px solid #827452;padding:22px 0;text-align:center;color:#aebfd0;font-size:12px}.footer strong{color:#ffdc9a;font:italic 16px Georgia,serif}.footer a{color:#b3e5ff}
@media(max-width:980px){.thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumb-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.top{position:relative;padding:10px 12px}.thumb-grid,.thumb-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile img{height:220px}.tile .meta{padding:10px 8px}.tile b{font-size:14px}.tile small{font-size:10px}.split,.gallery-extra{grid-template-columns:1fr}.mosaic{border-radius:6px}.hotspot span{opacity:1;font-size:10px;padding:4px 6px;bottom:1px;left:1px}.intro h1{font-size:31px}}
@media(max-width:400px){.tile img{height:160px}.hotspot span{font-size:9px;padding:2px 5px}.intro h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}