:root{--ink:#f6efe2;--muted:#cdbfa6;--gold:#e0a764;--glass:rgba(18,26,34,.42);--line:rgba(255,236,205,.18)}*{box-sizing:border-box;margin:0;padding:0}html{background:#14202b}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);overflow-x:hidden}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0}#loader{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#2a3a47,#0d151c);transition:opacity 1s ease,visibility 1s}#loader.done{opacity:0;visibility:hidden}.ld-col{width:22px;height:120px;background:repeating-linear-gradient(90deg,#e8dcc6 0 3px,#bfae92 3px 6px);border-radius:2px;transform-origin:bottom;animation:rise 1.6s ease-in-out infinite alternate;box-shadow:0 0 40px #e0a76459}.ld-text{position:absolute;margin-top:190px;letter-spacing:.6em;font-size:12px;color:var(--muted)}.ld-text span{margin-left:1em;color:var(--gold)}@keyframes rise{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,40px);pointer-events:none}.topbar>*{pointer-events:auto}.brand{color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.08em;display:flex;gap:.7em;align-items:center}.brand span{font-weight:400;opacity:.8;letter-spacing:.2em;font-size:.8em;text-transform:uppercase}.dots{display:flex;gap:6px}.dots a{color:var(--muted);text-decoration:none;font-size:12px;padding:6px 10px;border-radius:99px;border:1px solid transparent;transition:.3s}.dots a.on{color:#1a1208;background:var(--gold)}.ctrls{display:flex;gap:8px}.pill{font:inherit;font-size:12px;color:var(--ink);background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 14px;border-radius:99px;cursor:pointer}.pill[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.pill:focus-visible,.dots a:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.place{position:fixed;left:clamp(16px,4vw,40px);bottom:28px;z-index:20;font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--muted)}.place b{color:var(--gold);font-weight:600;margin-right:.8em}.rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);width:2px;height:40vh;background:var(--line);z-index:20}#rail-fill{width:100%;height:0;background:var(--gold);box-shadow:0 0 12px var(--gold)}.panel{width:min(560px,100%);padding:clamp(22px,3vw,38px);border-radius:22px;background:linear-gradient(140deg,#1e28328c,#0e141b59);border:1px solid var(--line);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff14;position:sticky;top:18vh}.panel .kick{font-size:12px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.panel h1{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(48px,8vw,96px);line-height:.95;font-weight:600;letter-spacing:-.01em}.panel h2{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(34px,5vw,54px);font-weight:600;margin-bottom:14px}.panel p{color:#eadfcc;line-height:1.65;font-size:clamp(15px,1.3vw,17px)}.panel h1+p{margin-top:16px}.items{list-style:none;margin-top:18px;display:grid;gap:14px}.items li{padding-left:16px;border-left:2px solid var(--gold)}.items b{display:block;font-size:15px;margin-bottom:3px}.items span{color:var(--muted);font-size:14px;line-height:1.55}.groups{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.groups h3{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:12px;padding:4px 9px;border-radius:99px;background:#fff0d714;border:1px solid var(--line)}.contact{display:grid;gap:10px;margin-top:20px}.contact a{display:flex;justify-content:space-between;align-items:center;color:var(--ink);text-decoration:none;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:#fff0d70d;transition:.25s}.contact a:hover{background:var(--gold);color:#1a1208}.hint{margin-top:26px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}.foot{margin-top:22px;font-size:11px;color:var(--muted);opacity:.7}.ctrls{align-items:center;gap:8px}.musicwrap{display:flex;align-items:center;gap:6px}#vol{width:0;opacity:0;transition:width .3s,opacity .3s;accent-color:var(--gold)}.musicwrap.on #vol{width:80px;opacity:1}main{position:relative;z-index:10}section{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:175vh;min-height:175svh;padding:0 clamp(16px,6vw,90px)}section.right{align-items:flex-end}.panel{position:sticky;top:max(88px,calc(50vh - var(--ph,480px) / 2));top:max(88px,calc(50svh - var(--ph,480px) / 2));opacity:1;max-height:calc(100vh - 110px);max-height:calc(100svh - 110px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}section:first-child .panel{margin-top:0}body.night .panel{background:linear-gradient(140deg,#121824a8,#080a1280)}.topbar{padding-top:max(18px,env(safe-area-inset-top));padding-left:max(clamp(16px,4vw,40px),env(safe-area-inset-left));padding-right:max(clamp(16px,4vw,40px),env(safe-area-inset-right))}@media(max-width:760px),(max-height:520px){.dots,.brand span{display:none}.groups{grid-template-columns:1fr}.place,.rail{display:none}section,section.right{align-items:stretch;justify-content:flex-end;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.panel{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));margin-top:auto;margin-bottom:calc(12px + env(safe-area-inset-bottom));width:100%;max-height:min(44vh,480px);max-height:min(44svh,480px);padding:16px 16px 14px;border-radius:18px;background:linear-gradient(140deg,#18202ac7,#0c1117b3)}.panel h1{font-size:44px}.panel h2{font-size:32px;margin-bottom:8px}.panel p{font-size:14.5px;line-height:1.55}.panel .kick{font-size:10.5px;margin-bottom:8px;letter-spacing:.28em}.items li{padding:7px 0;font-size:13.5px}.items li b,.items li strong{font-size:14px}.contact a{padding:11px 14px}.musicwrap.on #vol{width:64px}}@media(max-height:520px)and (orientation:landscape){section,section.right{align-items:flex-end}.panel{width:min(460px,52vw);max-height:calc(100svh - 84px);bottom:calc(10px + env(safe-area-inset-bottom));margin-bottom:10px}.panel h1{font-size:38px}}.pill,#music,#lang{white-space:nowrap}@media(max-width:980px){.brand span{display:none}.dots a{padding:6px 9px;font-size:12px}}.more{display:none}@media(max-width:760px),(max-height:520px),(max-width:900px)and (orientation:portrait){.dots,.brand span,.place,.rail{display:none}section,section.right{align-items:stretch;justify-content:flex-end;padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))}.panel{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));margin-top:auto;margin-bottom:calc(10px + env(safe-area-inset-bottom));width:100%;max-width:620px;align-self:center;max-height:min(37svh,420px);overflow:hidden;padding:13px 14px 12px;border-radius:20px;transition:max-height .35s ease;background:linear-gradient(180deg,#10161e6b,#0c1117cc 38%,#0a0e14db);box-shadow:0 -10px 40px #00000040}body.night .panel{background:linear-gradient(180deg,#0a0e186b,#080a12cc 38%,#080a12e0)}.panel .kick{font-size:10px;letter-spacing:.24em;margin-bottom:5px;display:flex;align-items:center;gap:8px}.panel h1{font-size:36px}.panel h2{font-size:27px;margin-bottom:6px;line-height:1.05}.panel p{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.panel h1+p{margin-top:8px}.more{display:inline-flex;margin-left:auto;font:inherit;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:#fff0d71a;border:1px solid var(--line);border-radius:99px;padding:4px 10px;cursor:pointer}.panel.fits .more{display:none}.items,.groups,.contact{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:8px;margin:10px -14px 0;padding:0 14px 2px;scroll-padding:0 14px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.items::-webkit-scrollbar,.groups::-webkit-scrollbar,.contact::-webkit-scrollbar{display:none}.items li{flex:0 0 74%;scroll-snap-align:start;padding:9px 12px;border-left:0;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:14px;background:#fff0d70f}.items li:only-child{flex-basis:100%}.items b{font-size:14px;margin-bottom:2px}.items span{font-size:12.5px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.groups>div{flex:0 0 auto;max-width:70%;scroll-snap-align:start;padding:9px 11px;border:1px solid var(--line);border-radius:14px;background:#fff0d70d}.groups h3{font-size:10.5px;margin-bottom:6px}.tags{gap:5px}.tags span{font-size:11.5px;padding:3px 8px}.contact{margin-top:10px}.contact a{flex:0 0 auto;scroll-snap-align:start;padding:10px 14px;gap:8px;font-size:13.5px}.panel .foot{display:none}.hint{margin-top:10px}.panel.open{max-height:min(76svh,720px);overflow-y:auto;overscroll-behavior:contain}.panel.open p,.panel.open .foot,.panel.open .items span{display:block}}@media(max-height:520px)and (orientation:landscape){section,section.right{align-items:flex-start}.panel{width:min(600px,72vw);max-height:40svh;padding:9px 12px;align-self:flex-start}.panel h1{font-size:26px}.panel h2{font-size:21px;margin-bottom:2px}.panel .kick{margin-bottom:3px}.panel p{-webkit-line-clamp:2;font-size:13px}.panel h1+p{margin-top:4px}.items,.groups,.contact{margin-top:6px}.items li{flex-basis:46%;padding:6px 10px}.items span{-webkit-line-clamp:2;font-size:12px}.groups>div{padding:6px 9px}.contact a{padding:7px 12px}.hint{display:none}.panel.open{max-height:calc(100svh - 70px)}}