:root{
      --bg:#faf6f4;--paper:#ffffff;--cream:#f5ece6;--blush:#f2e7df;--blush-2:#dcd4d0;--sand:#eedfd5;
      --wine:#7b6357;--wine-dark:#5a4940;--plum:#2e2520;--text:#2c2420;--muted:#796155;--line:#eedfd5;
      --sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,'Times New Roman',serif;
      --r-xl:44px;--r-lg:32px;--r-md:24px;--r-sm:16px;
      --shadow:0 24px 60px rgba(69,56,49,.12);--shadow-sm:0 10px 30px rgba(69,56,49,.08)
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:100px}
    body{margin:0;background:var(--bg);font-family:var(--sans);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
    img{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}
    ::selection{background:var(--blush-2);color:#322823}:focus-visible{outline:3px solid #987f74;outline-offset:3px}
    [hidden]{display:none!important}
    .container{max-width:1240px;width:calc(100% - 64px);margin:0 auto}
    .ico{width:20px;height:20px;flex:none}

    .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--wine);background:var(--blush);padding:8px 16px 8px 12px;border-radius:999px}
    .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
    .eyebrow.light{background:rgba(255,255,255,.1);color:#eedfd5}
    .eyebrow.white{background:#ffffff}
    .title{font-family:var(--serif);font-size:clamp(36px,4.3vw,62px);line-height:1.12;font-weight:400;letter-spacing:-.035em;margin:20px 0 20px}
    .title em{font-style:italic;color:var(--wine)}
    .lead{font-size:16px;line-height:1.85;color:var(--muted);margin:0}
    .section{padding:110px 0;position:relative}
    .head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:46px}
    .head .title{margin-bottom:0}
    .head .lead{max-width:340px}

    /* Blobs */
    .blob{position:absolute;border-radius:58% 42% 47% 53% / 52% 46% 54% 48%;pointer-events:none;animation:morph 16s ease-in-out infinite alternate}
    @keyframes morph{0%{border-radius:58% 42% 47% 53% / 52% 46% 54% 48%}50%{border-radius:42% 58% 60% 40% / 45% 58% 42% 55%}100%{border-radius:50% 50% 38% 62% / 60% 40% 60% 40%}}
    @keyframes spin{to{transform:rotate(360deg)}}

    /* Buttons */
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1.5px solid transparent;border-radius:999px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s;font-size:13px;font-weight:700;letter-spacing:.04em;min-height:52px;padding:0 26px}
    .btn svg{width:18px;height:18px;transition:transform .2s}.btn:hover svg{transform:translateX(3px)}
    .btn-wine{background:var(--wine);color:#ffffff}.btn-wine:hover{background:var(--wine-dark)}
    .btn-dark{background:var(--text);color:#ffffff}.btn-dark:hover{background:var(--wine-dark)}
    .btn-ghost{border-color:#d6ccc7;color:var(--text);background:rgba(255,255,255,.6)}.btn-ghost:hover{border-color:var(--wine);color:var(--wine)}
    .btn-white{background:#ffffff;color:var(--text)}.btn-white:hover{background:var(--blush)}
    .btn[disabled]{opacity:.6;cursor:wait}
    .btn-sm{min-height:44px;padding:0 20px;font-size:12px}

    /* Header */
    .site-header{position:sticky;top:0;z-index:50;padding:14px 0}
    .bar{position:relative;display:flex;align-items:center;gap:22px;height:68px;padding:0 10px 0 28px;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(123,99,87,.1);border-radius:999px;box-shadow:var(--shadow-sm)}
    .brand{display:flex;flex-direction:column;line-height:1.05;gap:4px;flex:none}
    .brand strong{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.03em}
    .brand span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);font-weight:700}
    .nav{display:flex;gap:4px;margin-left:auto}
    .nav a{font-size:14px;color:#57463d;font-weight:600;padding:9px 14px;border-radius:999px;transition:background .2s,color .2s}
    .nav a:hover{background:var(--blush);color:var(--wine)}
    .actions{display:flex;align-items:center;gap:10px}
    .lang-switch{display:flex;background:var(--cream);border-radius:999px;padding:4px;gap:2px}
    .lang-switch a{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#645147;font-size:12px;font-weight:700;letter-spacing:.06em;padding:0 11px;height:36px;border-radius:999px;transition:background .2s,color .2s,box-shadow .2s}
    .lang-switch a:hover{color:var(--wine)}
    .lang-switch a[aria-current="page"]{background:#ffffff;color:var(--wine);box-shadow:0 3px 10px rgba(69,56,49,.12)}
    .flag{width:20px;height:14px;flex:none;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
    .menu-btn{width:48px;height:48px;display:none;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--text);color:#ffffff}
    .menu-btn svg{width:20px;height:20px}
    .mobile-panel{display:none}

    /* Hero */
    .hero{padding:44px 0 100px}
    .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
    .hero h1{font-family:var(--serif);font-size:clamp(54px,6.4vw,98px);line-height:1.04;letter-spacing:-.05em;font-weight:400;margin:26px 0 26px}
    .hero h1 em{color:var(--wine)}
    .hero-text{max-width:470px;font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 34px}
    .hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
    .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
    .chip{display:inline-flex;align-items:center;gap:9px;padding:9px 17px 9px 13px;border-radius:999px;background:#ffffff;border:1px solid var(--line);font-size:13px;font-weight:600;color:#52423a}
    .chip i{width:8px;height:8px;border-radius:50%;background:var(--wine)}
    .chip:nth-child(2) i{background:#b8a69e}.chip:nth-child(3) i{background:#b09c93}.chip:nth-child(4) i{background:#6b564c}
    .hero-visual{position:relative;height:640px}
    .hero-visual .blob{inset:7% -2% 3% 6%;background:var(--blush)}
    .hero-visual .blob.b2{inset:auto auto -2% -4%;width:150px;height:150px;background:var(--sand);animation-duration:12s}
    .arch{position:absolute;top:0;bottom:0;left:15%;right:5%;border-radius:999px 999px var(--r-lg) var(--r-lg);overflow:hidden;background:linear-gradient(160deg,#c8bbb5,#6b564c);box-shadow:var(--shadow)}
    .arch picture{position:absolute;inset:0}
    .arch img{position:relative;width:100%;height:100%;object-fit:cover;object-position:52% 22%}
    .monogram{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:clamp(120px,15vw,240px);color:rgba(255,255,255,.18);letter-spacing:-.1em}
    .float{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:#ffffff;border-radius:22px;padding:12px 20px 12px 12px;box-shadow:var(--shadow)}
    .float .ic{width:44px;height:44px;border-radius:50%;background:var(--blush);color:var(--wine);display:grid;place-items:center;flex:none}
    .float strong{display:block;font-size:14px;line-height:1.3}
    .float span{display:block;font-size:12.5px;color:var(--muted);line-height:1.35}
    .f1{top:21%;left:0}.f2{bottom:15%;right:-2%}
    .ring{position:absolute;z-index:3;left:5%;bottom:3%;width:138px;height:138px;border-radius:50%;background:var(--wine);color:#ffffff;display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .3s}
    .ring:hover{transform:scale(1.05)}
    .ring .ring-text{position:absolute;inset:0;width:100%;height:100%;animation:spin 24s linear infinite}
    .ring .ring-text text{fill:#ffffff;font-family:var(--sans);font-size:9.6px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
    .ring .play{width:50px;height:50px;border-radius:50%;background:#ffffff;color:var(--wine);display:grid;place-items:center}
    .ring .play svg{width:20px;height:20px;margin-left:3px}

    /* Hero v2 – tmavý panel s gradientem */
    .hero{padding:6px 0 100px}
    .hero-panel{min-height:690px;padding:70px 64px 0;color:#ffffff;background:radial-gradient(ellipse 55% 75% at 78% 45%,rgba(173,153,144,.55),transparent 65%),radial-gradient(ellipse 45% 60% at 0% 100%,rgba(123,99,87,.65),transparent 70%),linear-gradient(150deg,#241d1a 0%,#332a25 50%,#504139 100%)}
    .hero-panel>.hero-grid{position:relative;z-index:2;align-items:end;min-height:620px}
    .hero-copy{align-self:center;padding-bottom:70px}
    .hero-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
    .hg1{width:460px;height:460px;right:6%;top:12%;background:radial-gradient(circle,#d7cdc9 0%,rgba(215,205,201,0) 70%);opacity:.55;animation:breathe 9s ease-in-out infinite alternate}
    .hg2{width:340px;height:340px;left:-80px;bottom:-120px;background:radial-gradient(circle,#ad9990 0%,rgba(173,153,144,0) 70%);opacity:.5}
    @keyframes breathe{to{transform:scale(1.15) translate(-20px,10px);opacity:.75}}
    .hero-word{position:absolute;z-index:1;right:-1%;top:-2%;font-family:var(--serif);font-style:italic;font-size:clamp(170px,23vw,360px);line-height:.85;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.18);pointer-events:none;user-select:none}
    .wave{position:absolute;z-index:1;left:0;right:0;bottom:0;height:120px;display:flex;align-items:flex-end;gap:5px;padding:0 24px;opacity:.5;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000000 15%,#000000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000000 15%,#000000 85%,transparent)}
    .wave i{flex:1;height:100%;border-radius:4px 4px 0 0;background:linear-gradient(to top,rgba(215,205,201,.75),rgba(215,205,201,0));transform-origin:bottom;animation:wave 1.6s ease-in-out infinite alternate}
    @keyframes wave{0%{transform:scaleY(.12)}100%{transform:scaleY(.9)}}
    .hero .eyebrow.light{background:rgba(255,255,255,.1);color:#eedfd5;border:1px solid rgba(255,255,255,.14)}
    .hero h1{color:#ffffff}
    .hero h1 em{background:linear-gradient(95deg,#e0d9d6 0%,#cec2bc 45%,#ccc0bb 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
    .hero-text{color:#dad1ce}
    .btn-rose{background:linear-gradient(100deg,#e0d9d6,#cec2bc);color:#2e2520}
    .btn-rose:hover{background:#ffffff}
    .btn-glass{border-color:rgba(255,255,255,.3);color:#ffffff;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
    .btn-glass:hover{border-color:#ffffff;background:rgba(255,255,255,.16)}
    .hero .chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#f5ede7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s}
    .hero .chip:hover{background:rgba(255,255,255,.16)}
    .hero .chip i{background:#d7cdc9}.hero .chip:nth-child(2) i{background:#ccc0bb}.hero .chip:nth-child(3) i{background:#ad9990}.hero .chip:nth-child(4) i{background:#ffffff}
    .hero-panel .hero-visual{height:620px;align-self:end}
    .hero-panel .hero-visual .blob{display:none}
    .hero-panel .arch{top:0;bottom:0;left:12%;right:4%;border-radius:999px 999px 0 0;box-shadow:0 -10px 80px rgba(215,205,201,.25);background:linear-gradient(160deg,#6b564c,#2e2520)}
    .hero-panel .arch::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
    .hero-panel .arch::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(36,29,26,.55) 0%,transparent 30%),linear-gradient(200deg,rgba(215,205,201,.22),transparent 45%);mix-blend-mode:normal}
    .hero-panel .float{color:var(--text)}
    .wave i:nth-child(2n){animation-duration:1.25s;animation-delay:-.4s}
    .wave i:nth-child(3n){animation-duration:1.9s;animation-delay:-.9s}
    .wave i:nth-child(5n){animation-duration:1.05s;animation-delay:-1.2s}
    .wave i:nth-child(7n){animation-duration:2.2s;animation-delay:-.2s}
    .hero-panel .f1{top:24%;left:-2%}
    .hero-panel .f2{bottom:22%;right:-3%}
    .hero-panel .ring{left:0;bottom:6%;background:linear-gradient(140deg,#e0d9d6,#ad9990);color:#2e2520;box-shadow:0 20px 50px rgba(0,0,0,.35)}
    .hero-panel .ring .ring-text text{fill:#2e2520}
    .hero-panel .ring .play{background:#2e2520;color:#ffffff}

    /* Hero v3 – tmavší, méně světlých míst (přání Alisy) */
    .hero-panel{background:radial-gradient(ellipse 50% 70% at 78% 45%,rgba(173,153,144,.2),transparent 65%),radial-gradient(ellipse 45% 60% at 0% 100%,rgba(123,99,87,.35),transparent 70%),linear-gradient(150deg,#1c1714 0%,#29211d 55%,#392e28 100%)}
    .hg1{opacity:.18}.hg2{opacity:.28}
    .hero-word{-webkit-text-stroke:1px rgba(255,255,255,.08)}
    .wave{opacity:.26}
    .hero-panel .arch{box-shadow:0 -10px 70px rgba(0,0,0,.45);background:#1c1714}
    .hero-panel .arch img{filter:brightness(.8) contrast(1.08)}
    .hero-panel .arch::after{background:linear-gradient(to top,rgba(28,23,20,.75) 0%,transparent 38%),linear-gradient(to bottom,rgba(28,23,20,.35) 0%,transparent 25%),linear-gradient(200deg,rgba(123,99,87,.22),transparent 50%)}
    .hero-panel .arch::before{box-shadow:inset 0 0 0 1px rgba(215,205,201,.14)}
    .hero-panel .float{background:rgba(28,23,20,.72);color:#ffffff;border:1px solid rgba(215,205,201,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(0,0,0,.4)}
    .hero-panel .float span{color:#c9bcb6}
    .hero-panel .float .ic{background:rgba(215,205,201,.12);color:#d7cdc9}
    .hero-panel .ring{background:#241d19;color:#d7cdc9;border:1px solid rgba(215,205,201,.28);box-shadow:0 20px 50px rgba(0,0,0,.5)}
    .hero-panel .ring .ring-text text{fill:#d7cdc9}
    .hero-panel .ring .play{background:linear-gradient(140deg,#957b70,#7b6357);color:#ffffff}
    .btn-rose{background:linear-gradient(100deg,#7b6357,#957b70);color:#ffffff}
    .btn-rose:hover{background:linear-gradient(100deg,#8c7368,#a28a80)}
    .hero h1 em{background:linear-gradient(95deg,#c8bab4 0%,#b6a49d 50%,#b6a49d 100%);-webkit-background-clip:text;background-clip:text}
    .hero-text{color:#c1b2ac}
    .hero .chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#d9cfcb}
    .hero .eyebrow.light{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#c8bab4}

    /* About */
    .panel{border-radius:var(--r-xl);position:relative;overflow:hidden;overflow:clip}
    .about-panel{background:radial-gradient(ellipse 55% 75% at 20% 55%,rgba(123,99,87,.30),transparent 70%),radial-gradient(ellipse 50% 60% at 95% 0%,rgba(215,205,201,.55),transparent 70%),linear-gradient(135deg,#f2e7e0 0%,#f5ece6 48%,#ecdcd1 100%);padding:72px;display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:center}
    .about-panel .blob{width:340px;height:340px;right:-120px;bottom:-170px;background:linear-gradient(135deg,#ded6d2,#c9bbb5);opacity:.55}
    .about-photo{position:relative}
    .pill-frame{padding:9px;border-radius:999px;background:linear-gradient(160deg,#edddd3 0%,#b6a49d 45%,#5a4940 100%);box-shadow:0 30px 70px rgba(90,73,64,.35)}
    .pill-photo{position:relative;isolation:isolate;aspect-ratio:3/4;border-radius:999px;overflow:hidden;background:linear-gradient(160deg,#d2c7c2,#7d6458)}
    .pill-photo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(165deg,#e0d9d6 0%,#977e73 55%,#40342e 100%);mix-blend-mode:color;opacity:.42}
    .pill-photo::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(247,239,234,.18) 0%,transparent 35%,rgba(64,52,46,.55) 100%);mix-blend-mode:multiply}
    .pill-photo picture,.pill-photo img{display:block;width:100%;height:100%}
    .pill-photo img{object-fit:cover;object-position:50% 18%;filter:saturate(.85) contrast(1.04) brightness(1.03)}
    .quote-card{position:absolute;z-index:3;right:-26px;bottom:34px;max-width:230px;background:#ffffff;border-radius:24px 24px 24px 6px;padding:20px 22px;box-shadow:var(--shadow);font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.4;color:var(--wine)}
    .about-text{position:relative}
    .about-text .title em{background:linear-gradient(100deg,#7b6357 10%,#ad9990 90%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
    .about-text .big{font-family:var(--serif);font-size:clamp(22px,2.3vw,30px);line-height:1.45;letter-spacing:-.02em;margin:0 0 20px}
    .about-text p{color:#655248;line-height:1.85;margin:0 0 16px}
    .lang-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
    .lang-card{background:rgba(255,255,255,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:20px 22px}
    .lang-card .flags{display:flex;gap:6px;margin-bottom:12px}
    .lang-card .flags svg{width:26px;height:18px;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
    .lang-card strong{display:block;font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:-.02em;margin-bottom:4px}
    .lang-card span{font-size:13.5px;color:var(--muted);line-height:1.55}

    /* Services */
    .services .blob{width:420px;height:420px;left:-200px;top:60px;background:var(--sand);opacity:.7}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;align-items:start}
    .cards.measuring .more>ul{display:none}
    .card{background:#ffffff;border-radius:var(--r-lg);padding:14px 14px 26px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}
    .card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .card-img{position:relative;height:270px;border-radius:999px 999px var(--r-md) var(--r-md);overflow:hidden;background:linear-gradient(160deg,#cfc4bf,#7c655b)}
    .card-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .6s}
    .card:hover .card-img img{transform:scale(1.05)}
    .tag{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(255,255,255,.95);color:var(--wine);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:999px;white-space:nowrap}
    .card-body{padding:24px 14px 0;display:flex;flex-direction:column;flex:1}
    .card h3{font-family:var(--serif);font-size:28px;line-height:1.15;font-weight:400;letter-spacing:-.03em;margin:0 0 8px}
    .card-body>p{color:var(--muted);margin:0 0 18px;font-size:15px}
    .ticks{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
    .ticks li{display:flex;gap:11px;align-items:center;font-size:14.5px;font-weight:500}
    .ticks li span.t{width:26px;height:26px;border-radius:50%;background:var(--blush);color:var(--wine);display:grid;place-items:center;flex:none}
    .ticks li span.t svg{width:14px;height:14px}
    .more{border-top:1px dashed var(--line);padding-top:14px;margin-bottom:18px}
    .more summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--wine);letter-spacing:.03em}
    .more summary::-webkit-details-marker{display:none}
    .more summary::after{content:"+";width:28px;height:28px;border-radius:50%;background:var(--blush);display:grid;place-items:center;font-size:18px;font-weight:500;transition:transform .25s}
    .more[open] summary::after{transform:rotate(45deg)}
    .more ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
    .more li{background:var(--cream);border-radius:16px;padding:13px 15px;font-size:13.5px;line-height:1.6;color:#655248}
    .more li strong{display:block;color:var(--text);font-size:13.5px;margin-bottom:2px}
    .card .btn{margin-top:auto;align-self:flex-start}

    /* Media */
    .media-panel{background:var(--plum);color:#ffffff;padding:80px 72px;display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
    .media-panel>*{position:relative;min-width:0}
    .media-panel .blob{position:absolute;width:420px;height:420px;right:-140px;top:-160px;background:var(--wine);opacity:.55}
    .media-panel .circle-deco{position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-80px;bottom:-110px}
    .media-panel .title em{color:#d7cdc9}
    .media-panel p.lead{color:#d8cfcb;max-width:380px}
    .showreel{aspect-ratio:16/10;border-radius:var(--r-lg);background:linear-gradient(135deg,#6c574d,#3a2f2a) center/cover no-repeat;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.35)}
    .showreel-inner{padding:28px}
    .audio-symbol{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;margin:0 auto 18px}
    .audio-symbol svg{width:30px;height:30px}
    .showreel h3{font-family:var(--serif);font-weight:400;font-size:32px;letter-spacing:-.03em;margin:0 0 8px}
    .showreel-inner p{margin:0 auto 22px;color:#ecdbd0;font-size:15px;max-width:320px}
    .reel-play{position:absolute;inset:0;border:0;background:rgba(20,16,14,.3);color:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
    .reel-play .circle{width:84px;height:84px;border-radius:50%;background:#ffffff;color:var(--wine);display:grid;place-items:center;transition:transform .25s}
    .reel-play:hover .circle{transform:scale(1.08)}
    .reel-play svg{width:28px;height:28px;margin-left:4px}
    .showreel iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

    /* Player (Spotify styl) */
    .player{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:var(--r-lg);padding:22px 20px 14px;box-shadow:0 30px 70px rgba(0,0,0,.3)}
    .now{display:flex;gap:18px;align-items:center;padding:0 4px}
    .now-cover{width:118px;height:118px;border-radius:20px;object-fit:cover;flex:none;background:#5a483f;box-shadow:0 14px 30px rgba(0,0,0,.4)}
    .now-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#d7cdc9;font-weight:700}
    .now-title{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.02em;margin:6px 0 3px;line-height:1.15}
    .now-sub{font-size:14px;color:#cdc1bc}
    .controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:20px 0 10px}
    .ctrl-main{display:flex;align-items:center;gap:16px}
    .volume{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding-right:4px}
    .ctrl-sm{width:36px;height:36px}.ctrl-sm svg{width:20px;height:20px}
    .ctrl .i-mute,.player.muted .ctrl .i-vol{display:none}
    .player.muted .ctrl .i-mute{display:block}
    .volume input{width:92px;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;margin:0;cursor:pointer;background:linear-gradient(90deg,#d7cdc9 var(--v,100%),rgba(255,255,255,.18) var(--v,100%))}
    .volume input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#ffffff;border:0}
    .volume input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#ffffff;border:0}
    .ctrl{width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:#e0d9d6;display:grid;place-items:center;transition:color .2s,background .2s,transform .2s}
    .ctrl:hover{color:#ffffff;background:rgba(255,255,255,.08)}
    .ctrl svg{width:20px;height:20px}
    .ctrl.play{width:60px;height:60px;background:#ffffff;color:var(--plum)}
    .ctrl.play:hover{transform:scale(1.06);background:#ffffff}
    .ctrl.play svg{width:24px;height:24px}
    .ctrl.play .i-play{margin-left:3px}
    .ctrl.play .i-pause,.player.playing .ctrl.play .i-play{display:none}
    .player.playing .ctrl.play .i-pause{display:block}
    .seek{display:flex;align-items:center;gap:12px;font-size:12px;color:#c1b2ac;font-variant-numeric:tabular-nums;padding:0 4px}
    .seek span{min-width:34px}.seek span:last-child{text-align:right}
    .seek input{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;margin:0;cursor:pointer;background:linear-gradient(90deg,#d7cdc9 var(--p,0%),rgba(255,255,255,.18) var(--p,0%))}
    .seek input::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#ffffff;border:0;box-shadow:0 2px 6px rgba(0,0,0,.3)}
    .seek input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#ffffff;border:0}
    .tracks-head{display:flex;justify-content:space-between;align-items:center;margin:18px 4px 6px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#c1b2ac;font-weight:700}
    .tracks{list-style:none;margin:0;padding:0 2px 0 0;max-height:318px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
    .track button{width:100%;display:grid;grid-template-columns:26px 46px 1fr auto;gap:14px;align-items:center;padding:7px 10px;border:0;background:transparent;color:#ffffff;border-radius:14px;text-align:left;transition:background .2s}
    .track button:hover{background:rgba(255,255,255,.07)}
    .t-num{color:#c1b2ac;font-size:14px;text-align:center;font-variant-numeric:tabular-nums}
    .t-cover{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#5a483f}
    .t-title{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .t-sub{display:block;font-size:13px;color:#c1b2ac}
    .t-dur{font-size:13px;color:#c1b2ac;font-variant-numeric:tabular-nums}
    .track.active .t-title{color:#d7cdc9}
    .eq{display:none;gap:2px;height:14px;align-items:flex-end;justify-content:center}
    .eq i{width:3px;height:100%;background:#d7cdc9;border-radius:2px;transform-origin:bottom;animation:eq .8s ease-in-out infinite alternate}
    .eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.55s}
    @keyframes eq{0%{transform:scaleY(.25)}100%{transform:scaleY(1)}}
    .track.active .t-num .n{display:none}.track.active .eq{display:flex}
    .player:not(.playing) .eq i{animation-play-state:paused}
    .player-more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#f1e4dc;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}

    /* Repertoire */
    .marquee{overflow:hidden;border-radius:999px;background:linear-gradient(100deg,#5a4940 0%,#7b6357 35%,#ad9990 70%,#bfafa9 100%);padding:16px 0;margin-bottom:18px;box-shadow:0 18px 40px rgba(90,73,64,.25)}
    .marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}
    .marquee-track span{flex:none;padding-right:.6em;font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.4vw,32px);color:#ffffff;white-space:nowrap;letter-spacing:-.01em}
    @keyframes marquee{to{transform:translateX(-50%)}}
    .rep-bento{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:300px 300px;gap:18px}
    .rcard{position:relative;overflow:hidden;isolation:isolate;color:#ffffff;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:30px;border-radius:var(--r-lg);box-shadow:var(--shadow-sm);--tint:#7b6357}
    .rcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform .8s ease}
    .rcard:hover img{transform:scale(1.06)}
    .rcard::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--tint);mix-blend-mode:multiply;opacity:.55}
    .rcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(34,27,24,.92) 0%,rgba(34,27,24,.55) 38%,rgba(34,27,24,0) 72%)}
    .r1{grid-row:1/3;border-radius:999px 999px var(--r-lg) var(--r-lg);--tint:#92776c}
    .r2{border-radius:var(--r-lg) 120px var(--r-lg) var(--r-lg);--tint:#886f64}
    .r3{--tint:#6b564c}
    .r4{grid-column:2/4;border-radius:var(--r-lg) var(--r-lg) 120px var(--r-lg);--tint:#5a4940}
    .rcard .num{position:absolute;top:22px;left:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:20px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
    .r1 .num{top:auto;bottom:auto;left:50%;top:60px;transform:translateX(-50%)}
    .rtags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
    .rtags span{font-size:12px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
    .rcard h3{font-family:var(--serif);font-size:clamp(24px,2.3vw,32px);font-weight:400;letter-spacing:-.025em;line-height:1.15;margin:0 0 8px}
    .rcard p{margin:0;color:rgba(255,255,255,.86);line-height:1.6;font-size:15px;max-width:420px}
    .wish{margin-top:18px;display:flex;align-items:center;gap:22px;background:#ffffff;border:1.5px dashed var(--blush-2);border-radius:999px;padding:16px 16px 16px 18px}
    .wish .ic{width:58px;height:58px;border-radius:50%;background:var(--blush);color:var(--wine);display:grid;place-items:center;flex:none}
    .wish .ic svg{width:26px;height:26px}
    .wish div{flex:1}
    .wish strong{font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:-.02em}
    .wish p{margin:2px 0 0;color:var(--muted);font-size:14.5px}

    /* Details & process */
    .det-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .det{background:#ffffff;border-radius:var(--r-lg);padding:34px 32px;box-shadow:var(--shadow-sm)}
    .det:nth-child(2){border-radius:120px 120px var(--r-lg) var(--r-lg);padding-top:52px;text-align:center}
    .det:nth-child(2) .ic{margin-left:auto;margin-right:auto}
    .det .ic{width:60px;height:60px;border-radius:50%;background:var(--blush);color:var(--wine);display:grid;place-items:center;margin-bottom:22px}
    .det .ic svg{width:26px;height:26px}
    .det h3{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-.025em;margin:0 0 10px}
    .det p{margin:0;color:var(--muted);line-height:1.75}
    .process{margin-top:18px;background:var(--blush);padding:52px 56px;display:grid;grid-template-columns:.75fr 2fr;gap:40px;align-items:center}
    .process .title{font-size:clamp(30px,3vw,42px);margin:0}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
    .steps::before{content:"";position:absolute;top:28px;left:28px;right:28px;border-top:2px dashed var(--blush-2)}
    .step{position:relative}
    .step .n{width:56px;height:56px;border-radius:50%;background:#ffffff;color:var(--wine);display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:22px;margin-bottom:16px;box-shadow:var(--shadow-sm)}
    .step h3{font-family:var(--serif);font-size:21px;font-weight:400;margin:0 0 4px;letter-spacing:-.02em}
    .step p{margin:0;color:#6e594e;font-size:14.5px}

    /* Reviews */
    .reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
    .review{margin:0;background:#ffffff;padding:32px;border-radius:32px 32px 32px 8px;box-shadow:var(--shadow-sm)}
    .review blockquote{margin:0 0 20px;font-family:var(--serif);font-size:19px;line-height:1.55}
    .review figcaption{font-size:14px;color:var(--muted)}.review figcaption strong{color:var(--text);display:block}

    /* Lessons */
    .lessons-panel{background:var(--sand);padding:72px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
    .lessons-panel>*{position:relative;min-width:0}
    .lessons-panel .blob{position:absolute;width:380px;height:380px;left:-160px;bottom:-170px;background:#d9cfcb}
    .lessons-panel .blob.b2{left:auto;right:-90px;top:-110px;bottom:auto;width:240px;height:240px;background:var(--blush);opacity:.8}
    .les-cards{display:grid;gap:12px;margin-top:30px}
    .les-card{display:flex;gap:16px;align-items:center;background:#ffffff;border-radius:999px;padding:12px 26px 12px 12px;box-shadow:var(--shadow-sm)}
    .les-card .ic{width:56px;height:56px;border-radius:50%;background:var(--blush);color:var(--wine);display:grid;place-items:center;flex:none}
    .les-card .ic svg{width:24px;height:24px}
    .les-card strong{display:block;font-family:var(--serif);font-size:20px;font-weight:400;letter-spacing:-.02em;line-height:1.25}
    .les-card .s{display:block;font-size:14px;color:var(--muted);line-height:1.45}
    .les-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
    .les-facts span{background:var(--wine);color:#ffffff;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700}
    .fieldset{border:0;padding:0;margin:0;min-width:0}
    .fieldset legend{font-size:13px;font-weight:700;color:#52423a;padding:0;margin-bottom:7px}
    .days{display:flex;flex-wrap:wrap;gap:6px}
    .day{position:relative}
    .day input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;z-index:-1}
    .day span{display:inline-grid;place-items:center;min-width:48px;height:44px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);background:#fcfaf9;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s;user-select:none}
    .day span:hover{border-color:var(--wine)}
    .day input:checked+span{background:var(--wine);border-color:var(--wine);color:#ffffff}
    .day input:focus-visible+span{outline:3px solid #987f74;outline-offset:2px}
    .book-embed iframe{display:block;width:100%;height:700px;border:0;border-radius:20px;background:#fcfaf9}
    .book-embed a{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--wine);text-decoration:underline;text-underline-offset:3px}

    /* Gallery */
    .gallery-panel{padding:64px 56px 56px;background:radial-gradient(ellipse 60% 70% at 100% 0%,rgba(173,153,144,.45),transparent 70%),radial-gradient(ellipse 55% 60% at 0% 100%,rgba(123,99,87,.28),transparent 70%),linear-gradient(160deg,#f5ede7 0%,#f2e6de 50%,#ecdcd1 100%)}
    .gallery-panel>*{position:relative}
    .gallery-panel .blob{position:absolute;width:300px;height:300px;right:-110px;bottom:-130px;background:linear-gradient(135deg,#dbd2cf,#c6b7b1);opacity:.6}
    .gallery-panel .blob.b2{right:auto;left:-120px;top:-120px;bottom:auto;width:240px;height:240px;background:#ffffff;opacity:.45}
    .gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:16px;grid-auto-flow:dense}
    .gt{position:relative;margin:0;overflow:hidden;border-radius:28px;background:linear-gradient(150deg,#d2c7c2,#735d52);box-shadow:0 14px 34px rgba(69,56,49,.14)}
    .gt img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
    .gt:hover img{transform:scale(1.05)}
    .gt::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(64,52,46,.6) 0%,rgba(64,52,46,0) 42%),linear-gradient(135deg,rgba(215,205,201,.18),transparent 50%)}
    .gt figcaption{position:absolute;left:14px;bottom:14px;z-index:1;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffff;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
    .t1{grid-row:span 2;border-radius:999px 999px 28px 28px}
    .t2{grid-column:span 2;border-radius:28px 120px 28px 28px}
    .t3{grid-row:span 2;border-radius:28px 28px 999px 999px}
    .t5{border-radius:120px 28px 28px 28px}
    .t3 figcaption{bottom:auto;top:14px;left:50%;transform:translateX(-50%)}
    .t3::after{background:linear-gradient(to bottom,rgba(64,52,46,.5) 0%,rgba(64,52,46,0) 40%)}
    .t6{grid-column:span 2;border-radius:28px 28px 120px 28px}
    .ig-tile{display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#ffffff;background:linear-gradient(140deg,#5a4940 0%,#7b6357 45%,#ad9990 85%,#c9bcb7 100%);border-radius:28px 28px 28px 120px;transition:transform .3s}
    .ig-tile::after{display:none}
    .ig-tile:hover{transform:translateY(-4px)}
    .ig-ic{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;align-self:flex-end}
    .ig-ic svg{width:22px;height:22px}
    .ig-tile strong{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.2;letter-spacing:-.02em;text-align:right}
    .ig-handle{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:13px;font-weight:700;opacity:.9}
    .ig-handle svg{width:16px;height:16px}

    /* Lessons photo */
    .les-photo{position:relative;margin:22px 0 0;height:240px;border-radius:28px 28px 28px 120px;overflow:hidden;box-shadow:var(--shadow-sm)}
    .les-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block}
    .les-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(64,52,46,.45),transparent 50%);pointer-events:none}
    .les-photo figcaption{position:absolute;right:16px;bottom:16px;z-index:1;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffff;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

    /* FAQ */
    .faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;align-items:start}
    .help{margin-top:30px;background:var(--blush);border-radius:28px 28px 28px 8px;padding:26px 28px}
    .help strong{display:block;font-family:var(--serif);font-size:22px;font-weight:400;margin-bottom:4px}
    .help p{margin:0 0 16px;color:#6e594e}
    .faq-list{display:grid;gap:10px}
    .faq{background:#ffffff;border:1px solid var(--line);border-radius:22px;transition:box-shadow .2s}
    .faq[open]{box-shadow:var(--shadow-sm)}
    .faq summary{list-style:none;cursor:pointer;position:relative;padding:20px 70px 20px 26px;font-size:16px;font-weight:600;line-height:1.45}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--blush);color:var(--wine);display:grid;place-items:center;font-size:20px;transition:transform .25s,background .2s}
    .faq[open] summary::after{transform:translateY(-50%) rotate(45deg);background:var(--wine);color:#ffffff}
    .faq p{margin:0;padding:0 30px 22px 26px;color:var(--muted);line-height:1.8}

    /* Contact */
    .contact-panel{background:var(--blush);padding:72px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
    .contact-panel>*{position:relative;min-width:0}
    .contact-panel .blob{position:absolute;width:380px;height:380px;left:-150px;bottom:-170px;background:#ebdacf}
    .contact-panel .blob.b2{left:auto;right:30%;top:-120px;bottom:auto;width:220px;height:220px;background:var(--sand);opacity:.7}
    .contact h2{font-family:var(--serif);font-size:clamp(40px,4.8vw,70px);line-height:1.08;font-weight:400;letter-spacing:-.04em;margin:22px 0 22px}
    .contact h2 em{color:var(--wine)}
    .contact-desc{color:#68544a;line-height:1.85;max-width:420px;margin:0}
    .contact-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
    .clink{display:inline-flex;align-items:center;gap:10px;background:#ffffff;border-radius:999px;padding:10px 18px 10px 10px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}
    a.clink:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
    .clink .ic{width:34px;height:34px;border-radius:50%;background:var(--blush);color:var(--wine);display:grid;place-items:center}
    .clink .ic svg{width:17px;height:17px}
    .form-card{background:#ffffff;border-radius:var(--r-lg);padding:40px;box-shadow:var(--shadow)}
    .form-card h3{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:-.025em;margin:0 0 6px}
    .form-hint{margin:0 0 26px;color:var(--muted);font-size:14.5px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}
    .field label{font-size:13px;font-weight:700;color:#52423a}
    .field input,.field select,.field textarea{width:100%;border:1.5px solid var(--line);background:#fcfaf9;min-height:50px;padding:12px 16px;border-radius:16px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;font-size:15px}
    .field textarea{resize:vertical;min-height:120px}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--wine);box-shadow:0 0 0 4px rgba(123,99,87,.12)}
    .field input::placeholder,.field textarea::placeholder{color:#ac978e}
    .consent{display:flex;gap:11px;align-items:flex-start;margin-top:18px;font-size:13.5px;line-height:1.55;color:#655248}
    .anim-off,.anim-off *{animation-play-state:paused!important}
    picture.wp{display:contents}
    .form-note{display:block}.form-note a{text-decoration:underline;text-underline-offset:3px}
    .consent input{width:19px;height:19px;margin:1px 0 0;accent-color:var(--wine);flex:none}
    .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
    .form-bottom{margin-top:22px}.form-bottom .btn{width:100%}
    .form-legal{font-size:12.5px;color:var(--muted);margin:12px 0 0;text-align:center}
    .form-status{margin-top:16px;padding:14px 18px;border-radius:16px;background:var(--blush);font-size:14px;color:var(--wine-dark);font-weight:600}
    .form-status:empty{display:none}
    .form-status.ok{background:#f3e8e0;color:#514139}
    .draft{margin-top:12px;background:var(--cream);border-radius:20px;padding:18px}
    .draft label{display:block;font-weight:700;font-size:13px;margin-bottom:8px}
    .draft textarea{width:100%;min-height:170px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#ffffff;color:var(--text);font:13px/1.65 var(--sans);resize:vertical}
    .draft-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

    /* Footer */
    .footer{margin-top:110px;background:var(--plum);color:#f5ede7;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:48px 0 40px}
    .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
    .footer-brand{font-family:var(--serif);font-size:26px;letter-spacing:-.03em}
    .footer p{font-size:13px;color:#cbbeb8;margin:6px 0 0}
    .footer-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .footer-links a{font-size:14px;padding:9px 16px;border-radius:999px;color:#eee0d7;transition:background .2s}
    .footer-links a:hover{background:rgba(255,255,255,.08)}
    .footer-links a.top{background:rgba(255,255,255,.1)}

    /* Reveal */
    .js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
    .js .reveal.in{opacity:1;transform:none}

    /* ---------- Responsive ---------- */
    @media(max-width:960px){.hdr-cta{display:none!important}}
    @media(max-width:1180px){html:not(.js) .hdr-cta{display:none!important}.nav a{padding:9px 11px}}
    @media(max-width:1080px){
      .container{width:calc(100% - 48px)}
      .about-panel,.media-panel,.contact-panel{padding:56px;gap:48px}
      .process{padding:44px}
      .cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:6px 4px 26px;margin:0 -4px;scrollbar-width:thin}
      .card{flex:0 0 min(400px,78%);scroll-snap-align:start}
      .cards{align-items:flex-start}
    }
    @media(max-width:960px){
      .nav{display:none}.menu-btn{display:flex}
      .mobile-panel{display:block;position:absolute;top:calc(100% + 10px);left:0;right:0;background:#ffffff;border-radius:28px;padding:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
      .mobile-panel.open{opacity:1;visibility:visible;transform:none}
      .mobile-panel a{display:block;padding:14px 18px;border-radius:16px;font-size:16px;font-weight:600}
      .mobile-panel a:hover{background:var(--blush)}
      .mobile-panel .btn{display:flex;gap:12px;margin-top:8px;width:100%;color:#ffffff;background:var(--wine);border-radius:999px;justify-content:center}
      .hero-grid{grid-template-columns:1fr;gap:28px}
      .hero-visual{height:560px;max-width:560px;width:100%;margin:0 auto}
      .about-panel{grid-template-columns:1fr}
      .about-photo{max-width:360px;margin:0 auto;width:100%}
      .media-panel,.contact-panel,.faq-grid,.lessons-panel{grid-template-columns:1fr}
      .det-grid{grid-template-columns:1fr}
      .det:nth-child(2){border-radius:var(--r-lg);padding-top:34px;text-align:left}.det:nth-child(2) .ic{margin-left:0}
      .process{grid-template-columns:1fr}
      .head{flex-direction:column;align-items:flex-start;gap:14px}
      .rep-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-auto-rows:280px}
      .r1{grid-row:span 2}.r4{grid-column:1/3}
      .gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px}
      .gallery-panel{padding:48px 32px 36px}
    }
    @media(max-width:700px){
      body{font-size:15px}
      .container{width:calc(100% - 32px)}
      .section{padding:72px 0}
      .site-header{padding:10px 0}
      .bar{height:62px;padding:0 7px 0 20px;gap:10px}
      .brand strong{font-size:19px}.brand span{font-size:9px;letter-spacing:.14em}
      .menu-btn{width:46px;height:46px}
      .hero{padding:26px 0 64px}
      .hero h1{font-size:clamp(46px,13vw,70px);margin:20px 0}
      .hero-text{font-size:16px;margin-bottom:26px}
      .hero-ctas .btn{flex:1 1 100%}
      .chips{margin-top:26px}
      .hero-visual{height:470px}
      .arch{left:9%;right:3%}
      .float{padding:9px 14px 9px 9px;border-radius:18px;gap:9px}
      .float .ic{width:36px;height:36px}.float .ic svg{width:17px;height:17px}
      .float strong{font-size:13px}.float span{font-size:11.5px}
      .f1{top:14%;left:-2px}.f2{bottom:22%;right:-2px}
      .ring{width:108px;height:108px;left:2%;bottom:0}
      .ring .play{width:40px;height:40px}
      .panel{border-radius:32px}
      .about-panel,.media-panel,.contact-panel{padding:40px 22px;gap:36px}
      .about-photo{max-width:270px}
      .quote-card{right:-12px;bottom:18px;font-size:16px;max-width:190px;padding:15px 17px}
      .lang-cards{grid-template-columns:1fr}
      .title{font-size:clamp(34px,9.5vw,46px)}
      .card{flex-basis:86%}
      .card-img{height:230px}
      .card-body{padding:20px 8px 0}
      .card h3{font-size:25px}
      .media-panel .title{font-size:clamp(34px,9.5vw,46px)}
      .player{padding:18px 12px 10px}
      .now{gap:14px}.now-cover{width:88px;height:88px;border-radius:16px}.now-title{font-size:22px}
      .track button{grid-template-columns:22px 42px 1fr auto;gap:11px;padding:7px 8px}
      .t-cover{width:42px;height:42px}
      .tracks{max-height:none}
      .volume input{width:64px}
      .rep-bento{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}
      .rcard,.r1,.r4{grid-row:auto;grid-column:auto;min-height:280px;padding:24px}
      .r1{min-height:380px}
      .r1 .num{left:50%;top:34px;transform:translateX(-50%)}
      .t7{grid-column:span 2}
      .marquee{padding:12px 0;border-radius:24px}
      .rep .num{width:48px;height:48px;font-size:19px}
      .rep h3{font-size:22px}
      .wish{flex-direction:column;align-items:flex-start;border-radius:32px;padding:24px 22px;gap:14px}
      .det{padding:28px 24px}
      .process{padding:34px 22px;gap:28px}
      .steps{grid-template-columns:1fr;gap:20px}
      .steps::before{top:28px;bottom:28px;left:27px;right:auto;border-top:0;border-left:2px dashed var(--blush-2)}
      .step{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center}
      .step .n{margin:0}
      .gallery{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:10px}
      .gallery-panel{padding:40px 16px 18px}
      .gt{border-radius:20px}.t1{border-radius:999px 999px 20px 20px}.t3{border-radius:20px 20px 999px 999px}
      .gt figcaption{font-size:10.5px;left:10px;bottom:10px;padding:5px 10px}
      .t3 figcaption{bottom:auto;top:12px;left:50%}
      .ig-tile{grid-column:span 2;padding:18px;flex-direction:row;align-items:center;gap:14px;border-radius:20px 20px 20px 80px}
      .ig-tile .ig-ic{order:-1;align-self:center}.ig-tile strong{font-size:18px;text-align:left;flex:1}.ig-tile .ig-handle{display:none}
      .les-photo{height:200px}
      .lessons-panel{padding:40px 22px;gap:36px}
      .les-card{border-radius:24px;padding:12px 18px 12px 12px}
      .les-card .ic{width:48px;height:48px}
      .day span{min-width:44px;height:42px;padding:0 10px}
      .book-embed iframe{height:620px}

      .faq summary{padding:18px 62px 18px 20px;font-size:15px}
      .faq p{padding:0 20px 20px}
      .contact h2{font-size:clamp(38px,10.5vw,56px)}
      .form-card{padding:28px 20px;border-radius:26px}
      .form-grid{grid-template-columns:1fr}
      .footer{margin-top:72px;border-radius:32px 32px 0 0}
    }
    @media(max-width:480px){
      .volume input{display:none}
      .lang-switch a{padding:0 8px;height:34px}.lang-code{display:none}
      .brand span{display:none}
      .float span{display:none}
    }
    @media(max-width:1080px){.hero-panel{padding:56px 40px 0}}
    @media(max-width:960px){
      .hero-panel{padding:44px 32px 0}
      .hero-panel>.hero-grid{min-height:0}
      .hero-copy{padding-bottom:10px}
      .hero-panel .hero-visual{height:540px;max-width:520px}
      .hero-word{top:auto;bottom:380px;right:-4%;font-size:clamp(130px,30vw,220px)}
    }
    @media(max-width:700px){
      .hero{padding:2px 0 64px}
      .hero-panel{padding:34px 20px 0;border-radius:32px}
      .hero-panel .hero-visual{height:430px}
      .hero-panel .arch{left:8%;right:2%}
      .hero-panel .f1{top:12%;left:-6px}.hero-panel .f2{bottom:26%;right:-6px}
      .hero-panel .ring{left:-4px;bottom:4%}
      .wave{height:80px;gap:3px;padding:0 10px}
      .hero-word{bottom:330px;font-size:clamp(110px,34vw,160px)}
    }
    @media(prefers-reduced-motion:reduce){.marquee-track{animation:none}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}

    /* ===== Videa ===== */
    .vgrid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:330px 330px;gap:16px}
    .vcard{position:relative;overflow:hidden;border:0;padding:0;cursor:pointer;border-radius:var(--r-lg);background:#1c1714;color:#ffffff;text-align:left;font:inherit;isolation:isolate}
    .vcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s ease,filter .4s}
    .vcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(20,16,14,.9) 0%,rgba(20,16,14,.2) 45%,rgba(20,16,14,.05) 100%)}
    .vcard:hover img{transform:scale(1.05);filter:brightness(1.08)}
    .v1{grid-row:1/3;border-radius:999px 999px var(--r-lg) var(--r-lg)}
    .v3{border-radius:var(--r-lg) 120px var(--r-lg) var(--r-lg)}
    .v5{border-radius:var(--r-lg) var(--r-lg) 120px var(--r-lg)}
    .vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s,background .3s}
    .vplay svg{width:24px;height:24px;margin-left:3px;color:#ffffff}
    .v1 .vplay{width:88px;height:88px;background:linear-gradient(140deg,rgba(173,153,144,.85),rgba(123,99,87,.85))}
    .v1 .vplay svg{width:30px;height:30px}
    .vcard:hover .vplay{transform:translate(-50%,-50%) scale(1.08);background:rgba(173,153,144,.7)}
    .vdur{position:absolute;top:16px;right:16px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(20,16,14,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
    .v1 .vdur{top:auto;bottom:24px;right:24px}
    .vmeta{position:absolute;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column;gap:3px}
    .vmeta strong{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:-.02em;line-height:1.15}
    .v1 .vmeta strong{font-size:32px}
    .vmeta span{font-size:13px;color:rgba(255,255,255,.75);font-weight:600}
    .venues{margin-top:22px;display:grid;grid-template-columns:auto 1fr;gap:18px 32px;align-items:center;padding:22px 26px;border-radius:999px;border:1px solid var(--line);background:var(--paper)}
    .venues-lead{margin:0;max-width:260px;font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.35;color:var(--wine)}
    .venues ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .venues li{display:flex;align-items:center;gap:12px}
    .venues .ic{width:42px;height:42px;border-radius:50%;background:var(--blush);color:var(--wine);display:grid;place-items:center;flex:none}
    .venues .ic svg{width:20px;height:20px}
    .venues strong{display:block;font-size:15px}
    .venues li span:not(.ic){font-size:13px;color:var(--muted)}
    .vmodal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(12,9,8,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
    .vmodal[hidden]{display:none}
    .vmodal-box{display:flex;flex-direction:column;gap:10px;max-width:min(92vw,560px)}
    .vmodal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#ffffff}
    .vmodal-head strong{font-family:var(--serif);font-weight:400;font-size:22px}
    .vclose{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#ffffff;display:grid;place-items:center;flex:none}
    .vclose svg{width:20px;height:20px}
    .vclose:hover{background:rgba(255,255,255,.18)}
    #vplayer{display:block;max-height:80vh;max-width:100%;width:auto;border-radius:22px;background:#000000;margin:0 auto}
    .verr{margin:0;color:#e0d9d6;font-size:14px;text-align:center}
    @media(max-width:960px){
      .vgrid{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-auto-rows:280px}
      .v1{grid-column:1/3;grid-row:auto;height:460px;border-radius:999px 999px var(--r-lg) var(--r-lg)}
      .venues{grid-template-columns:1fr;border-radius:32px}
      .venues ul{grid-template-columns:1fr;gap:14px}
    }
    @media(max-width:700px){
      .vgrid{gap:10px;grid-auto-rows:230px}
      .v1{height:420px}
      .vmeta{left:14px;right:14px;bottom:14px}.vmeta strong{font-size:19px}.v1 .vmeta strong{font-size:26px}
      .vplay{width:54px;height:54px}
      .vdur{top:10px;right:10px}
      .v3,.v5{border-radius:var(--r-lg)}
    }

    /* ===== Blog ===== */
    .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .post-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-lg);overflow:hidden;transition:transform .3s,box-shadow .3s}
    .post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
    .post-img{aspect-ratio:4/3;overflow:hidden;background:linear-gradient(150deg,#382d27,#1c1714)}
    .post-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}
    .post-card:hover .post-img img{transform:scale(1.05)}
    .post-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
    .post-meta{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wine)}
    .post-card h3{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:0}
    .post-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
    .post-more{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#e0d9d6}
    .post-more svg{width:16px;height:16px}
    .posts-foot{margin-top:26px;display:flex;justify-content:center}
    .blog-hero{padding:40px 0 30px}
    .crumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:22px;flex-wrap:wrap}
    .crumbs a{color:var(--wine);text-decoration:underline;text-underline-offset:3px}
    .article{max-width:760px;margin:0 auto}
    .article h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.6vw,58px);line-height:1.1;letter-spacing:-.03em;margin:18px 0 18px}
    .article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:14px;margin-bottom:28px}
    .article-meta strong{color:var(--text);font-weight:600}
    .article-cover{margin:0 0 34px;border-radius:999px 999px var(--r-lg) var(--r-lg);overflow:hidden;aspect-ratio:4/3;background:#1c1714}
    .article-cover img{width:100%;height:100%;object-fit:cover;display:block}
    .prose{font-size:18px;line-height:1.85;color:#edddd3}
    .prose>*{margin:0 0 1.1em}
    .prose h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,34px);line-height:1.2;letter-spacing:-.02em;margin:1.7em 0 .6em;color:var(--text)}
    .prose h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:1.5em 0 .5em;color:var(--text)}
    .prose a{color:#e0d9d6;text-decoration:underline;text-underline-offset:3px}
    .prose strong{color:#ffffff}
    .prose ul,.prose ol{padding-left:1.3em}
    .prose li{margin:.35em 0}
    .prose blockquote{margin:1.6em 0;padding:18px 24px;border-left:3px solid #ad9990;background:rgba(255,255,255,.04);border-radius:0 18px 18px 0;font-family:var(--serif);font-style:italic;font-size:21px;color:#efe2d9}
    .prose img,.prose picture{display:block;width:100%;height:auto;border-radius:22px}
    .prose figure{margin:1.8em 0}
    .prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
    .article-video{margin:36px 0;border-radius:var(--r-lg);overflow:hidden;background:#000000;position:relative}
    .article-video video{display:block;width:100%;max-height:80vh;background:#000000}
    .yt{position:relative;aspect-ratio:16/9;border:0;padding:0;width:100%;cursor:pointer;background:#000000 center/cover no-repeat;display:grid;place-items:center}
    .yt span{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#957b70,#7b6357);color:#ffffff}
    .yt span svg{width:28px;height:28px;margin-left:4px}
    .yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
    .article-cta{margin:48px 0 10px;padding:30px 32px;border-radius:var(--r-lg);background:radial-gradient(ellipse 60% 80% at 100% 0%,rgba(173,153,144,.25),transparent 70%),var(--paper);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
    .article-cta strong{display:block;font-family:var(--serif);font-weight:400;font-size:24px}
    .article-cta p{margin:4px 0 0;color:var(--muted)}
    .related{margin-top:70px}
    .empty-blog{max-width:620px;padding:40px 0;color:var(--muted);font-size:17px}
    .draft-bar{position:sticky;top:0;z-index:60;background:#725c51;color:#1c1714;text-align:center;font-weight:700;font-size:14px;padding:10px 16px}
    @media(max-width:960px){.posts{grid-template-columns:1fr 1fr}}
    @media(max-width:700px){.posts{grid-template-columns:1fr}.prose{font-size:17px}.article-cta{padding:24px 20px}}
    /* ===== SVĚTLÝ RŮŽOVÝ MOTIV + HERO „ALBUM“ (2026-10, podle inspirace) ===== */
    :root{--bg:#f4ede7;--paper:#fbf7f4;--cream:#f7f0eb;--blush:#e8d8ce;--blush-2:#dac6ba;--sand:#efe3db;--wine:#7a6258;--wine-dark:#5f4a42;--plum:#3b2f2a;--text:#3b2f2a;--muted:#6e5f58;--line:#e6d9d0;--gold:#c9b0a2}
    ::selection{background:#d9cfcb;color:#2e2521}
    .title em,.about-text .title em{color:var(--wine);background:none;-webkit-text-fill-color:currentColor}
    .btn-wine{background:var(--wine);color:#ffffff}.btn-wine:hover{background:var(--wine-dark)}
    .btn-dark{background:var(--plum)}.btn-dark:hover{background:var(--wine)}
    .eyebrow{color:var(--wine)}
    .footer{background:var(--plum)}

    /* hlavička – bez rámečku, monogram, serifová navigace, jazyky textem */
    .site-header{transition:padding .25s}
    .bar{border-radius:18px;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .3s,box-shadow .3s,border-color .3s}
    .site-header.scrolled .bar{background:rgba(248,241,237,.92);border-color:rgba(84,68,60,.08);box-shadow:0 10px 30px rgba(64,52,46,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
    .brand{flex-direction:row;align-items:center;gap:14px}
    .brand .mono{font-family:var(--serif);font-style:italic;font-size:34px;line-height:1;letter-spacing:-.06em;color:var(--wine);text-transform:none;font-weight:400}
    .brand .brand-name{display:flex;flex-direction:column;gap:3px;font-size:inherit;letter-spacing:normal;text-transform:none;color:var(--plum);font-weight:400}
    .brand .brand-name strong{font-style:italic;font-size:23px;font-weight:400;color:var(--plum)}
    .brand .brand-name span{display:none}
    .nav a{white-space:nowrap;font-family:var(--serif);font-size:16px;font-weight:400;color:var(--plum)}
    .nav a:hover{background:rgba(84,68,60,.07);color:var(--wine)}
    @media(min-width:1181px){.nav{gap:0}.nav a{padding:9px 10px}}
    .brand,.actions{flex:none}
    .lang-switch{background:transparent;padding:0 6px;gap:0;border-left:1px solid rgba(46,37,33,.18);border-radius:0;margin-left:4px}
    .lang-switch a,.lang-switch a{display:inline-flex;align-items:center;gap:7px;background:transparent;box-shadow:none;color:var(--plum);font-size:13px;font-weight:600;letter-spacing:.05em;padding:0 10px;height:34px;border-radius:999px}
    .lang-switch a:hover,.lang-switch a:hover{background:rgba(84,68,60,.06);color:var(--wine)}
    .lang-switch .flag{display:block;width:20px;height:14px;border-radius:3px;box-shadow:0 0 0 1px rgba(46,37,33,.12)}
    .lang-switch a[aria-current="page"],.lang-switch a[aria-current="page"]{background:rgba(84,68,60,.1);color:var(--wine);box-shadow:none}
    .lang-code{display:inline!important}
    .menu-btn{background:var(--wine);color:#ffffff}

    /* hero */
    .hero.hero-v5{position:relative;margin-top:-96px;padding:124px 0 90px;overflow:hidden;overflow:clip;
      background:radial-gradient(ellipse 55% 45% at 50% 30%,rgba(253,251,250,.9) 0%,rgba(253,251,250,0) 70%),linear-gradient(180deg,#f2e6de 0%,#f0e2d9 62%,#ead9cd 100%)}
    .hero.hero-v5::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
      background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.45) 24%,transparent 31%,transparent 58%,rgba(255,255,255,.35) 64%,transparent 70%)}
    .hero.hero-v5::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;pointer-events:none;background:linear-gradient(180deg,rgba(234,217,205,0),rgba(218,209,206,.55))}
    .hero.hero-v5 .container{position:relative;z-index:1}
    .hero.hero-v5 h1{font-family:var(--serif);text-align:center;color:var(--plum);font-size:clamp(50px,6.6vw,104px);line-height:1;letter-spacing:-.035em;font-weight:500;margin:0}
    .hero.hero-v5 h1 .l1{display:block}
    .hero.hero-v5 h1 em{display:block;color:var(--wine);font-weight:500;padding:0 0 .14em 1.4em;margin-bottom:-.14em;background:none;-webkit-text-fill-color:currentColor}
    .hero5-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,540px) minmax(330px,370px);align-items:center;gap:40px;margin-top:30px}
    .hero5-lead{font-size:clamp(19px,1.6vw,23px);line-height:1.38;font-weight:600;color:var(--plum);margin:0 0 12px;max-width:330px}
    .hero5-sub{font-size:15px;color:var(--muted);margin:0 0 28px;max-width:320px}
    .hero5-left .btn{padding-left:34px;padding-right:34px}
    .record{position:relative;width:100%;aspect-ratio:100/60}
    .sleeve{position:absolute;left:0;top:0;width:60%;aspect-ratio:1;margin:0;z-index:2;box-shadow:0 36px 50px -20px rgba(53,42,37,.45),0 4px 10px rgba(53,42,37,.15);background:#28201c}
    .sleeve picture,.sleeve img{display:block;width:100%;height:100%;object-fit:cover}
    .sleeve::after{content:"";position:absolute;inset:3.5%;border:1.5px solid rgba(201,187,181,.85);pointer-events:none}
    .vinyl{position:absolute;top:5%;left:45%;width:54%;aspect-ratio:1;border-radius:50%;z-index:1;
      background:radial-gradient(circle,transparent 0 31%,rgba(255,255,255,.06) 31.5% 32%,transparent 32.5%),repeating-radial-gradient(circle,#352b26 0 1.5px,#443730 1.5px 3px);
      box-shadow:0 30px 50px -18px rgba(53,42,37,.5),inset 0 0 0 6px #332a25}
    .vinyl::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,rgba(255,255,255,0) 0deg,rgba(255,255,255,.16) 25deg,rgba(255,255,255,0) 60deg,rgba(255,255,255,0) 180deg,rgba(255,255,255,.12) 205deg,rgba(255,255,255,0) 240deg)}
    .vinyl-label{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle,#2e2521 0 4.5%,#f2e6de 5%);color:var(--wine);text-align:center}
    .vinyl-label .mono{position:absolute;left:0;right:0;top:15%;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.3vw,34px);line-height:1;letter-spacing:-.06em}
    .vinyl-label small{position:absolute;left:13%;right:13%;top:60%;font-size:clamp(6.5px,.6vw,9px);letter-spacing:.02em;color:var(--plum);line-height:1.35}
    .hero.hero-v5.is-playing .vinyl{animation:spin 3.6s linear infinite}
    .hero5-right{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}
    .hero-play{display:flex;align-items:center;gap:16px;border:0;background:none;padding:6px;color:var(--plum);border-radius:999px}
    .hp-ic{width:58px;height:58px;border-radius:50%;background:var(--wine);color:#ffffff;display:grid;place-items:center;flex:none;box-shadow:0 12px 24px rgba(84,68,60,.3);transition:transform .2s,background .2s}
    .hero-play:hover .hp-ic{transform:scale(1.06);background:var(--wine-dark)}
    .hp-ic svg{width:20px;height:20px}.hp-ic .i-play{margin-left:3px}
    .hp-ic .i-pause{display:none}.hero-play[aria-pressed="true"] .i-pause{display:block}.hero-play[aria-pressed="true"] .i-play{display:none}
    .hp-txt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:18px;font-weight:600}
    .hp-wave{display:flex;align-items:center;gap:3px;height:24px}
    .hp-wave i{width:3px;height:calc(var(--h) * 1%);border-radius:2px;background:#b5a29a;opacity:.75;transform-origin:center}
    .hero.hero-v5.is-playing .hp-wave i{animation:eq .7s ease-in-out infinite alternate}
    .hero.hero-v5.is-playing .hp-wave i:nth-child(3n){animation-delay:-.25s}.hero.hero-v5.is-playing .hp-wave i:nth-child(2n){animation-delay:-.45s;animation-duration:.55s}
    .hero-quote{font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.15vw,34px);line-height:1.2;color:var(--wine);margin:0;max-width:330px}
    @media(max-width:1180px){.hero5-grid{grid-template-columns:minmax(200px,1fr) minmax(0,420px) minmax(320px,350px);gap:26px}}
    .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
    /* úvod bez viditelného nadpisu – obsah na střed výšky obrazovky */
    .hero.hero-v5{min-height:min(100svh,920px);display:flex;align-items:center;padding:120px 0 70px}
    .hero.hero-v5>.container{width:calc(100% - 64px)}
    .hero5-grid{margin-top:0}
    /* přehrávač (Spotify vzhled) v úvodu vpravo – gradient + částice podle hudby */
    .hero5-right{align-items:stretch;gap:10px;text-align:left}
    .hero .player{--glow:0;position:relative;isolation:isolate;overflow:hidden;color:#f6efea;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:18px 16px 10px;
      background:radial-gradient(ellipse 80% 55% at 85% 0%,rgba(213,203,199,calc(.35 + var(--glow) * .45)),transparent 70%),radial-gradient(ellipse 70% 60% at 0% 100%,rgba(189,173,166,calc(.18 + var(--glow) * .3)),transparent 70%),linear-gradient(155deg,#6a564c 0%,#483a33 38%,#2c2420 72%,#1a1513 100%);
      box-shadow:0 34px 60px -22px rgba(46,37,33,.6),0 6px 16px rgba(46,37,33,.18),inset 0 1px 0 rgba(255,255,255,.12)}
    .hero .player>*:not(.pl-fx){position:relative;z-index:1}
    .pl-fx{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
    .hero .now{gap:14px}
    .hero .now-cover{width:72px;height:72px;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
    .hero .now-title{font-size:21px}
    .hero .ctrl.play{background:linear-gradient(140deg,#ffffff 0%,#f1e4dc 100%);color:#483a33;box-shadow:0 8px 22px rgba(213,203,199,calc(.25 + var(--glow) * .5))}
    .hero .seek input{background:linear-gradient(90deg,#e0d9d6 0%,#c9bbb5 var(--p,0%),rgba(255,255,255,.18) var(--p,0%));background-size:100% 4px;background-repeat:no-repeat;background-position:center}
    .hero .track button:hover,.hero .track.active button{background:rgba(255,255,255,.08)}
    .hero .tracks{max-height:236px}
    .hero .player-more{align-self:center;margin-top:8px;color:var(--wine);font-size:13.5px}
    /* větší úvod + dvě jasné volby (akce / lekce) */
    .hero.hero-v5{min-height:min(100svh,980px)}
    .hero.hero-v5>.container,.site-header>.container{max-width:1400px}
    .hero5-grid{grid-template-columns:minmax(300px,1fr) minmax(0,600px) minmax(340px,380px);gap:44px}
    .hero5-lead{font-size:clamp(22px,1.9vw,28px);max-width:420px;margin-bottom:10px}
    .hero5-sub{font-size:16px;max-width:400px;margin-bottom:26px}
    .choice-q{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--wine);margin:0 0 12px}
    .choices{display:grid;gap:12px;max-width:420px}
    .choice{display:flex;align-items:center;gap:16px;padding:16px 18px 16px 16px;border-radius:22px;text-align:left;transition:transform .2s,box-shadow .2s,background .2s}
    .choice:hover{transform:translateY(-2px)}
    .choice .ch-ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none}
    .choice .ch-ic svg{width:22px;height:22px}
    .choice .ch-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
    .choice strong{font-family:var(--serif);font-size:21px;font-weight:500;line-height:1.2}
    .choice .ch-txt span{font-size:13.5px;line-height:1.35}
    .choice .ch-arrow{width:20px;height:20px;flex:none;transition:transform .2s}
    .choice:hover .ch-arrow{transform:translateX(4px)}
    .choice-event{background:linear-gradient(135deg,#5e4b42,#3d312b);color:#ffffff;box-shadow:0 18px 34px -14px rgba(61,49,43,.55)}
    .choice-event .ch-ic{background:rgba(255,255,255,.14);color:#f1e4dc}
    .choice-event .ch-txt span{color:#efe1d7}
    .choice-lesson{background:rgba(253,251,250,.75);color:var(--plum);border:1.5px solid rgba(84,68,60,.22);box-shadow:0 10px 24px -14px rgba(61,49,43,.25)}
    .choice-lesson .ch-ic{background:var(--blush);color:var(--wine)}
    .choice-lesson .ch-txt span{color:var(--muted)}
    .choice-lesson:hover{background:#fdfbfa;border-color:rgba(84,68,60,.4)}
    @media(max-width:1280px){.hero5-grid{grid-template-columns:minmax(280px,1fr) minmax(0,480px) minmax(320px,350px);gap:30px}}
    @media(max-width:1100px){
      .hero.hero-v5{padding-top:116px;min-height:0;display:block}
      .hero5-grid{grid-template-columns:1fr;gap:34px;justify-items:center;text-align:center;margin-top:34px}
      .record{grid-row:1;max-width:560px}
      .hero5-left{display:flex;flex-direction:column;align-items:center}
      .hero5-lead,.hero5-sub{margin-left:auto;margin-right:auto;max-width:520px}
      .hero5-right{width:100%;max-width:480px}
      .choice-q{text-align:center}
      .choices{width:100%;max-width:480px}
      .hero.hero-v5 h1 em{padding-left:.9em}
    }
    @media(max-width:960px){.actions{margin-left:auto}}
    @media(max-width:700px){
      .hero.hero-v5{margin-top:-82px;padding:100px 0 64px}
      .hero.hero-v5 h1{font-size:clamp(42px,12vw,64px)}
      .hero.hero-v5 h1 em{padding-left:.6em}
      .record{width:100%}
      .vinyl-label small{display:none}
      .brand .mono{font-size:28px}.brand .brand-name strong{font-size:19px}
      .hero-quote{font-size:28px}
    }
    @media(max-width:420px){.brand{gap:8px}.brand .mono{font-size:24px}.brand .brand-name strong{font-size:17px}.lang-switch{padding:0 2px;margin-left:0}.lang-switch a,.lang-switch a{padding:0 6px}.lang-code{display:none!important}}
    @media(max-width:350px){.brand .mono{display:none}}
    /* menu se nevejde (záleží na jazyce) → skrýt CTA, pak hamburger; řídí JS podle skutečné šířky */
    .site-header.no-cta .hdr-cta{display:none!important}
    .site-header.compact .nav{display:none}
    .site-header.compact .menu-btn{display:flex}
    .site-header.compact .actions{margin-left:auto}
    .site-header.compact .mobile-panel{display:block;position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fdfbfa;border-radius:28px;padding:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
    .site-header.compact .mobile-panel.open{opacity:1;visibility:visible;transform:none}
    .site-header.compact .mobile-panel a{display:block;padding:14px 18px;border-radius:16px;font-size:16px;font-weight:600}
    .site-header.compact .mobile-panel a:hover{background:var(--blush)}
    .site-header.compact .mobile-panel .btn{display:flex;gap:12px;margin-top:8px;width:100%;color:#ffffff;background:var(--wine);border-radius:999px;justify-content:center}
    /* „Flexibilita & technika“ – na jeden pohled */
    .det{text-align:center;padding:40px 26px 34px}
    .det .ic{width:76px;height:76px;margin:0 auto 20px;background:linear-gradient(140deg,#5e4b42,#3d312b);color:#ffffff;box-shadow:0 14px 28px -12px rgba(61,49,43,.5)}
    .det .ic svg{width:32px;height:32px}
    .det h3{font-size:26px;margin-bottom:10px}
    .det p{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);line-height:1.5}
    .step h3{font-size:23px}
    .step p{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wine)}
    @media(max-width:960px){
      .det,.det:nth-child(2){display:grid;grid-template-columns:64px 1fr;align-items:center;column-gap:18px;text-align:left;padding:22px 24px;border-radius:var(--r-lg)}
      .det .ic,.det:nth-child(2) .ic{width:64px;height:64px;margin:0;grid-row:span 2}
      .det h3{font-size:22px;margin:0 0 2px;align-self:end}.det p{align-self:start}
    }
    /* malé telefony (320 px) – hlavička se vejde bez posouvání do strany */
    @media(max-width:360px){.bar{padding:0 6px 0 14px;gap:6px}.brand strong{font-size:17px}.brand span{font-size:8px;letter-spacing:.1em}.actions{gap:6px}.lang-switch{padding:3px;gap:0}.lang-switch a,.lang-switch a{padding:0 6px}.menu-btn{width:42px;height:42px}}
    /* větší dotyková plocha posuvníků přehrávače – vizuálně stále tenký 4px pruh */
    .seek input,.volume input{height:24px;margin:-10px 0;background-color:transparent;background-size:100% 4px;background-repeat:no-repeat;background-position:center;touch-action:pan-y}
    .seek input::-moz-range-track,.volume input::-moz-range-track{background:transparent}
  
    /* Instagram v hlavičce vedle jména */
    .brand-wrap{display:flex;align-items:center;gap:8px;flex:none}
    .hdr-ig{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--wine);border:1px solid var(--blush-2);transition:background .25s,color .25s,border-color .25s}
    .hdr-ig svg{width:17px;height:17px}
    .hdr-ig:hover,.hdr-ig:focus-visible{background:var(--plum);border-color:var(--plum);color:#ffffff}
    @media(max-width:420px){.brand-wrap{gap:6px}.hdr-ig{width:30px;height:30px}.hdr-ig svg{width:15px;height:15px}}
    @media(max-width:360px){.brand-wrap{gap:4px}.hdr-ig{width:26px;height:26px;border:0}.hdr-ig svg{width:16px;height:16px}}
    /* Poslech: přepínač Spotify / živé ukázky */
    .pl-tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(54,44,39,.07);align-self:stretch}
    .pl-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:600 13.5px/1 var(--sans,inherit);cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
    .pl-tabs button svg{width:17px;height:17px;flex:none}
    .pl-tabs button[aria-selected="true"]{background:#ffffff;color:var(--plum);box-shadow:0 4px 14px rgba(54,44,39,.12)}
    .pl-tabs button:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
    .sp-panel{display:flex;flex-direction:column;gap:10px}
    .sp-panel[hidden],.hero .player[hidden]{display:none}
    .sp-facade{position:relative;overflow:hidden;border-radius:28px;padding:22px 20px 18px;color:#f7f0ec;display:flex;flex-direction:column;gap:18px;
      background:radial-gradient(ellipse 80% 55% at 85% 0%,rgba(161,138,128,.45),transparent 70%),radial-gradient(ellipse 70% 60% at 0% 100%,rgba(196,181,174,.18),transparent 70%),linear-gradient(155deg,#705a4f 0%,#4d3e36 40%,#362c27 75%,#261f1b 100%);
      box-shadow:0 34px 60px -22px rgba(38,31,27,.6),0 6px 16px rgba(38,31,27,.18),inset 0 1px 0 rgba(255,255,255,.12)}
    .sp-head{display:flex;gap:16px;align-items:center}
    .sp-cover{width:96px;height:96px;border-radius:16px;object-fit:cover;flex:none;box-shadow:0 12px 26px rgba(0,0,0,.4)}
    .sp-info{min-width:0}
    .sp-info .now-label{color:#d3c8c3}
    .sp-title{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-.02em;margin:6px 0 3px;line-height:1.1}
    .sp-info .now-sub{color:#d3c8c3}
    .sp-load{display:flex;align-items:center;gap:14px;width:100%;padding:10px 18px 10px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);color:#ffffff;font:600 15px/1 var(--sans,inherit);cursor:pointer;transition:background .25s,transform .25s}
    .sp-load:hover{background:rgba(255,255,255,.13)}
    .sp-load:active{transform:scale(.98)}
    .sp-play{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(140deg,#ffffff 0%,#ecdcd1 100%);color:#362c27;box-shadow:0 8px 22px rgba(161,138,128,.4);flex:none}
    .sp-play svg{width:20px;height:20px;margin-left:2px}
    .sp-note{margin:-8px 0 0;font-size:12px;color:#c4b5ae;text-align:center}
    .sp-frame{display:block;width:100%;height:352px;border:0;border-radius:16px;background:#362c27}
    .sp-open{align-self:center;display:inline-flex;align-items:center;gap:8px;color:var(--wine);font-size:13.5px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
    .sp-open svg{width:15px;height:15px}