:root {
    --u-void: #040106;
    --u-black: #08020b;
    --u-deep: #17051f;
    --u-grape: #5b117f;
    --u-electric: #b42cff;
    --u-orchid: #d7a7ff;
    --u-bone: #f7f2fa;
    --u-muted: rgba(247,242,250,.58);
    --u-line: rgba(215,167,255,.2);
    --u-gutter: clamp(28px,5vw,78px);
}

html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body.uzum-onepage-active { margin: 0; overflow-x: clip; background: var(--u-void); }
body.uzum-onepage-active::-webkit-scrollbar { width: 8px; }
body.uzum-onepage-active::-webkit-scrollbar-track { background: var(--u-void); }
body.uzum-onepage-active::-webkit-scrollbar-thumb { background: var(--u-grape); }
.uz3, .uz3 * { box-sizing: border-box; }
.uz3 { position: relative; overflow: clip; background: var(--u-void); color: var(--u-bone); font: 400 15px/1.65 "Manrope",sans-serif; }
.uz3 a { color: inherit; text-decoration: none; }
.uz3 img { display: block; max-width: 100%; }
.uz3 button { color: inherit; }
.uz3 main { position: relative; z-index: 2; }
.uz3 em { color: var(--u-electric); font-style: normal; }
.uz3-noise { position: fixed; z-index: 900; inset: 0; opacity: .055; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); mix-blend-mode: screen; }
.uz3-ambient { position: fixed; z-index: 0; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .7; }
.uz3-skip { position: fixed; z-index: 1000; left: 18px; top: 12px; padding: 10px 14px; background: var(--u-electric); color: var(--u-void)!important; transform: translateY(-160%); transition: transform .25s; }
.uz3-skip:focus-visible { transform: translateY(0); }
@media (hover:none),(pointer:coarse) {
    .uz3-skip,.uz3-skip:focus,.uz3-skip:focus-visible { width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;transform:none; }
}

.uz3-loader { position: fixed; z-index: 999; inset: 0; display: grid; place-content: center; justify-items: center; background: var(--u-void); transition: opacity .75s ease, visibility .75s ease; }
.uz3-loader.is-done { opacity: 0; visibility: hidden; }
.uz3-loader-mark { position: relative; width: min(340px,60vw); }
.uz3-loader-mark img { width: 100%; filter: brightness(0) invert(1); }
.uz3-loader-mark i { position: absolute; left: 0; right: 0; bottom: -35px; height: 1px; background: var(--u-line); overflow: hidden; }
.uz3-loader-mark i::after { content: ""; position: absolute; inset: 0; background: var(--u-electric); transform-origin: left; animation: uz3-load 1.35s cubic-bezier(.76,0,.24,1) both; }
.uz3-loader p { margin: 61px 0 4px; font: 9px/1 "Space Mono",monospace; letter-spacing: .12em; }
.uz3-loader p span { color: var(--u-electric); }
.uz3-loader small { color: var(--u-muted); font: 7px/1 "Space Mono",monospace; letter-spacing: .2em; text-transform: uppercase; }

.uz3-progress { position: fixed; z-index: 95; right: 20px; top: 50%; display: grid; justify-items: center; gap: 13px; transform: translateY(-50%); }
.uz3-progress::before { content: ""; width: 1px; height: 118px; background: var(--u-line); }
.uz3-progress > i { position: absolute; top: 0; width: 1px; height: 118px; background: var(--u-electric); transform: scaleY(0); transform-origin: top; }
.uz3-progress b { writing-mode: vertical-rl; color: var(--u-muted); font: 7px/1 "Space Mono",monospace; letter-spacing: .16em; }

.uz3-hero { position: relative; z-index: 3; height: 400svh; background: var(--u-void); }
.uz3-hero-sticky { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; }
.uz3-hero-sticky::after { content: ""; position: absolute; z-index: 8; inset: auto 0 0; height: 18%; background: linear-gradient(transparent,var(--u-void)); pointer-events: none; }
.uz3-hero-wash { position: absolute; z-index: 0; inset: 0; background: radial-gradient(circle at 66% 38%,rgba(112,20,153,.5),transparent 35%),radial-gradient(circle at 25% 65%,rgba(180,44,255,.11),transparent 28%),linear-gradient(120deg,#050107,#110318 58%,#070109); }
.uz3-hero-photo { position: absolute; z-index: 1; overflow: hidden; border: 1px solid rgba(215,167,255,.2); box-shadow: 0 45px 120px rgba(0,0,0,.68); opacity: .38; transition: opacity 1s ease, transform 1.2s cubic-bezier(.16,1,.3,1),filter 1s ease; }
.uz3-hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(91,17,127,.1),rgba(4,1,6,.62)); mix-blend-mode: color; }
.uz3-hero-photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(1.25) contrast(1.14); }
.uz3-photo-a { top: 13%; right: 8%; width: 34vw; height: 64%; transform: rotate(2deg); }
.uz3-photo-b { top: 20%; right: -4%; width: 24vw; height: 48%; transform: rotate(-2deg); }
.uz3-hero[data-act="1"] .uz3-photo-a,.uz3-hero[data-act="3"] .uz3-photo-a { opacity: .16; transform: translateX(8vw) rotate(5deg); }
.uz3-hero[data-act="2"] .uz3-photo-b { opacity: .55; transform: translateX(-5vw) rotate(0); }

.uz3-act { position: absolute; z-index: 6; left: var(--u-gutter); bottom: clamp(58px,8vh,95px); width: min(63vw,980px); opacity: 0; visibility: hidden; transform: translateY(55px); clip-path: inset(0 0 100% 0); transition: opacity .65s ease,visibility .65s ease,transform .95s cubic-bezier(.16,1,.3,1),clip-path .95s cubic-bezier(.16,1,.3,1); }
.uz3-act.is-active { opacity: 1; visibility: visible; transform: translateY(0); clip-path: inset(0); }
.uz3-act-1,.uz3-act-3 { left: auto; right: calc(var(--u-gutter) + 4vw); width: min(43vw,670px); }
.uz3-kicker { display: flex; gap: 23px; margin: 0 0 28px; color: var(--u-orchid); font: 8px/1 "Space Mono",monospace; letter-spacing: .15em; text-transform: uppercase; }
.uz3-kicker span:first-child { display: flex; align-items: center; gap: 14px; }
.uz3-kicker span:first-child::before { content: ""; width: 45px; height: 1px; background: currentColor; }
.uz3-act h1,.uz3-act h2,.uz3-story h2,.uz3-reel-head h2,.uz3-program h2,.uz3-table h2,.uz3-final h2 { margin: 0; font-family: "Anybody",sans-serif; font-weight: 850; font-variation-settings: "wdth" 112; letter-spacing: -.075em; line-height: .8; text-transform: uppercase; }
.uz3-act h1 { font-size: clamp(78px,11.5vw,180px); }
.uz3-act h2 { font-size: clamp(72px,9.4vw,148px); }
.uz3-act > p:last-child { max-width: 460px; margin: 35px 0 0; color: var(--u-muted); font-size: 14px; }
.uz3-act-foot { display: flex; align-items: end; justify-content: space-between; width: min(650px,100%); margin-top: 42px; }
.uz3-act-foot p { margin: 0; color: var(--u-muted); font-size: 12px; }
.uz3-act-foot > span { display: flex; align-items: center; gap: 17px; font: 8px/1 "Space Mono",monospace; letter-spacing: .14em; text-transform: uppercase; }
.uz3-act-foot b { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid var(--u-line); border-radius: 50%; color: var(--u-electric); font-size: 18px; }
.uz3-act-meter { position: absolute; z-index: 10; right: var(--u-gutter); bottom: 38px; display: grid; grid-template-columns: auto 105px auto; align-items: center; gap: 10px; font: 8px/1 "Space Mono",monospace; }
.uz3-act-meter b { color: var(--u-electric); font-size: 13px; }
.uz3-act-meter > i { height: 1px; background: var(--u-line); }
.uz3-act-meter > i span { display: block; width: 25%; height: 100%; background: var(--u-electric); transform-origin: left; transition: width .5s ease; }
.uz3-coordinate { position: absolute; z-index: 10; left: var(--u-gutter); top: 118px; color: rgba(247,242,250,.34); font: 7px/1 "Space Mono",monospace; letter-spacing: .13em; }

