:root{--navy:#0b1c3d;--deep:#07162f;--gold:#e7bd6f;--cream:#fffdfa;--ink:#0b1a39;--line:#e3ded6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f0ed;color:var(--ink);font:15px/1.5 Arial,Helvetica,sans-serif}button,a{font:inherit}a{text-decoration:none;color:inherit}a:hover{color:#a77d32}button{cursor:pointer}.shell{width:100%;max-width:1199px;margin:auto;background:var(--cream);box-shadow:0 12px 50px #141b2a19}.site-header{height:58px;background:#081b3b;display:flex;align-items:center;gap:25px;padding:0 4.8%;color:white}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.crest{font-size:36px;color:var(--gold);line-height:1}.brand-name{font:bold 24px Georgia,serif;line-height:1}.brand-sub{color:var(--gold);font-size:10px;margin-top:3px;line-height:1}.tagline{border-left:1px solid #8a96b3;padding-left:20px;font-size:10px;line-height:1.2;max-width:145px;color:#f2f2f2}.nav{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:12px;white-space:nowrap}.nav a{padding:20px 0}.nav a:first-child{border-bottom:2px solid var(--gold)}.search{background:none;border:0;color:white;font-size:24px;padding:0}.hero{height:378px;background:url('../assets/hero-desktop.png') center center/100% 100% no-repeat;color:#fff;position:relative;overflow:hidden}.hero-content{opacity:0;position:relative;z-index:1;padding:59px 0 0 5.1%;max-width:510px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:5px;color:var(--gold)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}h1{font-size:46px;line-height:1.02;letter-spacing:-1.2px;margin:18px 0 16px}.hero p{max-width:445px;font-size:16px;line-height:1.38;margin:0 0 26px}.actions{display:flex;gap:16px}.cta{border:1px solid white;border-radius:30px;padding:10px 25px;font:600 14px Georgia,serif;color:white;min-width:160px;text-align:center}.cta.gold{background:linear-gradient(#f9db9f,#e7b85e);border-color:#e7b85e;color:#081b3b}.quick{background:#fcfaf8;display:grid;grid-template-columns:repeat(6,1fr);height:115px;align-items:center;padding:12px 35px}.quick a{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-right:1px solid #e6e1da;height:66px}.quick a:last-child{border:0}.quick .ico{font-size:29px;line-height:1.1;color:var(--navy)}.quick strong{font:700 15px Georgia,serif}.quick small{font:11px Arial,sans-serif;color:#252d3a}.content{padding:32px 3.1% 22px}.head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #dedbd6;padding-bottom:7px;margin-bottom:22px}.head h2{margin:0;font-size:30px;letter-spacing:-.8px;line-height:1.15}.head h2:after{content:'';display:block;background:#d7a54c;width:65px;height:2px;position:relative;top:9px}.head a{font-size:12px}.gold-arrow{color:#b88a41;font-size:18px;margin-left:5px}.latest{display:grid;grid-template-columns:1.28fr 1fr;gap:32px}.main-story{height:309px;border-radius:8px;overflow:hidden;position:relative;background:url('../assets/latest-cococay.png') center center/100% 100% no-repeat;color:white;padding:20px 24px;display:flex;flex-direction:column;justify-content:end}.pill{position:absolute;top:20px;left:21px;background:var(--gold);color:#07172d;padding:3px 10px;border-radius:4px;font-weight:bold;font-size:11px}.main-story .pill,.main-story h3,.main-story p,.main-story .meta{opacity:0}.main-story h3{font-size:25px;line-height:1.04;margin:0 0 8px;max-width:430px}.main-story p{margin:0 0 12px;font-size:12px;line-height:1.3}.meta{font-size:11px}.story-list{display:grid;grid-template-rows:repeat(3,1fr);gap:0}.story{display:grid;grid-template-columns:158px 1fr;gap:17px;align-items:start;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid #ddd8d2}.story:last-child{border:0;margin:0}.story img{width:158px;height:84px;object-fit:cover;border-radius:7px}.story h3{font-size:17px;line-height:1.2;margin:2px 0 8px}.story .meta{color:#4e5159;font-size:10px}.lower{display:grid;grid-template-columns:1.85fr 1fr;gap:35px;margin-top:40px}.lower .head h2{font-size:27px}.ships{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ship{border-radius:8px;overflow:hidden;background:#071a37;color:white;position:relative;height:196px}.ship img{position:absolute;inset:0;width:100%;height:126px;object-fit:cover}.ship:after{content:'';position:absolute;inset:68px 0 0;background:linear-gradient(transparent,#071a37 42%);pointer-events:none}.ship .ship-copy{position:absolute;bottom:12px;left:13px;right:14px;z-index:1}.ship h3{font-size:16px;line-height:1.1;margin:0 0 4px}.ship p{font-size:11px;line-height:1.2;margin:0;max-width:170px}.round-arrow{position:absolute;bottom:22px;right:12px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:20px;line-height:24px;width:26px;height:26px;text-align:center}.guide-list{display:grid;gap:11px}.guide{display:grid;grid-template-columns:115px 1fr;gap:15px;align-items:start}.guide img{width:115px;height:56px;object-fit:cover;border-radius:6px}.guide h3{font-size:15px;line-height:1.22;margin:0}.detail{display:none;min-height:100vh;background:#fffdfa}.detail header{background:#081b3b;color:#fff;padding:17px 5%;display:flex;justify-content:space-between;align-items:center}.detail header>a{font:700 25px Georgia,serif}.detail nav{display:flex;gap:20px;font-size:13px}.detail-hero{background:linear-gradient(90deg,#081b39f2,#081b39a6),url('../assets/detail-hero.png') right center/cover;min-height:250px;display:flex;flex-direction:column;justify-content:center;padding:50px max(5%,calc((100% - 1000px)/2));color:white}.detail-hero h1{font-size:44px;max-width:760px}.detail-main{max-width:1000px;margin:35px auto;padding:0 5%;font-size:17px}.preview-note{padding:18px 22px;background:#f5efe4;border-left:3px solid var(--gold);font-size:13px;color:#45505d}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.card{min-height:130px;padding:20px;background:#f1f3f6;border-radius:8px}.card span{color:#a17b39;font-size:11px;font-weight:bold}.card h3{font-size:19px}.back{margin-top:30px;display:inline-block;color:#9c712e}.ribbon{position:fixed;right:17px;bottom:17px;background:#081b39e8;color:white;padding:9px 13px;border-radius:7px;z-index:30;font-size:12px}.ribbon strong{color:var(--gold)}.ribbon button{color:#fff;background:none;border:0;text-decoration:underline;margin-left:10px;font-size:12px}
@media(max-width:950px){.tagline{display:none}.nav{gap:12px}.nav a{font-size:11px}.hero{height:350px}.hero-content{padding-top:50px}.hero h1{font-size:39px}.story{grid-template-columns:120px 1fr;gap:10px}.story img{width:120px}.story h3{font-size:14px}.latest{gap:15px}.lower{gap:18px}}
@media(max-width:650px){.site-header{padding:0 4%;height:64px;flex-wrap:wrap;gap:0}.brand-name{font-size:21px}.crest{font-size:29px}.nav{width:100%;overflow-x:auto;gap:17px;padding-bottom:6px;margin-top:3px}.nav a{padding:0 0 5px}.site-header{height:auto;padding-top:9px}.search{display:none}.hero{height:440px;background:url('../assets/hero-mobile.png') center center/cover no-repeat,#142243}.hero-content{padding:28px 5%;max-width:100%}.hero h1{font-size:40px;margin-top:12px}.hero p{font-size:14px;max-width:340px}.eyebrow{font-size:11px;letter-spacing:3px}.cta{min-width:0;padding:10px 15px;font-size:12px}.quick{height:auto;grid-template-columns:repeat(3,1fr);gap:12px 0;padding:22px 12px}.quick a:nth-child(3){border:0}.quick .ico{font-size:25px}.quick strong{font-size:13px}.quick small{font-size:9px}.content{padding:26px 4%}.head h2{font-size:25px}.latest,.lower{grid-template-columns:1fr;gap:20px}.main-story{height:260px}.story{grid-template-columns:115px 1fr}.story img{width:115px}.lower{margin-top:28px}.ship{height:182px}.ship h3{font-size:13px}.ship p{font-size:9px}.ship .ship-copy{left:8px}.round-arrow{display:none}.cards{grid-template-columns:1fr}.detail nav{display:none}.detail-hero h1{font-size:32px}}
.hero-image-action{position:absolute;z-index:5;display:block;top:71.2%;height:11.4%;background:transparent;border-radius:999px;cursor:pointer;text-decoration:none}.hero-image-action.fleet{left:4.9%;width:16.2%}.hero-image-action.guides{left:22.2%;width:13.4%}.hero-image-action:focus-visible{outline:3px solid #f5d485;outline-offset:3px}.hero-image-action:hover{background:transparent;box-shadow:none}@media(max-width:650px){.hero-image-action{top:71.2%}}
.hero .actions{visibility:hidden;pointer-events:none} .hero-image-action{outline:0!important;box-shadow:none!important;background:transparent!important} 

/* The supplied mobile asset is the same 1199x378 composition as desktop.
   Keep its embedded headline and button artwork visible without cropping. */
@media(max-width:650px){
  .hero{height:auto;aspect-ratio:1199 / 378;background-size:100% 100%}
  .hero-content{position:absolute;inset:0}
}

/* Royal Voyage photograph release: preserve existing section geometry and real HTML copy. */
.hero.hero-updated{
  background-image:linear-gradient(90deg,rgba(5,18,41,.86) 0%,rgba(5,18,41,.66) 27%,rgba(5,18,41,.23) 43%,transparent 64%),url('../assets/icon-of-the-seas-hero.webp');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.hero.hero-updated .hero-content{opacity:1;visibility:visible;z-index:4;}
.hero.hero-updated .actions{visibility:visible;pointer-events:auto;}
.hero.hero-updated .hero-image-action{display:none;}
.main-story.story-updated{
  background-image:linear-gradient(0deg,rgba(3,18,35,.92),rgba(3,18,35,.24) 53%,transparent 75%),url('../assets/perfect-day-cococay-aerial.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.main-story.story-updated .pill,.main-story.story-updated h3,.main-story.story-updated p,.main-story.story-updated .meta{
  opacity:1;
  position:relative;
  z-index:1;
}
.hero.hero-updated .cta:focus-visible{outline:3px solid #f8d38d;outline-offset:3px}
@media(max-width:950px) and (min-width:651px){
  .hero.hero-updated .hero-content{padding-top:40px;max-width:390px}
  .hero.hero-updated h1{font-size:38px}
}
@media(max-width:650px){
  .hero.hero-updated{
    height:440px;
    aspect-ratio:auto;
    background-image:linear-gradient(90deg,rgba(5,18,41,.91),rgba(5,18,41,.55) 66%,rgba(5,18,41,.20)),url('../assets/icon-of-the-seas-hero.webp');
    background-size:cover;
    background-position:57% center;
  }
  .hero.hero-updated .hero-content{position:relative;inset:auto;max-width:100%;padding:24px 5%}
  .hero.hero-updated h1{font-size:35px;line-height:1.07}
  .hero.hero-updated p{max-width:315px}
  .hero.hero-updated .actions{flex-wrap:wrap;gap:10px}
}


/* Keep the NEWS label compact; do not let it stretch as a flex item. */
.main-story.story-updated .pill{
  position:absolute;
  top:20px;
  left:21px;
  right:auto;
  bottom:auto;
  width:max-content;
  max-width:calc(100% - 42px);
  align-self:flex-start;
  display:inline-block;
  z-index:2;
}