@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root {color-scheme:dark;--bg:#0b222e;--line:#527786;--light:#f1eee6;--muted:#aac4ca;--accent:#dfd5be}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b222e;color:var(--light);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.page{max-width:1720px;min-height:100vh;margin:auto;padding:0 clamp(18px,4.2vw,80px);background:radial-gradient(ellipse 60% 55% at 52% 55%,#1f5369 0%,#123648 60%,#0b222e 100%)}.masthead{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(216,230,225,.21)}.brand{display:flex;align-items:center;gap:13px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;letter-spacing:.16em}.brand-mark{width:41px;height:41px;border:1px solid #e4e0ce;border-radius:50%;display:grid;place-content:center;font-size:20px;letter-spacing:0}.brand-dot{color:#b1cebd}.brand-sub{display:block;font-family:'DM Sans',sans-serif;font-size:8px;color:var(--muted);letter-spacing:.26em;margin-top:4px}.edition{color:#d2dbd8;font-size:9px;letter-spacing:.22em;font-weight:700}.status-dot{display:inline-block;background:#cce6d0;width:6px;height:6px;border-radius:50%;margin-left:12px}.heading{text-align:center;padding:35px 0 23px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:#c2d0cb;letter-spacing:.3em;font-size:9px;font-weight:700}.eyebrow-line{width:24px;height:1px;background:rgba(226,230,223,.46)}h1{margin:4px 0 -2px;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(58px,8vw,120px);font-weight:700;line-height:1.05;letter-spacing:-.09em}.title-period{color:#c8bfae}.subtitle{margin:10px 0 0;color:#d3dad8;font-size:clamp(12px,1.4vw,16px);letter-spacing:.06em}.hero-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(320px,660px) minmax(190px,1fr);gap:clamp(17px,2.5vw,42px);align-items:center}.portrait{margin:0;border:1px solid rgba(235,242,234,.35);background:#28617a;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.25)}.portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.portrait figcaption{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.3);padding:12px 16px;color:#d8e7e3;font-size:9px;font-weight:700;letter-spacing:.19em}.actions{display:flex;flex-direction:column;gap:18px}.action{min-width:0;width:100%;min-height:86px;display:flex;align-items:center;gap:14px;border:1px solid rgba(221,237,231,.38);background:rgba(12,39,51,.75);padding:13px 14px;border-radius:3px;box-shadow:0 6px 14px rgba(0,0,0,.12);cursor:pointer;text-align:left;transition:background .2s,border .2s,transform .2s}.action:hover,.action:focus-visible{outline:none;transform:translateY(-2px);border-color:#f1ece0;background:rgba(42,83,95,.95)}.action-primary{background:#e6ddc9;color:#18323d;border-color:#e6ddc9}.action-primary:hover{color:#142d35;background:#f6f0e2}.action-icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1)}.action-primary .action-icon{background:rgba(24,50,61,.09)}.action-icon img{width:31px;height:31px;object-fit:contain}.action-body{display:flex;flex-direction:column;min-width:0;gap:5px}.action strong{font-size:clamp(10px,.85vw,13px);letter-spacing:.07em;white-space:nowrap}.action small{font-size:9px;letter-spacing:.17em;color:#b8d0d0}.action-primary small{color:#42616b}.arrow{margin-left:auto;font-size:20px;color:inherit}.panorama{margin:24px auto 0;max-width:930px;height:72px;overflow:hidden;opacity:.56;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.panorama img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 49%}footer{display:flex;justify-content:space-between;border-top:1px solid rgba(216,230,225,.16);margin-top:10px;padding:18px 0 24px;font-size:9px;color:#b4c9ca;letter-spacing:.2em}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,15px);padding:12px 22px;background:#e6ddc9;color:#142f39;font-weight:700;font-size:13px;z-index:5;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr;max-width:700px;margin:auto;gap:14px}.portrait{grid-column:1/-1;grid-row:1;max-width:600px;width:100%;margin:auto}.left-actions,.right-actions{align-self:stretch;gap:12px}.action{min-height:76px;padding:10px}.action strong{font-size:10px}.action small{font-size:8px}.action-icon{width:35px;height:35px;flex-basis:35px}.action-icon img{width:27px;height:27px}}
@media(max-width:580px){.page{padding:0 14px}.masthead{height:64px}.edition{font-size:8px}.heading{padding:30px 0 19px}.hero-grid{gap:10px}.action{min-height:70px;gap:8px}.action-body{gap:3px}.action strong{font-size:9px;letter-spacing:0}.action small{font-size:7px;letter-spacing:.1em}.action-icon{width:30px;height:30px;flex-basis:30px}.action-icon img{width:23px;height:23px}.arrow{font-size:16px}.panorama{height:45px;margin-top:18px}footer{gap:12px;font-size:7px}}@media(max-width:390px){.hero-grid{grid-template-columns:1fr}.portrait{grid-column:1}.actions{display:grid;grid-template-columns:1fr}.action{min-height:58px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}