/* Homepage only: an original island, moving sea and legible frosted surfaces. */
body[data-page="home"] .world{--ink:#214d62;--muted:#3d6274;--island-glass:linear-gradient(135deg,#ffffffb8,#edfbff86 58%,#f9eafa8c);background:linear-gradient(155deg,#b3e4e9,#76b9cb 80%,#91b6d2)}
.island-scene{position:fixed;inset:0;height:100vh;height:100svh;z-index:-1;pointer-events:none;overflow:hidden}
.island-scene svg{display:block;width:100%;height:100%;overflow:visible}
.island-scene .scene-land{filter:drop-shadow(0 18px 25px #31728612)}
.scene-cloud{animation:island-cloud 19s ease-in-out infinite alternate;opacity:.72;filter:drop-shadow(0 12px 12px #39758e12)}
.scene-cloud.cloud-two{animation-duration:25s;animation-delay:-11s;opacity:.55}
.scene-cloud.cloud-three{animation-duration:22s;animation-delay:-7s;opacity:.48}
.scene-shore{fill:none;stroke:#edfff5;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:island-shore 9s linear infinite}
.scene-shore.shore-two{animation-delay:-3s}.scene-shore.shore-three{animation-delay:-6s}
.home-sea-ripple{position:fixed;inset:0;z-index:-1;width:100%;height:100vh;height:100svh;overflow:hidden;pointer-events:none}
.home-sea-ripple circle{fill:none;stroke:#efffff;stroke-width:2;opacity:0;animation:home-sea-spread 2.8s cubic-bezier(.2,.6,.3,1) both}
.home-sea-ripple circle:nth-child(2){animation-delay:.2s;stroke-opacity:.55}
.home-sea-ripple circle:nth-child(3){animation-delay:.4s;stroke-opacity:.35}
.scene-tree{transform-box:fill-box;transform-origin:50% 100%;animation:island-breeze 5.5s ease-in-out infinite alternate}
.scene-tree.tree-two{animation-delay:-2.5s}
.scene-boat{transform-box:fill-box;transform-origin:center;animation:island-boat 5s ease-in-out infinite alternate}
.scene-bird{animation:island-bird 17s ease-in-out infinite alternate}
.scene-light{animation:island-light 5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:right center}
.sea-glimmer{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 9% 80%,transparent 0 53px,#d4ffff20 55px 57px,transparent 61px 115px);mix-blend-mode:screen;opacity:.6;animation:island-glimmer 12s ease-in-out infinite alternate}
body[data-page="home"] .water-surface{opacity:1;z-index:-2}
body[data-page="home"] .ocean{z-index:-2;opacity:.3}
body[data-page="home"] .ambient{opacity:.15}
body[data-page="home"] .site-header{width:min(1310px,calc(100% - 48px));margin:20px auto 9px;padding:15px 25px;border:1px solid #ffffffbd;border-radius:23px;background:linear-gradient(110deg,#f6ffffaf,#edfbff63);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:inset 0 1px 0 #fff,0 12px 30px #356f8410;position:relative;z-index:5}
body[data-page="home"] .demo-line{border:0;color:#315c70;text-shadow:0 1px 3px #e7ffff}
/* An opacity animation on main creates a backdrop root and prevents the glass
   from sampling the sea behind it, even when its final opacity is one. */
body[data-page="home"] main{animation:none}
body[data-page="home"] .home-hero{gap:25px;min-height:690px;padding:20px 0 34px}
body[data-page="home"] .hero-copy{padding:33px 30px 26px;border:1px solid #ffffffdc;border-radius:27px;background:var(--island-glass);-webkit-backdrop-filter:blur(13px) saturate(130%);backdrop-filter:blur(13px) saturate(130%);box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #ffffff73,0 20px 60px #2d62771a}
body[data-page="home"] .hero-copy:before{content:'';position:absolute;inset:7px;border:1px solid #fff5;border-radius:21px;pointer-events:none}
body[data-page="home"] .hero-copy h1{font-size:clamp(34px,3.4vw,47px);letter-spacing:0;margin-top:21px}
body[data-page="home"] .hero-copy .eyebrow{font-size:8px;letter-spacing:2.1px}
body[data-page="home"] .hero-copy .subtitle{color:#355c70;font-size:15px}
body[data-page="home"] .hero-copy .hero-footnote{color:#3c6173;line-height:1.8}
body[data-page="home"] .hero-date{margin:24px 0}
body[data-page="home"] .hero-letters{top:11px;left:48%;font-family:Georgia,serif;font-size:65px;font-weight:400;font-style:italic;letter-spacing:-2px;color:#f2ffffa3;white-space:normal;max-width:520px;line-height:1.05;transform:rotate(-5deg);text-shadow:0 4px 24px #4e9ba43b}
body[data-page="home"] .hero-art{min-height:620px;align-items:end;padding-bottom:20px}
body[data-page="home"] .hero-art>img{width:96%;max-width:540px;margin-bottom:-24px;filter:drop-shadow(0 20px 20px #366e8714)}
body[data-page="home"] .floating-note{top:122px;right:0;background:linear-gradient(130deg,#ffffffa6,#e3f9ff78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #fff,0 14px 35px #3d718b19}
body[data-page="home"] .birthday-seal{left:0;bottom:65px;background:linear-gradient(120deg,#fff3f9c7,#f4dbeea3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px white,0 12px 28px #5275821a}
body[data-page="home"] .art-caption{bottom:3px;background:#f3fcffb8;border:1px solid #fff9;border-radius:30px;padding:5px 11px;color:#466779;font-size:9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body[data-page="home"] .glass{background:var(--island-glass);border-color:#ffffffe0;-webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%);box-shadow:inset 0 1px white,0 14px 35px #305b751a}
body[data-page="home"] .news-strip{margin-top:10px;background:linear-gradient(110deg,#f6ffffce,#e4f6ffc2)}
body[data-page="home"] .section-heading{padding:17px 20px;margin-top:20px;border-radius:18px;border:1px solid #ffffffab;background:#effbffc7;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}
body[data-page="home"] .destination{background:linear-gradient(135deg,#ffffffc7,#e1f7ff99)}
body[data-page="home"] .island-story{padding:21px 24px;border:1px solid #ffffffa6;border-radius:20px;background:#effbffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body[data-page="home"] .site-footer{padding:24px;border-radius:20px;background:#eefaffb8;border:1px solid #ffffff9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#3e6478}
body[data-page="home"] .btn:not(.primary){background:#f4fcffba;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body[data-page="home"] .home-extras a{color:#365c78}
body[data-page="home"] .scene-note{display:flex;gap:7px;align-items:center;margin:0 0 15px;font-size:10px;letter-spacing:1px;color:#315d75}
body[data-page="home"] .scene-note i{width:5px;height:5px;background:#72aa9c;border-radius:50%;box-shadow:0 0 0 3px #a9d8ce55}
body[data-page="home"] .scene-note:after{content:'';height:1px;width:40px;background:#649b9e66}
@keyframes island-cloud{from{translate:-18px 0}to{translate:24px -8px}}
@keyframes island-shore{0%{scale:.99;opacity:0}12%{opacity:.85}65%{opacity:.45}100%{scale:1.42;opacity:0}}
@keyframes home-sea-spread{0%{r:2px;opacity:.8}70%{opacity:.25}100%{r:var(--wave-reach);opacity:0}}
@keyframes island-breeze{from{rotate:-2deg}to{rotate:3deg}}
@keyframes island-boat{from{translate:0 0;rotate:-2deg}to{translate:3px -5px;rotate:2deg}}
@keyframes island-bird{from{translate:-14px 3px}to{translate:31px -8px}}
@keyframes island-light{from{opacity:.08;scale:1 1}to{opacity:.23;scale:1 1.2}}
@keyframes island-glimmer{from{transform:translate(-1%,-1%) scale(1.02)}to{transform:translate(1%,1%) scale(1.05)}}
body[data-page="home"] .island-scene.is-paused *,body[data-page="home"] [data-motion="off"] .island-scene *{animation-play-state:paused!important}
@media(max-width:1050px){
 body[data-page="home"] .site-header{padding:14px 19px;width:calc(100% - 38px)}
 body[data-page="home"] .hero-copy{padding:28px 23px 24px}
 body[data-page="home"] .hero-copy h1{font-size:36px}
 body[data-page="home"] .hero-art{min-height:580px}
 body[data-page="home"] .floating-note{top:100px;max-width:190px;padding:13px}
 body[data-page="home"] .hero-date{gap:12px}
 body[data-page="home"] .hero-date small{letter-spacing:0}
 body[data-page="home"] .hero-copy .actions{gap:8px}
 body[data-page="home"] .hero-copy .btn{padding:12px 14px;gap:9px;font-size:11px}
}
@media(max-width:620px){
 body[data-page="home"] .site-header{width:calc(100% - 24px);margin:12px auto 8px;padding:12px 11px;border-radius:19px;gap:7px}
 body[data-page="home"] .brand{gap:7px}body[data-page="home"] .brand strong{font-size:19px}
 body[data-page="home"] .brand-mark{width:31px;height:33px;font-size:20px}body[data-page="home"] .brand small{font-size:6px;letter-spacing:2px}
 body[data-page="home"] .header-actions{gap:5px}body[data-page="home"] .wallet{padding:8px;font-size:10px;gap:4px}
 body[data-page="home"] .motion-toggle{padding:8px;gap:4px}body[data-page="home"] .passport-link{width:33px}
 body[data-page="home"] .home-hero{padding:14px 0 18px;gap:0;min-height:0}
 body[data-page="home"] .hero-copy{padding:26px 22px 21px;border-radius:23px;order:0;background:linear-gradient(135deg,#ffffffc9,#effbffab 65%,#f9edf5a8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
 body[data-page="home"] .hero-copy h1{font-size:clamp(29px,8.3vw,38px);margin:18px 0 15px;line-height:1.5}
 body[data-page="home"] .hero-copy .subtitle{font-size:14px;line-height:1.95}
 body[data-page="home"] .hero-copy .eyebrow{font-size:7px;letter-spacing:1.6px}
 body[data-page="home"] .hero-date{margin:20px 0;gap:12px}body[data-page="home"] .hero-date strong{font-size:37px}body[data-page="home"] .hero-date small{font-size:9px}
 body[data-page="home"] .hero-footnote{font-size:10px}
 body[data-page="home"] .hero-art{min-height:350px;height:auto;margin:8px auto 3px;padding:0;max-width:420px;width:100%;align-items:center}
 body[data-page="home"] .hero-art>img{width:100%;max-width:390px;margin:-22px 0 -5px}
 body[data-page="home"] .floating-note{top:35px;right:0;max-width:164px;padding:10px 12px;font-size:8px}
 body[data-page="home"] .birthday-seal{left:0;bottom:48px;padding:10px 13px;font-size:8px}
 body[data-page="home"] .birthday-seal strong{font-size:17px}
 body[data-page="home"] .art-caption{bottom:4px;font-size:8px}
 body[data-page="home"] .hero-letters{top:auto;bottom:280px;left:4%;font-size:45px;max-width:300px}
 body[data-page="home"] .news-strip{margin-top:4px}
 body[data-page="home"] .section-heading{padding:16px 18px}body[data-page="home"] .section-heading h2{font-size:23px}
 body[data-page="home"] .island-story{padding:18px 20px}body[data-page="home"] .island-story p{font-size:11px}
 body[data-page="home"] .site-footer{padding:21px 19px;margin-bottom:105px}
 body[data-page="home"] .mobile-nav{background:#f0fbffbc;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}
 body[data-page="home"] .scene-note{font-size:9px;margin-bottom:12px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body[data-page="home"] .hero-copy,body[data-page="home"] .glass,body[data-page="home"] .site-header,body[data-page="home"] .section-heading,body[data-page="home"] .island-story,body[data-page="home"] .site-footer{background:#edf9fff2}
}
@media(prefers-reduced-motion:reduce){.island-scene *{animation:none!important}}

/* Homepage-only ice glass: 25% base fill; preserve borders, shadows and sea motion. */
body[data-page="home"] .world{--island-glass:linear-gradient(135deg,rgba(235,248,255,.25),rgba(225,244,255,.25) 58%,rgba(246,232,255,.25))}
body[data-page="home"] :is(.site-header,.hero-copy,.glass,.news-strip,.section-heading,.destination,.island-story,.site-footer,.floating-note,.birthday-seal,.art-caption){
  background:var(--island-glass);
}
@media(max-width:620px){
  body[data-page="home"] :is(.hero-copy,.mobile-nav){background:var(--island-glass)}
}

/* Clean home backdrop: uploaded photograph stays available but becomes a quiet depth layer. */
body[data-page="home"] .home-hero{
  isolation:isolate;
  overflow:hidden;
  border-radius:24px;
  background-color:#dff4ff;
}
body[data-page="home"] .home-hero::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-1;
  background-image:var(--home-sea-photo,none);
  background-size:cover;
  background-position:var(--home-sea-position,center);
  filter:blur(13px) saturate(.68) contrast(.82);
  opacity:.31;
  pointer-events:none;
}
body[data-page="home"] .home-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(118deg,rgba(242,251,255,.45),rgba(208,238,255,.13) 50%,rgba(231,240,255,.18));
  pointer-events:none;
}
@media(max-width:620px){
  body[data-page="home"] .home-hero::before{filter:blur(9px) saturate(.7);opacity:.24}
}

/* Clean sea mode: remove the textured photo from the home hero entirely.
   The original uploaded file stays in admin assets and can be restored later. */
body[data-page="home"] .home-hero,
body[data-page="home"] .home-hero[style]{
  background-image:
    radial-gradient(ellipse at 74% 22%,rgba(239,247,255,.75),transparent 44%),
    radial-gradient(ellipse at 20% 80%,rgba(189,226,249,.62),transparent 56%),
    linear-gradient(120deg,#e4f7ff 0%,#c7eafa 52%,#ddeefe 100%) !important;
  background-color:#d6f0ff;
}
body[data-page="home"] .home-hero::before{content:none !important;background-image:none !important}
body[data-page="home"] .home-hero::after{background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 55%);opacity:.55}

/* Liquid-glass ocean: pure CSS flowing caustics, refractive highlights, no noisy photograph. */
body[data-page="home"] .home-hero,
body[data-page="home"] .home-hero[style]{
  background:
    radial-gradient(ellipse 44% 45% at 15% 18%,rgba(255,255,255,.72),transparent 85%),
    radial-gradient(ellipse 48% 66% at 85% 70%,rgba(154,199,255,.38),transparent 92%),
    linear-gradient(132deg,#dbf8ff 0%,#afe4f5 36%,#c6e5ff 69%,#e9dcff 100%) !important;
  box-shadow:inset 0 2px 0 #fff9,inset 0 -18px 42px #65add61c,0 20px 65px #6298bd17;
}
body[data-page="home"] .home-hero::before{
  content:"" !important;
  inset:-25% !important;
  z-index:-1 !important;
  opacity:.72 !important;
  background-image:
    radial-gradient(ellipse 27% 16% at 17% 35%,rgba(255,255,255,.78),transparent 100%),
    radial-gradient(ellipse 30% 12% at 72% 24%,rgba(255,255,255,.7),transparent 100%),
    radial-gradient(ellipse 34% 13% at 63% 83%,rgba(149,225,247,.64),transparent 100%),
    repeating-conic-gradient(from 22deg at 55% 50%,rgba(255,255,255,.11) 0 8deg,transparent 12deg 39deg) !important;
  background-size:100% 100% !important;
  filter:blur(20px) saturate(115%) !important;
  animation:buzhi-liquid-drift 17s ease-in-out infinite alternate;
}
body[data-page="home"] .home-hero::after{
  background:
    radial-gradient(ellipse 50% 10% at 62% 15%,rgba(255,255,255,.40),transparent 100%),
    radial-gradient(ellipse 48% 9% at 18% 77%,rgba(255,255,255,.3),transparent 100%),
    linear-gradient(120deg,rgba(255,255,255,.20),transparent 65%) !important;
  opacity:1 !important;
  animation:buzhi-liquid-shimmer 12s ease-in-out infinite alternate;
}
body[data-page="home"] .hero-copy{
  background:linear-gradient(128deg,rgba(255,255,255,.47),rgba(217,247,255,.23) 58%,rgba(236,224,255,.26)) !important;
  border:1px solid rgba(255,255,255,.88) !important;
  box-shadow:inset 0 2px 1px #fff9,inset 0 -1px 0 #fff6,0 16px 40px #4c89ba1b,0 36px 85px #4c89ba0c !important;
  -webkit-backdrop-filter:blur(23px) saturate(155%);
  backdrop-filter:blur(23px) saturate(155%);
}
@keyframes buzhi-liquid-drift{
  from{transform:translate3d(-3%,1%,0) rotate(-4deg) scale(1)}
  to{transform:translate3d(3%,-2%,0) rotate(4deg) scale(1.13)}
}
@keyframes buzhi-liquid-shimmer{
  from{transform:translate3d(-1%,0,0);opacity:.65}
  to{transform:translate3d(1%,1%,0);opacity:1}
}
@media(max-width:620px){
  body[data-page="home"] .home-hero::before{animation-duration:25s;filter:blur(24px) !important}
  body[data-page="home"] .hero-copy{-webkit-backdrop-filter:blur(14px) saturate(145%);backdrop-filter:blur(14px) saturate(145%)}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .home-hero::before,body[data-page="home"] .home-hero::after{animation:none}
}

/* Liquid glass v2: bright saturated water instead of foggy pastel overlays. */
body[data-page="home"] .home-hero,
body[data-page="home"] .home-hero[style]{
  background:radial-gradient(ellipse 43% 65% at 8% 16%,rgba(228,255,255,.24),transparent 80%),
    radial-gradient(ellipse 38% 60% at 88% 81%,rgba(130,127,255,.14),transparent 78%),
    radial-gradient(ellipse 36% 40% at 68% 15%,rgba(37,200,237,.16),transparent 75%),
    linear-gradient(126deg,rgba(119,213,237,.32) 0%,rgba(69,180,225,.22) 43%,rgba(132,189,246,.24) 73%,rgba(193,171,239,.28) 100%) !important;
  background-color:rgba(102,201,235,.12) !important;
}
body[data-page="home"] .home-hero::before{
  opacity:.84 !important;
  filter:blur(3px) saturate(160%) !important;
  background-image:
    radial-gradient(ellipse 24% 4% at 16% 40%,rgba(255,255,255,.84),transparent 85%),
    radial-gradient(ellipse 22% 5% at 70% 22%,rgba(255,255,255,.78),transparent 90%),
    radial-gradient(ellipse 25% 6% at 63% 81%,rgba(225,255,255,.8),transparent 90%),
    repeating-conic-gradient(from 18deg at 48% 50%,rgba(255,255,255,.18) 0 3deg,transparent 5deg 33deg) !important;
}
body[data-page="home"] .home-hero::after{
  background:radial-gradient(ellipse 50% 5% at 55% 6%,rgba(255,255,255,.62),transparent 100%),
    linear-gradient(120deg,rgba(255,255,255,.10),transparent 55%) !important;
}
body[data-page="home"] .hero-copy{
  background:linear-gradient(130deg,rgba(235,254,255,.23),rgba(198,239,255,.12) 62%,rgba(225,210,255,.16)) !important;
  -webkit-backdrop-filter:blur(9px) saturate(170%) !important;
  backdrop-filter:blur(9px) saturate(170%) !important;
  border:1.5px solid rgba(255,255,255,.95) !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.6),0 16px 36px rgba(23,92,149,.20),0 34px 75px rgba(38,95,157,.14) !important;
}
body[data-page="home"] .floating-note,body[data-page="home"] .birthday-seal{
  -webkit-backdrop-filter:blur(8px) saturate(165%) !important;
  backdrop-filter:blur(8px) saturate(165%) !important;
  border:1px solid rgba(255,255,255,.88);
}
@media(max-width:620px){
  body[data-page="home"] .hero-copy{-webkit-backdrop-filter:blur(6px) saturate(150%) !important;backdrop-filter:blur(6px) saturate(150%) !important}
}
/* Keep reading contrast without returning to an opaque white panel. */
body[data-page="home"] .hero-copy :is(h1,.subtitle,.hero-footnote,.scene-note){text-shadow:0 1px 5px #edffff80}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body[data-page="home"] .hero-copy{background:#eaf6fff2!important}
}


/* Homepage composition sync · 2026-10-19. The illustration remains an
   admin-managed image; this changes framing, glass depth and responsiveness. */
body[data-page="home"] .home-hero{
  gap:clamp(16px,2.5vw,40px);
  min-height:720px;
  padding:34px clamp(18px,3vw,48px) 38px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:38px;
  box-shadow:inset 0 1px 0 #fff,0 25px 80px rgba(27,103,156,.16);
}
body[data-page="home"] .home-hero::after{
  background:
    radial-gradient(ellipse 36% 42% at 83% 35%,rgba(224,255,255,.32),transparent 85%),
    radial-gradient(ellipse 48% 19% at 29% 88%,rgba(255,255,255,.38),transparent 95%),
    linear-gradient(117deg,rgba(236,252,255,.12),transparent 64%) !important;
}
body[data-page="home"] .hero-copy{
  position:relative;
  z-index:2;
  padding:clamp(28px,3vw,45px);
  border-radius:32px;
  background:linear-gradient(140deg,rgba(247,255,255,.29),rgba(201,240,255,.13) 58%,rgba(226,209,255,.19)) !important;
  -webkit-backdrop-filter:blur(12px) saturate(155%) !important;
  backdrop-filter:blur(12px) saturate(155%) !important;
  box-shadow:inset 0 2px 0 #ffffffdc,inset 0 -1px 0 #ffffff8c,0 24px 64px #27679626 !important;
}
body[data-page="home"] .hero-copy::before{
  inset:9px;
  border-radius:25px;
  border-color:#ffffff82;
}
body[data-page="home"] .hero-copy .eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:7px 14px;
  border:1px solid #ffffffcf;
  border-radius:99px;
  background:linear-gradient(110deg,#d5faff9e,#f8ddff91);
  box-shadow:inset 0 1px #fff9;
  color:#21627f;
  font-size:11px;
  letter-spacing:1.4px;
}
body[data-page="home"] .hero-copy h1{
  font-size:clamp(37px,3.8vw,56px);
  line-height:1.35;
  margin-top:25px;
  text-shadow:0 2px 0 #ffffff6e,0 10px 25px #377ea622;
}
body[data-page="home"] .hero-art{
  position:relative;
  z-index:1;
  min-height:660px;
  padding-bottom:6px;
}
body[data-page="home"] .hero-art::before{
  content:"";
  position:absolute;
  width:90%;
  aspect-ratio:1;
  top:9%;
  left:5%;
  z-index:-1;
  border:1px solid rgba(255,255,255,.45);
  border-radius:50%;
  background:radial-gradient(circle at 48% 38%,rgba(245,255,255,.5),rgba(174,228,255,.2) 45%,transparent 72%);
  box-shadow:0 0 0 23px #e5ffff0d,0 0 0 48px #d6edff0a;
  pointer-events:none;
}
body[data-page="home"] .hero-art>img{
  position:relative;
  width:110%;
  max-width:690px;
  margin:0 -4% -42px 0;
  object-fit:contain;
  filter:drop-shadow(0 25px 30px #27739730);
}
body[data-page="home"] .hero-letters{
  top:18px;
  left:43%;
  font-size:clamp(70px,8.4vw,130px);
  color:#e9ffff8a;
  letter-spacing:-5px;
}
body[data-page="home"] .floating-note{
  right:-10px;
  top:85px;
  z-index:3;
  border-radius:20px;
  box-shadow:inset 0 1px #fff,0 17px 42px #2f7b9b24;
}
body[data-page="home"] .birthday-seal{
  left:3%;
  bottom:39px;
  z-index:3;
  box-shadow:inset 0 1px #fff,0 14px 34px #3a739824;
}
body[data-page="home"] :is(.news-strip,.destination,.island-story,.section-heading){
  border:1px solid #ffffffc9;
  box-shadow:inset 0 1px 0 #ffffffcf,0 15px 42px #2875a316;
  -webkit-backdrop-filter:blur(12px) saturate(150%);
  backdrop-filter:blur(12px) saturate(150%);
}
@media(max-width:1050px){
 body[data-page="home"] .home-hero{padding:24px 20px 28px;min-height:620px;gap:12px}
 body[data-page="home"] .hero-art{min-height:550px}
 body[data-page="home"] .hero-art>img{width:105%;margin-right:0}
 body[data-page="home"] .hero-copy h1{font-size:clamp(32px,4vw,43px)}
}
@media(max-width:620px){
 body[data-page="home"] .home-hero{padding:16px 12px 25px;border-radius:26px;gap:0;min-height:0}
 body[data-page="home"] .hero-copy{order:0;padding:27px 21px 24px;border-radius:25px}
 body[data-page="home"] .hero-copy h1{font-size:clamp(29px,8vw,38px);margin-top:17px}
 body[data-page="home"] .hero-copy .eyebrow{font-size:9px;letter-spacing:.5px}
 body[data-page="home"] .hero-art{order:1;min-height:410px;padding-bottom:12px}
 body[data-page="home"] .hero-art::before{width:84%;top:8%;left:8%}
 body[data-page="home"] .hero-art>img{width:100%;max-width:490px;margin:0 auto -22px}
 body[data-page="home"] .hero-letters{left:6%;top:12px;font-size:60px;letter-spacing:-2px}
 body[data-page="home"] .floating-note{top:55px;right:0;max-width:145px}
 body[data-page="home"] .birthday-seal{left:2%;bottom:32px}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="home"] .hero-art::before{animation:none!important}
}


/* Performance pass: keep the ocean/glass look without repeatedly repainting
   multiple oversized blurred layers while scrolling or animating. */
body[data-page="home"] .home-hero::before{
  animation:none !important;
  transform:none !important;
  filter:none !important;
  opacity:.36 !important;
}
body[data-page="home"] .home-hero::after{
  animation:none !important;
  transform:none !important;
}
body[data-page="home"] .hero-art>img{
  filter:drop-shadow(0 11px 13px rgba(39,115,151,.16));
}
body[data-page="home"] .hero-copy{
  -webkit-backdrop-filter:blur(7px) saturate(135%) !important;
  backdrop-filter:blur(7px) saturate(135%) !important;
}
body[data-page="home"] :is(.news-strip,.destination,.island-story,.section-heading){
  -webkit-backdrop-filter:blur(5px) saturate(125%);
  backdrop-filter:blur(5px) saturate(125%);
}
@media(max-width:768px){
 body[data-page="home"] .hero-copy{
   -webkit-backdrop-filter:blur(4px) saturate(125%) !important;
   backdrop-filter:blur(4px) saturate(125%) !important;
 }
 body[data-page="home"] :is(.site-header,.news-strip,.destination,.island-story,.section-heading,.floating-note,.birthday-seal){
   -webkit-backdrop-filter:none !important;
   backdrop-filter:none !important;
   background:linear-gradient(135deg,rgba(230,250,255,.58),rgba(208,238,255,.36) 65%,rgba(240,225,255,.40)) !important;
 }
 body[data-page="home"] .hero-art>img{filter:none}
 body[data-page="home"] .hero-art::before{box-shadow:none}
}