*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f0e7;color:#122033;line-height:1.6}body:before{content:'';position:fixed;inset:0;background:var(--chart-bg) center/cover no-repeat;opacity:.08;pointer-events:none}.site-header{background:#061b2d;color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 4px 20px #0005}.masthead{display:flex;justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:16px 26px}.logo{display:flex;gap:14px;align-items:center;color:#fff;text-decoration:none}.flag{display:grid;place-items:center;width:58px;height:58px;border:2px solid #d69a3a;border-radius:8px;font-size:28px;color:#d69a3a}.logo strong{font-family:Georgia,serif;font-size:28px;display:block;line-height:1.05}.logo em{color:#d69a3a;font-style:normal}.header-tools{display:flex;align-items:center;gap:18px}.header-tools a{color:#fff;text-decoration:none}.header-tools form{display:flex;border:1px solid #d69a3a;border-radius:4px;overflow:hidden}.header-tools input{background:#092844;border:0;color:#fff;padding:10px}.header-tools button{background:#092844;color:#fff;border:0;padding:0 12px}.mainnav{display:flex;justify-content:center;gap:0;border-top:1px solid #ffffff18;background:#092844}.mainnav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:700;padding:14px 16px;border-bottom:3px solid transparent}.mainnav a.active,.mainnav a:hover{border-bottom-color:#d69a3a}.hero{min-height:520px;background-size:cover;background-position:center;display:flex;align-items:center}.hero-text{max-width:620px;margin-left:7vw;color:#fff}.hero h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,64px);line-height:1.05;margin:0 0 20px}.hero p{font-size:18px}.btn{display:inline-block;background:#d69a3a;color:#071b2d;border:0;border-radius:4px;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer}.btn.secondary{background:transparent;color:#fff;border:1px solid #d69a3a;margin-left:10px}.quicklinks{max-width:1320px;margin:-70px auto 30px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative;z-index:2}.quicklinks a{background:#071b2dee;color:#fff;border:1px solid #d69a3a;border-radius:4px;padding:20px;text-decoration:none;display:block}.quicklinks span{font-size:30px;color:#d69a3a}.quicklinks strong{display:block;font-family:Georgia,serif;font-size:20px}.quicklinks small{color:#dbe6ef}.content,.page{max-width:1220px;margin:36px auto;padding:0 24px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2,h1,h2{font-family:Georgia,serif}.timeline,.panel,.ship-card,.admin-box{background:#fffdf8;border-radius:8px;padding:28px;box-shadow:0 8px 26px #09284418}.timeline-line{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;border-top:2px solid #d69a3a;padding-top:18px}.timeline-line article b{display:block;color:#071b2d}.timeline-line article strong{display:block;color:#0d3a5c}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin:28px 0}.dark{background:#071b2d;color:#fff}.dark h2{color:#fff}.feature{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:#fffdf8;padding:24px;margin-bottom:24px;border-radius:8px;box-shadow:0 8px 26px #09284418}.feature.reverse{direction:rtl}.feature.reverse div{direction:ltr}.feature img,.ship-card img,.photo-grid img{width:100%;border-radius:6px;display:block}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ship-card{overflow:hidden}.ship-card img{height:190px;object-fit:cover;margin:-28px -28px 18px;width:calc(100% + 56px);border-radius:0}.muted{color:#627386;font-weight:700}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photo-grid figure{background:#fffdf8;padding:10px;box-shadow:0 8px 24px #09284418;margin:0}.photo-grid img{height:230px;object-fit:cover}.photo-grid.large img{height:300px}.periods{display:grid;grid-template-columns:1fr;gap:14px}.periods article{background:#fffdf8;border-left:6px solid #d69a3a;padding:20px;border-radius:6px}.footer{background:#061b2d;color:#dbe6ef;text-align:center;padding:28px}.admin-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:20px;padding:24px}.admin-menu{background:#071b2d;color:#fff;border-radius:8px;padding:20px;align-self:start;position:sticky;top:130px}.admin-menu a{display:block;color:#fff;text-decoration:none;padding:9px;border-radius:4px}.admin-menu a:hover{background:#0d3a5c}.admin-box{margin-bottom:22px}.admin-box label{display:block;font-weight:700;margin:12px 0}.admin-box input,.admin-box textarea{width:100%;padding:10px;border:1px solid #c6d0d8;border-radius:4px;margin-top:5px;font:inherit}.admin-box fieldset{border:1px solid #d5dee6;margin:16px 0;border-radius:6px}.error{background:#ffe3e3;color:#9a1111;padding:10px;border-radius:4px}.success{background:#e3f6e9;color:#14632d;padding:10px;border-radius:4px}@media(max-width:950px){.masthead,.header-tools{display:block}.mainnav{overflow:auto;justify-content:flex-start}.quicklinks,.cards,.photo-grid,.split,.feature,.timeline-line,.admin-layout{grid-template-columns:1fr}.quicklinks{margin:20px}.hero-text{margin:30px}.btn.secondary{margin-left:0;margin-top:10px}.admin-menu{position:static}}