:root{--blue:#1A3E9A;--blue-dark:#0F2766;--blue-deep:#091a47;--white:#FFFFFF;--gold:#C9A227;--gold-light:#D4AF37;--ink:#1b2333;--mist:#f4f6fb;
--cur:url("cursors/sail.svg") 13 2,auto;--cur-link:url("cursors/sail-gold.svg") 13 2,pointer}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--white);cursor:var(--cur)}
a,button,[role=button],summary{cursor:var(--cur-link)}
h1,h2,h3{font-family:"Montserrat",system-ui,sans-serif;margin:0}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:700}
.section{padding:88px 0}.section h2{font-size:clamp(28px,3.4vw,42px);color:var(--blue-dark);margin:8px 0 36px}
.btn{display:inline-block;padding:12px 26px;border-radius:999px;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:.2s}
.btn-gold{background:var(--gold);color:var(--blue-deep)}.btn-gold:hover{background:var(--gold-light)}
.btn-line{border:1.5px solid var(--blue);color:var(--blue)}.btn-line:hover{background:var(--blue);color:#fff}
.btn-ghost{border:1.5px solid rgba(255,255,255,.7);color:#fff}.btn-ghost:hover{background:#fff;color:var(--blue-dark)}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(9,26,71,.94);backdrop-filter:blur(8px);border-bottom:2px solid var(--gold)}
.site-header .wrap{display:flex;align-items:center;gap:24px;height:78px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand img{height:54px;width:54px;object-fit:contain}
.brand b{font-family:"Montserrat",sans-serif;font-size:18px;line-height:1.1}.brand small{display:block;color:var(--gold-light);font-size:10px;letter-spacing:.2em}

.social{display:flex;gap:10px}.social a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);color:#fff}.social a:hover{background:var(--gold);color:var(--blue-deep);border-color:var(--gold)}
.social svg{width:15px;height:15px;fill:currentColor}
.menu-btn{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:26px}
/* hero */
.hero{position:relative;height:min(86vh,760px);min-height:560px;overflow:hidden;color:#fff;background:var(--blue-deep)}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s;display:flex;align-items:flex-end}
.slide.on{opacity:1}.slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,26,71,.92) 0%,rgba(9,26,71,.55) 55%,rgba(9,26,71,.15) 100%)}
.slide .wrap{position:relative;width:100%;padding-bottom:110px;display:flex;gap:32px;align-items:center}
.slide .logo{width:140px;height:140px;flex:none;background:#fff;border-radius:20px;padding:12px;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.3);border:3px solid var(--gold)}
.slide .logo img{max-width:100%;max-height:100%}
.slide h1{font-size:clamp(32px,5vw,60px);line-height:1.05;max-width:760px;margin:10px 0 12px}
.slide .date{font-size:18px;color:var(--gold-light);font-weight:600;margin-bottom:22px}
.slide .ctas{display:flex;gap:12px;flex-wrap:wrap}
.dots{position:absolute;bottom:40px;left:0;right:0}.dots .wrap{display:flex;gap:10px}
.dots button{width:38px;height:4px;border:0;background:rgba(255,255,255,.4);border-radius:2px;padding:0}.dots button.on{background:var(--gold)}
/* events */
.events{background:var(--mist)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.card{background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;box-shadow:0 6px 24px rgba(15,39,102,.08);border-top:4px solid var(--gold);transition:.25s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(15,39,102,.16)}
.card .top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.card img{width:76px;height:76px;object-fit:contain}
.card h3{font-size:20px;color:var(--blue-dark)}.card .d{color:var(--gold);font-weight:700;font-size:14px;margin:10px 0 20px}
.card .acts{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.card .btn{padding:10px 16px;font-size:11px}
/* weather */
.weather{background:linear-gradient(rgba(9,26,71,.65),rgba(9,26,71,.65)),url("img/drive/ilca-waves.jpg") center/cover}
/* social */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.fb{background:#fff;border-radius:16px;box-shadow:0 6px 24px rgba(15,39,102,.1);padding:12px;display:flex;justify-content:center;min-height:520px}
.follow a{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:12px;border:1px solid #e3e7f1;border-radius:12px;text-decoration:none;color:var(--blue-dark);font-weight:600}
.follow a:hover{border-color:var(--gold);background:var(--mist)}.follow svg{width:22px;height:22px;fill:var(--blue)}.follow span{color:#6b7488;font-weight:400;margin-left:auto;font-size:14px}
/* affiliations */
.aff{background:#fff;border-top:1px solid #e6e9f2;border-bottom:1px solid #e6e9f2;padding:44px 0}
.aff .wrap{display:flex;align-items:center;justify-content:center;gap:70px;flex-wrap:wrap}
.aff a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#6b7488;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.aff img{height:90px;filter:grayscale(1);opacity:.8;transition:.3s}.aff a:hover img{filter:none;opacity:1}
/* contact */
.contact{background:var(--blue-dark);color:#fff}.contact h2{color:#fff}
.cgrid{display:grid;grid-template-columns:1.1fr 1fr 1.3fr;gap:36px}
.contact h3{font-size:18px;color:var(--gold-light);margin-bottom:14px}
.contact dl{margin:0}.contact dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-top:12px}.contact dd{margin:2px 0 0}
.contact a{color:#fff}.contact a:hover{color:var(--gold-light)}
.hours td{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.12)}.hours td:last-child{text-align:right;color:var(--gold-light);font-weight:600}.hours{width:100%;border-collapse:collapse}
.map{border:0;width:100%;height:100%;min-height:300px;border-radius:14px}
/* footer */
footer{background:var(--blue-deep);color:rgba(255,255,255,.75);font-size:13px;padding:40px 0;border-top:3px solid var(--gold)}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}footer a{color:var(--gold-light);text-decoration:none}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:1200px){.site-header .social{display:none}.menu-btn{display:block}
 .split,.cgrid{grid-template-columns:1fr}}
@media(max-width:640px){.section{padding:60px 0}.slide .wrap{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:90px}.slide .logo{width:96px;height:96px}
 .brand b{font-size:15px}.aff .wrap{gap:36px}.aff img{height:64px}}

/* ---- main nav ---- */
.site-header .wrap{position:relative}
.nav{margin-left:auto}.menu,.menu ul{list-style:none;margin:0;padding:0}
.menu{display:flex;gap:4px;align-items:center}
.menu>li{position:relative}
.menu a{color:#fff;text-decoration:none;font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;display:block;padding:10px 12px;border-radius:6px;white-space:nowrap}
.menu a:hover,.menu a:focus-visible{color:var(--gold-light)}
.menu a:focus-visible,.sub-toggle:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}
.menu>li.has-sub{display:flex;align-items:center}.menu>li.has-sub>a{padding-right:2px}
.sub-toggle{background:none;border:0;color:var(--gold-light);padding:6px 6px;font-size:12px;border-radius:4px}
.panel{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border-top:3px solid var(--gold);border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(9,26,71,.25);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:60}
.has-sub:hover>.panel,.has-sub:focus-within>.panel,.has-sub.open>.panel{opacity:1;visibility:visible;transform:none}
.panel a{color:var(--blue-dark);text-transform:none;letter-spacing:0;font-size:14.5px;padding:9px 12px}
.panel a:hover,.panel a:focus-visible{background:var(--mist);color:var(--blue);box-shadow:inset 3px 0 0 var(--gold)}
.megawrap{position:static!important}.megawrap>.panel{left:auto;right:0;width:min(560px,90vw);padding:24px}
.mega{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.mh{font-family:"Montserrat",sans-serif;color:var(--blue);font-size:18px;padding:0 12px 8px;margin-bottom:6px;border-bottom:2px solid var(--gold)}
.inline-sub a{padding-left:28px;font-size:13.5px;color:#4a5468}.inline-sub a::before{content:"– ";color:var(--gold)}
.flyout{position:relative}.flyout>a{display:flex}.flyout>.sub-toggle{position:absolute;right:4px;top:6px;color:var(--gold)}
.flyout>.panel{top:-13px;left:100%;border-top:0;border-left:3px solid var(--gold);border-radius:0 12px 12px 0}
.flyout>a::after{content:"›";margin-left:auto;padding-left:14px;color:var(--gold)}
@media(max-width:1200px){
 .nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--blue-deep);border-bottom:2px solid var(--gold);max-height:calc(100vh - 78px);overflow:auto;padding:10px 16px 20px}
 .nav.open{display:block}.menu{flex-direction:column;align-items:stretch}
 .menu>li.has-sub,.flyout{display:grid;grid-template-columns:1fr auto}
 .sub-toggle{font-size:16px;padding:8px 14px;transition:transform .2s}.has-sub.open>.sub-toggle{transform:rotate(180deg)}
 .flyout>.sub-toggle{position:static;color:var(--gold)}.flyout>a::after{content:none}
 .panel,.megawrap>.panel,.flyout>.panel{position:static;grid-column:1/-1;width:auto;min-width:0;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;border:0;border-left:2px solid var(--gold);border-radius:0;background:transparent;padding:4px 0 8px 12px}
 .has-sub:hover>.panel,.has-sub:focus-within>.panel{display:none}.has-sub.open>.panel{display:block}
 .panel a,.inline-sub a{color:#fff}.mh{color:var(--gold-light);font-size:15px;border:0;padding:10px 12px 2px}
 .mega{grid-template-columns:1fr;gap:0}.menu>li{border-bottom:1px solid rgba(255,255,255,.08)}
 .panel a:hover{background:rgba(255,255,255,.06);color:var(--gold-light)}}

/* ---- Montserrat typography ---- */
h1,h2,h3,.mh,.brand b{font-family:"Montserrat",system-ui,sans-serif;font-weight:800;letter-spacing:-.015em}
h3,.mh{font-weight:700}
.slide h1{letter-spacing:-.025em;text-transform:uppercase;line-height:1.02}
.section h2{letter-spacing:-.02em}
.menu a,.btn,.eyebrow,.sub-toggle{font-family:"Montserrat",system-ui,sans-serif}
.menu>li>a{font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.panel a{font-family:"Inter",system-ui,sans-serif;font-weight:500}
.btn{font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.eyebrow{font-weight:800;letter-spacing:.18em}
#rvyc-wx h2{font-family:"Montserrat",sans-serif;font-weight:800;letter-spacing:.06em}
#rvyc-wx .big,#rvyc-wx .mid,#rvyc-wx .tile .v{font-family:"Montserrat",sans-serif;font-weight:800;letter-spacing:-.02em}

/* Gallery */
.gallery{background:#f5f7fb}
.g-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;grid-auto-flow:dense;gap:12px}
.g-item{position:relative;overflow:hidden;border-radius:12px;display:block;box-shadow:0 6px 18px rgba(9,26,71,.12)}
.g-item.w{grid-column:span 2}.g-item.t{grid-row:span 2}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.g-item:after{content:attr(data-cap);position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;color:#fff;font:600 14px Inter,sans-serif;background:linear-gradient(transparent,rgba(9,26,71,.85));opacity:0;transition:opacity .3s}
.g-item:hover img{transform:scale(1.06)}.g-item:hover:after{opacity:1}
.g-item:hover{outline:3px solid var(--gold,#c9a227);outline-offset:-3px}
@media(max-width:900px){.g-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}}
@media(max-width:520px){.g-grid{grid-template-columns:1fr 1fr;grid-auto-rows:130px;gap:8px}.g-item.t{grid-row:span 1}}
.lb{position:fixed;inset:0;background:rgba(5,14,40,.94);display:none;align-items:center;justify-content:center;z-index:9999}
.lb.on{display:flex}.lb figure{margin:0;max-width:92vw;text-align:center}
.lb img{max-width:92vw;max-height:82vh;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.lb figcaption{color:#fff;margin-top:12px;font:600 15px Inter,sans-serif}
.lb button{position:absolute;background:none;border:0;color:#fff;font-size:54px;line-height:1;padding:10px 18px}
.lb button:hover{color:var(--gold,#c9a227)}.lb-x{top:10px;right:14px}.lb-p{left:8px}.lb-n{right:8px}
.fnb-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}
.fnb-strip figure{margin:0;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:4/3;box-shadow:0 6px 18px rgba(9,26,71,.12)}
.fnb-strip img{width:100%;height:100%;object-fit:cover}
.fnb-strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;color:#fff;font:600 13px Inter,sans-serif;background:linear-gradient(transparent,rgba(9,26,71,.85))}
@media(max-width:800px){.fnb-strip{grid-template-columns:1fr 1fr}}

.footer-logo{height:auto;width:300px;max-width:100%;opacity:.95;flex-basis:100%;max-width:320px;margin-bottom:6px}

.announce{background:linear-gradient(90deg,#140a02,#2a1203 40%,#140a02);color:#ffd7a8;font-size:14px;border-bottom:2px solid #ff7a00}
.announce .wrap{display:flex;gap:14px;align-items:center;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.announce .a-tag{background:#ff7a00;color:#140a02;font:800 11px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.12em;padding:4px 10px;border-radius:99px}
.announce b{color:#ff8c1a}.announce .a-cta{margin-left:auto;color:#ff8c1a;font-weight:700;text-decoration:none;white-space:nowrap}.announce .a-cta:hover{color:#fff}
