/* PLAK STUDIO / HOME 6.0 — faithful, responsive implementation of the selected concept.
   Text, links, menu and intro are real DOM controls, not baked into a screenshot. */
:root{color-scheme:dark;--h6-bg:#080b12;--h6-pink:#e69bb7;--h6-berry:#963654}
body.sky-page{background:var(--h6-bg)!important;color:#f8f8fb}
.sky-header{position:absolute;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:33px clamp(36px,4.9vw,100px);height:auto;border:0;background:linear-gradient(to bottom,#080b12b0,transparent);box-shadow:none!important;gap:20px}
.sky-header:before{display:none!important}
.sky-header .sky-brand{grid-column:2;grid-row:1;justify-self:center;margin:0;font:700 16px/1.1 'Segoe UI',Arial,sans-serif;letter-spacing:.54em;white-space:nowrap;color:#f2eef3}
.sky-header .sky-header-left{grid-column:1;grid-row:1;display:flex;align-items:center;gap:clamp(19px,2.7vw,47px);margin:0}
.sky-header .sky-header-left a{color:#c6c2cc;font:600 10px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:.24em;border:0;padding:8px 0;white-space:nowrap}
.sky-header .sky-header-left a:hover{color:#fff}
.sky-header #sky-nav{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,2.4vw,40px);margin:0}
.sky-header #sky-nav a{color:#e1dce3;font:700 10px 'Segoe UI',Arial,sans-serif;letter-spacing:.17em;white-space:nowrap;border:0;padding:9px 0}
.sky-header #sky-nav a:hover{color:#fff}
.sky-header #sky-nav .sky-search-link{font-size:28px;font-weight:300;line-height:.6;margin-right:2px;opacity:.75}
.sky-header #sky-nav .sky-register{padding:14px 21px;border:1px solid #b45377;border-radius:7px;background:#2b101d76;color:#f5b0c9}
.sky-header #sky-nav .sky-register:hover{background:#752c49;color:#fff}
.sky-header #sky-nav .sky-mobile-link{display:none}
.sky-header .sky-menu{display:none}
.sky-world{position:relative;height:100svh;min-height:700px;max-height:none;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 50% 75% at 63% 40%,#192439 0%,#0e1624 42%,#080b12 86%);color:#f8f8fc}
.sky-world:before,.sky-world:after,.sky-backdrop,.sky-clouds{display:none!important}
.sky-world .hero-ambience{position:absolute;inset:0;background:radial-gradient(ellipse 22% 35% at 58% 61%,#74254122,transparent 84%),linear-gradient(90deg,#080b12 0%,#080b1294 34%,transparent 63%),radial-gradient(ellipse 60% 55% at 54% 101%,#30141d5e,transparent 65%);pointer-events:none;z-index:1}
.sky-world .hero-reflection{position:absolute;left:0;right:0;bottom:0;height:23%;background:linear-gradient(180deg,#080b1200 0%,#080b123b 30%,#080b12ce 100%),url('/assets/vinyl-floor.webp') center bottom/70% 100% no-repeat;opacity:.62;mask-image:linear-gradient(180deg,transparent 0%,black 45%,black 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 45%,black 100%);pointer-events:none;z-index:1}
.sky-world .sky-title{position:absolute;top:49.8%;left:4.85%;width:min(39%,640px);transform:translateY(-39%);z-index:10;pointer-events:auto;text-align:left}
.sky-world .hero-eyebrow{margin:0 0 26px;color:#e17b9b;font:700 clamp(9px,.66vw,12px)/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.3em;white-space:nowrap}
.sky-world .hero-eyebrow span{color:#dc7899}
.sky-world .sky-title h1{font:800 clamp(55px,4.45vw,86px)/1.02 'Segoe UI',Arial,sans-serif;letter-spacing:-.054em;margin:0;color:#f6f5f8;white-space:nowrap;text-shadow:0 4px 26px #02020499}
.sky-world .sky-title h1 em{font:inherit;letter-spacing:-.056em;color:var(--h6-pink);font-style:normal}
.sky-world .hero-description{margin:26px 0 34px;font:400 clamp(13px,.86vw,16px)/1.7 'Segoe UI',Arial,sans-serif;letter-spacing:.18em;max-width:500px;color:#a9aab6;opacity:1}
.sky-world .hero-actions{display:flex;align-items:center;gap:clamp(25px,2.4vw,44px);flex-wrap:wrap}
.sky-world .home-button{border-radius:5px;min-height:auto;font:700 11px/1 'Segoe UI',Arial,sans-serif;letter-spacing:.24em;transition:background .2s ease,transform .2s ease;color:#f6eaf0;text-decoration:none}
.sky-world .home-button-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-width:230px;padding:21px 22px 20px 30px;border:1px solid #c56c89;background:linear-gradient(120deg,#923554,#6e2440);box-shadow:0 9px 42px #3f11253f}
.sky-world .home-button-primary:hover{background:#aa4064;transform:translateY(-2px)}
.sky-world .home-button-primary span{font-size:17px;letter-spacing:0;font-weight:400}
.sky-world .home-button-secondary{padding:17px 0 14px;border:0;border-bottom:1px solid #c8688b;background:transparent;white-space:nowrap;font-size:10px;color:#f5eaf0;letter-spacing:.19em;min-height:0}
.sky-world .home-button-secondary:hover{color:#fff;border-color:#fff;background:transparent}
.sky-world .sky-record-position{position:absolute;z-index:5;left:58.9%;top:47.2%;width:min(50vw,820px);height:auto;transform:translate(-50%,-50%);margin:0;display:block;pointer-events:none}
.sky-world .sky-record-link{position:relative;display:block;width:100%;aspect-ratio:1;transform:none;animation:h6-float 11s ease-in-out infinite;filter:drop-shadow(0 24px 38px #06050866);pointer-events:auto}
.sky-world .sky-record-link:hover{filter:drop-shadow(0 26px 44px #4d213c87)}
.sky-world .hero-vinyl-art{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.sky-world .hero-steps{position:absolute;right:4.9%;top:35%;z-index:12;display:flex;flex-direction:column;gap:32px}
.sky-world .hero-steps a{display:grid;grid-template-columns:31px auto;align-items:center;gap:17px;color:#898c99;font:700 10px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.27em;white-space:nowrap;min-height:31px;position:relative;transition:color .2s}
.sky-world .hero-steps a span{font-weight:500;color:#999daa;letter-spacing:.24em}
.sky-world .hero-steps a:after{content:'';position:absolute;left:4px;top:36px;width:1px;height:27px;background:#ffffff48}
.sky-world .hero-steps a:last-child:after{display:none}
.sky-world .hero-steps a.current,.sky-world .hero-steps a.current span,.sky-world .hero-steps a:hover{color:#f3b5ca}
.sky-world .hero-index{position:absolute;bottom:6.3%;left:4.9%;right:4.9%;z-index:10;display:flex;gap:14px;align-items:center;color:#868c9d;font:700 9px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:.43em}
.sky-world .hero-index:before{display:none}
.sky-world .hero-index>i{width:14px;height:1px;background:#7a6376;order:unset}
.sky-world .hero-index span{order:unset!important;color:#a2a1ad!important}
.sky-world .hero-index>span:first-child{color:#d58ca9!important}
.sky-world .hero-index a{order:unset;margin-left:auto;border:0;width:auto;height:auto;display:flex;gap:21px;align-items:center;white-space:nowrap;color:#bfc1cd;font-size:9px;letter-spacing:.23em}
.sky-world .hero-index a span{font-size:17px;letter-spacing:0;color:#fff!important}
.sky-world .hero-index a:hover{color:#fff}
.home-shortcuts{margin-top:0;background:#090d16}
@keyframes h6-float{0%,100%{transform:translateY(-4px)}50%{transform:translateY(5px)}}
/* Responsive: keep meaningful text/buttons in the DOM instead of shrinking an image of a page. */
@media (max-width:1350px){
 .sky-header{padding:25px 4.5%}.sky-header .sky-brand{font-size:14px;letter-spacing:.35em}
 .sky-header .sky-header-left{gap:16px}.sky-header .sky-header-left a{letter-spacing:.15em;font-size:9px}
 .sky-header #sky-nav{gap:15px}
 .sky-world .sky-title{left:4.4%;width:45%;top:48%}
 .sky-world .sky-title h1{font-size:clamp(47px,4.7vw,67px)}
 .sky-world .sky-record-position{left:62%;top:49%;width:54vw}
 .sky-world .hero-steps{right:3.3%}
 .sky-world .hero-steps a{gap:8px;font-size:9px;letter-spacing:.12em;grid-template-columns:21px auto}
}
@media (max-width:1050px){
 .sky-header{grid-template-columns:auto 1fr auto}
 .sky-header .sky-brand{grid-column:1;justify-self:start}
 .sky-header .sky-header-left{display:none}
 .sky-header #sky-nav{grid-column:3}
 .sky-world .sky-title h1{font-size:clamp(44px,5.6vw,61px)}
 .sky-world .sky-title{width:49%;top:44%}
 .sky-world .hero-description{font-size:13px;letter-spacing:.08em}
 .sky-world .sky-record-position{width:61vw;left:69%;top:51%}
 .sky-world .hero-steps{display:none}
 .sky-world .home-button-primary{min-width:180px;gap:12px;padding:17px}
 .sky-world .hero-actions{gap:18px}
}
@media (max-width:700px){
 .sky-header{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;gap:16px}
 .sky-header .sky-brand{font-size:12px;letter-spacing:.29em}
 .sky-header .sky-menu{display:block;margin-left:auto;background:#30172277;border:1px solid #9c5871;color:#fff;border-radius:4px;padding:10px 14px;font-size:11px}
 .sky-header #sky-nav{position:absolute;display:none;top:63px;left:16px;right:16px;padding:17px;grid-template-columns:1fr 1fr;gap:6px 12px;border:1px solid #ffffff2c;background:#12131ff5;border-radius:8px;z-index:70;box-shadow:0 20px 55px #000a}
 .sky-header #sky-nav.open{display:grid}
 .sky-header #sky-nav a{font-size:11px;padding:12px}
 .sky-header #sky-nav a.sky-search-link{display:none}
 .sky-header #sky-nav .sky-register{margin:0;padding:12px}
 .sky-header #sky-nav .sky-mobile-link{display:block}
 .sky-world{height:860px;min-height:860px;max-height:none;background:radial-gradient(ellipse 70% 42% at 53% 67%,#20263a,#0d1421 65%,#080b12 100%)}
 .sky-world .hero-ambience{background:linear-gradient(180deg,#080b1240 5%,#080b120b 53%,#080b12a0 100%)}
 .sky-world .sky-title{top:144px;left:24px;right:24px;width:auto;transform:none;z-index:10}
 .sky-world .hero-eyebrow{margin-bottom:19px;font-size:9px;letter-spacing:.21em}
 .sky-world .sky-title h1{font-size:clamp(43px,9.3vw,67px);line-height:1.04;letter-spacing:-.055em}
 .sky-world .hero-description{font-size:12px;margin:19px 0 21px;line-height:1.6;letter-spacing:.05em;max-width:95%}
 .sky-world .hero-actions{gap:16px}
 .sky-world .home-button{font-size:9px;letter-spacing:.1em}
 .sky-world .home-button-primary{min-width:164px;padding:15px 15px;gap:10px}
 .sky-world .home-button-secondary{font-size:9px;padding:14px 0 11px}
 .sky-world .sky-record-position{top:69%;left:50%;width:min(92vw,480px);transform:translate(-50%,-50%);z-index:5}
 .sky-world .hero-reflection{height:21%;background-size:120% 100%;opacity:.48}
 .sky-world .hero-index{left:23px;right:23px;bottom:27px;gap:7px;font-size:7px;letter-spacing:.19em}
 .sky-world .hero-index i{width:8px}
 .sky-world .hero-index a{font-size:7px;gap:5px;letter-spacing:.09em}
}
@media(max-width:390px){
 .sky-world{height:810px;min-height:810px}
 .sky-world .sky-title{top:125px}
 .sky-world .sky-title h1{font-size:42px}
 .sky-world .hero-description{font-size:11px}
 .sky-world .sky-record-position{top:70%;width:100vw}
 .sky-world .home-button-primary{min-width:150px}
 .sky-world .home-button-secondary{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.sky-world .sky-record-link{animation:none!important}.sky-world *{scroll-behavior:auto!important}}