.uz3-marquee { position: relative; z-index: 10; overflow: hidden; border-block: 1px solid rgba(180,44,255,.6); background: var(--u-electric); color: var(--u-void); transform: rotate(-.8deg) scale(1.02); }
.uz3-marquee > div { width: max-content; display: flex; align-items: center; gap: 35px; padding: 19px 0; animation: uz3-marquee 25s linear infinite; font: 800 clamp(32px,4.1vw,68px)/.9 "Anybody",sans-serif; font-variation-settings: "wdth" 118; letter-spacing: -.05em; }
.uz3-marquee i { font-size: 10px; }

.uz3-label { margin: 0; color: var(--u-orchid); font: 8px/1.3 "Space Mono",monospace; letter-spacing: .16em; text-transform: uppercase; }
.uz3-story { position: relative; z-index: 4; min-height: 210vh; padding: clamp(140px,14vw,220px) var(--u-gutter); background: linear-gradient(180deg,var(--u-void),#13041b 75%,var(--u-void)); }
.uz3-story-sticky { position: sticky; z-index: 4; top: 120px; width: 71%; }
.uz3-story h2 { margin-top: 38px; font-size: clamp(68px,9.7vw,155px); }
.uz3-story h2 em { display: block; }
.uz3-story-copy { max-width: 520px; margin: 48px 0 0; color: var(--u-muted); font-size: 15px; }
.uz3-story-shot { position: absolute; z-index: 2; margin: 0; overflow: hidden; border: 1px solid var(--u-line); box-shadow: 0 40px 110px rgba(0,0,0,.7); }
.uz3-story-shot img { width: 100%; height: 100%; object-fit: cover; filter: saturate(1.15) contrast(1.1); }
.uz3-story-shot figcaption { position: absolute; left: 16px; bottom: 14px; font: 7px/1 "Space Mono",monospace; letter-spacing: .11em; text-transform: uppercase; }
.uz3-story-shot-a { top: 25%; right: 6%; width: 31vw; height: 63vh; border-radius: 52% 52% 3px 3px; }
.uz3-story-shot-b { right: 29%; bottom: 8%; width: 25vw; height: 48vh; transform: rotate(-5deg); }

.uz3-reel-wrap { position: relative; z-index: 5; height: 430vh; background: var(--u-void); }
.uz3-reel-sticky { position: sticky; top: 0; height: 100svh; overflow: hidden; }
.uz3-reel-head { position: absolute; z-index: 8; top: 12vh; left: var(--u-gutter); width: min(630px,45vw); pointer-events: none; }
.uz3-reel-head h2 { margin-top: 28px; font-size: clamp(70px,8.2vw,132px); }
.uz3-reel-track { position: absolute; z-index: 4; left: 0; top: 0; height: 100%; display: flex; align-items: center; gap: clamp(28px,4vw,68px); padding: 12vh 8vw 8vh 51vw; will-change: transform; }
.uz3-reel-card { position: relative; flex: 0 0 clamp(285px,29vw,460px); height: 59vh; overflow: hidden; border: 1px solid var(--u-line); box-shadow: 0 35px 100px rgba(0,0,0,.72); transition: transform .6s cubic-bezier(.16,1,.3,1),border-color .3s; }
.uz3-reel-card:nth-child(odd) { transform: translateY(-5vh) rotate(-1.5deg); }
.uz3-reel-card:nth-child(even) { transform: translateY(7vh) rotate(2deg); }
.uz3-reel-card:hover { z-index: 5; border-color: var(--u-electric); transform: translateY(0) rotate(0) scale(1.035); }
.uz3-reel-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 48%,rgba(4,1,6,.9)); }
.uz3-reel-card img { width: 100%; height: 100%; object-fit: cover; filter: saturate(1.12) contrast(1.08); transition: transform .9s ease; }
.uz3-reel-card:hover img { transform: scale(1.06); }
.uz3-reel-card span { position: absolute; z-index: 2; left: 18px; bottom: 17px; font: 8px/1 "Space Mono",monospace; letter-spacing: .12em; text-transform: uppercase; }
.uz3-card-wide { flex-basis: clamp(370px,39vw,610px); height: 51vh; }
.uz3-card-tall { flex-basis: clamp(270px,25vw,390px); height: 69vh; }
.uz3-reel-end { flex: 0 0 400px; display: grid; gap: 25px; align-content: center; padding-right: 100px; }
.uz3-reel-end img { width: 270px; filter: brightness(0) invert(1); }
.uz3-reel-end p { margin: 0; font: 700 34px/1 "Anybody",sans-serif; letter-spacing: -.04em; text-transform: uppercase; }
.uz3-reel-end a { width: max-content; padding-bottom: 7px; border-bottom: 1px solid var(--u-electric); font: 8px/1 "Space Mono",monospace; text-transform: uppercase; }
.uz3-reel-count { position: absolute; z-index: 9; right: var(--u-gutter); bottom: 35px; display: flex; align-items: baseline; gap: 5px; font-family: "Space Mono",monospace; }
.uz3-reel-count b { color: var(--u-electric); font-size: 30px; }.uz3-reel-count span { opacity: .4; font-size: 9px; }

