@font-face{font-family:Anton;src:url('assets/Anton-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-display:swap;font-weight:200 800}
:root{--yellow:#eaff00;--ink:#171815;--paper:#f4f1e9;--coral:#ff7b64;--gutter:4vw}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Manrope,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,video{display:block;width:100%;height:100%;object-fit:cover}button{border-radius:0}figure,p,h1,h2,ul{margin:0}h2{font-family:Anton,sans-serif;font-weight:400;letter-spacing:-.025em;line-height:.97}::selection{background:var(--coral);color:var(--ink)}:focus-visible{outline:3px solid var(--coral);outline-offset:5px}button:disabled{cursor:default}body.modal-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:100;background:var(--ink);color:var(--yellow);padding:15px}.skip:focus{transform:none}.section-label{font-size:11px;font-weight:800;letter-spacing:.08em}.site-header{position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;gap:4vw;padding:25px var(--gutter);border-bottom:1px solid #17181535;background:var(--yellow)}.brand{font-family:Anton,sans-serif;font-size:28px;line-height:1;letter-spacing:-.02em}.brand span{font:10px Manrope,sans-serif;vertical-align:top;margin:0 0 0 4px}.header-note{font-size:9px;line-height:1.55;font-weight:750}.site-header nav{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:12px;font-weight:750}.site-header nav a{position:relative}.site-header nav a span{margin-left:18px}.site-header nav a:after{position:absolute;content:'';height:1px;background:currentColor;bottom:-4px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(1)}.site-header .nav-hello{border:1px solid var(--ink);padding:10px 16px}.menu-button{display:none;background:none;border:0;width:40px;height:40px;padding:9px}.menu-button span{display:block;height:2px;background:var(--ink);margin:6px 0}
.hero{position:relative;height:max(100svh,820px);max-height:1150px;background:var(--yellow);overflow:hidden}
.hero-media{position:absolute;inset:0}.hero-media>video{object-position:center 65%}.hero-cutout{position:absolute;inset:0;pointer-events:none}.hero-cutout text{font-family:Anton,sans-serif;font-weight:400;letter-spacing:-.035em}.cutout-out{font-size:clamp(240px,30vw,555px)}.cutout-loud{font-size:clamp(240px,27.8vw,515px)}
.hero-intro{position:absolute;z-index:3;right:var(--gutter);top:14%;width:24%}.hero-intro>p:not(.section-label){font-size:clamp(25px,2.7vw,50px);letter-spacing:-.05em;line-height:1.1;margin:18px 0;font-weight:600}.hero-intro>span{font-size:12px;line-height:1.7;display:block}.hero-bottom{position:absolute;z-index:4;left:var(--gutter);right:var(--gutter);bottom:31px;display:flex;align-items:end;justify-content:space-between}.hero-bottom>p:first-child{font-size:18px;font-weight:650;line-height:1.3}.hero-bottom .round-link{position:absolute;left:33%;bottom:0}.hero-index{display:none;text-align:right;font-size:9px;font-weight:750;line-height:1.7}.round-link{width:64px;height:64px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:background .25s,color .25s,rotate .35s}.round-link span{font-size:30px;line-height:1}.round-link:hover{background:var(--ink);color:var(--yellow);rotate:12deg}.video-toggle{position:absolute;z-index:4;right:26px;bottom:24px;width:42px;height:42px;border-radius:50%;border:1px solid #fff9;color:white;background:#17181580;display:grid;place-items:center;font-size:14px}.hero-media>.video-toggle{right:52%;bottom:40px;color:var(--ink);border-color:var(--ink);background:transparent}
.ticker{overflow:hidden;background:var(--ink);color:var(--yellow);padding:19px 0;font-size:12px;font-weight:750;letter-spacing:.08em}.ticker-track{display:flex;width:max-content;will-change:transform}.ticker-ready .ticker-track{animation:ticker var(--ticker-time,28s) linear infinite}.ticker-group{display:flex;align-items:center;flex-shrink:0;width:max-content;gap:36px;padding-right:36px}.ticker-group span{display:flex;align-items:center;gap:36px;white-space:nowrap}.ticker-group b{font-size:18px;font-weight:400}.ticker-paused .ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translate3d(calc(-1 * var(--ticker-distance)),0,0)}}
.feeling{height:1120px;position:relative;padding:120px var(--gutter) 80px;overflow:hidden;background:var(--ink);color:var(--paper)}.feeling h2{position:relative;z-index:3;font-size:clamp(100px,11.8vw,210px);margin-top:55px;pointer-events:none}.feeling h2>span{display:block}.feeling h2>span:last-child{padding-left:24%}.feeling h2 i{font-style:normal;color:var(--coral)}.feeling-photo{position:absolute;will-change:transform;overflow:hidden}.feeling-photo img{height:calc(100% - 26px)}.feeling-photo figcaption{font-size:9px;letter-spacing:.08em;padding-top:12px}.feeling-photo-a{width:25%;height:500px;left:8%;top:470px;rotate:-8deg}.feeling-photo-b{width:29%;height:590px;right:9%;top:365px;rotate:7deg}.feeling-copy{position:absolute;left:40%;width:22%;bottom:88px}.feeling-copy>span{display:block;color:var(--coral);font-size:50px;line-height:1;margin-bottom:20px}.feeling-copy p{font-size:16px;line-height:1.7}.feeling-copy a{display:inline-block;border-bottom:1px solid #f4f1e966;margin-top:24px;padding-bottom:10px;font-size:11px}.feeling-copy a span{margin-left:12px}
.work{padding:120px var(--gutter) 70px;background:var(--paper)}.work-title{position:relative}.work-title h2{font-size:clamp(120px,13vw,240px);margin-top:44px}.work-title h2 span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.work-title>p:last-child{position:absolute;right:3%;bottom:20px;font-size:15px;line-height:1.6}.work-bar{display:flex;justify-content:space-between;align-items:center;padding:55px 0 22px;margin-top:10px;border-bottom:1px solid #171815;margin-bottom:30px}.work-count{font-size:10px;letter-spacing:.1em;font-weight:800}.work-bar [role=group]{display:flex;gap:7px}.work-bar button{background:transparent;border:1px solid #17181535;padding:8px 18px;border-radius:24px;font-size:11px;transition:background .2s,color .2s}.work-bar button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.work-bar button:hover{background:var(--coral);color:var(--ink)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 22px;grid-auto-flow:dense}.photo-card{padding:0;position:relative;border:0;background:transparent;display:block;text-align:left;overflow:hidden}.photo-card img{height:clamp(350px,33vw,590px);transition:transform .7s cubic-bezier(.2,.7,.2,1);object-position:center}.photo-card:hover img{transform:scale(1.025)}.photo-card.photo-wide{grid-column:span 2}.photo-card[hidden]{display:none}.photo-label{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;background:var(--paper);padding:13px 0 3px;font-size:9px;font-weight:750;letter-spacing:.08em}.photo-label span:last-child{transition:transform .25s}.photo-card:hover .photo-label span:last-child{transform:translateX(-6px)}.photo-grid.filtered{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-grid.filtered .photo-wide{grid-column:span 1}.work-end{display:flex;justify-content:space-between;font-size:10px;font-weight:750;padding:42px 0 0}.work-end>a{font-size:12px}.work-end>a span{margin-left:20px}
.moving{background:var(--yellow);padding:50px var(--gutter) 90px;overflow:hidden}.moving-meta{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px}.moving-meta>span:last-child{font-size:10px;font-weight:750}.moving-stage{position:relative;height:85svh;min-height:620px;max-height:1000px;overflow:hidden;will-change:transform;background:var(--ink)}.moving-stage video{position:absolute;inset:0;object-position:center 47%}.moving-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0006,transparent 65%),linear-gradient(0deg,#0004,transparent 60%)}.moving-stage h2{position:absolute;top:7%;left:4%;font-size:clamp(110px,15vw,280px);color:var(--paper)}.moving-stage h2 span{color:var(--yellow)}.watch-film{position:absolute;left:4%;bottom:40px;background:var(--yellow);color:var(--ink);border:0;padding:18px 25px;font-size:12px;font-weight:750}.watch-film span{margin-left:50px}.watch-film:hover{background:var(--paper)}.film-tag{position:absolute;right:4%;bottom:42px;color:white;font-size:9px;letter-spacing:.08em}.moving-stage .video-toggle{right:4%;bottom:83px}
.outside{position:relative;height:113svh;min-height:950px;max-height:1350px;overflow:hidden;background:var(--ink);color:var(--paper)}.outside-image{position:absolute;left:38%;top:10%;width:60%;height:85%;rotate:5deg;will-change:transform}.outside-image:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#17181550,transparent)}.outside-image img{object-position:center}.outside-type{position:absolute;left:var(--gutter);top:18%;z-index:2;will-change:transform}.outside h2{font-size:clamp(120px,14.2vw,260px);line-height:1}.outside h2 span{color:var(--coral)}.outside-type p{font-size:15px;margin-top:32px;line-height:1.7}.outside-type .round-link{margin-top:32px;background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.outside-type .round-link:hover{background:var(--coral);border-color:var(--coral)}.outside-note{position:absolute;bottom:38px;left:var(--gutter);font-size:9px;letter-spacing:.08em}
.hello{position:relative;padding:55px var(--gutter) 24px;background:var(--coral);overflow:hidden}.hello-top{display:flex;justify-content:space-between;align-items:center}.hello-top>p:last-child{font-size:10px;font-weight:750}.hello h2{font-size:clamp(120px,17.25vw,310px);margin:74px 0 75px;white-space:nowrap;line-height:1.06}.hello h2 span{display:block;letter-spacing:-.04em}.hello-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:66px}.contact-open{background:var(--ink);color:var(--paper);border:0;padding:21px 26px;font-weight:700;font-size:13px;transition:background .25s,color .25s}.contact-open span{margin-left:75px}.contact-open:hover{background:var(--yellow);color:var(--ink)}.hello ul{padding:0;list-style:none;display:flex;gap:35px;font-size:11px}.back-top{font-size:11px}.demo-note{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #17181555;padding-top:22px;font-size:8px;letter-spacing:.035em;font-weight:750}.demo-note button{border:0;background:none;text-decoration:underline;font-size:9px;padding:0}
dialog{border:0;padding:0;color:var(--paper);background:var(--ink);max-width:none;max-height:none}dialog::backdrop{background:#171815d9;backdrop-filter:blur(10px)}.dialog-close{width:45px;height:45px;background:none;color:inherit;border:1px solid #f4f1e960;border-radius:50%;font-size:18px;display:grid;place-items:center}.viewer,.film-dialog{width:100%;height:100dvh;margin:0;inset:0;padding:20px 3vw;overflow:hidden}.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em;height:50px}.viewer-image{height:calc(100% - 150px);padding:20px 0;touch-action:pan-y}.viewer-image img{object-fit:contain;transition:opacity .2s}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;height:100px;gap:20px}.viewer-bottom>div{text-align:center}.viewer-caption{font-size:13px}.viewer-count{display:block;font-size:9px;color:#f4f1e999;letter-spacing:.1em;margin-top:10px}.viewer-prev,.viewer-next{width:50px;height:50px;border-radius:50%;background:none;color:var(--paper);border:1px solid #f4f1e960;font-size:24px}.viewer-prev:hover,.viewer-next:hover{background:var(--yellow);color:var(--ink)}.film-dialog video{height:calc(100% - 110px);object-fit:contain}.film-credit{font-size:9px;text-align:center;padding:20px 0;color:#f4f1e999}.menu-dialog{width:100%;height:100dvh;inset:0;margin:0;background:var(--yellow);color:var(--ink);padding:30px 6vw}.menu-dialog .dialog-close{position:absolute;right:6vw;top:25px;border-color:var(--ink)}.menu-dialog>p{font:30px Anton,sans-serif}.menu-dialog nav{display:flex;flex-direction:column;gap:22px;margin-top:17svh;font:clamp(46px,10vw,100px)/1.1 Anton,sans-serif}.contact-dialog,.credits-dialog{width:min(700px,92vw);padding:55px 40px;margin:auto;max-height:90dvh;overflow:auto}.contact-dialog .dialog-close,.credits-dialog .dialog-close{position:absolute;right:22px;top:20px}.contact-dialog h2,.credits-dialog h2{font-size:68px;margin:30px 0}.contact-dialog form{display:flex;flex-direction:column;gap:22px}.contact-dialog label{display:flex;flex-direction:column;gap:8px;font-size:11px}.contact-dialog input,.contact-dialog textarea{border:0;border-bottom:1px solid #f4f1e977;color:var(--paper);background:transparent;padding:13px 0;outline-offset:3px;resize:vertical}.contact-dialog input::placeholder,.contact-dialog textarea::placeholder{color:#f4f1e988;font-size:13px}.form-note,.form-result{font-size:11px;line-height:1.65;color:#f4f1e9af}.contact-dialog [type=submit]{background:var(--yellow);color:var(--ink);padding:17px 20px;border:0;font-weight:700}.form-result{color:var(--yellow);border:1px solid #eaff0070;padding:17px}.credits-dialog>p{font-size:12px;line-height:1.8}.credits-dialog ul{padding:25px 0 25px 20px;display:grid;gap:10px;font-size:11px}.credits-dialog a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1900px){.hero-type{font-size:23vw}.hero-art{left:43%;width:30%}}
@media(max-width:1100px){.hero{min-height:780px}.hero-type{top:125px;font-size:27vw}.hero-art{left:37%;width:37%;height:55%;top:24%}.hero-label{top:48%}.feeling{height:980px}.feeling h2{font-size:12vw}.feeling-photo-a{top:385px;height:460px;width:27%}.feeling-photo-b{top:340px;height:450px;width:30%}.feeling-copy{left:40%;width:23%;bottom:65px}.feeling-copy p{font-size:14px}.feeling-copy>span{font-size:40px}.outside{min-height:830px}.hello h2{font-size:17.1vw}.hello ul{gap:18px}}
@media(max-width:700px){:root{--gutter:5vw}html{scroll-padding-top:25px}.site-header{padding:20px var(--gutter)}.brand{font-size:25px}.site-header nav,.header-note{display:none}.menu-button{display:block;margin-left:auto}.hero{height:calc(100svh - 20px);min-height:700px;max-height:950px}.hero-type{top:127px;font-size:29.5vw;line-height:1.01}.hero-art{left:25%;top:28%;width:57%;height:42%;border-width:2px;rotate:-8deg}.hero-art .video-toggle{top:43%;left:18px;bottom:auto;right:auto;rotate:8deg;width:38px;height:38px}.hero-label{top:31%;font-size:8px;max-width:110px;line-height:1.6}.hero-stamp{top:12%;font-size:7px}.hero-stamp span{font-size:36px;margin:7px}.hero-bottom{bottom:27px;align-items:center}.hero-bottom .round-link{position:static}.hero-bottom>p:first-child{font-size:12px}.hero-index{display:block;font-size:7px}.round-link{width:47px;height:47px}.round-link span{font-size:24px}.ticker{padding:14px 0;font-size:10px}.feeling{padding-top:70px;height:1070px}.section-label{font-size:9px}.feeling h2{font-size:14.5vw;margin-top:45px}.feeling h2>span:last-child{padding-left:12%;margin-top:5px}.feeling-photo-a{top:335px;left:7%;width:42%;height:380px;rotate:-7deg}.feeling-photo-b{top:288px;right:6%;width:40%;height:390px;rotate:7deg}.feeling-photo figcaption{font-size:7px}.feeling-copy{left:17%;width:70%;bottom:65px}.feeling-copy>span{font-size:39px;margin-bottom:15px}.feeling-copy p{font-size:15px}.feeling-copy a{font-size:10px;margin-top:20px}.work{padding-top:70px}.work-title h2{font-size:19vw;margin-top:35px}.work-title>p:last-child{position:static;font-size:12px;margin-top:25px}.work-bar{padding-top:35px;align-items:start;gap:20px;flex-direction:column;margin-bottom:20px}.work-bar [role=group]{gap:5px;width:100%}.work-bar button{font-size:10px;padding:7px 12px;flex:1}.photo-grid,.photo-grid.filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.photo-card img{height:290px}.photo-card.photo-wide{grid-column:span 2}.photo-card.photo-wide img{height:350px}.photo-grid.filtered .photo-wide{grid-column:span 1}.photo-grid.filtered .photo-wide img{height:290px}.photo-label{font-size:7px;padding-top:10px;letter-spacing:.02em}.photo-label span:last-child{font-size:6px}.work-end{flex-direction:column;gap:25px;font-size:8px;padding-top:30px}.moving{padding-top:35px;padding-bottom:45px}.moving-meta{padding-bottom:27px;align-items:start;gap:20px}.moving-meta>span:last-child{font-size:7px;text-align:right}.moving-stage{height:80svh;min-height:590px;max-height:900px}.moving-stage video{object-position:57% center}.moving-stage h2{font-size:20vw;left:7%;top:7%}.watch-film{left:7%;bottom:28px;font-size:11px;padding:15px}.watch-film span{margin-left:25px}.film-tag{display:none}.moving-stage .video-toggle{right:7%;bottom:30px;width:39px;height:39px}.outside{height:1000px;min-height:0;max-height:none}.outside-image{left:14%;width:87%;height:68%;top:15%;rotate:5deg}.outside-type{top:17%}.outside h2{font-size:19vw}.outside-type p{margin-top:300px;max-width:240px;font-size:13px}.outside-type .round-link{margin-top:24px}.outside-note{font-size:7px;bottom:32px;max-width:210px}.hello{padding-top:35px}.hello-top{align-items:start;gap:25px}.hello-top>p:last-child{font-size:7px;text-align:right}.hello h2{font-size:17vw;margin-top:55px;margin-bottom:50px;line-height:1.12}.hello-bottom{flex-wrap:wrap;gap:35px;padding-bottom:45px}.contact-open{width:100%;padding:19px 22px;display:flex;justify-content:space-between}.contact-open span{margin:0}.hello ul{font-size:9px;gap:19px}.back-top{font-size:9px;margin-left:auto}.demo-note{flex-wrap:wrap;gap:12px;font-size:6px;padding-top:19px}.demo-note>span:nth-child(2){order:3;width:100%}.demo-note button{font-size:8px;margin-left:auto}.viewer,.film-dialog{padding:12px 5vw}.viewer-top{font-size:8px}.viewer-image{height:calc(100% - 155px);padding:15px 0}.viewer-caption{font-size:11px}.viewer-count{font-size:8px}.viewer-prev,.viewer-next{width:40px;height:40px;flex-shrink:0}.dialog-close{width:39px;height:39px}.contact-dialog,.credits-dialog{padding:60px 25px 35px}.contact-dialog h2,.credits-dialog h2{font-size:44px}.contact-dialog form{gap:18px}.credits-dialog>p{font-size:11px}}
@media(max-width:370px){.hero-type{top:135px}.hero-type span:last-child{margin-top:205px}.hero-index{max-width:70px}.work-bar button{font-size:9px;padding:7px 8px}.photo-card img{height:245px}.photo-card.photo-wide img{height:310px}.photo-grid.filtered .photo-wide img{height:245px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-type span,[data-motion]{transform:none!important}.photo-card:hover img{transform:none}.round-link:hover{rotate:0deg}}
html.reduce-motion{scroll-behavior:auto}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}.reduce-motion .hero-type span,.reduce-motion [data-motion]{transform:none!important}.reduce-motion .photo-card:hover img{transform:none}.reduce-motion .round-link:hover{rotate:0deg}
/* Спортивный концепт: единый ритм рядов, вплотную от края до края. */
.hero{height:max(100svh,720px)}.hero-stamp span{font-size:45px}.feeling{height:1050px}.work{padding:clamp(55px,4vw,76px) 0 0}.work-title,.work-bar,.work-end{margin-left:var(--gutter);margin-right:var(--gutter)}.work-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:5vw;row-gap:24px;align-items:end}.work-title>.section-label{grid-column:1 / -1}.work-title h2{font-size:clamp(80px,9.4vw,170px);line-height:1;margin:0;white-space:nowrap}.work-title>p:last-child{position:static;margin:0 0 7px;max-width:400px;font-size:15px;line-height:1.6}.work-bar{margin-top:0;margin-bottom:0;padding:28px 0 18px;border:0;font-size:10px;font-weight:800}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(270px,28vw,490px);grid-auto-flow:row;gap:0;overflow:hidden}.media-card{position:relative;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;background:var(--ink);color:var(--paper);overflow:hidden;text-align:left;isolation:isolate}.media-card img,.media-card video{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.video-card{grid-column:span 2}.media-card:hover img,.media-card:focus-visible img{transform:scale(1.05)}.media-card:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px;z-index:2}.media-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:24px;background:linear-gradient(0deg,#10110ee6,transparent 80%);transition:background .35s}.media-meta{display:flex;justify-content:space-between;gap:14px;font-size:9px;letter-spacing:.055em;font-weight:800;margin-bottom:auto}.media-overlay strong{font:400 clamp(25px,2.5vw,47px)/1.06 Anton,sans-serif;max-width:90%;margin-bottom:10px;transform:translateY(16px);transition:transform .35s}.media-description{font-size:12px;line-height:1.6;max-width:320px;opacity:0;transform:translateY(15px);transition:opacity .35s,transform .35s}.media-card:hover .media-description,.media-card:focus-visible .media-description{opacity:1;transform:none}.media-card:hover strong,.media-card:focus-visible strong{transform:none}.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffffc0;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:#17181520}.video-card .media-meta{color:var(--yellow)}.work-end{padding:35px 0}.moving{padding:40px 0 0}.moving-meta{padding:0 var(--gutter) 30px}.moving-stage{height:90svh;min-height:600px;max-height:1100px}.outside-note:before{content:'04 / ';color:var(--coral)}.campaign{min-height:1050px;display:grid;grid-template-columns:1fr 1fr;background:var(--yellow);padding:100px var(--gutter);overflow:hidden;position:relative}.campaign-copy{position:relative;z-index:3}.campaign h2{font-size:clamp(100px,10.4vw,200px);margin:60px 0 35px}.campaign h2 span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.campaign-copy>p:not(.section-label){font-size:16px;line-height:1.75;max-width:350px}.campaign-copy>a{display:inline-block;font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:10px;margin-top:27px}.campaign-copy>a span{margin-left:30px}.campaign-pictures{position:relative;min-height:720px}.campaign-tall{position:absolute;right:0;top:70px;width:80%;height:630px;rotate:7deg;overflow:hidden}.campaign-square{position:absolute;left:-12%;top:470px;width:62%;height:340px;rotate:-9deg;overflow:hidden;border:8px solid var(--yellow)}.campaign-stamp{position:absolute;left:-5%;top:0;font:400 30px/.95 Anton,sans-serif;rotate:-12deg}.process{background:var(--ink);color:var(--paper);position:relative;display:grid;grid-template-columns:44% 56%;min-height:1050px;overflow:hidden}.process-image{height:100%;min-height:1050px;overflow:hidden}.process-image img{height:115%;object-position:center}.process-copy{padding:90px 7vw 80px}.process h2{font-size:clamp(70px,7.5vw,135px);margin:50px 0}.process h2 span{color:var(--coral)}.process ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:0}.process li{display:flex;gap:25px;border-top:1px solid #f4f1e94a;padding:27px 0}.process li>span{font-size:11px;color:var(--yellow);padding-top:4px}.process h3{font-size:20px;line-height:1.2;font-weight:600;margin:0 0 12px}.process li p{font-size:13px;line-height:1.75;color:#f4f1e9af;max-width:370px}.hello-top>p:last-child{max-width:260px;text-align:right}
@media(max-width:1100px){.campaign{min-height:960px}.campaign-pictures{min-height:710px}.campaign-tall{height:530px;width:90%;top:90px}.campaign-square{height:290px;width:70%;top:480px;left:-5%}.process-copy{padding-left:5vw;padding-right:5vw}.process,.process-image{min-height:930px}.media-overlay{padding:18px}.media-description{font-size:11px}.media-meta{font-size:8px}}
@media(max-width:700px){.hero{height:max(100svh,700px);min-height:700px}.feeling{height:1070px}.work{padding:45px 0 0}.work-title{grid-template-columns:minmax(0,1fr);row-gap:20px}.work-title h2{font-size:clamp(72px,23vw,135px);margin:0}.work-title>p:last-child{font-size:12px;margin:0;max-width:330px}.work-bar{flex-direction:row;font-size:8px;padding-top:24px;align-items:center;gap:10px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(250px,74vw,380px);grid-auto-flow:dense;gap:0}.photo-card img{height:100%}.video-card{grid-column:span 2}.media-overlay{padding:15px;background:linear-gradient(0deg,#10110ee8,transparent 90%)}.media-overlay strong{font-size:clamp(23px,6.2vw,37px);transform:none;max-width:100%;margin-bottom:7px}.media-description{font-size:10px;opacity:1;transform:none;max-width:270px}.media-meta{font-size:7px;gap:8px;line-height:1.6}.media-play{width:46px;height:46px;font-size:22px}.work-end{font-size:8px;padding:25px 0;gap:18px}.moving{padding:30px 0 0}.moving-meta{padding-bottom:25px}.moving-stage{height:80svh;min-height:580px}.campaign{display:block;padding:70px var(--gutter) 65px;min-height:0}.campaign h2{font-size:20vw;margin:40px 0 28px;position:relative;z-index:3}.campaign-copy>p:not(.section-label){font-size:14px;max-width:320px}.campaign-pictures{min-height:650px;margin-top:35px}.campaign-tall{width:80%;height:460px;top:55px;right:3%}.campaign-square{width:56%;height:270px;top:360px;left:0;border-width:5px}.campaign-stamp{font-size:22px;top:15px;left:4%}.process{grid-template-columns:1fr;min-height:0}.process-image{min-height:0;height:75svh;max-height:650px}.process-copy{padding:65px var(--gutter) 45px}.process h2{font-size:19vw;margin:35px 0 40px}.process li{gap:20px;padding:23px 0}.process h3{font-size:19px}.process li p{font-size:12px}.hello h2{font-size:17vw}.hello-top>p:last-child{max-width:160px}}
@media(hover:none){.media-description{opacity:1;transform:none}.media-overlay strong{transform:none}}
@media(prefers-reduced-motion:reduce){.media-card:hover img,.media-card:focus-visible img{transform:none}}
.reduce-motion .media-card:hover img,.reduce-motion .media-card:focus-visible img{transform:none}

/* Production: движение внутри рамки, обычная вертикальная прокрутка. */
.feeling-copy{left:37%;width:22%;bottom:70px}.feeling-copy p{font-size:15px}.feeling h2{font-size:clamp(100px,11.6vw,205px)}
.moving{overflow:visible}.cycling-window{height:145svh;min-height:1000px;position:relative}.moving-stage{position:sticky;top:0;height:100svh;min-height:650px;max-height:none;will-change:auto;isolation:isolate}.cycling-media{position:absolute;inset:-25% 0;height:150%;will-change:transform}.cycling-media video{position:static;object-position:50% 47%}.cycling-type{position:absolute;left:var(--gutter);top:8%;will-change:transform;color:var(--paper);z-index:2}.cycling-type h2{position:static;font-size:clamp(130px,16vw,290px)}.cycling-type p{margin-top:26px;font-size:15px;line-height:1.65;max-width:300px}.moving-shade{z-index:1;background:linear-gradient(90deg,#0008,transparent 75%),linear-gradient(0deg,#0005,transparent 65%)}.watch-film,.film-tag,.moving-stage>.video-toggle{z-index:3}.moving-stage>.video-toggle{right:var(--gutter);bottom:88px}.watch-film{left:var(--gutter)}.film-tag{right:var(--gutter)}
.outside-type>p{max-width:360px}.outside h2{font-size:clamp(110px,13.8vw,250px)}
.campaign{min-height:1120px}.campaign h2{font-size:clamp(85px,9vw,170px)}.service-list{max-width:410px;margin:0}.service-list>div{border-top:1px solid #17181560;padding:18px 0}.service-list dt{font-size:13px;font-weight:800}.service-list dd{font-size:13px;line-height:1.7;margin:9px 0 0}.campaign-pictures{margin-top:70px}
.deliverables{padding:110px var(--gutter) 100px;background:var(--paper);position:relative;overflow:hidden}.deliverables-heading h2{font-size:clamp(90px,11.7vw,215px);margin:45px 0 30px}.deliverables-heading h2 span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.deliverables-heading>p:last-child{font-size:15px;max-width:370px;line-height:1.7}.delivery-list{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:85px}.delivery-list article{border-top:1px solid #17181570;position:relative;padding-top:30px}.delivery-number{position:absolute;right:0;top:30px;font-size:11px}.format-frame{border:1px solid currentColor;display:grid;place-items:center;font-size:10px;font-weight:800;margin-bottom:32px}.format-landscape{width:100px;height:56px;margin-top:25px}.format-portrait{width:45px;height:80px}.format-photo{width:80px;height:65px;margin-top:15px}.delivery-list h3{font-size:24px;font-weight:650;letter-spacing:-.04em;margin:0 0 18px}.delivery-list p{max-width:330px;font-size:13px;line-height:1.8}.contact-dialog input,.contact-dialog textarea{font-size:14px}
@media(max-width:1100px){.hero-intro{width:28%}.hero-intro>p:not(.section-label){font-size:3.8vw}.campaign{min-height:1030px}.campaign h2{font-size:8.8vw}.delivery-list{gap:30px}.delivery-list h3{font-size:21px}}
@media(max-width:700px){.hero{height:max(100svh,740px);min-height:740px;max-height:none}.cutout-out{font-size:49vw}.cutout-loud{font-size:40vw}.hero-intro{top:12%;left:var(--gutter);right:auto;width:92%;display:flex;align-items:center;gap:25px}.hero-intro .section-label{display:none}.hero-intro>p:not(.section-label){font-size:25px;line-height:1.1;margin:0;flex-shrink:0}.hero-intro>span{font-size:10px;max-width:165px}.hero-bottom>p:first-child{font-size:13px}.hero-bottom{bottom:24px}.hero-bottom .round-link{left:42%;width:48px;height:48px}.hero-index{display:block;font-size:7px}.hero-media>.video-toggle{right:var(--gutter);bottom:140px;width:36px;height:36px}.ticker{padding:15px 0;font-size:11px}.ticker-group,.ticker-group span{gap:28px}.ticker-group{padding-right:28px}.feeling h2{font-size:12.7vw}.feeling-copy{left:var(--gutter);width:84%;bottom:70px}.feeling-copy p{font-size:15px}.feeling-photo-a{top:330px}.feeling-photo-b{top:310px}.cycling-window{height:132svh;min-height:900px}.moving-stage{height:100svh;min-height:650px}.cycling-type{top:13%}.cycling-type h2{font-size:30vw}.cycling-type p{font-size:13px;max-width:235px}.watch-film{bottom:38px}.film-tag{bottom:105px;font-size:8px;left:var(--gutter);right:auto}.moving-stage>.video-toggle{bottom:35px}.outside h2{font-size:20vw}.outside-type>p{max-width:260px;font-size:13px}.campaign{min-height:0}.campaign h2{font-size:17vw}.service-list{max-width:none}.service-list dd{font-size:12px}.campaign-pictures{margin-top:35px}.deliverables{padding:70px var(--gutter)}.deliverables-heading h2{font-size:13.2vw;margin:35px 0 25px}.deliverables-heading>p:last-child{font-size:13px}.delivery-list{grid-template-columns:1fr;margin-top:45px;gap:35px}.delivery-list article{display:grid;grid-template-columns:90px 1fr;column-gap:25px;padding-top:26px}.delivery-list h3{font-size:21px;grid-column:2;margin-top:5px;margin-right:20px}.delivery-list p{font-size:12px;grid-column:2}.format-frame{grid-column:1;grid-row:1 / 3;margin-top:5px;margin-bottom:0;align-self:start}.format-landscape{width:86px;height:49px}.delivery-number{top:30px}.contact-dialog h2{font-size:56px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important;transform:none!important}.cycling-media,.cycling-type{transform:none!important;will-change:auto}.cycling-window{height:auto;min-height:0}.moving-stage{position:relative}}
.reduce-motion .ticker-track{animation:none!important;transform:none!important}.reduce-motion .cycling-media,.reduce-motion .cycling-type{transform:none!important;will-change:auto}.reduce-motion .cycling-window{height:auto;min-height:0}.reduce-motion .moving-stage{position:relative}

/* Полноширинный fashion-кадр: запас по высоте покрывает ограниченный параллакс. */
.outside{height:110svh;min-height:850px;max-height:1200px;isolation:isolate}
.outside-image{left:0;top:-20%;width:100%;height:140%;rotate:0deg}
.outside-image img{height:100%;object-fit:cover;object-position:66% center}
.outside-image:after{background:linear-gradient(90deg,#11120f9c,transparent 70%),linear-gradient(0deg,#11120fc7,transparent 35%)}
.outside-type{top:16%;max-width:65%;text-shadow:0 2px 20px #0002}
.outside-note{z-index:2}
@media(max-width:700px){
  .outside{height:110svh;min-height:850px;max-height:1100px}
  .outside-image{left:0;top:-20%;width:100%;height:140%;rotate:0deg}
  .outside-image img{object-position:68% center}
  .outside-image:after{background:linear-gradient(90deg,#11120f55,transparent 85%),linear-gradient(0deg,#11120fe0,transparent 65%)}
  .outside-type{top:7%;max-width:90%;right:var(--gutter)}
  .outside h2{font-size:16.5vw}
  .outside-type>p{margin-top:clamp(310px,40svh,440px);max-width:260px;font-size:13px}
  .outside-note{max-width:300px;font-size:7px}
}

/* Направления съёмки: интерактивная типографика и один ровный крупный кадр. */
.capabilities{display:grid;grid-template-columns:45% 55%;min-height:920px;height:auto;padding:0;background:var(--yellow)}
.capabilities-copy{padding:clamp(55px,4.4vw,84px) var(--gutter);min-width:0}
.capabilities h2{font-size:clamp(70px,6.3vw,120px);margin:32px 0 38px;line-height:.97}
.capability-tabs{display:flex;flex-direction:column;border-top:1px solid #17181570}
.capability-tab{width:100%;display:grid;grid-template-columns:26px 1fr 24px;align-items:center;gap:16px;padding:21px 14px 21px 0;border:0;border-bottom:1px solid #17181570;background:transparent;text-align:left;transition:background .25s,color .25s,padding .25s}
.capability-tab strong{font:400 clamp(35px,3vw,57px)/1 Anton,sans-serif;letter-spacing:-.025em}
.capability-number{font-size:9px;font-weight:800;align-self:start;padding-top:6px}
.capability-arrow{font-size:24px;line-height:1}
.capability-tab[aria-selected=true]{background:var(--ink);color:var(--yellow);padding-left:14px}
.capability-tab:focus-visible{outline:3px solid var(--coral);outline-offset:-3px}
.capability-detail{min-height:112px;margin-top:24px}
.capability-description{font-size:13px;line-height:1.75;max-width:400px}
.capability-output{font-size:8px;font-weight:800;letter-spacing:.045em;line-height:1.7;margin-top:15px;max-width:410px}
.capability-cta{display:inline-flex;align-items:center;gap:35px;margin-top:18px;font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:10px}
.capability-stage{position:relative;min-width:0;min-height:920px;background:var(--ink);overflow:hidden;isolation:isolate}
.capability-panel{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s ease;overflow:hidden;color:var(--paper)}
.capability-panel.is-active{opacity:1;pointer-events:auto;z-index:1}
.capability-panel img{position:absolute;top:-12%;left:0;width:100%;height:124%;object-fit:cover;object-position:50% center;will-change:transform}
.capability-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d100de0,transparent 45%),linear-gradient(180deg,#0d100d55,transparent 20%);pointer-events:none}
.capability-stage-meta{position:absolute;left:var(--gutter);right:var(--gutter);top:38px;z-index:2;display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:800;letter-spacing:.07em}
.capability-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:55px;z-index:2}
.capability-caption strong{display:block;font:400 clamp(48px,4.7vw,88px)/1.04 Anton,sans-serif;letter-spacing:-.025em;margin-bottom:25px}
.capability-caption>span{font-size:8px;letter-spacing:.06em;font-weight:700}
@media(max-width:1100px) and (min-width:701px){.capabilities{grid-template-columns:48% 52%;min-height:850px}.capabilities h2{font-size:6.6vw}.capabilities-copy{padding-top:55px;padding-bottom:55px}.capability-tab{gap:10px;grid-template-columns:20px 1fr 20px}.capability-tab strong{font-size:3.4vw}.capability-stage{min-height:850px}.capability-detail{min-height:135px}.capability-caption strong{font-size:5vw}}
@media(max-width:700px){
  .capabilities{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;padding:0}
  .capabilities-copy{padding:42px var(--gutter) 36px}
  .capabilities h2{font-size:clamp(52px,13.2vw,86px);margin:24px 0 28px}
  .capability-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #17181570}
  .capability-tab{grid-template-columns:1fr;gap:9px;min-height:94px;padding:14px 10px;border-right:1px solid #17181570;align-content:center}
  .capability-tab:last-child{border-right:0}
  .capability-tab[aria-selected=true]{padding-left:10px}
  .capability-tab strong{font-size:clamp(24px,6.8vw,40px)}
  .capability-number{font-size:8px;padding:0}
  .capability-arrow{display:none}
  .capability-detail{min-height:110px;margin-top:20px}
  .capability-description{font-size:12px;max-width:400px}
  .capability-output{font-size:7px;margin-top:12px}
  .capability-cta{font-size:11px;margin-top:14px}
  .capability-stage{height:76svh;min-height:520px;max-height:760px}
  .capability-stage-meta{top:25px;font-size:8px}
  .capability-caption{bottom:34px}
  .capability-caption strong{font-size:clamp(45px,12.8vw,75px);margin-bottom:20px}
  .capability-caption>span{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.capability-panel{transition:none}.capability-panel img{will-change:auto}}
.reduce-motion .capability-panel{transition:none}.reduce-motion .capability-panel img{will-change:auto}

/* Монтаж внутри букв: размеры и baseline берём у того же HTML-шрифта. */
.deliverables-heading h2 .screen-word{position:relative;display:inline-block;vertical-align:top;max-width:100%;line-height:1.05;color:var(--ink);-webkit-text-stroke:0}
.deliverables-heading h2 .screen-measure{visibility:hidden;white-space:nowrap;color:var(--ink);-webkit-text-stroke:0}
.screen-baseline{display:inline-block;width:0;height:0;vertical-align:baseline}
.deliverables-heading h2 .screen-media{position:absolute;inset:0;display:block;overflow:hidden;-webkit-text-stroke:0;background:var(--paper)}
.screen-media video{object-position:50% 43%}
.screen-cutout{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.screen-letters{font:inherit;letter-spacing:inherit}
.screen-outline{paint-order:stroke;stroke-width:1}
.screen-word:not(.screen-ready) .screen-measure,.screen-word.screen-unavailable .screen-measure{visibility:visible}
.screen-word:not(.screen-ready) .screen-media,.screen-word.screen-unavailable .screen-media{visibility:hidden}
.screen-support{display:flex;justify-content:space-between;align-items:center;gap:40px;max-width:1100px}
.screen-support>p{font-size:15px;max-width:370px;line-height:1.7}
.screen-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}
.screen-controls>.screen-toggle{position:static;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:50%;font-size:13px;mix-blend-mode:normal}
.screen-controls>p{font-size:9px;font-weight:800;letter-spacing:.055em;line-height:1.8}
.screen-controls>p>span{font-size:7px;letter-spacing:.045em;font-weight:600}
@media(max-width:700px){
 .screen-support{flex-direction:column;align-items:flex-start;gap:24px}
 .screen-support>p{font-size:13px}
 .screen-controls>.screen-toggle{width:38px;height:38px}
 .screen-controls>p{font-size:8px}
 .screen-outline{stroke-width:.6}
}