:root{--lime:#d5ff00;--bg:#101010;--muted:#a0a0a0;--border:#303030}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#f6f6f3;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.wrap{max-width:1400px;margin:auto;padding:0 5%}header{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252525;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;line-height:1.05;font-weight:800;letter-spacing:-.7px}.brand img{width:48px;height:48px;border-radius:9px}.dim{color:var(--muted)}nav{display:flex;gap:32px;font-size:14px;color:#c3c3c3}nav a:hover,.text-link:hover{color:var(--lime)}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--lime);border:1px solid var(--lime);color:#101010;font-weight:700;padding:16px 23px;border-radius:8px;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#e1ff4d;transform:translateY(-2px)}.button.small{font-size:14px;padding:12px 18px}.hero{min-height:710px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:3%;padding-top:65px;padding-bottom:65px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--muted);margin:0 0 26px}.hero h1{font-size:clamp(52px,5.9vw,88px);line-height:1.05;letter-spacing:-4px;margin:0 0 28px;font-weight:800}.hero h1 span,.accent{color:var(--lime)}.intro{font-size:18px;color:#b1b1b1;line-height:1.7;margin:0 0 30px;max-width:440px}.hero-actions{display:flex;gap:26px;align-items:center}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid #6c6c6c;padding:5px 0}.hero-facts{display:flex;gap:28px;margin-top:55px}.hero-facts div{display:flex;flex-direction:column}.hero-facts strong{font-size:22px;letter-spacing:-.6px}.hero-facts span{font-size:12px;color:#888;margin-top:3px}.reel-stage{height:545px;position:relative}.stage-caption{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.7px;color:#727272;margin:0 5px}.hero-reel{position:absolute;width:45%;height:450px;overflow:hidden;border-radius:18px;background:#222;border:1px solid #3c3c3c}.hero-reel video{width:100%;height:100%;object-fit:cover}.reel-one{left:5%;top:41px;transform:rotate(-7deg);z-index:2}.reel-two{right:2%;top:66px;transform:rotate(7deg)}.video-tag{position:absolute;bottom:17px;left:16px;font-size:11px;letter-spacing:1.3px;background:#0009;padding:7px 11px;border-radius:5px}.motion{position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:#a9a9a9;background:transparent;border:0;border-bottom:1px solid #555;padding:2px;font-size:12px;white-space:nowrap}.ticker{padding:20px 5%;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;white-space:nowrap;font-size:clamp(23px,3vw,43px);font-weight:800;letter-spacing:-1px;color:var(--lime)}.outline{color:transparent;-webkit-text-stroke:1px #8a8a8a}.section{padding-top:100px;padding-bottom:20px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section h2{font-size:clamp(34px,3.5vw,52px);letter-spacing:-1.9px;line-height:1.12;margin:0}.section .eyebrow{margin-bottom:18px}.section-note{color:var(--muted);font-size:15px;line-height:1.7}.work-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:24px}.work-media{aspect-ratio:9/16;background:#202020;border-radius:13px;overflow:hidden}.work-media video{display:block;width:100%;height:100%;object-fit:contain}.work-info{display:flex;justify-content:space-between;align-items:center;margin-top:17px;gap:10px}.work-info h3{font-size:18px;margin:0}.work-info p{color:#909090;font-size:13px;margin:3px 0}.pill{border:1px solid #444;border-radius:30px;font-size:11px;padding:5px 11px;white-space:nowrap}.work-aside{background:var(--lime);color:#101010;padding:32px;border-radius:13px;display:flex;flex-direction:column;align-items:start}.asterisk{font-size:70px;line-height:1;margin-bottom:38px}.work-aside h3{font-size:36px;letter-spacing:-1.5px;line-height:1.1;margin:0 0 20px}.work-aside p{font-size:14px;color:#343a16;margin:0 0 25px}.button.dark{background:#101010;color:var(--lime);border-color:#101010}.button.dark:hover{background:#292929}.work-aside .button{margin-top:auto;font-size:13px;padding:14px 18px}.formats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:14px;overflow:hidden}.formats article{padding:30px;border-right:1px solid var(--border)}.formats article:last-child{border:0}.format-num{font-size:14px;color:var(--lime)}.formats h3{font-size:25px;letter-spacing:-.7px;margin:42px 0 16px}.formats p{color:#999;font-size:15px;line-height:1.7;min-height:104px}.format-label{font-size:11px;letter-spacing:1.4px;color:#777;display:block;margin-top:28px}.package-box{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#171717}.package-config{padding:40px;border-right:1px solid var(--border)}.config-label{font-size:16px;margin:0 0 15px}.segmented{display:flex;background:#262626;padding:5px;border-radius:8px;margin-bottom:35px;width:fit-content}.segmented button{border:0;border-radius:5px;padding:12px 28px;background:transparent;color:#aaa;font-weight:700}.segmented button.active{background:var(--lime);color:#111}.format-options{display:flex;gap:8px;flex-wrap:wrap}.format-options button{background:transparent;border:1px solid #414141;padding:9px 14px;color:#aaa;border-radius:7px;font-size:14px}.format-options button.active{border-color:var(--lime);color:var(--lime);background:#d5ff000a}.config-description{font-size:14px;color:#999;line-height:1.7;max-width:345px;margin-top:25px;min-height:72px}.package-summary{padding:35px 40px}.summary-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#aaa}.summary-head .pill{border-color:#586414;color:var(--lime)}.package-summary h3{font-size:66px;letter-spacing:-3px;line-height:1.15;margin:25px 0}.summary-reels{color:#727272}.package-summary ul{list-style:none;padding:0;margin:0 0 30px;color:#b7b7b7;font-size:14px;line-height:2}.package-summary li:before{content:'✓';color:var(--lime);margin-right:12px}.summary-bottom{border-top:1px solid #333;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.summary-bottom strong{display:block;font-size:14px}.summary-bottom span{display:block;font-size:12px;color:#888;margin-top:4px}.summary-bottom .button{font-size:13px;padding:13px 16px}.fine-print{font-size:12px;color:#777;line-height:1.7;max-width:900px;margin:16px 0 0}.process{padding-bottom:100px}.process-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:50px}.steps article{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid var(--border)}.steps article:first-child{padding-top:0}.steps article>span{font-size:13px;color:var(--lime);padding-top:5px}.steps h3{margin:0 0 7px;font-size:19px}.steps p{margin:0;color:#999;font-size:14px}.contact{background:var(--lime);color:#101010}.contact-inner{padding-top:72px;padding-bottom:72px;position:relative}.contact .eyebrow{color:#536000}.contact h2{font-size:clamp(38px,5.5vw,76px);line-height:1.05;letter-spacing:-3px;margin:0 0 30px}.contact .button{padding:17px 27px}.contact p:last-child{font-size:13px;margin:25px 0 0;color:#4b5516}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:30px!important;padding-bottom:30px!important;font-size:12px;color:#8a8a8a}.footer-brand{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.7px}dialog{background:#191919;color:#fff;border:1px solid #444;border-radius:16px;padding:35px;width:min(540px,90vw)}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:16px;top:12px;background:transparent;border:0;color:#fff;font-size:28px}dialog h2{font-size:32px;letter-spacing:-1px;margin:0 0 15px}dialog p{font-size:14px;color:#aaa}dialog textarea{width:100%;height:140px;background:#101010;border:1px solid #3b3b3b;border-radius:8px;color:#eee;padding:16px;resize:none;line-height:1.6;font-size:14px}.dialog-actions{display:flex;gap:12px;margin-top:18px}.secondary{background:transparent;color:#fff;border-color:#555}.secondary:hover{background:#333}#copy-status{min-height:20px;margin-bottom:0;color:var(--lime)}@media(min-width:1600px){header{padding-left:calc((100vw - 1260px)/2);padding-right:calc((100vw - 1260px)/2)}}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;min-height:620px}.hero h1{font-size:58px;letter-spacing:-3px}.reel-stage{height:450px}.hero-reel{height:350px}.hero-facts{gap:17px}.hero-facts strong{font-size:18px}.hero-facts span{font-size:11px}.work-grid{gap:16px}.work-aside{padding:22px}.work-aside h3{font-size:29px}.package-config,.package-summary{padding:28px}.summary-bottom{align-items:start;flex-direction:column}.formats article{padding:24px}.formats h3{font-size:21px}.formats p{min-height:155px}}@media(max-width:720px){header{height:82px;gap:12px}.brand{font-size:16px}.brand img{width:38px;height:38px}.button.small{font-size:12px;padding:11px 12px}nav{display:none}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:35px;gap:35px}.hero h1{font-size:clamp(45px,11vw,70px);letter-spacing:-2.7px}.eyebrow{font-size:10px;letter-spacing:1.4px}.intro{font-size:16px}.hero-facts{margin-top:32px;justify-content:space-between;gap:8px}.hero-facts strong{font-size:19px}.hero-facts span{font-size:11px}.hero-actions{gap:20px}.hero-actions .button{padding:14px 18px;font-size:14px}.text-link{font-size:12px}.reel-stage{height:470px;max-width:450px;width:100%;margin:auto}.hero-reel{height:370px;width:46%}.reel-one{left:4%}.reel-two{right:3%}.ticker{font-size:24px;padding:15px 5%;justify-content:start;gap:27px}.section{padding-top:65px}.section-top{display:block;margin-bottom:27px}.section-note{margin-top:20px;font-size:14px}.work-grid{grid-template-columns:1fr 1fr;gap:14px}.work-info{display:block}.work-info .pill{display:inline-block;margin-top:7px}.work-aside{grid-column:1/-1;margin-top:12px;padding:26px}.asterisk{font-size:50px;margin-bottom:18px}.work-aside h3{font-size:32px}.work-aside h3 br{display:none}.work-aside .button{margin-top:5px}.formats{grid-template-columns:1fr}.formats article{padding:26px;border-right:0;border-bottom:1px solid var(--border)}.formats h3{margin-top:22px;font-size:24px}.formats p{min-height:0}.format-label{margin-top:20px}.package-box{grid-template-columns:1fr}.package-config{border-right:0;border-bottom:1px solid var(--border);padding:26px}.config-description{min-height:0}.package-summary{padding:26px}.summary-bottom{flex-direction:row;align-items:center;flex-wrap:wrap}.process-grid{grid-template-columns:1fr;gap:32px}.process{padding-bottom:65px}.contact-inner{padding-top:48px;padding-bottom:48px}.contact h2{letter-spacing:-1.8px;font-size:40px}footer{flex-wrap:wrap;font-size:11px}.footer-brand{font-size:15px}footer span{display:none}.dialog-actions{flex-wrap:wrap}.dialog-actions .button{font-size:13px;padding:12px 14px}}@media(max-width:380px){.reel-stage{height:410px}.hero-reel{height:320px}.hero-facts strong{font-size:16px}.hero-facts span{font-size:10px}.summary-bottom{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Three featured reels */
.reel-stage.has-three{height:470px}
.reel-stage.has-three .hero-reel{width:32%;height:auto;aspect-ratio:9/16;border-radius:14px}
.reel-stage.has-three .reel-one{left:1%;top:84px;transform:rotate(-6deg);z-index:1}
.reel-stage.has-three .reel-two{left:34%;right:auto;top:51px;transform:rotate(0deg);z-index:2}
.reel-stage.has-three .reel-three{left:67%;top:84px;transform:rotate(6deg);z-index:1}
.reel-stage.has-three .video-tag{left:9px;bottom:12px;padding:6px 8px;font-size:10px;letter-spacing:.6px}
@media(max-width:1000px) and (min-width:721px){.reel-stage.has-three{height:360px}.reel-stage.has-three .video-tag{font-size:8px;padding:5px 6px;left:6px}}
@media(max-width:720px){.reel-stage.has-three{height:clamp(295px,82vw,365px)}.reel-stage.has-three .hero-reel{border-radius:11px}.reel-stage.has-three .reel-one,.reel-stage.has-three .reel-three{top:64px}.reel-stage.has-three .reel-two{top:36px}.reel-stage.has-three .video-tag{left:6px;bottom:9px;font-size:8px;letter-spacing:.3px;padding:5px 6px}.reel-stage.has-three .stage-caption{font-size:10px}}

/* A condensed face keeps the four steps together on a phone. */
@font-face{font-family:"WCR Narrow";src:url("assets/fonts/ticker-narrow.woff") format("woff");font-weight:700 900;font-style:normal;font-display:swap}
@media(max-width:900px){
 .ticker{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:clamp(4px,1.8vw,16px);padding:20px 5%;font-family:"WCR Narrow","Arial Narrow",Arial,sans-serif;font-size:clamp(.75rem,3.8vw,1.5rem);line-height:1.2;letter-spacing:-.015em;white-space:nowrap;overflow:visible}
 .ticker span{flex:0 0 auto;min-width:0}
 .ticker .outline{-webkit-text-stroke:.65px #8a8a8a}
}

/* Portrait originals, on desktop and mobile. */
.work-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,.85fr);gap:24px;align-items:start}
.brand-works{min-width:0}
.brand-work+.brand-work{margin-top:48px}
.brand-work-title{font-size:26px;letter-spacing:-.7px;margin:0 0 20px}
.brand-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.work-empty{display:flex;flex-direction:column;justify-content:center;min-height:415px;padding:38px;border:1px solid var(--border);border-radius:13px;background:#171717}
.work-empty .eyebrow{color:var(--lime);margin-bottom:26px}
.work-empty p{font-size:clamp(30px,3vw,46px);font-weight:700;line-height:1.15;letter-spacing:-1.5px;margin:0}
.work-layout.is-empty .work-aside{min-height:415px}
.work-media{position:relative;width:100%;height:auto;aspect-ratio:9/16;background:#000}
.reel-preview{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:#000;color:#fff;border-radius:inherit;overflow:hidden}
.reel-preview img{display:block;width:100%;height:100%;object-fit:contain}
.reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;background:#101010b3;border:1px solid #ffffff80;border-radius:50%;padding:0}
.reel-open{overflow:hidden}
.reel-viewer{width:min(94vw,calc((100dvh - 140px) * .5625 + 32px));max-width:650px;max-height:calc(100dvh - 24px);padding:16px;margin:auto;overflow:auto;border-radius:14px;background:#101010}
.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.viewer-heading #reel-title{margin:0;color:#fff;font-size:14px;font-weight:700;overflow-wrap:anywhere}
#reel-close{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #444;border-radius:50%;color:#fff;background:#202020;font-size:24px;line-height:1}
#reel-player{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#000;border-radius:6px}
.viewer-error{font-size:14px;margin:12px 0 0}
@media(max-width:720px){.work-layout{grid-template-columns:1fr;gap:20px}.work-empty{min-height:260px;padding:26px}.work-layout.is-empty .work-aside{min-height:0;margin-top:0}.brand-work-grid{gap:14px}}
.hero-reel{padding:0;text-align:left;color:inherit;cursor:default}
.hero-reel video{pointer-events:none}

/* Static posters cover browser playback controls whenever a preview is idle. */
.hero-reel video{visibility:hidden;opacity:0}
.hero-reel .hero-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hero-reel.is-playing video{visibility:visible;opacity:1}
.hero-reel.is-playing .hero-poster{visibility:hidden}
.hero-reel .video-tag{z-index:1}
.hero-reel video::-webkit-media-controls,
.hero-reel video::-webkit-media-controls-enclosure,
.hero-reel video::-webkit-media-controls-panel,
.hero-reel video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}

.work-layout:not(.is-empty){display:block}
.brand-work-header{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}
.brand-work-header .brand-work-title{font-size:30px;margin:0;letter-spacing:-.8px}
.brand-work-header>span{font-size:14px;color:var(--muted)}
.brand-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.work-card .work-info{display:flex;align-items:baseline;gap:10px}
.work-card .work-info h3{font-size:15px;font-weight:500;margin:0}
.reel-duration{color:#909090;font-size:13px;white-space:nowrap}
.work-layout:not(.is-empty) .work-aside{margin-top:36px;display:grid;grid-template-columns:65px minmax(0,1fr) auto;column-gap:28px;row-gap:12px;align-items:center}
.work-layout:not(.is-empty) .asterisk{grid-row:1/3;margin:0;font-size:60px}
.work-layout:not(.is-empty) .work-aside h3{margin:0;font-size:28px;letter-spacing:-1px}
.work-layout:not(.is-empty) .work-aside h3 br{display:none}
.work-layout:not(.is-empty) .work-aside p{grid-column:2;margin:0}
.work-layout:not(.is-empty) .work-aside .button{grid-column:3;grid-row:1/3;margin:0}
.original-link{display:block;width:fit-content;margin:12px auto 0;color:#bbb;font-size:13px;border-bottom:1px solid #555}
.original-link[hidden]{display:none}
@media(max-width:1000px){.brand-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.brand-work-grid{gap:14px}.brand-work-header .brand-work-title{font-size:26px}.brand-work-header>span{font-size:13px}.work-card .work-info{display:block}.work-card .work-info h3{font-size:14px}.reel-duration{display:block;margin-top:4px;font-size:12px}.work-layout:not(.is-empty) .work-aside{display:flex;align-items:start;gap:0}.work-layout:not(.is-empty) .asterisk{margin-bottom:18px;font-size:50px}.work-layout:not(.is-empty) .work-aside h3{margin-bottom:20px}.work-layout:not(.is-empty) .work-aside p{margin-bottom:25px}}

.work-media .reel-preview{position:absolute;inset:0}
.viewer-heading #reel-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.original-link{font-size:14px}

@media(max-width:700px){.restaurants-work-header{flex-direction:column;align-items:flex-start;gap:8px}}

.asterisk svg{display:block;width:1em;height:1em}

.reel-play svg{display:block;width:24px;height:24px;pointer-events:none}

.more-works{margin-top:36px}
.more-works-summary{position:relative;display:grid;place-items:center;height:180px;list-style:none;border-radius:13px;overflow:hidden;cursor:pointer}
.more-works-summary::-webkit-details-marker{display:none}
.more-works-summary::marker{content:""}
.more-works-summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.more-works-preview{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;pointer-events:none}
.more-works-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;border-radius:13px;opacity:.6}
.more-works-summary::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10101018 0%,#101010b3 48%,var(--bg) 100%);pointer-events:none}
.work-more-button{position:relative;z-index:1;gap:12px;background:#d5ff0026;border-color:#d5ff004d;color:var(--lime)}
.work-more-button svg{display:block;flex:none}
.more-works-summary:hover .work-more-button,.work-more-button:hover{background:#d5ff003d;transform:translateY(-2px)}
.more-works-open-label{display:none}
.extra-works{padding-top:32px}
.more-works[open] .more-works-summary{height:auto;overflow:visible;border-radius:0}
.more-works[open] .more-works-preview,.more-works[open] .more-works-summary::after,.more-works[open] .more-works-closed-label{display:none}
.more-works[open] .more-works-open-label{display:inline}
.more-works[open] .work-more-button svg{transform:rotate(-45deg)}
.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:420px}
.segmented button{min-width:0;padding:12px 6px;font-size:clamp(12px,2.5vw,16px);white-space:nowrap}
@media(max-width:720px){.more-works-summary{height:150px}.more-works-preview{gap:10px}.work-more-button{font-size:14px;padding:14px 18px}}

.summary-bottom #package-price{font-size:32px;line-height:1.2;letter-spacing:-1px;white-space:nowrap}
.summary-bottom #package-price.is-on-request{font-size:16px;letter-spacing:0}

/* Language selection stays available in the compact mobile header. */
.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.header-actions .button{white-space:nowrap}
.language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #3c3c3c;border-radius:7px}
.language-switch a{display:block;padding:7px 9px;border-radius:4px;color:#999;font-size:13px;font-weight:700;line-height:1.2}
.language-switch a:hover{color:var(--lime)}
.language-switch a[aria-current]{background:var(--lime);color:#101010}
html[lang="uz"] .ticker{font-family:"WCR Narrow UZ","Arial Narrow",Arial,sans-serif}
html[lang="uz"] .stage-caption{letter-spacing:1px}
html[lang="uz"] .video-tag{max-width:calc(100% - 12px);line-height:1.3}
@font-face{font-family:"WCR Narrow UZ";src:url("assets/fonts/ticker-narrow-uz.woff") format("woff");font-weight:700 900;font-style:normal;font-display:swap}
@media(max-width:1000px) and (min-width:721px){header{gap:16px}.header-actions{gap:12px}nav{gap:18px}.brand{font-size:17px}.brand img{width:40px;height:40px}.header-actions .small{font-size:13px;padding:11px 12px}}
@media(max-width:900px){header nav{display:none}}
@media(max-width:720px){.header-actions{gap:10px}.language-switch a{padding:7px 8px;font-size:12px}html[lang="uz"] .hero-facts div:last-child strong{font-size:clamp(13px,3.5vw,19px)}html[lang="uz"] .hero-facts{gap:10px}html[lang="uz"] .stage-caption{font-size:9px;letter-spacing:.7px}}
@media(max-width:380px){header{padding-left:4%;padding-right:4%;gap:8px}.brand{gap:8px;font-size:14px}.brand img{width:32px;height:32px}.header-actions{gap:8px}.header-actions .small{padding:10px;font-size:11px}.language-switch a{padding:7px;font-size:12px}html[lang="uz"] .hero-facts div:last-child strong{font-size:12px}html[lang="uz"] .hero-facts span{font-size:9px}}

/* A large, cinematic composition for the three featured reels. */
.hero.wrap{max-width:1680px;padding-left:clamp(16px,5vw,84px);padding-right:clamp(16px,5vw,84px)}
.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:4%;min-height:min(880px,calc(100svh - 98px));padding-top:52px;padding-bottom:52px}
.hero-copy{position:relative;z-index:3;min-width:0}
.hero .eyebrow{margin-bottom:28px;color:#b3b3b3}
.hero h1{font-size:clamp(54px,5.95vw,100px);line-height:1.02;letter-spacing:-.045em;margin-bottom:30px}
.hero h1 span{color:inherit}
.hero-line{display:block;white-space:nowrap;animation:hero-copy-in .7s cubic-bezier(.2,.7,.2,1) both}
.hero-line:nth-child(2){animation-delay:.1s}
.hero h1 .hero-accent{color:var(--lime);font-style:italic}
.hero .intro{font-size:18px;max-width:420px;margin-bottom:32px}
.hero-actions{gap:24px;flex-wrap:wrap}
.hero-actions .button{padding:18px 26px}
.hero-facts{gap:24px;margin-top:42px;padding-top:24px;border-top:1px solid #ffffff20;max-width:510px}
.hero-facts div{min-width:0}
.hero-facts strong{font-size:20px;line-height:1.25;letter-spacing:-.5px}
.hero-facts span{font-size:12px;color:#999}
.reel-stage.has-three{width:100%;max-width:none;height:clamp(540px,45vw,730px);isolation:isolate}
.reel-stage::before{content:"";position:absolute;inset:6% -5% 4%;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#d5ff001c,transparent 68%);pointer-events:none}
.stage-caption{margin:0 2%;font-size:12px;color:#a0a0a0;letter-spacing:1.5px}
.reel-stage.has-three .hero-reel{width:41%;height:auto;aspect-ratio:9/16;border-radius:22px;border:1px solid #ffffff28;box-shadow:0 28px 55px #0007;transform:rotate(var(--frame-angle));animation:hero-frame-in .9s cubic-bezier(.2,.7,.2,1) both}
.reel-stage.has-three .reel-one{--frame-angle:-7deg;left:1%;right:auto;top:92px;z-index:1;animation-delay:.18s}
.reel-stage.has-three .reel-two{--frame-angle:0deg;width:47%;left:26.5%;right:auto;top:44px;z-index:2;animation-delay:.08s}
.reel-stage.has-three .reel-three{--frame-angle:7deg;left:58%;right:auto;top:92px;z-index:1;animation-delay:.28s}
.reel-stage.has-three .video-tag{left:12px;bottom:15px;max-width:calc(100% - 24px);font-size:12px;line-height:1.35;letter-spacing:.35px;padding:8px 10px;background:#101010c7;backdrop-filter:blur(10px)}
.hero .motion{bottom:2px;font-size:13px;color:#bbb;z-index:4;padding:5px 0}
html[lang="uz"] .hero h1{font-size:clamp(34px,3.85vw,64px);letter-spacing:-.04em}
html[lang="uz"] .hero-facts strong{font-size:18px}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-frame-in{from{opacity:0;transform:translateY(58px) rotate(var(--frame-angle)) scale(.9)}to{opacity:1;transform:translateY(0) rotate(var(--frame-angle)) scale(1)}}

/* The production format is demonstrated by a real, portrait example. */
.format-showcase{min-width:0}
.showcase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px;border:1px solid #3a3a3a;border-radius:16px;background:#191919;margin-bottom:18px}
.showcase-tabs button{min-width:0;border:0;border-radius:10px;padding:18px 14px;background:transparent;color:#b7b7b7;font-weight:700;font-size:16px;line-height:1.3;transition:background .2s,color .2s}
.showcase-tabs button:hover{background:#282828;color:#fff}
.showcase-tabs button[aria-selected="true"]{background:var(--lime);color:#101010}
.showcase-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;padding:44px 64px;border:1px solid #343434;border-radius:22px;background:#171717;min-height:670px;animation:showcase-in .35s ease both}
.showcase-panel[hidden]{display:none}
.showcase-visual{width:min(100%,310px);margin:auto}
.showcase-media{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:17px;background:#252525;border:1px solid #ffffff20;box-shadow:0 20px 45px #0005}
.showcase-media video,.showcase-media .preview-poster{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.showcase-media video{visibility:hidden;opacity:0}
.showcase-media .preview-poster{position:absolute;inset:0}
.showcase-media.is-playing video{visibility:visible;opacity:1}
.showcase-media.is-playing .preview-poster{visibility:hidden}
.showcase-media .video-tag{left:14px;bottom:16px;font-size:12px;letter-spacing:.6px;z-index:1;max-width:calc(100% - 28px);background:#101010c7}
.showcase-motion{display:block;width:fit-content;margin:16px auto 0;color:#aaa;background:transparent;border:0;border-bottom:1px solid #555;font-size:13px;padding:3px 0}
.showcase-copy{min-width:0;max-width:500px}
.showcase-copy .format-num{display:block;font-size:16px;margin-bottom:24px}
.showcase-copy h3{font-size:clamp(36px,4.2vw,60px);line-height:1.04;letter-spacing:-.04em;margin:0 0 26px}
.showcase-copy p{font-size:18px;line-height:1.7;color:#b1b1b1;margin:0 0 32px}
.showcase-case{display:block;padding-left:14px;border-left:2px solid var(--lime);font-size:14px;line-height:1.5;color:#d4d4d4}
.showcase-copy .text-link{display:inline-block;margin-top:36px;font-size:15px}
.showcase-media video::-webkit-media-controls,
.showcase-media video::-webkit-media-controls-enclosure,
.showcase-media video::-webkit-media-controls-panel,
.showcase-media video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
@keyframes showcase-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.showcase-panel{gap:38px;padding:36px;min-height:620px}.showcase-copy p{font-size:16px}.showcase-copy h3{font-size:44px}}
@media(max-width:900px){
 .hero{grid-template-columns:1fr;gap:22px;padding-top:32px;padding-bottom:40px;min-height:0}
 .hero-copy{display:contents}
 .hero .eyebrow{grid-row:1;margin:0;font-size:12px;letter-spacing:1.25px}
 .hero h1{grid-row:2;font-size:clamp(42px,12.8vw,88px);letter-spacing:-.045em;margin:0}
 .hero .intro{grid-row:4;font-size:16px;margin:0;max-width:520px}
 .hero-actions{grid-row:5;gap:22px}
 .hero-actions .button{padding:15px 20px;font-size:14px}
 .hero-actions .text-link{font-size:14px}
 .hero-facts{grid-row:6;justify-content:space-between;gap:10px;margin-top:8px;padding-top:20px;max-width:none}
 .hero-facts strong{font-size:clamp(15px,4.6vw,22px)}
 .hero-facts span{font-size:12px}
 .reel-stage.has-three{grid-row:3;width:100%;max-width:600px;height:clamp(320px,95vw,580px);margin:4px auto 0}
 .reel-stage.has-three .hero-reel{border-radius:17px}
 .reel-stage.has-three .reel-one,.reel-stage.has-three .reel-three{top:68px}
 .reel-stage.has-three .reel-two{top:32px}
 .reel-stage.has-three .stage-caption{font-size:11px;letter-spacing:1px}
 .reel-stage.has-three .video-tag{left:9px;bottom:12px;max-width:calc(100% - 18px);font-size:10px;letter-spacing:.2px;padding:6px 8px}
 html[lang="uz"] .hero h1{font-size:clamp(26px,8.5vw,65px);letter-spacing:-.035em}
 html[lang="uz"] .hero-facts strong{font-size:clamp(14px,3.6vw,19px)}
 html[lang="uz"] .hero-facts span{font-size:12px}
}
@media(max-width:720px){
 .hero .intro{font-size:14px}
 .showcase-tabs{grid-template-columns:minmax(0,1fr) minmax(0,.5fr) minmax(0,1.2fr);gap:3px;padding:5px;border-radius:12px}
 .showcase-tabs button{padding:13px 8px;font-size:14px;min-height:62px;border-radius:8px}
 .showcase-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(12px,3vw,22px);padding:clamp(14px,3.6vw,26px);border-radius:17px;min-height:0}
 .showcase-visual{width:min(100%,220px);min-width:0}
 .showcase-media{border-radius:11px;box-shadow:0 12px 28px #0005}
 .showcase-media .video-tag{left:7px;bottom:8px;max-width:calc(100% - 14px);font-size:clamp(8px,2.1vw,10px);line-height:1.3;letter-spacing:0;padding:5px 6px}
 .showcase-motion{max-width:100%;margin-top:8px;font-size:clamp(10px,2.65vw,12px);line-height:1.3;min-height:32px;padding:4px 0}
 .showcase-copy h3{font-size:clamp(17px,4.8vw,28px);line-height:1.08;margin-bottom:12px;overflow-wrap:anywhere}
 .showcase-copy .format-num{margin-bottom:8px;font-size:clamp(11px,2.8vw,14px)}
 .showcase-copy p{font-size:clamp(12px,3.2vw,15px);line-height:1.5;margin-bottom:16px;overflow-wrap:break-word}
 .showcase-case{padding-left:8px;font-size:clamp(11px,2.8vw,13px);line-height:1.45;overflow-wrap:break-word}
 .showcase-copy .text-link{margin-top:14px;font-size:clamp(11px,2.8vw,14px);line-height:1.4}
}
@media(max-width:380px){
 .hero .eyebrow{font-size:11px}
 .hero-facts{gap:8px}
 .hero-facts strong{font-size:14px;letter-spacing:-.3px}
 .hero-facts span{font-size:11px}
 html[lang="uz"] .hero-facts strong{font-size:12px}
 html[lang="uz"] .hero-facts span{font-size:11px}
 .reel-stage.has-three .video-tag{font-size:9px;left:7px;padding:5px 6px;max-width:calc(100% - 14px)}
 .showcase-tabs button{padding-left:6px;padding-right:6px}
}
/* Keep all three facts in one row, with smaller type on phones. */
@media(max-width:720px){
 .hero-facts,html[lang="uz"] .hero-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:clamp(4px,1.2vw,8px);padding-top:20px}
 .hero-facts>div{gap:4px}
 .hero-facts strong,html[lang="uz"] .hero-facts strong{display:flex;align-items:center;min-height:28px;font-size:clamp(15px,4.3vw,21px);line-height:1.25;letter-spacing:-.3px;white-space:nowrap}
 .hero-facts span,html[lang="uz"] .hero-facts span{font-size:clamp(8px,2.5vw,12px);line-height:1.4;letter-spacing:-.1px;margin-top:0;white-space:nowrap}
 .hero-facts>div:last-child strong,html[lang="uz"] .hero-facts div:last-child strong{font-size:clamp(10px,3.3vw,18px);letter-spacing:-.25px}
}
@media(prefers-reduced-motion:reduce){.hero-line,.hero-reel,.showcase-panel{animation:none!important}}