:root{--ink:#031326;--navy:#061c33;--gold:#eebc4b;--white:#f7f8fc;--muted:#c7d2df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);font:16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;background:#041428}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}header{background:#031327ed;position:sticky;top:0;z-index:30;border-bottom:1px solid #b98528;backdrop-filter:blur(12px)}.navwrap{max-width:1270px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:7px 22px}.brand img{width:145px;max-height:58px;object-fit:contain}.nav{display:flex;gap:clamp(12px,2.4vw,33px);align-items:center}.nav a{font-size:14px;white-space:nowrap}.nav a:hover,.nav a.active{color:var(--gold)}.nav a.active:after{content:'';display:block;height:2px;background:var(--gold);margin-top:6px}.menubtn{display:none;color:var(--gold);background:transparent;border:1px solid #bd9347;border-radius:7px;padding:7px 10px;font-size:15px}.notice{max-width:1195px;margin:15px auto 0;border:2px solid var(--gold);border-radius:13px;background:linear-gradient(90deg,#061324eb,#112333f5);padding:12px 22px;display:flex;align-items:center;gap:18px;position:relative;z-index:2}.notice .gear{display:grid;place-items:center;font-size:26px;border:1px solid var(--gold);border-radius:50%;width:52px;height:52px;color:var(--gold);flex:none}.notice strong{display:block;font-size:21px;color:var(--gold);line-height:1.25}.notice p{margin:1px 0 0;color:#e5e7ef;font-size:14px}.notice button{margin-left:auto;background:transparent;border:0;color:white;font-size:25px;cursor:pointer}.hero{background:linear-gradient(90deg,#06162bd9 0%,#08203848 66%,#0614278c),url('assets/mare-tramonto.jpg') center 48%/cover;min-height:235px;display:flex;align-items:center;text-align:center;padding:20px}.hero-inner{width:100%;margin:auto;text-shadow:0 2px 10px #000}.hero h1{font:700 clamp(35px,5vw,65px)/1.12 Georgia,serif;margin:0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:clamp(17px,2vw,24px);margin:6px 0}.dash{width:49px;height:2px;background:var(--gold);margin:17px auto 0}.container{max-width:1320px;margin:auto;padding:10px 24px 28px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.card{border:1px solid #bd8e36;border-radius:12px;overflow:hidden;background:linear-gradient(#0c2844,#05182e);display:flex;flex-direction:column;min-width:0}.card img{width:100%;height:164px;object-fit:cover;padding:6px 6px 0;border-radius:12px}.card .body{padding:8px 13px 16px;display:flex;flex:1;flex-direction:column;align-items:center;text-align:center}.card h2{font-size:18px;line-height:1.25;margin:8px 0}.card p{font-size:14px;color:#e4e8f0;margin:0 0 16px}.btn{display:inline-block;background:#04172d;color:#fff;border:1.5px solid var(--gold);border-radius:24px;padding:9px 22px;text-align:center;font-weight:700;font-size:12px}.btn:hover{background:var(--gold);color:#071525}.card .btn{margin-top:auto;width:92%;padding:9px 5px}.feature{background:linear-gradient(90deg,#031022eb,#06142a8a),url('assets/edizioni.jpg') center/cover;border-top:1px solid #233e55}.feature-inner{max-width:1195px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:42px 28px 65px;min-height:265px}.feature h2{font:700 clamp(36px,4.6vw,65px)/1.1 Georgia,serif;margin:2px 0}.feature .kicker,.kicker{color:var(--gold);font-family:Georgia,serif;font-size:23px}.feature p{max-width:520px;font-size:18px;margin:8px 0 18px}.feature-icon{width:190px;height:190px;object-fit:contain;border:1px solid #a87b36;border-radius:20px;background:#081b31b8;padding:10px}.subhero{padding:75px 24px 60px;text-align:center;background:linear-gradient(90deg,#031326dd,#051e3599),url('assets/mare-tramonto.jpg') center/cover}.subhero h1{font:700 clamp(38px,5vw,62px) Georgia,serif;margin:5px 0;color:#fff}.subhero p{color:#e6ebf2;font-size:19px;max-width:780px;margin:10px auto}.subhero .kicker{font-size:17px}.content{max-width:1040px;margin:auto;padding:45px 24px 72px}.content h2{font:700 32px Georgia,serif;color:var(--gold);margin:0 0 12px}.content p{color:#e0e7f0;font-size:17px}.tilegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:27px 0}.tile{background:#0a263f;border:1px solid #36526a;border-radius:14px;padding:24px}.tile h3{margin:0 0 7px;color:var(--gold);font-size:21px}.tile p{font-size:15px;margin:0}.picture{max-width:100%;width:100%;max-height:310px;object-fit:cover;border-radius:14px;border:1px solid #9e813f}.back{margin-top:35px}.foot{text-align:center;background:#020e1b;border-top:1px solid #33516d;color:#adc0d0;font-size:13px;padding:24px 12px}.foot a{color:var(--gold)}@media(max-width:1020px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.nav{gap:12px}.nav a{font-size:12px}}@media(max-width:760px){.navwrap{flex-wrap:wrap;padding:8px 16px}.brand img{width:112px}.menubtn{display:block}.nav{display:none;flex-direction:column;align-items:stretch;width:100%;gap:0}.nav.open{display:flex}.nav a{font-size:14px;padding:10px 4px;border-top:1px solid #ffffff24}.notice{margin:12px 13px 0;padding:10px}.notice .gear{width:40px;height:40px;font-size:20px}.notice strong{font-size:17px}.notice p{font-size:12px}.hero{min-height:195px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card img{height:132px}.card h2{font-size:16px}.card p{font-size:13px}.feature-inner{padding:34px 22px}.feature-icon{display:none}.tilegrid{grid-template-columns:1fr}}@media(max-width:420px){.cards{grid-template-columns:1fr}.card img{height:185px}.notice{gap:9px}.notice .gear{display:none}}