:root{--bg:#07111a;--surface:#0d1c28;--surface2:#132837;--sand:#eac99d;--txt:#f1f1ec;--sub:#b6c5c7;--border:#385565;--sea:#83b8c7;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--txt);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 70% 15% at 72% 0,#19334b 0,transparent 80%),linear-gradient(160deg,#081624,#060d16 50%,#09151e);min-height:100vh}a{color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--sand);color:#15222b;z-index:99;padding:12px}.head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d6dac229;padding:19px clamp(16px,4vw,65px);min-height:88px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.monogram{font:38px Georgia,serif;color:var(--sand)}.brand small{display:block;color:#8db5c2;letter-spacing:2.25px;font-size:9px}.brand strong{font:25px Georgia,serif;color:#f1ddbb;letter-spacing:1.5px}.head-right{display:flex;align-items:center;gap:22px;font-size:12px;color:#d5e3e4}.head-right a{text-decoration:none;border-bottom:1px solid #536777;padding-bottom:3px}.head-right .v{color:#91b3c2}.hero{min-height:520px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:20px;padding:34px clamp(16px,4vw,65px) 58px;border-bottom:1px solid #98afb125;overflow:hidden}.hero-main{max-width:850px;z-index:2}.eyebrow{letter-spacing:2.5px;font-size:10px;font-weight:700;color:#9bc5c9}.dote{display:inline-block;width:8px;height:8px;border-radius:100%;background:#d8c28a;margin-right:10px;box-shadow:0 0 12px #d8c28a}.hero h1{font:clamp(37px,4.7vw,72px)/1.09 Georgia,serif;letter-spacing:-1.2px;margin:27px 0 20px}.hero h1 em{color:var(--sand);font-weight:400}.hero h1 span{color:#cee2e2}.hero .sub{color:var(--sub);font-size:16px;line-height:1.75;max-width:670px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.primary,.secondary{border-radius:7px;padding:14px 20px;font:600 13px system-ui;display:inline-flex;gap:12px;align-items:center;text-decoration:none;cursor:pointer}.primary{border:1px solid #f2dbac;background:var(--sand);color:#14232c}.primary:hover{background:#ffe0ae}.secondary{background:#183242;color:#e2eeee;border:1px solid #517488}.secondary:hover{background:#244a5c}.facts{display:flex;gap:20px;flex-wrap:wrap;margin-top:46px}.facts span{display:flex;flex-direction:column;min-width:88px;gap:5px;border-left:1px solid #6d8c9e70;padding-left:12px}.facts b{font:33px Georgia,serif;color:#ead2a4}.facts small{font:8px system-ui;letter-spacing:1.1px;color:#9fc3c8}.hero-visual{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center}.hero-visual img{height:min(40vw,465px);width:min(40vw,465px);min-width:280px;min-height:280px;object-fit:cover;border-radius:50%;box-shadow:0 0 40px #2a729d6b, 0 0 130px #1a5b7a40;position:relative;z-index:1;animation:planetReveal 1.2s ease both}.hero-visual .halo{position:absolute;width:110%;height:110%;background:radial-gradient(circle,#0a396348 0,#07111a00 64%)}.hero-legend{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:12px;padding:16px 20px;background:#101e29ed;border:1px solid #667c8a;border-radius:11px;z-index:2;max-width:340px}.hero-legend>span{font:42px Georgia,serif;color:var(--sand)}.hero-legend strong{font:17px Georgia,serif;display:block}.hero-legend small{display:block;font-size:10px;color:#b8d0d1;margin-top:5px}.gallery-zone,.compare-panel,.notes{padding:60px clamp(16px,4vw,65px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.section-heading h2,.compare-panel h2,.notes h2{font:34px Georgia,serif;letter-spacing:-.35px;margin:10px 0}.section-heading>p{max-width:400px;font-size:12px;color:#afc8c8;line-height:1.7}.era-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.era-card{background:linear-gradient(165deg,#142c38d8,#0b1a27);border:1px solid #496071;box-shadow:0 10px 30px #0004;overflow:hidden;border-radius:12px;min-width:0;transition:border-color .2s,transform .2s}.era-card:hover,.era-card.active{border-color:#ebc88b;transform:translateY(-2px)}.era-image{position:relative;overflow:hidden;height:194px;background:radial-gradient(circle,#23546d,#061625 73%)}.era-image img{height:100%;width:100%;object-fit:contain;filter:saturate(1.12)}.era-image .roman{position:absolute;top:14px;left:14px;background:#051525dd;border:1px solid #67838d;color:#efd3a1;border-radius:7px;font:24px Georgia,serif;min-width:40px;text-align:center;padding:4px 9px}.era-image .res{position:absolute;right:10px;bottom:10px;font-size:9px;background:#061a23d9;color:#cde5e3;border:1px solid #567281;padding:4px 7px;border-radius:5px}.era-content{padding:18px}.era-content .interval{font-size:10px;color:#9dbfc7;letter-spacing:.6px}.era-content h3{font:20px Georgia,serif;color:#efdebc;margin:8px 0 10px;min-height:44px}.era-content p{font-size:11.5px;color:#becfd0;line-height:1.6;min-height:54px;margin-bottom:13px}.era-buttons{display:flex;align-items:center;gap:8px}.era-buttons a{flex:1;text-align:center;display:block;text-decoration:none;background:#213e4d;color:#f7e5c0;border:1px solid #6b8b98;border-radius:6px;padding:11px 9px;font-size:11px;font-weight:650}.era-buttons button{background:transparent;border:1px solid #4d7182;color:#c2d4d7;padding:11px;border-radius:6px;cursor:pointer}.era-buttons a:hover,.era-buttons button:hover{background:#345767}.compare-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:linear-gradient(110deg,#0b2531,#122e3c);border-block:1px solid #657d804d}.compare-panel p:not(.eyebrow){color:#b5cdce;font-size:13px;line-height:1.7;max-width:590px}.comparison-controls{background:#071923c4;border:1px solid #415e6f;padding:22px;border-radius:12px}.selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.selectors label{font-size:11px;color:#d1e0e2}.selectors select{display:block;margin:7px 0 0;width:100%;border:1px solid #5a7c8e;background:#0f2d3a;color:#f1f2e9;border-radius:6px;padding:12px 9px;font-size:12px}.comparison-controls button{width:100%;justify-content:center}.notes-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.notes-head p{font-size:12px;line-height:1.7;max-width:420px;color:#b7d0d1}.notes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:25px}.notes-grid article{border-top:1px solid #65899a;padding-top:17px}.notes-grid article span{font-size:10px;color:#8cbdca;letter-spacing:1.4px}.notes-grid h3{font:19px Georgia,serif;color:#e7d1a8}.notes-grid p{font-size:12px;line-height:1.8;color:#b9ced1}footer{border-top:1px solid #4f69743c;padding:24px clamp(16px,4vw,65px);display:flex;align-items:center;gap:24px;justify-content:space-between;font-size:11px;color:#9db9bd}footer a{text-decoration:none;border-bottom:1px solid #5d7f91}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ffd28f;outline-offset:4px}@keyframes planetReveal{from{opacity:.2;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@media(max-width:1100px){.era-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr .8fr}.hero-visual img{min-width:235px;min-height:235px}}@media(max-width:700px){.head{min-height:70px}.head-right .v{display:none}.brand strong{font-size:18px}.brand small{font-size:7px}.head-right{gap:8px;font-size:10px}.hero{grid-template-columns:1fr;padding-top:32px}.hero h1{font-size:39px}.hero-visual{min-height:280px;order:-1}.hero-visual img{height:270px;width:270px;min-width:270px;min-height:270px}.hero-legend{bottom:0;right:4px;padding:10px 12px}.hero-legend strong{font-size:13px}.facts{margin-top:25px}.gallery-zone,.compare-panel,.notes{padding:40px 14px}.section-heading,.notes-head{display:block}.section-heading>p{max-width:none}.compare-panel{grid-template-columns:1fr;gap:17px}.era-cards{gap:10px}.era-image{height:142px}.era-content{padding:11px}.era-content h3{font-size:15px;min-height:38px}.era-content p{font-size:10px;min-height:80px}.era-buttons a{font-size:10px}.notes-grid{gap:12px}footer{flex-wrap:wrap;justify-content:flex-start;gap:14px}}@media(max-width:390px){.era-cards,.notes-grid{grid-template-columns:1fr}.era-content p{min-height:0}.hero-actions>*{width:100%;justify-content:center}}