:root{color-scheme:dark;--bg:#0b0c0c;--ink:#f4f3ee;--muted:#a9afad;--accent:#0cc0df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--accent);color:#071013;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:30px 4.5vw;background:linear-gradient(#0008,transparent)}.brand{display:block;width:125px}.brand img{width:100%;height:auto;display:block}nav{display:flex;gap:34px;align-items:center}nav a{font-size:12px;letter-spacing:.08em;padding:12px 0;color:#d1d4d2;transition:color .2s}nav a:hover{color:var(--accent)}nav span{margin-left:5px}.hero{position:relative;min-height:780px;height:100svh;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,var(--bg) 0%,transparent 23%),linear-gradient(90deg,#0000 35%,#0003 58%,#0007)}.hero-copy{position:absolute;top:50%;left:59%;width:34%;max-width:530px;transform:translateY(-43%)}.hero-logo{display:block;width:min(100%,410px);height:auto;margin:0 0 38px -2px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(32px,3.3vw,57px);line-height:1.13;letter-spacing:-.035em;margin:0 0 35px}h1 em{font-weight:400;color:#d4d5cf}.youtube-button{display:inline-flex;align-items:center;gap:13px;min-width:184px;padding:17px 22px;border:1px solid #aab4b64d;border-radius:2px;font-size:12px;letter-spacing:.08em;background:#0a11134d;transition:background .2s,border-color .2s}.youtube-button svg{color:var(--accent)}.button-arrow{margin-left:23px;color:var(--accent);font-size:17px}.youtube-button:hover{background:#0cc0df16;border-color:var(--accent)}.scroll-cue{position:absolute;left:4.5vw;bottom:44px;display:flex;align-items:center;gap:42px;font-size:11px;letter-spacing:.14em}.scroll-cue span:last-child{color:var(--accent);font-size:20px}.hero-caption{position:absolute;right:4.5vw;bottom:48px;font-size:9px;letter-spacing:.2em;color:#8c9692}.about{max-width:1440px;margin:0 auto;padding:142px 7vw 154px;display:grid;grid-template-columns:1fr 2fr;gap:80px}.section-label{display:flex;align-items:flex-start;gap:16px;padding-top:10px}.accent-line{height:1px;width:35px;background:var(--accent);margin-top:6px}h2{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.19em;margin:0}.about-copy p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,3vw,43px);font-weight:400;line-height:1.32;letter-spacing:-.025em;margin:0 0 26px;max-width:830px}.about-copy .about-secondary{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.8;letter-spacing:0;max-width:540px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:28px;margin-top:24px;padding-bottom:10px;border-bottom:1px solid #47514f;font-size:12px;letter-spacing:.04em}.text-link span{color:var(--accent);font-size:18px}.text-link:hover{border-color:var(--accent)}footer{margin:0 4.5vw;display:flex;justify-content:space-between;border-top:1px solid #ffffff1c;padding:30px 0 36px;font-size:10px;letter-spacing:.12em;color:#9ba39f}footer a span{margin-left:20px;color:var(--accent)}@media(min-width:1800px){.hero-copy{left:60%;width:29%}.hero-logo{width:470px}.hero-image{object-position:center}}@media(max-width:1000px) and (min-width:701px){.hero-copy{left:55%;width:40%}.hero-logo{margin-bottom:28px}.hero-image{object-position:35% center}h1{font-size:38px}.about{gap:45px;padding:100px 6vw}}@media(max-width:700px){.site-header{padding:22px 6vw}.brand{width:96px}nav{gap:21px}nav a{font-size:10px;letter-spacing:.035em}.hero{height:100svh;min-height:760px;max-height:1050px}.hero-image{object-position:18% center}.hero-shade{background:linear-gradient(0deg,var(--bg) 0%,#080b0bed 12%,#080b0bd6 27%,#0002 58%,#0005 100%)}.hero-copy{top:auto;bottom:105px;left:8vw;width:84vw;max-width:430px;transform:none}.hero-logo{width:240px;margin-bottom:24px}h1{font-size:40px;line-height:1.12;margin-bottom:28px}.youtube-button{min-width:172px;padding:15px 19px;backdrop-filter:none;background:#0c1113bb}.scroll-cue{left:8vw;bottom:31px;gap:28px}.hero-caption{right:8vw;bottom:36px;font-size:8px;letter-spacing:.12em}.about{padding:80px 8vw 85px;display:block}.section-label{padding:0;margin-bottom:35px;gap:12px}.accent-line{width:25px}.about-copy p{font-size:31px;line-height:1.33}.about-copy .about-secondary{font-size:15px;line-height:1.8}.text-link{margin-top:14px}footer{margin:0 8vw;padding:26px 0 30px;font-size:9px}}@media(max-width:370px){nav{gap:14px}.brand{width:82px}h1{font-size:35px}.hero-logo{width:220px}.hero-copy{bottom:98px}.hero{min-height:730px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Refined preview: one small brand mark; photography leads. */
.hero-copy{top:auto;bottom:23%;left:64%;width:29%;max-width:390px;transform:none}
h1{font-size:clamp(28px,2.4vw,40px);line-height:1.2;letter-spacing:-.025em;margin-bottom:28px;color:#e0e1dc}
h1 em{color:#bac0ba}
.youtube-button{min-width:148px;padding:12px 15px;font-size:11px;gap:9px;border-color:#aab4b63b;background:#0a11132e}
.youtube-button svg{width:14px;height:14px}.button-arrow{font-size:15px;margin-left:16px}
@media(min-width:1800px){.hero-copy{left:65%;width:26%}}
@media(max-width:1000px) and (min-width:701px){.hero-copy{left:59%;width:35%;bottom:22%}h1{font-size:31px}}
@media(max-width:700px){.hero-copy{top:auto;bottom:110px;left:8vw;width:84vw;max-width:350px;transform:none}h1{font-size:32px;line-height:1.2;margin-bottom:24px}.youtube-button{padding:12px 15px;min-width:146px;background:#0c11136b}.hero-shade{background:linear-gradient(0deg,var(--bg) 0%,#080b0be6 10%,#080b0b9c 24%,#0000 53%,#0004 100%)}}
@media(max-width:370px){h1{font-size:29px}.hero-copy{bottom:100px}}

.platforms{display:flex;align-items:center;gap:8px;margin-left:-10px}.platform-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:11px;border:0;border-radius:50%;background:none;color:#c1c7c3;cursor:pointer;transition:color .2s,background .2s}.platform-icon svg{display:block;flex:none;width:22px;height:22px}.platform-icon[href]:hover,.platform-icon[href]:focus-visible{color:var(--accent);background:#0cc0df14}.platform-icon:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.platform-icon.is-unavailable{color:#949d98;cursor:default}.platform-note{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);visibility:hidden;opacity:0;white-space:nowrap;padding:7px 9px;color:#d4dad6;background:#161b19;border:1px solid #ffffff18;border-radius:2px;font:10px Arial,Helvetica,sans-serif;letter-spacing:.02em;pointer-events:none;transition:opacity .15s}.platform-icon.is-unavailable:hover .platform-note,.platform-icon.is-unavailable:focus-visible .platform-note{visibility:visible;opacity:1}@media(prefers-reduced-motion:reduce){.platform-icon,.platform-note{transition:none}}

/* Music links in the dark right side. */
.hero>.platforms{position:absolute;top:34%;right:4.5vw;display:flex;flex-direction:column;gap:8px;margin:0;z-index:2}.hero>.platforms .platform-note{top:50%;left:auto;right:calc(100% + 8px);transform:translateY(-50%)}
@media(max-width:700px){.hero>.platforms{top:56%;right:6vw;flex-direction:row;gap:6px}.hero>.platforms .platform-note{top:auto;bottom:calc(100% + 6px);right:0;left:auto;transform:none}}
/* Quiet title in the negative space; source image stays unmodified. */
.hero-copy{top:53%;bottom:auto;left:64%;width:28%;max-width:390px;transform:translateY(-50%)}
h1{font-size:clamp(24px,2vw,30px);line-height:1.25;letter-spacing:.005em;font-style:italic;color:#cbd0c9;margin:0}
@media(min-width:701px){.hero{min-height:min(780px,100svh)}}
@media(max-width:1000px) and (min-width:701px){.hero-copy{top:55%;left:59%;width:34%;bottom:auto}h1{font-size:25px}}
@media(max-width:700px){.hero-copy{top:auto;bottom:21%;left:8vw;width:78vw;max-width:350px;transform:none}h1{font-size:26px;line-height:1.25;margin:0}}
@media(max-width:370px){h1{font-size:24px}}

@media(min-width:1001px){.hero-copy{width:26%}}
@media(min-width:701px) and (max-width:1000px){.hero-copy{width:27%}}

/* Final header: one small logo on the dark right side, no menu. */
.site-header{justify-content:flex-end;background:none;pointer-events:none}.brand{pointer-events:auto}

/* G glyph axis measured from the original 1154px logo: x=487.5px. */
:root{--logo-width:125px;--page-edge:4.5vw;--g-right-fraction:.577556326}
.brand{width:var(--logo-width)}
.hero>.platforms{right:calc(var(--page-edge) + var(--logo-width) * var(--g-right-fraction));transform:translateX(50%);flex-direction:column;top:34%;gap:8px}
.hero-copy{left:71%;top:33%;bottom:auto;width:max-content;max-width:45vw;transform:translate(-50%,-50%);text-align:center}
html{scroll-padding-top:0}
.about{position:relative;min-height:100svh;align-content:center;padding-bottom:140px;scroll-margin-top:0}
.about-back{position:absolute;left:7vw;bottom:38px;display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:11px;letter-spacing:.08em;color:var(--muted)}.about-back span:first-child{color:var(--accent);font-size:22px}.about-back:hover{color:var(--ink)}
@media(max-width:700px){:root{--logo-width:96px;--page-edge:6vw}.hero>.platforms{top:54%;flex-direction:column;gap:6px}.hero-copy{top:65%;bottom:auto;left:42%;width:max-content;max-width:58vw;transform:translate(-50%,-50%);text-align:center}.hero>.platforms .platform-note{top:50%;bottom:auto;right:calc(100% + 8px);left:auto;transform:translateY(-50%)}.about{display:flex;flex-direction:column;justify-content:center;padding-top:80px;padding-bottom:130px}.about-back{left:8vw;bottom:30px}}
@media(max-width:370px){:root{--logo-width:82px}}

/* Desktop placement measured from the supplied yellow rectangle. Embedded licensed webfont. */
.hero-copy{left:63.6474609375%;top:27.0811921891%;max-width:45vw}
.hero h1{font-family:"Reenie Beanie";font-style:normal;font-weight:400;font-size:clamp(35.60125216px,4.74683362vw,98.89236711px);line-height:1.25;letter-spacing:0}
.about-entry+.about-entry{border-top:1px solid #ffffff18;margin-top:48px;padding-top:36px}.about-entry h3{font:400 17px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.03em;color:var(--ink);margin:0 0 20px}.about-copy .about-entry p:last-child{margin-bottom:0}
@media(max-width:700px){.hero-copy{left:42%;top:65%;max-width:58vw}.hero h1{font-size:clamp(35.60125216px,10.87816038vw,47.46833621px)}}
@media(max-width:370px){.hero h1{font-size:35.60125216px}}

/* About: authentic unobscured colored symbol fragment only; no letters or reconstruction. */
.about{isolation:isolate}
.about-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;mask-image:linear-gradient(to bottom,transparent 47%,#000 78%)}
.about-backdrop img{position:absolute;display:block;width:100vw;max-width:none;height:auto;left:auto;right:-38vw;bottom:-16vw;opacity:.18;mix-blend-mode:screen;filter:none;user-select:none;mask-image:linear-gradient(90deg,transparent 4%,#000 62%)}
@media(max-width:700px){.about-backdrop img{width:800px;left:auto;right:-430px;bottom:-40px;opacity:.14}}



/* Unmodified Reenie Beanie webfont, SIL OFL 1.1; no installed-font dependency. */
@font-face{font-family:"Reenie Beanie";src:url("assets/fonts/ReenieBeanie.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
/* Platform group raised approximately 1 cm; horizontal alignment preserved. */
.hero>.platforms{transform:translate(50%,-1cm)}

/* Selected About font: option C, Manrope, SIL OFL 1.1. */
@font-face{font-family:"Manrope";src:url("assets/fonts/Manrope.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap;}
.about-copy .about-entry p{font-family:"Manrope";font-size:18px;font-weight:400;line-height:1.8;letter-spacing:0;max-width:65ch;color:#cbd0c9}
.about-copy .about-entry .about-lead{font-size:clamp(24px,2.2vw,32px);line-height:1.45;color:#f4f3ee}
.about-copy .about-entry p+p{margin-top:22px}

/* Reserve the full logo area before image decoding. */
.brand{flex:none;aspect-ratio:1154/439}.brand img{width:100%;height:100%;object-fit:contain}

/* Contact placements: upper left and below About text, right aligned. */
.header-contact{position:absolute;left:var(--page-edge);top:30px;pointer-events:auto}
footer{flex-direction:column;align-items:flex-start;gap:12px}
.copyright-anchor{position:relative;display:inline-block;margin-right:.7em}.copyright-symbol{position:absolute;left:100%;top:-.25em;bottom:auto;transform:none;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:.65em;line-height:1;letter-spacing:0}
@media(max-width:700px){.header-contact{top:22px}}

/* Move only the Sielos muzika title down approximately 1 cm. */
.hero-copy{margin-top:1cm}