*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#13152b;background:#fff}a{color:inherit}button,input{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:white;padding:10px}.site-header{background:linear-gradient(110deg,#081537 0%,#243575 46%,#c052a6 100%);color:#fff;padding:12px max(4%,calc((100vw - 1240px)/2)) 0}.header-inner{display:flex;align-items:center;gap:25px;min-height:100px}.brand img{width:155px;height:105px;object-fit:contain;display:block}.header-title{border-left:2px solid #fff;padding-left:25px;text-transform:uppercase}.header-title span{font-size:18px;font-weight:700;color:#ffe09a}.header-title strong{display:block;font-size:clamp(28px,4.4vw,57px);line-height:1;letter-spacing:1px}.social{margin-left:auto;display:flex;gap:10px}.social a,.social button{border:0;background:#0a1235;color:white;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;text-decoration:none;font-weight:bold;cursor:pointer}.nav{display:flex;gap:3px;justify-content:space-around;flex-wrap:wrap;background:#0b123c;border-radius:30px;padding:12px 15px;position:relative;top:16px;z-index:2}.nav a{color:white;text-decoration:none;font-size:13px;font-weight:800;padding:3px 5px}.nav a:hover,.nav a:focus{text-decoration:underline}.search{background:#fff;color:#111;padding:16px;position:absolute;right:5%;z-index:5;box-shadow:0 4px 20px #0003}.search input{margin:0 8px}.hero{min-height:430px;background:linear-gradient(105deg,#22265e 0%,#743d8b 43%,#ec6581 72%,#ff9e55 100%);display:grid;grid-template-columns:56% 44%;color:white;overflow:hidden}.hero-copy{padding:70px 5% 55px max(7%,calc((100vw - 1120px)/2));z-index:1}.eyebrow{text-transform:uppercase;font-weight:800;letter-spacing:2px;font-size:12px}.hero h1{font-size:clamp(42px,5.3vw,78px);line-height:.99;margin:22px 0 18px;letter-spacing:-2px;text-shadow:1px 3px 9px #0004}.hero-copy>p:last-of-type{font-size:20px;max-width:560px;line-height:1.35}.rainbow{height:7px;width:80%;max-width:410px;background:linear-gradient(90deg,#f43,#ffa500,#fff500,#45cc4a,#3bcaff,#6047d6,#c940d6);margin:20px 0}.hero-photo{background-image:linear-gradient(90deg,#9b4e95 0%,transparent 25%),url('assets/sunset-sailboat.jpg');background-size:cover;background-position:center}.button{display:inline-block;border-radius:10px;padding:15px 22px;text-decoration:none;font-weight:800;font-size:14px;text-align:center}.primary{background:#e60073;color:white}.outline{border:2px solid #111;color:#111;background:transparent}.white{background:white;color:#df0071;border-radius:40px}.magazine{background:linear-gradient(105deg,#f4dcf7,#fff 65%);display:grid;grid-template-columns:minmax(220px,34%) 1fr;gap:50px;padding:45px max(6%,calc((100vw - 1120px)/2)) 40px;align-items:center}.cover img{display:block;width:min(100%,310px);height:auto;box-shadow:0 12px 20px #0004;transform:rotate(-3deg);border:5px solid white}.mag-brand{display:flex;align-items:center;gap:28px}.mag-brand>img{width:clamp(145px,19vw,245px);height:auto;object-fit:contain;flex-shrink:0}.mag-brand h2{font-size:clamp(22px,2.5vw,35px);line-height:1.1;margin:0 0 12px}.mag-brand p{font-size:18px;line-height:1.35}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.note{color:#555;font-size:12px}.categories{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:35px 25px}.tile{text-decoration:none;background:#f5f5f7;border-radius:12px;overflow:hidden;transition:transform .2s}.tile:hover{transform:translateY(-4px)}.tile img{width:100%;aspect-ratio:1.3;object-fit:cover;display:block}.tile h3{font-size:22px;margin:12px 14px 4px}.tile p{font-size:15px;line-height:1.4;margin:0 14px 18px}.visit{background:linear-gradient(105deg,#ff9a22,#ef426d 45%,#5d248b 75%,#0864c8);color:white;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px max(6%,calc((100vw - 1120px)/2))}.visit h2{font-size:clamp(23px,3vw,36px);margin:0 0 8px}.visit p{margin:0}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:1120px;margin:35px auto;padding:15px 25px}.bottom h2{font-size:22px}footer{background:#0d143b;color:#ddd;padding:20px 6%;text-align:center;font-size:13px}@media(max-width:800px){.header-inner{gap:12px}.brand img{width:100px;height:75px}.header-title{padding-left:12px}.header-title span{font-size:12px}.social{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 6% 40px;background:linear-gradient(90deg,#181a54cc,#3c2b69aa)}.hero-photo{height:220px;grid-row:2;background-position:center 42%}.magazine{grid-template-columns:1fr;gap:25px;padding:35px 7%}.cover img{max-width:270px;margin:auto}.mag-brand{gap:15px}.mag-brand>img{width:125px}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.visit{flex-direction:column;align-items:flex-start}.bottom{grid-template-columns:1fr}}@media(max-width:480px){.header-title strong{font-size:28px}.nav{border-radius:12px;justify-content:center}.nav a{font-size:12px}.mag-brand{align-items:flex-start}.mag-brand>img{width:100px}.mag-brand h2{font-size:20px}.mag-brand p{font-size:15px}.categories{gap:10px;padding:20px 12px}.tile h3{font-size:18px}.tile p{font-size:13px}}
/* Consistent active page indicator across main navigation */
.nav a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }

/* Active navigation item: match the pink text and underline on STAY. */
.nav a[aria-current="page"],
.nav a.active,
.nav a.current {
  color: #ff69b4 !important;
  text-decoration: underline !important;
  text-decoration-color: #ff69b4 !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 5px !important;
}