.uz3-program { position: relative; z-index: 6; min-height: 135vh; padding: clamp(130px,13vw,210px) var(--u-gutter); overflow: hidden; background: linear-gradient(145deg,#17051f,#30063f 60%,#09020c); }
.uz3-program::before { content: "SAHNE"; position: absolute; right: -4vw; top: 4vh; color: transparent; -webkit-text-stroke: 1px rgba(215,167,255,.11); font: 900 28vw/.8 "Anybody",sans-serif; letter-spacing: -.08em; }
.uz3-program-head { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr minmax(250px,.36fr); align-items: end; gap: 55px; }
.uz3-program-head .uz3-label { grid-column: 1/-1; }
.uz3-program h2 { font-size: clamp(75px,10vw,158px); }
.uz3-program-head > p:last-child { max-width: 410px; margin: 0 0 12px; color: var(--u-muted); }
.uz3-events { position: relative; z-index: 2; margin-top: clamp(100px,12vw,170px); border-top: 1px solid var(--u-line); }
.uz3-event { position: relative; display: grid; grid-template-columns: 130px 1fr auto; align-items: center; gap: 35px; min-height: 150px; border-bottom: 1px solid var(--u-line); overflow: hidden; }
.uz3-event::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--u-electric); transform: translateX(-102%); transition: transform .55s cubic-bezier(.16,1,.3,1); }
.uz3-event:hover::before { transform: translateX(0); }.uz3-event:hover { color: var(--u-void); }
.uz3-event time { display: flex; flex-direction: column; gap: 10px; font: 700 15px/1 "Space Mono",monospace; }.uz3-event time b { font-size: 8px; opacity: .5; }
.uz3-event small { font: 7px/1 "Space Mono",monospace; letter-spacing: .14em; text-transform: uppercase; opacity: .55; }
.uz3-event h3 { margin: 8px 0 0; font: 750 clamp(31px,4vw,60px)/.9 "Anybody",sans-serif; letter-spacing: -.055em; text-transform: uppercase; }
.uz3-event > a { padding: 13px 15px; border: 1px solid currentColor; font: 8px/1 "Space Mono",monospace; text-transform: uppercase; }

