/* PLAK STUDIO — HOME 3.0 / NEW HORIZON
   Purely visual, appended after Home 2.0. All account, intro, route and player logic is retained.
   Design principles: Swiss editorial cream, midnight ink, burgundy highlights, a natural sky portal. */
:root{--v3-paper:#f4f0ea;--v3-ink:#151b25;--v3-muted:#626976;--v3-wine:#751b32;--v3-line:#dcd6d0}
body.sky-page{background:#0d1420}
.sky-header{background:var(--v3-paper);border-bottom:1px solid var(--v3-line);color:var(--v3-ink);padding:20px clamp(28px,4.8vw,92px);box-shadow:none}
.sky-brand{color:var(--v3-ink);font-size:14px;letter-spacing:.13em;text-shadow:none}
.sky-brand img{filter:none;width:37px;height:37px}
.sky-brand small{color:#6c6970;opacity:1}
.header-label{display:none}
.sky-header nav{margin-left:auto}
.sky-header nav a{color:#252934;text-shadow:none;font-weight:650;font-size:12px}
.sky-header nav a:hover{color:var(--v3-wine);border-bottom-color:var(--v3-wine)}
.sky-header nav a:last-child{border:1px solid var(--v3-wine);border-radius:2px;background:var(--v3-wine);color:#fff;padding:11px 16px}
.sky-header nav a:last-child:hover{background:#531326;color:#fff}
.sky-world{background:var(--v3-paper);min-height:780px;height:100svh;max-height:none;border-bottom:1px solid var(--v3-line)}
/* Full-height light editorial pane and independently framed blue-sky portal. */
.sky-world:before{content:"";position:absolute;inset:0 0 0 51.5%;background:linear-gradient(145deg,#a6cce7 0%,#3f89b9 46%,#173a68 100%);z-index:-5;pointer-events:none}
.sky-world:after{content:"";position:absolute;left:51.5%;top:0;bottom:0;border-left:1px solid #dbd4c9;z-index:6;pointer-events:none}
.sky-backdrop{z-index:-4;left:51.5%;top:0;right:0;width:48.5%;height:100%;object-fit:cover;object-position:57% center;filter:saturate(.8) brightness(1.1);transform:none!important;animation:none!important}
.sky-shade{z-index:-3;background:linear-gradient(90deg,var(--v3-paper) 0 51.5%,transparent 51.5%),linear-gradient(180deg,rgba(20,51,91,.04) 52%,rgba(5,24,48,.3) 100%);pointer-events:none}
/* Natural cloud motion: a slow one-way pass instead of the artificial 19-second oscillation. */
.sky-clouds{left:auto;right:-10%;bottom:-5%;width:67%;height:32%;object-fit:fill;opacity:.74;z-index:3;clip-path:inset(0 0 0 15%);filter:saturate(.73) brightness(1.06);animation:v3-cloud-drift 190s linear infinite;will-change:transform}
@keyframes v3-cloud-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-1.8%,.3%,0)}}
.sky-title{top:50%;left:clamp(30px,6.7vw,128px);width:min(640px,40.5vw);transform:translateY(-40%);text-align:left;z-index:8;color:var(--v3-ink)}
.sky-writing{margin-bottom:31px;color:var(--v3-wine)}
.sky-writing p{font-size:10px;letter-spacing:.23em;font-weight:800}
.sky-writing .sky-airplane{color:var(--v3-wine)}
.sky-title h1{font-family:'Segoe UI',Arial,sans-serif;color:var(--v3-ink);font-size:clamp(65px,6vw,111px);letter-spacing:-.078em;line-height:1.015;font-weight:760;text-shadow:none!important;text-wrap:nowrap}
.sky-title h1 em{color:var(--v3-wine);font-weight:750}
.sky-title > .hero-description{max-width:490px;color:#555d6a;opacity:1;font-size:clamp(15px,1.17vw,19px);line-height:1.73;margin:30px 0 29px;letter-spacing:0}
.hero-actions{gap:10px}
.home-button{min-height:56px;border-radius:2px;font-size:13px;padding:15px 21px;gap:23px;transition:background-color .25s,border-color .25s,transform .25s}
.home-button-primary{background:var(--v3-wine);border-color:var(--v3-wine);color:white}
.home-button-primary:hover{background:#571127;border-color:#571127;color:#fff}
.home-button-secondary{background:transparent;color:var(--v3-ink);border:1px solid #b8aea9;backdrop-filter:none}
.home-button-secondary:hover{border-color:var(--v3-ink);background:#ebe4de}
.hero-kicker{color:#857d7c;margin-top:40px;font-size:10px}
.pulse-dot{background:var(--v3-wine);box-shadow:0 0 0 5px #751b3215}
/* Framed portal, balanced against typography, with vinyl as the single focal object. */
.sky-record-position{left:76%;top:52%;transform:translate(-50%,-50%);z-index:7;gap:28px}
.sky-record-link{width:clamp(260px,28.2vw,525px);filter:drop-shadow(0 35px 50px rgba(0,22,53,.44));animation:record-float 11s ease-in-out infinite}
.sky-record-plane{transform:rotateX(8deg) rotateY(-16deg) rotateZ(-7deg)}
.sky-record-link:hover .sky-record-plane{transform:rotateX(3deg) rotateY(-8deg) rotateZ(-3deg)}
.sky-enter{font:750 10px 'Segoe UI',Arial,sans-serif;letter-spacing:.27em;text-shadow:0 1px 10px #071e4e99;color:#fff;transform:none}
.sky-enter span{font-size:15px}
.record-orbit{border-color:#ffffff61;width:124%;top:40%}
.orbit-two{border-color:#ffffff54;width:148%;border-style:solid;opacity:.55}
.portal-caption{display:none;position:absolute;left:-20%;right:-20%;bottom:-100px;display:flex;justify-content:space-between;color:#ffffffd9;font-weight:650;font-size:9px;letter-spacing:.17em;gap:12px;white-space:nowrap}
.hero-index{left:clamp(28px,6.7vw,128px);right:auto;bottom:35px;gap:12px;color:#747077}
.hero-index span:first-child{color:var(--v3-wine)}
.hero-index:before{background:#b2a5aa;width:36px}
.hero-index a{color:var(--v3-wine);border:1px solid #b9adb2;margin-left:25px}
.hero-coordinate{right:3.5%;bottom:35px;color:#ffffffa1;writing-mode:horizontal-tb;letter-spacing:.18em}
.sky-note,.sky-doodles{display:none!important}
/* Use a matching visual rhythm below the fold; no content or URL changes. */
.home-explore{padding-top:116px}
.home-section-top{border-color:#51454e66}
.home-section-heading h2 i,.worlds-intro h2 i{color:#e9a7c1}
@media(min-width:1600px){.sky-title{transform:translateY(-39%)}.sky-title h1{font-size:clamp(93px,6.1vw,126px)}.sky-record-position{left:76.5%}}
@media(max-width:1250px){.sky-title{left:4.3%;width:42vw}.sky-title h1{font-size:clamp(51px,5.8vw,76px)}.sky-record-position{left:77%;top:51%}.sky-record-link{width:31vw}.hero-description{font-size:15px}}
@media(max-width:950px){.sky-title{left:3.5%;width:45vw}.sky-title h1{font-size:clamp(45px,6vw,68px)}.sky-record-position{left:77%;top:50%}.sky-record-link{width:32vw}.hero-description{max-width:340px}.sky-world:before,.sky-world:after{left:53%}.sky-backdrop{left:53%;width:47%}.sky-shade{background:linear-gradient(90deg,var(--v3-paper) 0 61%,transparent 61%),linear-gradient(180deg,transparent 50%,#091e374a)}.portal-caption{font-size:7px;bottom:-70px}}
@media(max-width:700px){
 .sky-header{background:var(--v3-paper);padding:14px 20px;min-height:72px;backdrop-filter:none}
 .sky-brand{font-size:12px}.sky-brand img{width:34px;height:34px}
 .sky-menu{border:1px solid #b2a8a5;border-radius:2px;background:transparent;color:var(--v3-ink)}
 .sky-header nav.open{top:68px;background:var(--v3-paper);border:1px solid #b2a8a5;color:var(--v3-ink);box-shadow:0 20px 40px #14182136}
 .sky-header nav a{color:var(--v3-ink)}.sky-header nav a:last-child{color:#fff;background:var(--v3-wine)}
 .sky-world{min-height:930px;height:100svh;background:var(--v3-paper)}
 .sky-world:before{inset:0;top:61%;background:#226eaa}
 .sky-world:after{left:0;right:0;top:61%;bottom:auto;border-left:0;border-top:1px solid var(--v3-line)}
 .sky-backdrop{top:61%;left:0;right:0;width:100%;height:39%;object-position:50% 36%;filter:saturate(.85) brightness(1.04)}
 .sky-shade{background:linear-gradient(180deg,var(--v3-paper) 0 61%,transparent 61%,rgba(5,23,49,.38) 100%)}
 .sky-clouds{width:155%;height:22%;bottom:-5%;left:-24%;right:auto;opacity:.73;clip-path:none}
 .sky-title{top:15%;left:25px;right:25px;width:auto;transform:none;text-align:left}
 .sky-writing{margin-bottom:16px}.sky-writing p{font-size:9px;letter-spacing:.15em}
 .sky-title h1{font-size:clamp(49px,10.8vw,76px);line-height:1.015}
 .hero-description{font-size:14px;line-height:1.55;max-width:450px;margin:17px 0 18px}
 .home-button{min-height:45px;padding:12px 14px;font-size:11px;gap:12px}
 .hero-kicker{font-size:8px;margin-top:19px}
 .sky-record-position{left:50%;top:75%;right:auto;transform:translate(-50%,-50%);gap:13px}
 .sky-record-link{width:clamp(200px,49vw,310px)}
 .sky-enter{font-size:9px;letter-spacing:.22em}.record-orbit{width:120%}.orbit-two{width:143%}
 .portal-caption{display:none}
 .hero-index{left:25px;right:25px;bottom:18px;gap:10px;color:#fff;font-size:8px}
 .hero-index span:first-child{color:#fff}.hero-index:before{background:#fff8;width:22px}.hero-index a{color:#fff;border-color:#fff9;margin-left:auto}
 .hero-coordinate{display:none}
}
@media(max-width:380px){.sky-world{min-height:950px}.sky-title{top:13%}.sky-title h1{font-size:48px}.hero-description{font-size:13px}.sky-record-link{width:205px}.sky-record-position{top:76%}}
@media(prefers-reduced-motion:reduce){.sky-clouds,.sky-backdrop,.sky-record-link{animation:none!important;transform:none!important}.sky-record-link{transform:none!important}}