/* Approved native homepage V5. Styles remain local to the new header and scene. */
.hn-site-header,.hn-hero,.hn-explore{--ink:#10294a;--blue:#1952bb;--muted:#637fa3;--paper:#f6faff;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:normal}
:is(.hn-site-header,.hn-hero,.hn-explore) svg{display:block}
:is(.hn-site-header,.hn-hero,.hn-explore) button{cursor:pointer}
:is(.hn-site-header,.hn-hero,.hn-explore) :is(a,button):focus-visible{outline:2px solid var(--blue);outline-offset:6px}
.hn-site-header{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;gap:25px;height:78px;padding:0 5.3%;transition:background-color .16s,box-shadow .16s;background:transparent}.hn-site-header.hn-scrolled,.hn-site-header.hn-menu-open{background:#f9fcff;box-shadow:0 1px 0 #dde7f1}.hn-brand{display:flex;align-items:center;flex:none;gap:9px;color:#1d5bbd}.hn-brand svg{width:31px;height:39px;color:#46a6f2}.hn-brand span{font-size:24px;letter-spacing:.015em;font-weight:700;line-height:1}.hn-brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.12em;margin-top:7px;color:#7091be}.hn-main-nav{display:flex;align-items:center;gap:21px;margin-left:auto;white-space:nowrap}.hn-main-nav a{font-size:12px;position:relative;padding:10px 0}.hn-main-nav a[aria-current]{color:var(--blue)}.hn-main-nav a[aria-current]::after{content:"";position:absolute;bottom:1px;height:2px;left:0;right:0;background:var(--blue)}.hn-header-actions{display:flex;align-items:center;gap:17px;white-space:nowrap;font-size:12px}.hn-contact-button{border:0;background:#1754ba;color:white;border-radius:30px;padding:10px 15px;font-size:12px}.hn-menu-button{display:none;width:32px;height:38px;border:0;background:none;padding:6px}.hn-menu-button span{display:block;height:1.5px;background:var(--ink);margin:6px 0}
.hn-hero{position:relative;isolation:isolate;height:calc(100vw / 2.6 + 70px);min-height:520px;max-height:800px;overflow:hidden;background:linear-gradient(100deg,#fcfeff 8%,#d1e6fa 55%,#81b9f0)}.hn-scene-plane{position:absolute;top:70px;left:0;width:100%;aspect-ratio:2.6;pointer-events:none}.hn-background-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.hn-hero-copy{position:absolute;top:33%;left:6.7%;z-index:3}.hn-hero h1{margin:0;font-family:"Songti SC","STSong",serif;font-weight:700;font-size:clamp(48px,4.7vw,82px);letter-spacing:.005em;line-height:1.15;color:#0c2243}.hn-tagline{font-family:"Songti SC","STSong",serif;font-size:clamp(20px,2.03vw,33px);letter-spacing:.11em;margin:23px 0 0}.hn-hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.hn-explore-button{display:flex;align-items:center;gap:45px;padding:17px 23px 17px 28px;background:linear-gradient(120deg,#2d88e8,#1947b6);color:white;border-radius:7px;font-size:16px;font-weight:500}.hn-explore-button svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;fill:none}.hn-theme-button{border:0;background:none;display:flex;align-items:center;gap:12px;font-size:13px;padding:0}.hn-play-mark{display:grid;place-items:center;width:43px;height:43px;background:#e8f1ff;border-radius:50%;color:var(--blue)}.hn-play-mark svg{width:20px;height:20px;fill:currentColor}.hn-pause-shape{display:none}.hn-theme-button[aria-pressed=true] .hn-play-shape{display:none}.hn-theme-button[aria-pressed=true] .hn-pause-shape{display:block}.hn-handwriting{font-family:"Snell Roundhand","Apple Chancery",cursive;color:#7799ca;font-size:22px;line-height:1.2;margin:30px 0 0;transform:rotate(-5deg);max-width:250px}.hn-handwriting span{padding-left:28px}.hn-scene-caption{position:absolute;right:5.5%;bottom:16%;z-index:3;font-family:"Kaiti SC","STKaiti",serif;color:#48668d;letter-spacing:.16em;font-size:16px;line-height:1.7;transform:rotate(-5deg)}.hn-scene-caption span{margin-left:28px}.hn-cloud-boundary{position:absolute;z-index:4;bottom:-1px;left:0;width:100%;height:80px;fill:var(--paper)}
.hn-ship-position,.hn-cloud-layer{position:absolute}.hn-ship-primary{width:11%;left:47.2%;top:16.2%;z-index:2}.hn-ship-banner{width:6.8%;left:88%;top:21.5%;z-index:2}.hn-ship-flight{width:100%;animation:airship-cruise 18s ease-in-out infinite alternate}.hn-ship-banner .hn-ship-flight{animation:banner-cruise 24s ease-in-out -5s infinite alternate}.hn-ship-flight img{width:100%;height:auto}.hn-cloud-layer{z-index:3}.hn-cloud-layer img{width:100%;animation:cloud-drift 30s ease-in-out infinite alternate}.hn-cloud-distant{width:37%;left:47%;top:56%;opacity:.36}.hn-cloud-distant img{animation-duration:38s;animation-delay:-12s}.hn-cloud-near{width:46%;left:-17%;top:64%;opacity:.76}.hn-cloud-near img{animation-duration:24s;animation-delay:-8s}.hn-cloud-bottom{width:47%;left:64%;top:70%;opacity:.68}.hn-cloud-bottom img{animation-duration:31s;animation-direction:alternate-reverse;animation-delay:-7s}.hn-windmill{position:absolute;left:78.6%;top:31.7%;width:3%;aspect-ratio:1;z-index:1}.hn-windmill svg{width:100%;height:100%}.hn-windmill-rotor{transform-origin:50px 50px;animation:windmill-spin 22s linear infinite}
@keyframes airship-cruise{from{transform:translate(-10px,2px) rotate(-1deg)}to{transform:translate(14px,-7px) rotate(1deg)}}@keyframes banner-cruise{from{transform:translate(6px,-5px) rotate(.6deg)}to{transform:translate(-7px,5px) rotate(-.7deg)}}@keyframes cloud-drift{from{transform:translateX(-18%)}to{transform:translateX(22%)}}@keyframes windmill-spin{to{transform:rotate(360deg)}}
.hn-explore{position:relative;isolation:isolate;min-height:325px;background:var(--paper);padding:2px 0 34px;overflow:hidden}.hn-explore::before{content:none}.hn-explore-heading{display:flex;align-items:center;gap:26px;margin:0 5.4%}.hn-explore-heading h2{font-family:"Songti SC","STSong",serif;font-size:30px;font-weight:700;margin:0;white-space:nowrap}.hn-explore-heading p{border-left:1px solid #bed0e7;padding-left:26px;font-size:14px;letter-spacing:.04em;color:var(--muted)}.hn-score{position:relative;margin:26px 0 0;min-height:208px}.hn-staff{position:absolute;inset:0;width:100%;height:210px;fill:none;stroke:#92b6ee;stroke-width:.8;opacity:.6;pointer-events:none}.hn-destinations{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;margin:0 5%}.hn-destination{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--offset) 0 16px;color:var(--blue);border-radius:6px;min-width:0}.hn-destination>svg{width:51px;height:51px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:color .25s}.hn-destination strong{font-size:16px;font-weight:600;color:var(--ink);margin-top:14px;white-space:nowrap}.hn-destination>span{font-size:12px;color:var(--muted);margin-top:6px;white-space:nowrap}.hn-destination::after{content:"";position:absolute;bottom:1px;width:38px;height:2px;background:var(--blue);opacity:0;transform:scaleX(.5);transition:opacity .2s,transform .25s}.hn-destination:hover::after,.hn-destination:focus-visible::after{opacity:1;transform:scaleX(1)}.hn-destination:hover strong,.hn-destination:focus-visible strong{color:var(--blue)}
.hn-baton{transform-origin:16px 46px}.hn-record{transform-origin:32px 32px}.hn-flag{transform-origin:11px 26px}.hn-curtain-left{transform-origin:8px 32px}.hn-curtain-right{transform-origin:56px 32px}.hn-destination:is(:hover,:focus-visible) .hn-baton{animation:baton-cue .95s ease-in-out}.hn-destination:is(:hover,:focus-visible) .hn-record{animation:record-turn 3s ease-out}.hn-destination:is(:hover,:focus-visible) .hn-wave{stroke-dasharray:125;animation:wave-trace 1s ease-out}.hn-destination:is(:hover,:focus-visible) .hn-note{animation:note-cue .65s ease-in-out}.hn-destination:is(:hover,:focus-visible) .hn-n2{animation-delay:.13s}.hn-destination:is(:hover,:focus-visible) .hn-n3{animation-delay:.26s}.hn-destination:is(:hover,:focus-visible) .hn-bubble-back{animation:bubble-cue .7s ease-out}.hn-destination:is(:hover,:focus-visible) .hn-bubble-front{animation:bubble-cue .7s .15s ease-out}.hn-destination:is(:hover,:focus-visible) .hn-flag{animation:flag-cue 1s ease-in-out}.hn-destination:is(:hover,:focus-visible) .hn-pages{animation:page-cue .8s ease-in-out}.hn-destination:is(:hover,:focus-visible) .hn-curtain-left{animation:curtain-left .9s ease-in-out}.hn-destination:is(:hover,:focus-visible) .hn-curtain-right{animation:curtain-right .9s ease-in-out}
@keyframes baton-cue{40%{transform:rotate(-14deg)}75%{transform:rotate(5deg)}}@keyframes record-turn{to{transform:rotate(85deg)}}@keyframes wave-trace{from{stroke-dashoffset:125}to{stroke-dashoffset:0}}@keyframes note-cue{40%{opacity:.25;transform:translateY(-2px)}}@keyframes bubble-cue{40%{transform:translateY(-3px);opacity:.55}}@keyframes flag-cue{50%{transform:rotate(-6deg)}}@keyframes page-cue{50%{transform:translateX(2px);opacity:.45}}@keyframes curtain-left{50%{transform:scaleX(.7)}}@keyframes curtain-right{50%{transform:scaleX(.7)}}
.hn-scene-paused .hn-ship-flight,.hn-scene-paused .hn-cloud-drift,.hn-scene-paused .hn-windmill-rotor{animation-play-state:paused}.hn-motion-off .hn-destination *{animation:none!important}
@media(min-width:1051px){.hn-hero{background:linear-gradient(100deg,#fcfeff 8%,#c4e0fb 55%,#3d88dd)}.hn-scene-plane{top:70px;width:100%;left:0}.hn-background-plate{object-fit:cover;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000)}.hn-hero h1{font-size:clamp(54px,5.65vw,88px)}}

@media(max-width:1250px){.hn-site-header{padding:0 4%;gap:18px}.hn-main-nav{gap:14px}.hn-brand span{font-size:21px}.hn-brand small{font-size:8px}.hn-header-actions{gap:10px}.hn-main-nav a,.hn-header-actions,.hn-contact-button{font-size:11px}.hn-hero-copy{top:32%}.hn-hero-actions{margin-top:28px;gap:22px}.hn-handwriting{font-size:19px}.hn-explore-heading h2{font-size:28px}.hn-destination strong{font-size:14px}.hn-destination>svg{width:46px;height:46px}}
@media(max-width:1050px){.hn-site-header{height:68px}.hn-main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:24px 6%;margin:0;background:#f9fcff;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #dbe6f4}.hn-menu-open .hn-main-nav{display:grid}.hn-main-nav a{font-size:14px;text-align:center}.hn-main-nav a[aria-current]::after{left:30%;right:30%}.hn-header-actions{margin-left:auto;font-size:12px;gap:20px}.hn-contact-button{font-size:12px}.hn-menu-button{display:block}.hn-hero{min-height:510px}.hn-scene-plane{top:68px;width:115%;left:-12%;}.hn-hero-copy{top:31%;left:6%}.hn-hero h1{font-size:49px}.hn-tagline{font-size:22px}.hn-hero-actions{gap:20px}.hn-explore-button{gap:25px;padding:14px 20px}.hn-handwriting{margin-top:25px}.hn-scene-caption{font-size:13px;right:4%;bottom:19%}.hn-destinations{gap:9px;margin:0 3%}.hn-destination strong{font-size:13px}.hn-destination>span{font-size:11px}.hn-destination>svg{width:43px;height:43px}}
@media(max-width:700px){.hn-site-header{height:65px;padding:0 20px}.hn-brand svg{width:24px;height:32px}.hn-brand span{font-size:20px}.hn-brand small{display:none}.hn-header-actions{gap:12px}.hn-login{font-size:11px}.hn-contact-button{padding:8px 10px;font-size:11px}.hn-menu-button{width:27px}.hn-main-nav{top:65px;grid-template-columns:repeat(2,1fr);gap:14px}.hn-hero{height:690px;min-height:0;background:linear-gradient(155deg,#f9fcff 10%,#e4f1fd 46%,#d5eafc)}.hn-scene-plane{width:240%;left:-132%;top:292px;aspect-ratio:2.6}.hn-background-plate{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 95%,transparent)}.hn-ship-primary{left:63%;top:15%;width:12%;}.hn-ship-banner{left:88%;top:22%;width:7%}.hn-hero-copy{top:113px;left:0;width:100%;text-align:center;padding:0 15px}.hn-hero h1{font-size:clamp(34px,9.3vw,53px);letter-spacing:0;white-space:nowrap}.hn-tagline{font-size:clamp(15px,4.1vw,22px);margin-top:17px;letter-spacing:.05em}.hn-hero-actions{justify-content:center;gap:22px;margin-top:25px}.hn-explore-button{font-size:13px;gap:22px;padding:13px 17px}.hn-explore-button svg{width:19px;height:19px}.hn-theme-button{font-size:12px;gap:7px}.hn-play-mark{width:36px;height:36px}.hn-handwriting{display:none}.hn-scene-caption{bottom:67px;right:8%;font-size:12px;line-height:1.65}.hn-cloud-boundary{height:54px}.hn-cloud-near{width:35%;left:47%;top:77%;opacity:.5}.hn-cloud-bottom{left:72%;top:80%;width:35%;opacity:.65}.hn-cloud-distant{opacity:.18}.hn-explore{min-height:0;padding:8px 0 32px}.hn-explore-heading{margin:0 7%;display:block}.hn-explore-heading h2{font-size:25px}.hn-explore-heading p{border:0;padding:0;font-size:12px;margin:10px 0 0}.hn-score{margin-top:26px}.hn-staff-desktop{display:none}.hn-destinations{grid-template-columns:repeat(4,1fr);gap:27px 4px;margin:0 5%;position:relative}.hn-destinations::before,.hn-destinations::after{content:"";position:absolute;left:-20px;right:-20px;height:38px;z-index:-1;background:repeating-linear-gradient(to bottom,transparent 0 7px,#c8dcf4 7px 8px);transform:rotate(-3deg);opacity:.7}.hn-destinations::before{top:14px}.hn-destinations::after{top:145px;transform:rotate(3deg)}.hn-destination{padding:0 0 10px}.hn-destination>svg{width:40px;height:40px}.hn-destination strong{font-size:12px;margin-top:12px}.hn-destination>span{font-size:10px;margin-top:5px}}
@media(min-width:701px) and (max-width:1050px){.hn-scene-plane{top:0;width:145%;left:-40%}.hn-hero{height:calc(100vw * 1.45 / 2.6);min-height:0}.hn-handwriting{display:none}.hn-cloud-boundary{height:55px}.hn-hero-copy{z-index:3;top:30%}.hn-hero-copy::before{content:"";position:absolute;inset:-30px -20px;z-index:-1;background:radial-gradient(ellipse at left,#f7fbffc9,transparent 75%)}}

@media(max-width:370px){.hn-site-header{padding:0 14px;gap:9px}.hn-brand{gap:4px}.hn-brand span{font-size:18px}.hn-header-actions{gap:8px}.hn-contact-button{padding:8px;font-size:10px}.hn-login{font-size:10px}.hn-hero{height:650px}.hn-scene-plane{top:300px}.hn-scene-caption{bottom:51px}.hn-hero-actions{gap:16px}.hn-explore-button{gap:16px}.hn-theme-button{font-size:11px}.hn-destinations{margin:0 3%}.hn-destination strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){:is(.hn-site-header,.hn-hero,.hn-explore) *,:is(.hn-site-header,.hn-hero,.hn-explore) *::before,:is(.hn-site-header,.hn-hero,.hn-explore) *::after{animation:none!important;transition:none!important}}
.hn-background-plate{object-fit:cover}
@media(max-width:700px){.hn-background-plate{mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 95%,transparent)}}

.hn-cloud-passing{width:35%;left:20%;top:73%;opacity:.54}.hn-cloud-passing img{animation-duration:29s;animation-delay:-12s}

.hn-explore-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.hn-explore-cloud{position:absolute;width:55%;max-width:none;opacity:.38;animation:score-cloud-drift 32s ease-in-out infinite alternate}
.hn-explore-cloud-left{left:-8%;bottom:-15%;animation-delay:-8s}.hn-explore-cloud-right{right:-10%;bottom:-21%;width:58%;opacity:.28;animation-duration:41s;animation-delay:-22s;animation-direction:alternate-reverse}
@keyframes score-cloud-drift{from{transform:translateX(-12%)}to{transform:translateX(15%)}}
.hn-explore-paused .hn-explore-cloud{animation-play-state:paused}
@media(min-width:701px){
  .hn-explore{min-height:300px;padding:12px 0 36px}
  .hn-explore-heading h2{font-size:clamp(28px,2.65vw,40px);font-weight:700}
  .hn-score{margin-top:38px;min-height:165px}
  .hn-destination{padding:0 0 20px}
  .hn-destination>svg{width:54px;height:54px}
  .hn-destination strong{margin-top:15px;font-size:clamp(14px,1.35vw,20px)}
  .hn-destination>span{font-size:clamp(11px,1.03vw,15px);margin-top:7px}
  .hn-staff{top:-6px;height:150px;stroke-width:.9;opacity:.64}
}
@media(min-width:1500px){.hn-explore{min-height:340px;padding-top:18px}.hn-score{margin-top:46px}.hn-destination>svg{width:60px;height:60px}.hn-explore-cloud-left{bottom:-22%}}
@media(min-width:701px) and (max-width:1050px){.hn-destination>svg{width:43px;height:43px}.hn-destination strong{font-size:13px}.hn-destination>span{font-size:11px}.hn-explore{min-height:280px}}
@media(max-width:700px){
  .hn-explore::before{content:none}
  .hn-explore-cloud{width:95%;bottom:-8%;opacity:.28}.hn-explore-cloud-left{top:26%;bottom:auto;left:-28%;width:140%;opacity:.5}.hn-explore-cloud-right{right:-35%;bottom:8%;opacity:.18}
  .hn-cloud-passing{left:52%;top:64%;width:35%;opacity:.35}
  .hn-cloud-near{opacity:.65}.hn-cloud-bottom{opacity:.68}.hn-cloud-distant{opacity:.28}
}

/* V3: a clean far landscape plus genuinely separate scene objects. */
.hn-island-position{position:absolute;left:66%;top:26.8%;width:20.7%;z-index:2}
.hn-island-float{position:relative;aspect-ratio:1;animation:island-hover 8.5s ease-in-out infinite alternate;transform-origin:50% 55%}
.hn-island-art{width:100%;height:100%;object-fit:contain}
.hn-island-water{position:absolute;left:17%;top:46.3%;width:14%;height:52%;pointer-events:none}
.hn-island-float .hn-windmill{left:65.3%;top:17.8%;width:13%;z-index:3}
@keyframes island-hover{from{transform:translateY(6px) rotate(-.25deg)}to{transform:translateY(-8px) rotate(.3deg)}}
.hn-scene-paused .hn-island-float{animation-play-state:paused}

.hn-cloud-layer{opacity:1;z-index:3}
.hn-cloud-distant{width:49%;left:22%;top:54%;z-index:1;opacity:1}
.hn-cloud-distant img{animation:cloud-body-drift 32s ease-in-out -11s infinite alternate}
.hn-cloud-near{width:49%;left:-14%;top:60%;opacity:1}.hn-cloud-near img{animation:cloud-body-drift 28s ease-in-out -8s infinite alternate}
.hn-cloud-bottom{width:49%;left:65%;top:61%;opacity:1}.hn-cloud-bottom img{animation:cloud-body-drift 35s ease-in-out -21s infinite alternate-reverse}
.hn-cloud-passing{width:55%;left:26%;top:76%;opacity:1}.hn-cloud-passing img{animation:cloud-body-drift 25s ease-in-out -13s infinite alternate}
@keyframes cloud-body-drift{from{transform:translate(-7%,-2px)}to{transform:translate(9%,4px)}}
.hn-explore{background:linear-gradient(#f6faff 5%,#eaf5ff 70%,#eff8ff)}
.hn-explore-atmosphere{z-index:-1}
.hn-explore-cloud{opacity:1;filter:none}
.hn-explore-cloud-back{width:130%;left:-15%;top:-45%;bottom:auto;animation:score-cloud-body 36s ease-in-out -12s infinite alternate;mask-image:linear-gradient(transparent,#000 20%,#000)}
.hn-explore-cloud-left{width:58%;left:-10%;top:auto;bottom:-8%;opacity:.95;animation:score-cloud-body 28s ease-in-out -7s infinite alternate}
.hn-explore-cloud-right{width:60%;right:-12%;top:auto;bottom:-22%;opacity:1;animation:score-cloud-body 34s ease-in-out -20s infinite alternate-reverse}
@keyframes score-cloud-body{from{transform:translateX(-5%)}to{transform:translateX(6%)}}
.hn-foliage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}
.hn-leaf-root{position:absolute;bottom:-38px;width:190px;max-width:17vw;filter:blur(1.2px);transform-origin:10% 100%}
.hn-leaf-left{left:-42px}.hn-leaf-left-small{left:8%;bottom:-62px;width:145px;opacity:.72;transform-origin:0 100%}
.hn-leaf-right{right:-48px;width:210px;transform-origin:90% 100%}.hn-leaf-right-small{right:10%;bottom:-65px;width:145px;opacity:.8;transform-origin:90% 100%}
.hn-leaf-sprig{width:100%;transform-origin:10% 96%;animation:leaf-sway 5.5s ease-in-out infinite alternate}
.hn-leaf-mirror{transform:scaleX(-1)}
.hn-leaf-left-small .hn-leaf-sprig{animation-duration:7s;animation-delay:-3s}.hn-leaf-right .hn-leaf-sprig{animation-duration:6.8s;animation-delay:-2s}.hn-leaf-right-small .hn-leaf-sprig{animation-duration:4.9s;animation-delay:-3.5s}
@keyframes leaf-sway{from{transform:rotate(-2.5deg)}to{transform:rotate(3.5deg)}}
.hn-explore-paused .hn-leaf-sprig,.hn-explore-paused .hn-explore-cloud{animation-play-state:paused}

@media(max-width:700px){
 .hn-cloud-distant{width:43%;left:39%;top:68%;opacity:1}
 .hn-cloud-near{width:38%;left:44%;top:90%;opacity:1}
 .hn-cloud-bottom{width:39%;left:79%;top:80%;opacity:1}
 .hn-cloud-passing{width:42%;left:57%;top:94%;opacity:1}
 .hn-explore-cloud-back{width:220%;left:-58%;top:20%;bottom:auto}
 .hn-explore-cloud-left{top:38%;bottom:auto;left:-32%;width:135%;opacity:.95}
 .hn-explore-cloud-right{top:auto;bottom:-2%;right:-40%;width:140%;opacity:1}
 .hn-leaf-root{max-width:none;width:100px;bottom:-20px}.hn-leaf-left{left:-35px}.hn-leaf-right{right:-40px;width:120px}.hn-leaf-left-small{left:5%;bottom:-35px;width:85px}.hn-leaf-right-small{right:8%;bottom:-40px;width:85px}
}


/* V4: atmospheric depth is confined to the island's own alpha silhouette. */
.hn-island-position{left:66.3%;top:27.2%;width:20.1%}
.hn-island-float{filter:contrast(.86) brightness(1.09) saturate(.85) blur(.32px)}
.hn-island-float::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(217,236,250,0) 22%,rgba(217,236,250,.12) 50%,rgba(217,236,250,.48) 96%);mask:url("assets/home-native-v5/island-v3.webp") center/contain no-repeat}
@keyframes island-hover{from{transform:translateY(4px) rotate(-.18deg)}to{transform:translateY(-5px) rotate(.2deg)}}
.hn-leaf-root{width:220px;max-width:19vw;bottom:-32px}
.hn-leaf-left-small{width:172px;bottom:-51px;opacity:.8}
.hn-leaf-right{width:235px}.hn-leaf-right-small{width:172px;bottom:-53px;opacity:.85}
.hn-explore-heading,.hn-score{position:relative;z-index:3}
@media(max-width:700px){.hn-leaf-root{width:112px;max-width:none;bottom:-16px}.hn-leaf-right{width:130px}.hn-leaf-left-small{width:95px;bottom:-31px}.hn-leaf-right-small{width:95px;bottom:-35px}.hn-island-float{filter:contrast(.87) brightness(1.08) saturate(.86) blur(.22px)}}

/* V5: the score and its light motes belong to the sky, behind the nearer objects. */
.hn-sky-music{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden;color:#91b7e8}
.hn-sky-current{animation:sky-current-swell 13s ease-in-out infinite alternate;transform-origin:50% 50%}
.hn-sky-staff{opacity:.38}.hn-sky-staff-shimmer{opacity:.72;stroke-dasharray:330 670;animation:sky-score-flow 25s linear infinite}
.hn-sky-notes{opacity:.76}.hn-sky-note{filter:blur(.16px)}
.hn-sky-motes{opacity:.92}
@keyframes sky-current-swell{from{transform:translate(-9px,7px)}to{transform:translate(12px,-8px)}}
@keyframes sky-score-flow{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
.hn-scene-paused .hn-sky-current,.hn-scene-paused .hn-sky-staff-shimmer{animation-play-state:paused}
.hn-leaf-root{transform:rotate(var(--leaf-mouse,0deg))}
.hn-motion-off .hn-leaf-root{transform:none}
@media(prefers-reduced-motion:reduce){.hn-leaf-root{transform:none!important}}
.hn-site-header{z-index:40}.hn-site-header.community-mode{display:none}.hn-motion-toggle{border:0;background:none;padding:0;color:inherit;cursor:pointer;font:inherit}

/* The three distant birds fly independently of the clean sky plate. */
.hn-bird-layer{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:hidden;pointer-events:none;fill:#f8fdff}
.hn-bird{filter:blur(.2px)}