.uz3-table { position: relative; z-index: 7; min-height: 180vh; display: grid; grid-template-columns: .82fr 1.18fr; background: linear-gradient(130deg,#0b020e,#1c0525); }
.uz3-table-visual { position: sticky; top: 0; height: 100svh; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 45%,#61118d,#190421 50%,#050107 76%); }
.uz3-table-visual::before { content: ""; position: absolute; width: 72%; aspect-ratio: 1; border: 1px solid rgba(215,167,255,.15); border-radius: 50%; animation: uz3-spin 28s linear infinite; }
.uz3-table-visual img { position: relative; z-index: 2; width: 88%; height: 92%; object-fit: contain; filter: drop-shadow(0 50px 90px rgba(0,0,0,.78)); }
.uz3-table-visual > span { position: absolute; z-index: 3; left: 28px; bottom: 26px; font: 7px/1 "Space Mono",monospace; letter-spacing: .16em; text-transform: uppercase; }
.uz3-table-copy { padding: clamp(130px,14vw,220px) var(--u-gutter); }
.uz3-table h2 { margin-top: 40px; font-size: clamp(69px,8.2vw,132px); }
.uz3-menu-list { margin-top: clamp(90px,10vw,145px); border-top: 1px solid var(--u-line); }
.uz3-menu-list a { display: grid; grid-template-columns: 1fr auto 25px; align-items: center; gap: 24px; padding: 31px 0; border-bottom: 1px solid var(--u-line); transition: padding .35s,color .35s; }
.uz3-menu-list a:hover { padding-left: 18px; color: var(--u-orchid); }
.uz3-menu-list b { font: 720 clamp(28px,3.5vw,53px)/1 "Anybody",sans-serif; letter-spacing: -.045em; text-transform: uppercase; }
.uz3-menu-list span { color: var(--u-muted); font-size: 10px; }.uz3-menu-list i { color: var(--u-electric); font-size: 20px; font-style: normal; }
.uz3-table-note { max-width: 480px; margin: 55px 0 0; color: var(--u-muted); font-size: 12px; }

.uz3-final { position: relative; z-index: 8; min-height: 120svh; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 145px var(--u-gutter) 45px; text-align: center; background: radial-gradient(circle at 50% 45%,#4b0968,#18041f 39%,#040106 72%); }
.uz3-final-logo { position: relative; z-index: 3; width: min(300px,50vw); margin-bottom: 45px; filter: brightness(0) invert(1); }
.uz3-final h2 { position: relative; z-index: 3; margin-top: 35px; font-size: clamp(80px,12.5vw,200px); }
.uz3-final-call { position: relative; z-index: 3; width: min(540px,100%); display: grid; grid-template-columns: 1fr auto; gap: 8px 24px; align-items: center; margin-top: 58px; padding: 19px 22px; border: 1px solid rgba(215,167,255,.52); background: rgba(4,1,6,.32); text-align: left; backdrop-filter: blur(12px); transition: background .3s,color .3s,transform .2s; }
.uz3-final-call:hover { background: var(--u-electric); color: var(--u-void); }
.uz3-final-call small { font: 7px/1 "Space Mono",monospace; letter-spacing: .15em; text-transform: uppercase; }.uz3-final-call strong { grid-column: 1; font: 750 clamp(26px,3vw,44px)/1 "Anybody",sans-serif; letter-spacing: -.04em; }.uz3-final-call i { grid-column: 2; grid-row: 1/3; font-size: 27px; font-style: normal; }
.uz3-address { position: relative; z-index: 3; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 34px; margin-top: 52px; color: var(--u-muted); font-size: 10px; }.uz3-address p { width: 100%; margin: 0; }.uz3-address a { padding-bottom: 4px; border-bottom: 1px solid var(--u-line); }
.uz3-final-grapes { position: absolute; width: min(74vw,1050px); aspect-ratio: 1; border: 1px solid rgba(180,44,255,.12); border-radius: 50%; animation: uz3-spin 34s linear infinite; }
.uz3-final-grapes i { position: absolute; width: 9%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 34% 28%,#9d29db,#1c0524 65%); box-shadow: 0 0 55px rgba(180,44,255,.2); }.uz3-final-grapes i:nth-child(1){left:45%;top:-4%}.uz3-final-grapes i:nth-child(2){right:8%;top:12%}.uz3-final-grapes i:nth-child(3){right:-4%;top:45%}.uz3-final-grapes i:nth-child(4){right:8%;bottom:12%}.uz3-final-grapes i:nth-child(5){left:45%;bottom:-4%}.uz3-final-grapes i:nth-child(6){left:8%;bottom:12%}.uz3-final-grapes i:nth-child(7){left:-4%;top:45%}.uz3-final-grapes i:nth-child(8){left:8%;top:12%}
.uz3-footer { position: absolute; z-index: 3; left: var(--u-gutter); right: var(--u-gutter); bottom: 28px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding-top: 18px; border-top: 1px solid var(--u-line); color: rgba(247,242,250,.35); font: 7px/1 "Space Mono",monospace; letter-spacing: .12em; text-transform: uppercase; }.uz3-footer button { justify-self: end; padding: 0; border: 0; background: none; cursor: pointer; font: inherit; text-transform: inherit; }
.uz3-mobile-book { display: none; }

.uz3-sound { position: fixed; z-index: 125; right: clamp(20px,2.2vw,34px); bottom: 25px; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .55s ease,transform .7s cubic-bezier(.16,1,.3,1); }
.uz3.curtain-complete .uz3-sound { opacity: 1; transform: none; pointer-events: auto; }
.uz3-sound-toggle { position: relative; min-width: 145px; height: 50px; display: grid; grid-template-columns: 35px auto; align-items: center; gap: 10px; padding: 7px 16px 7px 7px; border: 1px solid rgba(221,179,255,.2); border-radius: 999px; color: #f8f1fb; background: linear-gradient(115deg,rgba(7,2,10,.9),rgba(29,7,38,.82)); box-shadow: inset 0 1px rgba(255,255,255,.04),0 16px 42px rgba(0,0,0,.35); -webkit-backdrop-filter: blur(18px) saturate(1.15); backdrop-filter: blur(18px) saturate(1.15); cursor: pointer; transition: border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.16,1,.3,1); }
.uz3-sound-toggle:hover,.uz3-sound-toggle:focus-visible { border-color: rgba(222,159,255,.52); background: linear-gradient(115deg,rgba(15,3,20,.94),rgba(52,10,67,.88)); box-shadow: inset 0 1px rgba(255,255,255,.055),0 17px 45px rgba(0,0,0,.42),0 0 24px rgba(180,44,255,.11); transform: translateY(-2px); }
.uz3-sound-toggle:focus-visible { outline: 1px solid #df9cff; outline-offset: 3px; }
.uz3-sound-glyph { position: relative; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; gap: 2px; overflow: hidden; border: 1px solid rgba(225,186,255,.28); border-radius: 50%; background: radial-gradient(circle at 38% 34%,rgba(224,156,255,.3),transparent 27%),radial-gradient(circle,#64117e 0 18%,#23062d 20% 47%,#9c29c2 49% 51%,#17031e 53%); box-shadow: inset 0 0 14px rgba(224,148,255,.12),0 0 16px rgba(151,30,196,.16); }
.uz3-sound-glyph::after { content: ""; position: absolute; inset: 3px; border: 1px solid rgba(238,212,255,.1); border-radius: 50%; }
.uz3-sound-glyph i { position: relative; z-index: 1; width: 2px; height: 4px; border-radius: 2px; background: #f2dbff; box-shadow: 0 0 7px rgba(224,147,255,.8); transform-origin: center; }
.uz3-sound.is-playing .uz3-sound-glyph { animation: uz3-record-turn 6s linear infinite; }
.uz3-sound.is-playing .uz3-sound-glyph i { animation: uz3-sound-bar .75s ease-in-out infinite alternate; }
.uz3-sound.is-playing .uz3-sound-glyph i:nth-child(2) { animation-delay: -.42s; }
.uz3-sound.is-playing .uz3-sound-glyph i:nth-child(3) { animation-delay: -.2s; }
.uz3-sound-copy { display: grid; gap: 4px; justify-items: start; text-align: left; text-transform: uppercase; }
.uz3-sound-copy small { color: rgba(238,218,246,.42); font-size: 6px; font-weight: 500; line-height: 1; letter-spacing: .15em; }
.uz3-sound-copy b { color: rgba(255,255,255,.9); font-size: 7px; font-weight: 600; line-height: 1; letter-spacing: .14em; }
.uz3.menu-open .uz3-sound { opacity: 0; pointer-events: none; }

@keyframes uz3-record-turn { to { rotate: 360deg; } }
@keyframes uz3-sound-bar { from { scale: 1 .65; } to { scale: 1 2.4; } }

.uz3-reveal { opacity: 0; transform: translateY(48px); clip-path: inset(0 0 100% 0); transition: opacity .9s ease,transform .95s cubic-bezier(.16,1,.3,1),clip-path .95s cubic-bezier(.16,1,.3,1); }
.uz3-reveal.is-visible { opacity: 1; transform: none; clip-path: inset(0); }

@keyframes uz3-load { from { transform: scaleX(0) } to { transform: scaleX(1) } }
@keyframes uz3-marquee { to { transform: translateX(-50%) } }
@keyframes uz3-spin { to { transform: rotate(360deg) } }
@keyframes uz3-backdrop-breathe { from { transform: translate3d(-2%,-1%,0) scale(.96); opacity: .72; } to { transform: translate3d(2%,1%,0) scale(1.05); opacity: 1; } }

@media (max-width: 1000px) {
    .uz3-act-1,.uz3-act-3 { width: 48vw; right: var(--u-gutter); }
    .uz3-story-sticky { width: 78%; }
}

@media (max-width: 780px) {
    :root { --u-gutter: 20px; }
    html { scroll-padding-top: 64px; }
    .uz3-progress { display: none; }
    .uz3-hero { height: 360svh; }
    .uz3-coordinate { top: 88px; font-size: 6px; }
    .uz3-hero-photo { opacity: .28; }
    .uz3-photo-a { top: 10%; right: -18%; width: 70vw; height: 48%; }
    .uz3-photo-b { top: 14%; right: -30%; width: 53vw; height: 38%; }
    .uz3-act,.uz3-act-1,.uz3-act-3 { left: var(--u-gutter); right: auto; bottom: 80px; width: calc(100% - 40px); }
    .uz3-act h1 { font-size: clamp(61px,18vw,82px); }.uz3-act h2 { font-size: clamp(58px,17vw,78px); }
    .uz3-act > p:last-child { width: 84%; margin-top: 23px; font-size: 12px; }
    .uz3-kicker { margin-bottom: 18px; font-size: 7px; }
    .uz3-act-foot { margin-top: 25px; }.uz3-act-foot p { font-size: 10px; }.uz3-act-foot b { width: 47px; height: 47px; }
    .uz3-act-meter { right: var(--u-gutter); bottom: 24px; grid-template-columns: auto 70px auto; }

    .uz3-marquee > div { padding: 16px 0; }
    .uz3-story { min-height: auto; padding-top: 125px; padding-bottom: 125px; }
    .uz3-story-sticky { position: relative; top: auto; width: 100%; }
    .uz3-story h2 { font-size: clamp(54px,16vw,76px); }
    .uz3-story-copy { margin-top: 32px; font-size: 13px; }
    .uz3-story-shot { position: relative; inset: auto; width: 100%; height: 56vh; min-height: 430px; margin-top: 70px; transform: none; }
    .uz3-story-shot-b { width: 78%; height: 45vh; min-height: 350px; margin: -70px 0 0 auto; transform: rotate(4deg); }

    .uz3-reel-wrap { height: auto; padding: 115px 0 100px; }
    .uz3-reel-sticky { position: relative; height: auto; overflow: visible; }
    .uz3-reel-head { position: relative; top: auto; left: auto; width: auto; padding: 0 var(--u-gutter); }
    .uz3-reel-head h2 { font-size: clamp(58px,17vw,82px); }
    .uz3-reel-track { position: relative; height: auto; overflow-x: auto; gap: 18px; margin-top: 55px; padding: 38px var(--u-gutter) 50px; scroll-snap-type: x mandatory; scrollbar-width: none; transform: none!important; }
    .uz3-reel-track::-webkit-scrollbar { display: none; }
    .uz3-reel-card,.uz3-card-wide,.uz3-card-tall { flex-basis: min(78vw,330px); height: 58vh; min-height: 470px; scroll-snap-align: center; transform: none!important; }
    .uz3-reel-end { flex-basis: 78vw; padding-right: 20px; }.uz3-reel-count { display: none; }

    .uz3-program { min-height: auto; padding-top: 125px; padding-bottom: 125px; }
    .uz3-program-head { grid-template-columns: 1fr; gap: 35px; }.uz3-program h2 { font-size: clamp(61px,17vw,84px); }.uz3-program-head .uz3-label { grid-column: auto; }
    .uz3-events { margin-top: 75px; }.uz3-event { grid-template-columns: 65px 1fr; gap: 14px; min-height: 130px; }.uz3-event > a { display: none; }

    .uz3-table { min-height: auto; grid-template-columns: 1fr; }
    .uz3-table-visual { position: relative; height: 88svh; }.uz3-table-visual img { width: 100%; height: 94%; }
    .uz3-table-copy { padding-top: 110px; padding-bottom: 125px; }.uz3-table h2 { font-size: clamp(58px,16vw,80px); }
    .uz3-menu-list { margin-top: 75px; }.uz3-menu-list a { grid-template-columns: 1fr 22px; gap: 10px; }.uz3-menu-list span { display: none; }

    .uz3-final { min-height: 980px; padding-bottom: 130px; }.uz3-final-logo { width: min(250px,67vw); }.uz3-final h2 { font-size: clamp(66px,19vw,96px); }.uz3-final-grapes { width: 135vw; }
    .uz3-footer { bottom: 86px; grid-template-columns: 1fr auto; }.uz3-footer span:nth-child(2) { display: none; }
    .uz3-mobile-book { position: fixed; z-index: 120; left: 10px; right: 10px; bottom: 10px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 14px; padding: 15px 17px; background: var(--u-electric); color: var(--u-void)!important; box-shadow: 0 18px 50px rgba(0,0,0,.55); font: 8px/1 "Space Mono",monospace; letter-spacing: .1em; text-transform: uppercase; }
    .uz3-sound { right: 12px; bottom: 78px; }
    .uz3-sound-toggle { min-width: 46px; width: 46px; height: 46px; grid-template-columns: 1fr; padding: 5px; }
    .uz3-sound-glyph { width: 34px; height: 34px; }
    .uz3-sound-copy { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .uz3 *,.uz3 *::before,.uz3 *::after { animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
    .uz3-reveal { opacity: 1; transform: none; clip-path: none; }
    .uz3-ambient { display: none; }
    .uz3-sound.is-playing .uz3-sound-glyph,.uz3-sound.is-playing .uz3-sound-glyph i { animation: none!important; }
}

/* V4 — minimal hero and tactile curtain entrance */
html.uz3-curtain-lock { overflow: hidden; }
.uz3, .uz3 * { font-family: "Poppins", sans-serif !important; }
.uz3-curtain { position: fixed; z-index: 1200; inset: 0; overflow: hidden; background: transparent; }
.uz3-curtain.is-gone { visibility: hidden; pointer-events: none; }
.uz3-curtain-half { position: absolute; z-index: 1; top: 0; bottom: 0; width: 50.15%; background-image: linear-gradient(90deg,rgba(0,0,0,.15),transparent 18%,transparent 82%,rgba(0,0,0,.28)),var(--curtain-image); background-repeat: no-repeat; background-size: 200% 100%; will-change: transform,filter; transition: transform 2.05s cubic-bezier(.77,0,.16,1),filter 1.7s ease; }
.uz3-curtain-left { left: 0; background-position: left center; transform-origin: left center; box-shadow: 22px 0 45px rgba(0,0,0,.56); }
.uz3-curtain-right { right: 0; background-position: right center; transform-origin: right center; box-shadow: -22px 0 45px rgba(0,0,0,.56); }
.uz3-curtain::after { content: ""; position: absolute; z-index: 2; left: 50%; top: 0; bottom: 0; width: 3px; background: linear-gradient(90deg,rgba(0,0,0,.8),rgba(132,48,151,.12),rgba(0,0,0,.82)); transform: translateX(-50%); opacity: .8; transition: opacity .45s; }
.uz3-curtain-logo { position: fixed; z-index: 5; left: 50%; top: 48%; width: min(340px,52vw); transform: translate(-50%,-50%); transition: left 1.5s cubic-bezier(.65,0,.22,1),top 1.5s cubic-bezier(.65,0,.22,1),width 1.5s cubic-bezier(.65,0,.22,1),opacity .24s ease 1.42s; will-change: left,top,width; }
.uz3-curtain-logo img { width: 100%; filter: brightness(0) invert(1) drop-shadow(0 0 24px rgba(180,44,255,.18)); }
.uz3-curtain-pull { appearance: none !important; -webkit-appearance: none !important; position: absolute; z-index: 6; top: -3vh; right: clamp(30px,5.2vw,92px); width: clamp(58px,5.4vw,84px); height: min(78vh,820px); margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0; background: transparent !important; background-color: transparent !important; box-shadow: none !important; opacity: 0; transform: translateY(-12vh); cursor: wait; transition: opacity .65s ease,transform 1s cubic-bezier(.16,1,.3,1),filter .3s ease; }
.uz3-curtain-pull::before,.uz3-curtain-pull::after { display: none !important; content: none !important; }
.uz3-curtain-pull img { position: absolute; z-index: 1; top: 0; left: 50%; width: auto; height: 100%; max-width: none; transform: translateX(-50%); filter: drop-shadow(0 10px 15px rgba(0,0,0,.56)) saturate(.84); pointer-events: none; }
.uz3-curtain-pull span { position: absolute; z-index: 2; right: calc(100% + 15px); bottom: 4.2%; min-width: 142px; display: grid; gap: 5px; justify-items: start; padding: 11px 14px 10px; border: 1px solid rgba(221,174,244,.3); border-radius: 999px; color: #f8eefc; background: rgba(10,2,13,.68) !important; box-shadow: 0 12px 35px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06) !important; backdrop-filter: blur(14px); text-align: left; text-transform: uppercase; white-space: nowrap; opacity: 0; transform: translateX(12px); transition: opacity .55s ease .18s,transform .7s cubic-bezier(.16,1,.3,1) .14s,border-color .35s ease,background .35s ease,box-shadow .35s ease; }
.uz3-curtain-pull span::before { content: ""; position: absolute; left: 100%; top: 50%; width: 16px; height: 1px; background: linear-gradient(90deg,rgba(205,133,238,.68),transparent); }
.uz3-curtain-pull span::after { content: ""; position: absolute; left: calc(100% + 14px); top: 50%; width: 4px; height: 4px; border-radius: 50%; background: #dc9dff; box-shadow: 0 0 10px rgba(180,44,255,.9); transform: translateY(-50%); }
.uz3-curtain-pull span b { font-size: 8px !important; font-weight: 600; line-height: 1; letter-spacing: .16em; }
.uz3-curtain-pull span small { color: rgba(231,203,242,.52); font-size: 6px !important; font-weight: 500; line-height: 1; letter-spacing: .14em; transition: color .3s ease; }
.uz3-pull-ring { position: absolute; z-index: 0; left: 50%; bottom: -.5%; width: 76px; height: 76px; border: 1px solid rgba(200,112,241,.5); border-radius: 50%; box-shadow: 0 0 24px rgba(180,44,255,.22),inset 0 0 18px rgba(180,44,255,.08); opacity: 0; transform: translateX(-50%) scale(.72); pointer-events: none; }
.uz3-pull-ring::after { content: ""; position: absolute; inset: 8px; border: 1px solid rgba(242,214,255,.23); border-radius: 50%; }
.uz3-curtain.is-ready .uz3-curtain-pull { opacity: .92; transform: translateY(0); cursor: pointer; }
.uz3-curtain.is-ready .uz3-curtain-pull img { animation: uz3-pull-sway 4.6s ease-in-out infinite; transform-origin: 50% 0; }
.uz3-curtain.is-ready .uz3-curtain-pull span { opacity: .84; transform: translateX(0); animation: uz3-pull-label 2.8s ease-in-out infinite; }
.uz3-curtain.is-ready .uz3-pull-ring { opacity: .9; animation: uz3-pull-ring 2.15s ease-out infinite; }
.uz3-curtain.is-ready .uz3-curtain-pull:hover,.uz3-curtain.is-ready .uz3-curtain-pull:focus-visible { filter: brightness(1.2); transform: translateY(7px); }
.uz3-curtain.is-ready .uz3-curtain-pull:hover span,.uz3-curtain.is-ready .uz3-curtain-pull:focus-visible span { opacity: 1; border-color: rgba(218,142,255,.72); background: rgba(41,7,52,.86) !important; box-shadow: 0 14px 42px rgba(0,0,0,.42),0 0 25px rgba(180,44,255,.18),inset 0 1px 0 rgba(255,255,255,.09) !important; animation-play-state: paused; }
.uz3-curtain.is-ready .uz3-curtain-pull:hover span small,.uz3-curtain.is-ready .uz3-curtain-pull:focus-visible span small { color: rgba(244,220,255,.82); }
.uz3-curtain.is-ready .uz3-curtain-pull:hover .uz3-pull-ring,.uz3-curtain.is-ready .uz3-curtain-pull:focus-visible .uz3-pull-ring { opacity: 1; animation-duration: 1.15s; }
.uz3-curtain.is-pulled .uz3-curtain-pull { transform: translateY(75px); opacity: 0; }
.uz3-curtain.is-opening::after { opacity: 0; }
.uz3-curtain.is-opening .uz3-curtain-left { transform: translateX(-98%) scaleX(.7); filter: brightness(.72) blur(.2px); }
.uz3-curtain.is-opening .uz3-curtain-right { transform: translateX(98%) scaleX(.7); filter: brightness(.72) blur(.2px); }
.uz3-curtain.is-opening .uz3-curtain-logo { opacity: 0; }
.uz3-hero { height: 100svh; min-height: 720px; background: #050207; }
.uz3-hero-sticky { position: relative; height: 100%; min-height: inherit; }
.uz3-hero-backdrop { position: absolute; z-index: 0; inset: 0; overflow: hidden; background: radial-gradient(circle at 13% 19%,rgba(111,28,149,.28),transparent 31%),radial-gradient(circle at 88% 76%,rgba(87,17,123,.3),transparent 34%),linear-gradient(135deg,#020104 0%,#0a020e 37%,#190520 70%,#030105 100%); }
.uz3-hero-backdrop::before { content: ""; position: absolute; inset: -18%; background: radial-gradient(circle at 50% 48%,rgba(139,38,181,.16),transparent 29%); filter: blur(65px); animation: uz3-backdrop-breathe 10s ease-in-out infinite alternate; }
.uz3-hero-backdrop::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg,rgba(255,255,255,.018),transparent 30%,rgba(171,94,214,.035) 50%,transparent 72%),radial-gradient(ellipse at 50% 48%,transparent 0,rgba(2,0,4,.12) 58%,rgba(2,0,4,.68) 100%); }
.uz3-hero-film { position: absolute; z-index: 1; top: -8%; left: 50%; height: 116%; aspect-ratio: 9/16; overflow: hidden; opacity: 0; transform: translateX(-50%) scale(1.06); filter: saturate(.72) contrast(1.08) brightness(.66); -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 17%,#000 83%,transparent 100%); mask-image: linear-gradient(90deg,transparent 0,#000 17%,#000 83%,transparent 100%); transition: opacity 1.4s ease,transform 8s cubic-bezier(.2,.7,.2,1); pointer-events: none; }
.uz3-hero-film::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(4,1,6,.48),transparent 42%,rgba(4,1,6,.3)); }
.uz3-hero-film iframe { width: 100%; height: 100%; border: 0; pointer-events: none; }
.uz3-hero-film.is-ready { opacity: .42; }
.uz3.hero-revealed .uz3-hero-film { transform: translateX(-50%) scale(1); }
.uz3-hero-wash { z-index: 2; background: radial-gradient(ellipse at 50% 48%,rgba(3,1,5,.42) 0%,rgba(5,2,8,.3) 27%,rgba(6,2,9,.14) 46%,rgba(5,1,8,.03) 67%,transparent 77%),linear-gradient(90deg,rgba(3,1,5,.34),transparent 28%,transparent 72%,rgba(3,1,5,.38)),linear-gradient(0deg,rgba(3,1,5,.64),transparent 39%,rgba(3,1,5,.24)); }

.uz3-hero-orbit { position: absolute; z-index: 3; left: 50%; top: 49%; width: min(58vw,830px); aspect-ratio: 1; opacity: 0; transform: translate(-50%,-50%) scale(.82); transition: opacity 1.1s ease .28s,transform 1.8s cubic-bezier(.16,1,.3,1) .22s; pointer-events: none; }
.uz3.hero-revealed .uz3-hero-orbit { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.uz3-hero-orbit::before,.uz3-hero-orbit::after,.uz3-hero-orbit i { content: ""; position: absolute; border: 1px solid rgba(221,179,255,.12); border-radius: 50%; }
.uz3-hero-orbit::before { inset: 5%; transform: rotate(-17deg) scaleY(.46); }
.uz3-hero-orbit::after { inset: 15%; border-color: rgba(180,44,255,.16); transform: rotate(24deg) scaleY(.56); }
.uz3-hero-orbit i:first-child { left: 7%; top: 47%; width: 5px; height: 5px; border: 0; background: #cf83ff; box-shadow: 0 0 16px #b42cff; animation: uz3-orbit-pulse 2.8s ease-in-out infinite; }
.uz3-hero-orbit i:last-child { right: 12%; top: 37%; width: 3px; height: 3px; border: 0; background: #f0d6ff; box-shadow: 0 0 12px #b42cff; animation: uz3-orbit-pulse 2.8s ease-in-out 1.4s infinite; }

.uz3-hero-vine { position: absolute; z-index: 5; margin: 0; opacity: 0; pointer-events: none; will-change: transform; transition: opacity 1.15s ease .25s,transform 1.7s cubic-bezier(.16,1,.3,1) .2s; }
.uz3-hero-vine img { width: 100%; filter: drop-shadow(0 30px 55px rgba(0,0,0,.82)) saturate(.9) contrast(1.06); animation: uz3-vine-breathe 7s ease-in-out infinite; }
.uz3-hero-vine-left { left: -1.5%; bottom: -12%; width: clamp(390px,38vw,600px); transform: translate3d(calc(-9% + var(--hero-mx,0px)),calc(9% + var(--hero-my,0px)),0) rotate(-3deg); }
.uz3-hero-vine-right { right: -2%; top: -7%; width: clamp(350px,34vw,540px); transform: translate3d(calc(10% - var(--hero-mx,0px)),calc(-8% - var(--hero-my,0px)),0) rotate(2deg); }
.uz3-hero-vine-right img { animation-delay: -3.5s; }
.uz3.hero-revealed .uz3-hero-vine { opacity: .94; }
.uz3.hero-revealed .uz3-hero-vine-left { transform: translate3d(var(--hero-mx,0px),var(--hero-my,0px),0) rotate(-3deg); }
.uz3.hero-revealed .uz3-hero-vine-right { transform: translate3d(calc(0px - var(--hero-mx,0px)),calc(0px - var(--hero-my,0px)),0) rotate(2deg); }

.uz3-hero-berries { position: absolute; z-index: 6; inset: 0; overflow: hidden; pointer-events: none; }
.uz3-berry { position: absolute; width: 40px; max-width: none; opacity: 0; filter: drop-shadow(0 13px 22px rgba(0,0,0,.62)) saturate(.92); transform: translateY(25px) scale(.7); transition: opacity .9s ease,transform 1.45s cubic-bezier(.16,1,.3,1); animation: uz3-berry-float var(--berry-speed,6.8s) ease-in-out infinite; will-change: translate,rotate,scale; }
.uz3.hero-revealed .uz3-berry { opacity: .72; transform: translateY(0) scale(1); }
.uz3-berry-1 { --berry-x1: 11px; --berry-y1: -17px; --berry-x2: -7px; --berry-y2: 7px; --berry-r1: 8deg; --berry-r2: -5deg; --berry-speed: 5.8s; left: 22%; top: 20%; width: 29px; animation-delay: -1s; }
.uz3-berry-2 { --berry-x1: -13px; --berry-y1: -21px; --berry-x2: 9px; --berry-y2: 6px; --berry-r1: -7deg; --berry-r2: 6deg; --berry-speed: 7.2s; right: 23%; top: 23%; width: 43px; filter: blur(.2px) drop-shadow(0 15px 25px rgba(0,0,0,.7)); animation-delay: -3.1s; }
.uz3-berry-3 { --berry-x1: 15px; --berry-y1: -12px; --berry-x2: -10px; --berry-y2: 9px; --berry-r1: 6deg; --berry-r2: -8deg; --berry-speed: 6.4s; left: 18%; bottom: 25%; width: 48px; filter: blur(.45px) drop-shadow(0 17px 27px rgba(0,0,0,.72)); animation-delay: -4.7s; }
.uz3-berry-4 { --berry-x1: -9px; --berry-y1: -19px; --berry-x2: 11px; --berry-y2: 5px; --berry-r1: -9deg; --berry-r2: 5deg; --berry-speed: 5.3s; right: 18%; bottom: 22%; width: 27px; animation-delay: -2.2s; }
.uz3-berry-5 { --berry-x1: 13px; --berry-y1: -15px; --berry-x2: -8px; --berry-y2: 8px; --berry-r1: 8deg; --berry-r2: -7deg; --berry-speed: 7.7s; left: 7%; top: 43%; width: 21px; opacity: 0; filter: blur(1.1px) drop-shadow(0 12px 22px rgba(0,0,0,.7)); animation-delay: -.4s; }
.uz3-berry-6 { --berry-x1: -14px; --berry-y1: -16px; --berry-x2: 8px; --berry-y2: 10px; --berry-r1: -6deg; --berry-r2: 9deg; --berry-speed: 6.9s; right: 7%; top: 48%; width: 35px; opacity: 0; filter: blur(.7px) drop-shadow(0 13px 23px rgba(0,0,0,.7)); animation-delay: -5.5s; }
.uz3.hero-revealed .uz3-berry-5,.uz3.hero-revealed .uz3-berry-6 { opacity: .46; }

.uz3-hero-copy { position: absolute; z-index: 8; left: 50%; top: 49%; width: min(760px,78vw); text-align: center; transform: translate(-50%,calc(-50% + 34px)); opacity: 0; transition: opacity .85s ease .58s,transform 1.25s cubic-bezier(.16,1,.3,1) .52s; }
.uz3.hero-revealed .uz3-hero-copy { opacity: 1; transform: translate(-50%,-50%); }
.uz3-hero-copy h1 { margin: 0 auto; max-width: 750px; color: #f7f2fa; font-size: clamp(50px,6.25vw,88px) !important; font-weight: 300 !important; letter-spacing: -.055em !important; line-height: .98 !important; text-transform: none !important; text-wrap: balance; }
.uz3-hero-copy h1 > span,.uz3-hero-copy h1 > em { display: block; opacity: 0; clip-path: inset(0 0 100% 0); transform: translateY(34px); filter: blur(7px); will-change: transform,opacity,clip-path,filter; }
.uz3-hero-copy h1 > span { transition: opacity .72s ease .66s,transform 1.05s cubic-bezier(.16,1,.3,1) .62s,clip-path 1.02s cubic-bezier(.16,1,.3,1) .62s,filter .8s ease .62s; }
.uz3-hero-copy h1 > em { margin-top: 7px; background: linear-gradient(100deg,#f2dfff 0%,#ce83ff 22%,#8e2fd0 45%,#f3cfff 66%,#a446e1 86%,#f5e8ff 100%); background-size: 240% 100%; color: transparent !important; -webkit-background-clip: text; background-clip: text; font-weight: 600; text-shadow: none; transition: opacity .78s ease .84s,transform 1.08s cubic-bezier(.16,1,.3,1) .8s,clip-path 1.06s cubic-bezier(.16,1,.3,1) .8s,filter .86s ease .8s; animation: uz3-title-gradient 5.8s ease-in-out infinite; }
.uz3.hero-revealed .uz3-hero-copy h1 > span,.uz3.hero-revealed .uz3-hero-copy h1 > em { opacity: 1; clip-path: inset(0); transform: translateY(0); filter: blur(0); }
.uz3.hero-revealed .uz3-hero-copy h1 > em { filter: blur(0) drop-shadow(0 0 18px rgba(180,44,255,.2)); }
.uz3-hero-summary { max-width: 540px; margin: 27px auto 0; color: rgba(247,242,250,.69); font-size: 13px; font-weight: 300; line-height: 1.75; opacity: 0; transform: translateY(18px); transition: opacity .7s ease 1.05s,transform .9s cubic-bezier(.16,1,.3,1) 1.02s; }
.uz3.hero-revealed .uz3-hero-summary { opacity: 1; transform: translateY(0); }
.uz3-hero-actions { display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 37px; opacity: 0; transform: translateY(18px); transition: opacity .7s ease 1.22s,transform .9s cubic-bezier(.16,1,.3,1) 1.18s; }
.uz3.hero-revealed .uz3-hero-actions { opacity: 1; transform: translateY(0); }
.uz3-primary,.uz3-secondary { position: relative; min-width: 178px; min-height: 50px; display: grid; place-items: center; overflow: hidden; border-radius: 999px; color: #fff !important; font-size: 8px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; isolation: isolate; transition: border-color .4s ease,box-shadow .4s ease,transform .3s cubic-bezier(.16,1,.3,1); }
.uz3-primary span,.uz3-secondary span { position: relative; z-index: 3; }
.uz3-primary { border: 1px solid rgba(231,198,255,.38); background: rgba(128,22,166,.72); box-shadow: 0 12px 38px rgba(99,13,130,.35),inset 0 1px 0 rgba(255,255,255,.15); animation: uz3-cta-breathe 3.5s ease-in-out infinite; }
.uz3-primary::before,.uz3-secondary::before { content: ""; position: absolute; z-index: 1; inset: -1px; border-radius: inherit; transform: translateX(-102%); transition: transform .62s cubic-bezier(.76,0,.24,1); }
.uz3-primary::before { background: linear-gradient(110deg,#511066,#b42cff 54%,#6e1389); }
.uz3-primary::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; left: -35%; width: 24%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transform: skewX(-18deg); animation: uz3-cta-shine 3.7s ease-in-out infinite 1.1s; }
.uz3-primary:hover,.uz3-primary:focus-visible,.uz3-secondary:hover,.uz3-secondary:focus-visible { transform: translateY(-3px) scale(1.015); }
.uz3-primary:hover::before,.uz3-primary:focus-visible::before,.uz3-secondary:hover::before,.uz3-secondary:focus-visible::before { transform: translateX(0); }
.uz3-primary:hover,.uz3-primary:focus-visible { box-shadow: 0 17px 46px rgba(180,44,255,.43),inset 0 1px 0 rgba(255,255,255,.18); }
.uz3-secondary { border: 1px solid rgba(224,191,243,.24); background: rgba(9,2,13,.25); backdrop-filter: blur(12px); }
.uz3-secondary::before { background: rgba(130,31,164,.3); }
.uz3-secondary:hover,.uz3-secondary:focus-visible { border-color: rgba(220,160,255,.63); box-shadow: 0 12px 34px rgba(80,8,108,.25); }
.uz3-hero-sticky::after { height: 13%; }

@keyframes uz3-pull-sway { 0%,100% { transform: translateX(-50%) rotate(-.5deg); } 50% { transform: translateX(-50%) rotate(.8deg); } }
@keyframes uz3-pull-ring { 0% { transform: translateX(-50%) scale(.68); opacity: .88; } 72%,100% { transform: translateX(-50%) scale(1.25); opacity: 0; } }
@keyframes uz3-pull-label { 0%,100% { translate: 0 0; } 50% { translate: -4px 0; } }
@keyframes uz3-vine-breathe { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-8px) rotate(.45deg); } }
@keyframes uz3-orbit-pulse { 0%,100% { opacity: .35; transform: scale(.75); } 50% { opacity: 1; transform: scale(1.35); } }
@keyframes uz3-berry-float {
    0%,100% { translate: 0 0; rotate: 0deg; scale: 1; }
    28% { translate: var(--berry-x1,10px) var(--berry-y1,-16px); rotate: var(--berry-r1,7deg); scale: 1.07; }
    66% { translate: var(--berry-x2,-7px) var(--berry-y2,7px); rotate: var(--berry-r2,-5deg); scale: .95; }
}
@keyframes uz3-cta-breathe { 0%,100% { box-shadow: 0 12px 38px rgba(99,13,130,.35),inset 0 1px 0 rgba(255,255,255,.15); } 50% { box-shadow: 0 15px 48px rgba(180,44,255,.48),inset 0 1px 0 rgba(255,255,255,.2); } }
@keyframes uz3-cta-shine { 0%,58% { left: -35%; opacity: 0; } 66% { opacity: 1; } 88%,100% { left: 118%; opacity: 0; } }
@keyframes uz3-title-gradient { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }

@media (max-width: 780px) {
    .uz3-curtain-logo { width: min(250px,61vw); }
    .uz3-curtain-pull { right: 14px; width: 57px; height: 67vh; }
    .uz3-curtain-pull span { right: calc(100% + 9px); bottom: -4.5%; min-width: 116px; gap: 4px; padding: 9px 11px 8px; }
    .uz3-curtain-pull span b { font-size: 7px !important; }.uz3-curtain-pull span small { font-size: 5px !important; }
    .uz3-pull-ring { bottom: -1.5%; width: 62px; height: 62px; }
    .uz3-hero { height: 100svh; min-height: 760px; }
    .uz3-hero-backdrop::after { background: linear-gradient(115deg,rgba(255,255,255,.015),transparent 38%,rgba(171,94,214,.03) 54%,transparent 76%),radial-gradient(ellipse at 50% 47%,transparent 0,rgba(2,0,4,.16) 52%,rgba(2,0,4,.76) 100%); }
    .uz3-hero-film { left: 50%; height: 105%; }
    .uz3-hero-film.is-ready { opacity: .3; }
    .uz3-hero-wash { background: radial-gradient(ellipse at 50% 47%,rgba(3,1,5,.48) 0%,rgba(5,2,8,.34) 29%,rgba(6,2,9,.16) 50%,rgba(5,1,8,.03) 71%,transparent 80%),linear-gradient(0deg,rgba(3,1,5,.68),transparent 42%,rgba(3,1,5,.28)); }
    .uz3-hero-orbit { width: 118vw; top: 47%; }
    .uz3-hero-vine-left { left: -15%; bottom: -3%; width: 77vw; }
    .uz3-hero-vine-right { right: -16%; top: 5%; width: 69vw; }
    .uz3.hero-revealed .uz3-hero-vine { opacity: .72; }
    .uz3-hero-copy { left: 50%; top: 50%; width: calc(100% - 38px); transform: translate(-50%,calc(-50% + 25px)); }
    .uz3.hero-revealed .uz3-hero-copy { transform: translate(-50%,-50%); }
    .uz3-hero-copy h1 { width: 100%; font-size: clamp(41px,11.4vw,54px) !important; line-height: 1.01 !important; }
    .uz3-hero-summary { width: 86%; margin-top: 19px; font-size: 11px; line-height: 1.65; }
    .uz3-hero-actions { flex-direction: column; gap: 10px; margin-top: 25px; }
    .uz3-primary,.uz3-secondary { width: min(206px,66vw); min-height: 47px; font-size: 7px; }
    .uz3-berry-1 { left: 18%; top: 19%; width: 20px; }.uz3-berry-2 { right: 16%; top: 25%; width: 29px; }.uz3-berry-3 { left: 13%; bottom: 30%; width: 33px; }.uz3-berry-4 { right: 12%; bottom: 27%; width: 21px; }.uz3-berry-5,.uz3-berry-6 { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .uz3-curtain-half,.uz3-curtain-logo,.uz3-curtain-pull { transition-duration: .01ms !important; }
}