@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/onest-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/onest-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF}
:root{font-family:Onest,Arial,sans-serif;font-synthesis:none;color:#11141b;background:#fff;--ink:#11141b;--muted:#535a68;--pad:clamp(32px,4.5vw,72px);--radius:clamp(60px,6.5vw,100px);--gap:36px;--ease:cubic-bezier(.22,1,.36,1);-webkit-font-smoothing:antialiased}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;overflow-x:clip}main,footer{width:calc(100% - 96px);max-width:1440px;margin-inline:auto}main{margin-top:24px}h1,h2,h3,p{margin:0}h2,h3{font-weight:500;letter-spacing:-.04em;line-height:1.06}h2{font-size:clamp(38px,3.5vw,58px)}p{font-size:18px;line-height:1.4;letter-spacing:-.015em}a{color:inherit;text-decoration:none}button{border:0;color:inherit;cursor:pointer;font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}img{display:block;width:100%;height:auto}svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap;overflow:hidden}.skip{position:fixed;top:10px;left:10px;z-index:100;padding:16px 24px;background:#111;color:#fff;transform:translateY(-160%)}.skip:focus{transform:none}:focus-visible{outline:3px solid #5279d1;outline-offset:5px}.anchor{position:absolute;top:0}
.panel{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius);margin-top:var(--gap);background:transparent}.section-surface{position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(160deg,#e8edf7,#f8faff 80%,#fff)}.eyebrow{font-size:16px;line-height:1.3;letter-spacing:-.02em;color:var(--muted)}
/* Motion uses stable layout slots. Only opacity and transforms change during scroll. */
.scrub-enabled [data-enter]{opacity:var(--scroll-opacity,1);transform:translate3d(0,var(--scroll-y,0px),0) scale(var(--scroll-scale,1));transform-origin:center;transition:none}.scrub-enabled [data-enter]:focus-within{opacity:1!important;transform:none!important}.motion-slot{min-width:0;position:relative}.scroll-progress{position:fixed;inset:0 0 auto;height:2px;background:#7f91b5;z-index:100;transform-origin:left;pointer-events:none}
/* First screen: large name and mark, quiet copy, reference-like proportions. */
.hero{height:clamp(620px,53vw,760px);margin-top:0}.hero .section-surface{background:radial-gradient(ellipse at 50% 25%,#b8c6dd75,transparent 50%),linear-gradient(#e6eaf1,#edf0f5)}.hello{position:absolute;left:5.5%;top:8%;font-size:clamp(32px,3.4vw,50px);letter-spacing:-.045em}.hero-name{position:absolute;left:5%;right:5%;top:24%;display:flex;justify-content:space-between;font-size:clamp(180px,23.5vw,350px);font-weight:650;line-height:.8;letter-spacing:-.08em}.hero-name span{display:block}.name-right{padding-right:.04em}.brand-orbit{position:absolute;width:28%;max-width:380px;aspect-ratio:1;left:50%;top:16%;translate:-50% 0;z-index:2;pointer-events:none}.brand-motion{width:100%;height:100%;border-radius:26%;border:1px solid #ffffffa8;background:linear-gradient(145deg,#96a9c377,#62799466);box-shadow:inset 0 1px 0 #ffffff8a,0 20px 45px -25px #485e8266;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate3d(var(--pointer-x,0px),calc(var(--pointer-y,0px) + var(--hero-logo-y,0px)),0);transition:transform 1.1s var(--ease)}.hero-brand{height:100%;object-fit:contain;padding:6%;filter:drop-shadow(0 2px 2px #52678333)}.hero-copy{position:absolute;left:7%;right:7%;bottom:7%;text-align:center;z-index:3}.role{font-size:clamp(21px,2vw,29px);font-weight:500;line-height:1.13;letter-spacing:-.04em}.hero-description{font-size:16px;line-height:1.35;margin-top:16px}.resume{margin-top:26px}.socials{display:flex;gap:10px}.hero>.socials{position:absolute;top:8%;right:5.5%;z-index:4}.socials a{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;transition:transform .5s cubic-bezier(.34,1.7,.6,1),color .25s,background .25s}.socials svg{width:23px;height:23px}
.button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:18px 30px;border-radius:16px;background:#07101f;color:#fff;font-size:17px;line-height:1;font-weight:500;box-shadow:0 12px 28px -17px #07101f88;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}.button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,#9bb5fa77 45%,#ffffff55 50%,transparent 75%);transform:translateX(-125%);transition:transform .9s var(--ease)}.button svg{width:20px;height:20px;transition:transform .45s var(--ease)}.button:active{transform:scale(.97)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:16px}.text-link svg{width:20px;height:20px}.case-nav{display:flex;justify-content:center;gap:38px;padding:26px 20px 10px;color:#686a70;font-size:15px}.case-nav a{padding:8px 0}.case-nav a:hover{color:#111}.project-switcher{position:static;padding:12px 0;background:transparent}.filters{display:flex;justify-content:center;gap:8px;overflow:auto;scrollbar-width:none;white-space:nowrap}.filters button{flex:none;background:#f1f2f4;color:#5b606b;border-radius:30px;padding:13px 21px;font-size:14px;min-height:44px;transition:background .25s,color .25s,transform .35s var(--ease)}.filters button[aria-pressed=true]{background:#151b26;color:#fff}.filters button:active{transform:scale(.97)}
/* Each project opens as one composed panel, never a stack of floating mockups. */
.project-group{scroll-margin-top:84px;margin-top:16px}.project-group+.project-group{margin-top:80px}.project-cover{margin-top:0;padding:var(--pad);min-height:620px;display:grid;grid-template-columns:1fr 1.3fr;gap:5%;align-items:center}.project-cover-copy{min-width:0;position:relative;z-index:2}.project-cover h2{font-size:clamp(48px,5.2vw,80px);font-weight:500;line-height:.98;letter-spacing:-.06em;margin-top:22px}.project-cover-copy>p{max-width:30ch}.cover-social{color:#14243d}.cover-social .section-surface{background:radial-gradient(ellipse at 90% 0,#c0cfee,transparent 72%),linear-gradient(165deg,#e5ebfa,#f6f8fc 85%,#fff)}.cover-ads .section-surface{background:radial-gradient(ellipse at 85% 18%,#b5bfe0,transparent 70%),linear-gradient(150deg,#dce0ef,#f5f5f9 86%,#fff)}.cover-events .section-surface{background:radial-gradient(ellipse at 90% 15%,#c5d2c4,transparent 65%),linear-gradient(145deg,#e0e8df,#fbfcfa 90%)}.cover-events h2{font-size:clamp(75px,8.7vw,135px)}
.composition{display:grid;align-items:start;gap:clamp(8px,1.2vw,18px);position:relative}.art{display:block;position:relative;width:100%;padding:0;background:transparent;border-radius:12px;text-align:left;isolation:isolate}.art-motion{display:block;width:100%;border-radius:inherit;overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}.art img{border-radius:0;width:100%;height:auto;object-fit:contain}.zoom-sign{display:grid;place-items:center;position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;background:#ffffffec;color:#132039;opacity:0;transition:opacity .25s;pointer-events:none}.zoom-sign svg{width:17px;height:17px}.art:focus-visible .zoom-sign{opacity:1}.cover-social .cover-montage{grid-template-columns:1.7fr 1fr;align-items:center}.cover-social .lead-slot{grid-row:span 2}.cover-ads .cover-montage{grid-template-columns:1fr 1fr 1fr;align-items:center}.cover-ads .lead-slot{grid-column:span 2;grid-row:span 2}.cover-ads .motion-slot:nth-child(4){grid-column:2}.cover-events .cover-montage{grid-template-columns:1fr 1fr;align-items:center}.cover-events .motion-slot:nth-child(2){margin-top:26%}
.cover-ronix{display:block;min-height:650px;color:#283321}.cover-ronix .section-surface{background:#dce2d1}.ronix-scene{position:absolute;inset:0;z-index:0;overflow:hidden}.ronix-scene img{width:100%;height:100%;object-fit:cover;object-position:55% 58%}.ronix-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#dbe1cde8 0%,#dbe1cdab 31%,transparent 64%)}.cover-ronix .project-cover-copy{position:relative;max-width:55%;padding-top:16px}.cover-ronix h2{font-size:clamp(75px,8.8vw,132px);margin-top:0}.cover-ronix .project-cover-copy p{font-size:23px;line-height:1.15;margin-top:24px;max-width:24ch}
.case-brief{padding:52px var(--pad) 56px;display:grid;grid-template-columns:1fr 1fr;gap:32px 9%}.brief-column h3,.case-result h3{font-size:23px;letter-spacing:-.03em;margin-bottom:14px}.brief-column h3 span{font-size:12px;color:#9398a0;margin-right:13px}.brief-column p,.case-result p{font-size:17px;color:#555b65;line-height:1.45}.case-result{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid #e3e5e9;padding-top:25px}.case-result h3{margin:0}.work-entry+.work-entry{margin-top:36px}.work-scene{margin-top:0;padding:var(--pad)}.work-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:34px}.work-heading h3{font-size:clamp(32px,3vw,48px);max-width:20ch}.work-heading p{font-size:17px;color:#555c69;max-width:28ch;line-height:1.35;text-align:right;padding-top:4px}.tone-blue .section-surface{background:radial-gradient(ellipse at 100% 18%,#c6d7f2,transparent 66%),linear-gradient(150deg,#eaf1ff,#fff 90%)}.tone-lilac .section-surface{background:radial-gradient(ellipse at 0 0,#e0d9ef,transparent 70%),linear-gradient(135deg,#f0edf7,#fff 95%)}.tone-warm .section-surface{background:linear-gradient(150deg,#e9e3df,#f4f0ed 48%,#fff 92%)}.tone-neutral .section-surface{background:linear-gradient(160deg,#e3e5e9,#f7f8f9 72%,#fff)}.tone-events .section-surface{background:radial-gradient(ellipse at 90% 0,#c2cbd0,transparent 70%),linear-gradient(160deg,#e7ecec,#fff 96%)}.tone-olive .section-surface{background:linear-gradient(160deg,#e3e7da,#f6f7f3 70%,#fff)}
.editorial-composition{grid-template-columns:1.24fr 1fr 1fr 1fr;align-items:center}.editorial-composition .motion-slot:nth-child(3){align-self:end}.five-composition{grid-template-columns:2.03fr 1fr 1fr;gap:12px}.five-composition .lead-slot{grid-row:span 2}.seven-composition{grid-template-columns:2.04fr 1fr 1fr 1fr;gap:12px}.seven-composition .lead-slot{grid-row:span 2}.six-composition{grid-template-columns:repeat(3,1fr)}.three-square{grid-template-columns:1.2fr 1fr 1fr;align-items:center}.six-square{grid-template-columns:repeat(3,1fr)}.three-posters{grid-template-columns:1fr 1.15fr 1fr;align-items:center}.brand-composition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.brand-main-slot{grid-row:span 2}.brand-composition .art{border-radius:8px}.project-details{margin:16px var(--pad) 0}.project-details summary{list-style:none;display:flex;align-items:center;gap:18px;width:fit-content;font-size:15px;color:#454d5a;border:1px solid #dfe3e9;padding:12px 20px;min-height:44px;border-radius:30px;cursor:pointer;transition:background .3s,transform .3s var(--ease)}summary::-webkit-details-marker{display:none}.project-details summary svg{width:18px;height:18px;transition:transform .4s var(--ease)}.project-details[open] summary svg,.service[open] summary svg{transform:rotate(45deg)}.project-details>p{margin-top:16px;padding:24px;background:#f4f5f7;border-radius:22px;color:#444d5b;font-size:17px;line-height:1.5}.case-end{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:20px var(--pad)}.case-end .project-details{margin:0;flex:1}.case-end .text-link{padding-top:12px}
/* Reels strip and playback control. */
.stream-scene{padding:var(--pad) 0 42px}.stream-scene .section-surface{background:linear-gradient(155deg,#e7eaf4,#f8f9fc 65%,#fff)}.stream-heading{display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad) 32px;gap:20px}.stream-heading h3{font-size:clamp(32px,3vw,48px);line-height:1.03}.stream-heading p{font-size:17px;margin-top:14px;color:#5d6471}.stream-toggle{display:flex;align-items:center;gap:8px;background:#ffffffb5;min-height:44px;border-radius:30px;padding:12px 18px;font-size:13px;flex:none}.stream-toggle svg{width:17px;height:17px}.marquee-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding:10px 0 22px;scroll-behavior:auto}.marquee-viewport::-webkit-scrollbar{display:none}.marquee-track{width:max-content;display:flex;gap:16px;align-items:center;padding:0 var(--pad)}.marquee-card{width:clamp(185px,17vw,260px);flex:none}.marquee-card.is-lowered{padding-top:38px}
.telegram-channel{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8%;padding:var(--pad);margin-top:76px;min-height:450px}.telegram-channel .section-surface{background:radial-gradient(ellipse at 100% 0,#b2c6df,transparent 70%),linear-gradient(140deg,#e2eafa,#f5f8fc)}.telegram-copy h2{font-size:clamp(38px,4vw,60px);margin:24px 0}.telegram-copy>p:not(.eyebrow){font-size:18px;color:#4e5868}.telegram-copy .button{margin-top:28px}.channel-wordmark{position:relative;font-size:clamp(35px,4.5vw,70px);font-weight:600;line-height:1;letter-spacing:-.07em;padding:40px 0;border-top:1px solid #a4b6d2;border-bottom:1px solid #a4b6d2}.channel-wordmark span{font-size:17px;font-weight:400;letter-spacing:-.01em;display:inline-block;margin-top:16px}.channel-wordmark svg{position:absolute;right:0;bottom:40px}
.about{padding:var(--pad);display:grid;grid-template-columns:.9fr 1.1fr;gap:6%;align-items:center}.about .section-surface{background:linear-gradient(150deg,#e8edf3,#f9fafc)}.about-photo{border-radius:20px;overflow:hidden}.about-copy h2{font-size:clamp(32px,3vw,46px);margin:18px 0 24px}.about-copy>p:not(.eyebrow){font-size:17px;margin-top:15px;line-height:1.45;color:#4d5562}.proof{display:flex;gap:36px;margin-top:30px}.proof>span{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#606979}.proof strong{font-weight:500;font-size:57px;line-height:1;letter-spacing:-.06em;color:#131923}.about-links{display:flex;gap:24px;margin-top:26px}.about-links a{display:flex;gap:6px;align-items:center;font-size:15px}.about-links svg{width:16px;height:16px}.reviews{padding:65px 0 38px}.section-heading{padding-inline:var(--pad);display:flex;gap:24px;align-items:center;justify-content:space-between}.review-controls{display:flex;gap:8px}.review-controls button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#edf0f5}.review-controls button:disabled{opacity:.3;cursor:default}.review-track{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:32px var(--pad) 12px;scroll-padding-inline:var(--pad)}.review{flex:0 0 350px;scroll-snap-align:start;border-radius:30px;background:#f1f3f7;padding:28px;display:flex;flex-direction:column;min-height:330px}.quote-mark{font-size:64px;line-height:.8;color:#95a3ba}.review-quotes{margin:12px 0 28px;flex:1}.review-quotes p{font-size:18px;line-height:1.35}.review-quotes p+p{margin-top:8px}.review-person{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;background:#dfe5ef;display:grid;place-items:center;font-size:18px}.review-person h3{font-size:17px}.review-person p,.review-service{font-size:13px;color:#606a78}.review-service{margin-top:16px}.services{display:grid;grid-template-columns:1fr 1.4fr;gap:8%;padding:38px var(--pad) 60px}.service{border-bottom:1px solid #dde2e9;padding:23px 0}.service:first-child{padding-top:0}.service summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;font-size:23px;letter-spacing:-.025em}.service-number{font-size:12px;color:#707b8a}.service summary svg{margin-left:auto;width:20px;height:20px;transition:transform .3s}.service>p{font-size:17px;color:#566171;padding-left:32px;margin-top:18px}.contact{padding:100px var(--pad);text-align:center}.contact .section-surface{background:radial-gradient(ellipse at 0 0,#bdd0e5,transparent 65%),radial-gradient(ellipse at 100% 65%,#dbd2e5,transparent 65%),linear-gradient(150deg,#e3eaf6,#f9fafc)}.contact h2{font-size:clamp(44px,5vw,76px);margin:24px 0}.contact-copy>p:not(.eyebrow){font-size:22px}.contact .button{margin-top:32px}.contact-resume{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;margin-top:25px}.contact-resume svg{width:18px;height:18px}footer{padding:36px var(--pad) 30px}.footer-contact{display:flex;gap:28px;font-size:15px;margin-top:25px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e0e5ec;padding-top:22px;margin-top:34px;font-size:13px;color:#626d7e}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px) scale(1.045);box-shadow:0 18px 40px -16px #1e46c877}.button:hover:before{transform:translateX(125%)}.button:hover svg{transform:translate(2px,-2px)}.resume:hover svg{transform:translateY(3px)}.socials a:hover{background:#101927;color:#fff;transform:translateY(-3px) scale(1.08)}.art:hover .art-motion{transform:translateY(-4px) scale(1.025);box-shadow:0 16px 28px -18px #18294770}.art:hover .zoom-sign{opacity:1}.project-details summary:hover{background:#f0f3f8;transform:translateY(-2px)}.filters button:hover{background:#e4e9f2}.filters button[aria-pressed=true]:hover{background:#273246}.text-link:hover svg,.channel-wordmark:hover>svg{transform:translate(3px,-3px)}.text-link svg,.channel-wordmark>svg{transition:transform .4s var(--ease)}}
/* Small screens keep the composition together; no side-scrolling rows of slides. */
@media(max-width:859.98px){:root{--pad:26px;--radius:44px;--gap:24px}main,footer{width:100%;max-width:560px}main{margin-top:0}html{scroll-padding-top:72px}h2{font-size:34px}p{font-size:16px}.hero{height:620px;min-height:0;border-radius:0 0 44px 44px}.hello{font-size:28px;top:38px;left:26px}.hero>.socials{top:33px;right:24px}.socials a{width:44px;height:44px}.hero-name{font-size:clamp(100px,24vw,150px);top:27%;left:7%;right:7%}.brand-orbit{width:34%;max-width:178px;top:22%}.hero-copy{bottom:44px;left:25px;right:25px}.role{font-size:23px;max-width:27ch;margin-inline:auto}.hero-description{font-size:14px;line-height:1.4;margin-top:16px}.hero-description br{display:none}.resume{margin-top:26px}.button{font-size:16px;padding:18px 26px;border-radius:15px}.case-nav{gap:24px;padding:18px 20px 6px;font-size:13px}.project-switcher{padding:11px 0}.filters{justify-content:flex-start;padding-inline:20px;gap:6px}.filters button{font-size:13px;min-height:42px;padding:12px 16px}.project-group{margin-top:8px}.project-group+.project-group{margin-top:50px}.project-cover{display:block;min-height:0;padding:32px 26px 34px}.project-cover h2{font-size:clamp(43px,12vw,66px);margin-top:14px}.project-cover-copy .eyebrow{font-size:14px;max-width:25ch}.project-cover .composition{margin-top:32px}.cover-social .cover-montage{width:100%;grid-template-columns:1.65fr 1fr;gap:10px}.cover-ads .cover-montage{gap:10px}.cover-ads .motion-slot:nth-child(4){grid-column:1}.cover-ads .motion-slot:nth-child(5){grid-column:2}.cover-events h2{font-size:clamp(66px,21vw,112px)}.cover-events .cover-montage{gap:12px}.cover-events .motion-slot:nth-child(2){margin-top:14%}.cover-ronix{min-height:595px;padding:32px 26px}.cover-ronix .project-cover-copy{max-width:100%;padding:0}.cover-ronix h2{font-size:clamp(62px,17vw,90px)}.cover-ronix .project-cover-copy p{font-size:19px;max-width:20ch;margin-top:18px}.ronix-scene img{object-position:61% 50%}.ronix-scene:after{background:linear-gradient(180deg,#dbe1cdde,transparent 57%)}.case-brief{padding:30px 26px 34px;grid-template-columns:1fr;gap:23px}.brief-column h3,.case-result h3{font-size:21px;margin-bottom:10px}.brief-column p,.case-result p{font-size:15px;line-height:1.45}.case-result{display:block;grid-column:auto;padding-top:20px}.work-entry+.work-entry{margin-top:25px}.work-scene{padding:30px 18px 26px}.work-heading{display:block;margin:0 8px 24px}.work-heading h3{font-size:30px;max-width:18ch}.work-heading p{font-size:14px;text-align:left;max-width:30ch;margin-top:12px;padding:0}.composition{gap:8px}.art{border-radius:8px}.editorial-composition{grid-template-columns:1fr 1fr;align-items:center}.editorial-composition .motion-slot:nth-child(even){margin-top:14%}.five-composition{grid-template-columns:1fr 1fr}.five-composition .lead-slot{grid-row:auto;grid-column:1/-1;width:74%;justify-self:center;margin-bottom:8px}.seven-composition{grid-template-columns:repeat(2,minmax(0,1fr))}.seven-composition .lead-slot{grid-row:auto;grid-column:1/-1;width:74%;justify-self:center;margin-bottom:8px}.six-composition{grid-template-columns:repeat(2,minmax(0,1fr))}.three-square{grid-template-columns:1fr 1fr}.three-square .lead-slot{grid-column:1/-1}.six-square{grid-template-columns:1fr 1fr}.three-posters{grid-template-columns:1fr 1fr}.three-posters .motion-slot:nth-child(2){grid-column:1/-1;grid-row:1;width:75%;justify-self:center;margin-bottom:8px}.brand-composition{gap:10px}.brand-main-slot{grid-row:auto;grid-column:1/-1}.brand-composition .art{border-radius:6px}.project-details{margin:14px 26px 0}.project-details summary{font-size:14px;padding:11px 17px;min-height:43px}.project-details>p{font-size:15px;padding:20px}.case-end{display:block;margin:20px 26px}.case-end .text-link{margin-top:18px;font-size:15px}.stream-scene{padding:30px 0 20px}.stream-heading{padding:0 26px 20px;align-items:flex-start}.stream-heading h3{font-size:28px}.stream-heading p{font-size:14px;margin-top:12px}.stream-toggle{width:40px;height:40px;min-height:40px;padding:0;justify-content:center}.stream-toggle span{display:none}.marquee-track{gap:12px;padding:0 20px}.marquee-card{width:200px}.marquee-card.is-lowered{padding-top:28px}.telegram-channel{display:block;padding:36px 26px;min-height:0;margin-top:48px}.telegram-copy h2{font-size:39px;margin:20px 0}.telegram-copy>p:not(.eyebrow){font-size:16px}.desktop-break{display:none}.channel-wordmark{display:block;font-size:46px;padding:28px 0;margin-top:42px}.channel-wordmark span{font-size:15px}.channel-wordmark svg{bottom:30px}.about{display:flex;flex-direction:column;padding:32px 26px;gap:30px}.about>.motion-slot{width:100%}.about-photo{border-radius:16px}.about-copy h2{font-size:33px}.about-copy>p:not(.eyebrow){font-size:16px}.proof strong{font-size:52px}.proof{gap:32px}.reviews{padding:42px 0 28px}.section-heading{gap:18px}.section-heading h2{font-size:29px}.review-controls{gap:6px}.review-controls button{width:38px;height:38px}.review-controls svg{width:18px;height:18px}.review{flex-basis:87%;padding:26px;min-width:0;border-radius:28px}.review-track{padding-top:26px}.review-quotes p{font-size:17px}.services{display:block;padding:28px 26px 38px}.services>div:last-child{margin-top:32px}.service summary{font-size:20px;gap:15px}.service>p{font-size:15px}.contact{padding:65px 26px}.contact h2{font-size:43px}.contact-copy>p:not(.eyebrow){font-size:17px}.footer-contact{flex-direction:column;gap:14px;font-size:15px}.footer-bottom{font-size:12px;align-items:flex-start}.zoom-sign{width:29px;height:29px;right:7px;bottom:7px}.zoom-sign svg{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scrub-enabled [data-enter]{opacity:1!important;transform:none!important}.brand-motion{transform:none!important}}

/* Full-resolution gallery */
.lightbox{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden}
.lightbox::backdrop{background:#090e19ed;backdrop-filter:blur(12px)}
.lightbox[open]{display:block}
.lightbox-stage{position:absolute;inset:0;display:grid;place-items:center;padding:88px 96px 64px;touch-action:none;overscroll-behavior:contain;overflow:hidden}
.lightbox-image{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 152px);border-radius:24px;user-select:none;-webkit-user-drag:none;cursor:zoom-in;transform-origin:center}
.lightbox.is-zoomed .lightbox-image{cursor:grab}
.lightbox-btn{position:absolute;z-index:3;width:56px;height:56px;border-radius:50%;background:#ffffff30;color:#fff;display:grid;place-items:center}
.lightbox-close{top:max(20px,env(safe-area-inset-top));right:20px;width:72px;height:72px;background:white;color:#111b2c}
.lightbox-close svg{width:30px;height:30px}
.lightbox-prev{left:20px;top:calc(50% - 28px)}
.lightbox-next{right:20px;top:calc(50% - 28px)}
.lightbox-bottom{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:90px;right:90px;display:flex;justify-content:center;align-items:center;gap:18px;color:#fff;font-size:14px}
.lightbox-reset{display:none;background:#ffffff18;color:white;border:1px solid #ffffff55;border-radius:30px;padding:8px 14px}
.lightbox.is-zoomed .lightbox-reset{display:block}
.lightbox.is-zoomed .lightbox-hint{display:none}
.lightbox.is-loading .lightbox-image{opacity:.35}
.lightbox-count{font-variant-numeric:tabular-nums;white-space:nowrap}
.lightbox-btn:hover{background:#ffffff50}
.lightbox-close:hover{background:#e8edf7}
@media (max-width:859.98px){.lightbox-stage{padding:100px 12px 84px}.lightbox-image{max-height:calc(100dvh - 184px);border-radius:18px}.lightbox-close{width:56px;height:56px;top:max(16px,env(safe-area-inset-top));right:16px}.lightbox-close svg{width:26px;height:26px}.lightbox-prev,.lightbox-next{top:auto;bottom:max(16px,env(safe-area-inset-bottom));width:48px;height:48px}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-bottom{bottom:max(30px,env(safe-area-inset-bottom));left:75px;right:75px;font-size:13px;gap:12px}.lightbox-hint{display:none}.lightbox-reset{font-size:11px;padding:6px 9px}.lightbox.is-zoomed .lightbox-count{display:none}}

.lightbox-image{border-radius:10px}

.cover-ronix>.motion-slot{position:absolute;inset:0;z-index:0}.marquee-viewport{overflow-anchor:none}
@media(min-width:860px){.cover-ads{grid-template-columns:.8fr 1.4fr}.cover-ads .cover-montage{grid-template-columns:2.04fr 1fr 1fr;gap:12px}.cover-ads .lead-slot{grid-column:auto;grid-row:span 2}.cover-ads .motion-slot:nth-child(4){grid-column:auto}.five-composition{grid-template-columns:calc((100% - 15px)/2) 1fr 1fr}.seven-composition{grid-template-columns:calc(40% - 9px) 1fr 1fr 1fr}}
@media(max-width:859.98px){.cover-ads .cover-montage{grid-template-columns:1fr 1fr}.cover-ads .lead-slot{grid-column:1/-1;grid-row:auto}.cover-ads .motion-slot:nth-child(4),.cover-ads .motion-slot:nth-child(5){grid-column:auto}}
/* Category hierarchy and grouped case covers. */
.category-intro{padding:54px var(--pad) 20px}.category-index{font-size:13px;color:#6a7382;letter-spacing:.015em;margin-bottom:16px}.category-intro h2{font-size:clamp(46px,5.2vw,78px);letter-spacing:-.055em;max-width:16ch}.category-description{font-size:19px;color:#505968;margin-top:20px;max-width:50ch}.social-subnav{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.social-subnav a{display:inline-flex;align-items:center;gap:18px;font-size:15px;padding:13px 20px;border-radius:30px;background:#edf1f7}.social-subnav svg{width:17px;height:17px}.social-subsection{scroll-margin-top:90px}.social-subsection+.social-subsection{margin-top:64px}.subsection-heading{display:flex;align-items:baseline;gap:16px;padding:0 var(--pad) 26px}.subsection-heading>span{font-size:14px;color:#6c7686}.subsection-heading h3{font-size:38px}.case-overview{border-radius:18px}.case-overview .art-motion{border-radius:inherit}.gallery-caption{display:flex;align-items:center;gap:10px;padding-top:18px;font-size:15px;color:#414b5b}.gallery-caption>span{font-size:12px;display:grid;place-items:center;min-width:28px;height:26px;padding:0 8px;border-radius:20px;background:#ffffffb3;color:#566175}.gallery-caption>svg{width:18px;height:18px;margin-left:auto}.work-scene .case-overview img{width:100%;height:auto;object-fit:contain}.case-end{justify-content:flex-start}
/* Three deliberate steps, with an emphasized outcome. */
ol.case-brief{list-style:none;margin:0;padding:36px var(--pad) 48px;gap:30px 7%}.case-brief h3{display:flex;align-items:center;gap:13px;font-size:22px;line-height:1.15}.case-brief .step-index{display:grid;place-items:center;flex:none;min-width:32px;height:32px;margin:0;border-radius:50%;font-size:12px;font-weight:500;background:#edf0f5;color:#3d485a;font-variant-numeric:tabular-nums}.case-brief .brief-column p{padding-left:45px;font-size:16px;line-height:1.5}.case-brief .case-result{display:grid;grid-template-columns:1fr 1.65fr;gap:24px;align-items:start;padding:28px 30px;border:0;border-radius:28px;background:linear-gradient(120deg,#1c2d45,#36445d);color:#fff}.case-brief .case-result h3{margin:0;color:#fff}.case-brief .case-result .step-index{color:#fff;background:#ffffff26}.case-brief .case-result p{font-size:18px;line-height:1.4;color:#fff}.branding-project .case-result{background:linear-gradient(120deg,#293b2c,#4a5947)}.events-project .case-result{background:linear-gradient(120deg,#3c3454,#625675)}
/* Text and image occupy separate areas; the ring never runs behind the copy. */
.cover-ronix{display:grid;grid-template-columns:.88fr 1.12fr;gap:0;align-items:stretch;padding:0;min-height:0;margin-top:24px;background:transparent}.cover-ronix .section-surface{background:#e0e5d5}.cover-ronix>.ronix-image-slot{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:0;min-width:0}.cover-ronix .ronix-scene{position:relative;inset:auto;width:100%;height:100%;min-height:560px;overflow:hidden}.cover-ronix .ronix-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 52%}.cover-ronix .ronix-scene:after{display:none}.cover-ronix .ronix-copy{grid-column:1;grid-row:1;align-self:center;max-width:none;padding:50px 22px 50px var(--pad)}.cover-ronix h2{font-size:clamp(64px,6.2vw,94px);letter-spacing:-.06em}.cover-ronix .ronix-copy p{font-size:19px;line-height:1.4;color:#34432f;margin-top:26px;max-width:25ch}
/* The loop is a transform animation on one layer; its children remain stable. */
.stream-scene{padding-bottom:36px}.stream-heading h4{font-size:clamp(30px,3vw,46px);font-weight:500;line-height:1.06;letter-spacing:-.045em;margin:0}.stream-heading p{max-width:34ch}.marquee-viewport{overflow-x:auto;overflow-y:hidden;padding:8px 0 18px;touch-action:auto;overflow-anchor:none}.has-marquee .marquee-viewport{overflow-x:hidden;touch-action:pan-y}.marquee-track{display:flex;width:max-content;gap:0;padding:0;transform:translate3d(0,0,0)}.has-marquee .marquee-track{will-change:transform}.marquee-set{display:flex;flex:none;gap:20px;padding:0 20px 0 0}.marquee-mirror{display:none}.has-marquee .marquee-mirror{display:flex}.marquee-card{width:clamp(600px,65vw,1040px);padding:0!important;flex:none}.marquee-card h4{font-size:19px;line-height:1.25;font-weight:400;letter-spacing:-.02em;margin:0 0 16px;padding-left:2px;min-height:24px}.marquee-card .case-overview{border-radius:14px}.marquee-card .gallery-caption{padding:16px 10px 0}.stream-descriptions{display:flex;flex-wrap:wrap;gap:12px;padding:18px var(--pad) 0}.stream-descriptions .project-details{margin:0;min-width:0}.stream-descriptions .project-details[open]{flex-basis:100%}.telegram-compact{display:block;min-height:0;padding:60px var(--pad)}.telegram-compact .telegram-copy{max-width:820px}.telegram-compact .telegram-copy h2{max-width:20ch}.telegram-compact .telegram-copy h2 br{display:none}
@media(max-width:859.98px){.category-intro{padding:32px 26px 12px}.category-index{font-size:12px;margin-bottom:12px}.category-intro h2{font-size:clamp(38px,10.5vw,56px);line-height:1.04}.category-description{font-size:16px;line-height:1.4;margin-top:16px}.social-subnav{gap:8px;margin-top:22px}.social-subnav a{font-size:14px;padding:12px 17px;gap:13px}.social-subsection{scroll-margin-top:78px}.social-subsection+.social-subsection{margin-top:38px}.subsection-heading{padding:0 26px 22px;gap:12px}.subsection-heading h3{font-size:30px}.subsection-heading>span{font-size:12px}.case-overview{border-radius:10px}.gallery-caption{font-size:13px;padding-top:13px}.work-scene{padding:28px 14px 24px}.work-heading{margin:0 12px 23px}.work-heading h3{font-size:29px}.work-heading p{font-size:14px}.case-brief{grid-template-columns:1fr}ol.case-brief{padding:26px 26px 34px;gap:25px}.case-brief h3{font-size:21px;gap:12px;margin-bottom:12px}.case-brief .step-index{min-width:30px;height:30px;font-size:12px}.case-brief .brief-column p{padding-left:0;font-size:15px}.case-brief .case-result{display:block;padding:24px 22px;border-radius:24px}.case-brief .case-result p{font-size:16px;line-height:1.45;margin-top:16px}.cover-ronix{display:flex;flex-direction:column;margin-top:20px;min-height:0;padding:0;background:transparent}.cover-ronix .ronix-copy{order:0;padding:32px 28px 26px;width:100%;align-self:auto}.cover-ronix h2{font-size:clamp(60px,16vw,88px);line-height:.96;margin:0}.cover-ronix .ronix-copy p{font-size:16px;line-height:1.4;margin-top:20px;max-width:29ch}.cover-ronix>.ronix-image-slot{position:relative;inset:auto;order:1;min-height:0;width:100%;aspect-ratio:1920/1681}.cover-ronix .ronix-scene{height:auto;min-height:0}.cover-ronix .ronix-scene img{position:static;width:100%;height:auto;object-fit:contain}.stream-scene{padding:28px 0 24px}.stream-heading{padding:0 26px 22px}.stream-heading h4{font-size:29px}.stream-heading p{font-size:14px}.marquee-card{width:calc(100vw - 48px);max-width:510px}.marquee-card h4{font-size:16px;padding:0 8px;min-height:40px;max-width:28ch;margin-bottom:10px}.marquee-set{gap:14px;padding-right:14px}.marquee-card .case-overview{border-radius:10px}.marquee-card .gallery-caption{padding:14px 10px 0;font-size:13px}.stream-descriptions{padding:14px 26px 0;gap:10px;display:block}.stream-descriptions .project-details+.project-details{margin-top:10px}.stream-descriptions .project-details summary{font-size:13px;max-width:100%}.stream-descriptions summary svg{flex:none}.telegram-compact{padding:38px 26px}.telegram-compact .telegram-copy h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.has-marquee .marquee-track{transform:none!important;will-change:auto}.has-marquee .marquee-viewport{overflow-x:auto;touch-action:auto}.has-marquee .marquee-mirror{display:none}}

/* Shared spacing: section, block, copy, and artwork rhythm. */
:root{--pad:clamp(32px,4vw,64px);--section-space:clamp(64px,6vw,96px);--block-space:32px;--copy-space:16px;--art-gap:16px}
html{scroll-padding-top:24px}
.project-switcher{padding:var(--copy-space) 0;isolation:auto}
.project-group{margin-top:var(--section-space);scroll-margin-top:24px}
.project-group+.project-group{margin-top:var(--section-space)}
.category-intro{padding:0 var(--pad);margin-bottom:var(--block-space)}
.category-description{margin-top:var(--copy-space)}
.social-subnav{margin-top:var(--block-space);gap:var(--copy-space)}
ol.case-brief{margin:0 0 var(--block-space);padding:0 var(--pad);gap:var(--block-space)}
.case-brief .case-result{padding:var(--block-space);gap:var(--block-space)}
.social-subsection{scroll-margin-top:24px}
.social-subsection+.social-subsection{margin-top:var(--section-space)}
.subsection-heading{padding:0 var(--pad);margin-bottom:var(--block-space)}
.work-entry+.work-entry{margin-top:var(--block-space)}
.work-scene{padding:var(--pad)}
.work-heading{margin:0 0 var(--block-space);gap:var(--block-space)}
.work-heading p{padding:0}
.gallery-caption{padding-top:var(--copy-space)}
.project-details{margin:var(--copy-space) var(--pad) 0}
.project-details>p{margin-top:var(--copy-space);padding:var(--block-space)}
.case-end{margin:var(--copy-space) var(--pad) 0;gap:var(--block-space)}
.cover-ronix{margin:0 0 var(--block-space)}
.cover-ronix .ronix-copy{padding:var(--pad)}
.cover-ronix .ronix-copy p{margin-top:var(--block-space)}
.telegram-compact,.about,.services,.contact{margin-top:var(--section-space);padding:var(--pad)}
.reviews{margin-top:var(--section-space);padding:0}
.review-track{gap:var(--copy-space);padding:var(--block-space) var(--pad) 0;scroll-padding-inline:var(--pad)}
.services{gap:var(--pad)}
.service>p{padding-left:0}
footer{padding:var(--block-space) var(--pad)}
/* A single Reels collection made from individual images. */
.stream-scene{padding:var(--pad) 0}
.stream-heading{padding:0 var(--pad);margin:0 0 var(--block-space);gap:var(--copy-space)}
.stream-heading>p{margin:0;max-width:36ch;font-size:16px;line-height:1.4}
.marquee-viewport{margin-inline:var(--pad);padding:8px 0;border-radius:12px}
.marquee-set{align-items:stretch;gap:var(--art-gap);padding-right:var(--art-gap)}
.marquee-card{width:clamp(212px,18vw,264px);max-width:none}
.individual-art{border-radius:12px}
.marquee-card .individual-art{aspect-ratio:9/16}
.individual-art .art-motion{height:100%}
.individual-art img{width:100%;height:100%;object-fit:contain}
.collection-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:var(--block-space)}
.stream-scene .collection-footer{padding-inline:var(--pad)}
.collection-footer .text-link{padding:8px 0;background:transparent;min-height:44px}
/* One advertising collection, with no repeated case titles. */
.ad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--art-gap);align-items:start}
.ad-grid .individual-art{aspect-ratio:1}
@media(min-width:1100px){.ad-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ad-grid>.motion-slot:nth-last-child(-n+2){grid-column:span 2}}
@media(max-width:859.98px){
 :root{--pad:24px;--section-space:56px;--block-space:24px;--copy-space:16px;--art-gap:12px}
 .case-nav{padding:var(--block-space) var(--pad) 0;gap:24px}
 .filters{padding-inline:var(--pad)}
 .work-heading p{margin-top:var(--copy-space)}
 .case-brief .case-result{padding:var(--block-space)}
 .cover-ronix .ronix-copy{padding:var(--pad)}
 .stream-heading>p{font-size:14px;max-width:26ch}
 .marquee-card{width:clamp(172px,56vw,240px);max-width:none}
 .individual-art{border-radius:8px}
 .collection-footer{margin-top:var(--copy-space)}
 .collection-footer .text-link{font-size:14px}
 .services>div:last-child{margin-top:var(--block-space)}
 .about{gap:var(--block-space)}
 .telegram-copy h2{margin-block:var(--block-space)}
}

/* v10 — one category surface, smaller individually selectable compositions. */
:root{--collection-inset:20px;--work-pad:calc(var(--pad) - var(--collection-inset));--work-radius:clamp(38px,4.5vw,66px);--art-gap:12px;--hover-ease:cubic-bezier(.2,.7,.2,1)}
.project-group{position:relative;isolation:isolate;padding-block:var(--pad);border-radius:var(--radius);--category-top:#d6dde8;--category-mid:#eef1f5}
.category-surface{position:absolute;inset:0;height:100%;border-radius:inherit;background:linear-gradient(180deg,var(--category-top) 0%,var(--category-mid) 42%,var(--category-mid) 72%,transparent 100%);z-index:-1;pointer-events:none}
.ads-project{--category-top:#ead9d5;--category-mid:#f7efec}
.events-project{--category-top:#dcd6ec;--category-mid:#f1eef8}
.branding-project{--category-top:#f2f4eb;--category-mid:#fafbf6}
.project-group>.work-collection{margin-inline:var(--collection-inset)}
.project-group .work-scene{padding:var(--work-pad);border-radius:var(--work-radius);--work-top:#e2e5eb;--work-base:#f9fafb}
.project-group .work-scene>.section-surface{background:linear-gradient(160deg,var(--work-top),var(--work-base) 78%)}
.project-group .tone-blue{--work-top:#d7e4ef;--work-base:#f6f9fc}
.project-group .tone-neutral{--work-top:#e0e2e5;--work-base:#fafafa}
.project-group .tone-warm{--work-top:#e5dbd3;--work-base:#fbf8f5}
.project-group .tone-lime{--work-top:#e0e5cd;--work-base:#f9faf5}
.project-group .tone-moss{--work-top:#f8eee8;--work-base:#fffcfa}
.project-group .tone-events{--work-top:#f2edf9;--work-base:#fdfcfe}
.project-group .tone-olive{--work-top:#dfe2cf;--work-base:#fafaf5}
/* Social work surfaces share the original Reels palette. */
.social-project .work-scene{--work-top:#e2e5eb;--work-base:#f9fafb}
.project-group .subsection-heading{padding-inline:var(--work-pad)}
.project-group .work-heading{max-width:960px;margin-inline:auto}
.project-group .project-details{margin-inline:var(--work-pad)}
.project-group .case-end{margin-inline:var(--work-pad)}
.social-subnav a{background:#ffffffad;transition:background .25s,box-shadow .3s,transform .3s var(--hover-ease)}
.ads-project .case-result{background:linear-gradient(120deg,#4a3335,#705252)}
.case-grid{display:grid;align-items:start;gap:var(--art-gap);width:100%;max-width:960px;margin-inline:auto}
.case-grid-5{grid-template-columns:calc((100% - 1.25 * var(--art-gap))/2) repeat(2,minmax(0,1fr))}
.case-grid-7{grid-template-columns:calc(40% - .75 * var(--art-gap)) repeat(3,minmax(0,1fr))}
.case-grid-5>.lead-slot,.case-grid-7>.lead-slot{grid-row:span 2}
.case-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-grid .individual-art{overflow:hidden;border-radius:10px}
.case-grid .individual-art img{width:100%;height:auto;object-fit:contain}
.case-grid .art-motion{height:auto}
.case-grid-brand{display:flex;flex-direction:column}
.brand-row{display:flex;align-items:flex-start;gap:var(--art-gap);width:100%}
.brand-row>.motion-slot{flex:var(--slide-ratio) 1 0;min-width:0}
.brand-row .individual-art{border-radius:8px}
.project-group .collection-footer{max-width:960px;margin-inline:auto}
/* Keep artwork full-frame; motion is clipped inside each small radius. */
.individual-art{overflow:hidden}
.individual-art .art-motion{transform:translate3d(0,0,0);transition:transform .45s var(--hover-ease)}
/* A soft edge replaces the cut between the Ronix photograph and its title. */
.project-group>.cover-ronix{margin-inline:var(--collection-inset);border-radius:var(--work-radius);grid-template-columns:1fr 1.12fr;min-height:0}
.cover-ronix .section-surface{background:linear-gradient(110deg,#e5e8d9 0%,#d7ddc8 60%,#cbd2b9 100%)}
.cover-ronix>.ronix-image-slot{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%)}
.cover-ronix .ronix-copy{padding:var(--pad) var(--work-pad);color:#263020}
.cover-ronix h2{font-size:clamp(60px,6vw,88px);line-height:.98;overflow-wrap:normal}
.cover-ronix .ronix-copy p{font-size:18px;color:#35422d;max-width:26ch}
.cover-ronix .ronix-scene{min-height:480px}
.cover-ronix .ronix-scene img{object-position:60% 50%}
/* Mobile strips fit several covers; ads form two counter-moving rows. */
.project-group .stream-scene{padding:var(--work-pad) 0}
.project-group .stream-heading{padding-inline:var(--work-pad)}
.project-group .stream-scene .collection-footer{padding-inline:var(--work-pad);max-width:none}
.project-group .marquee-viewport{margin-inline:var(--work-pad);padding:4px 0;border-radius:10px}
.marquee-card{width:clamp(196px,16vw,244px)}
.ads-stream .marquee-card{width:clamp(200px,18vw,280px)}
.ads-stream .individual-art{aspect-ratio:1}
.ad-rows{display:grid;gap:var(--art-gap)}
.marquee-set{gap:var(--art-gap);padding-right:var(--art-gap)}
.marquee-viewport .individual-art{border-radius:10px}
.stream-toggle{transition:background .25s,box-shadow .3s,transform .3s var(--hover-ease)}
/* Stable hit areas: only the icon/label animates on hover. */
.socials a{transform:none;transition:background .25s,color .25s,box-shadow .3s}
.social-icon{display:grid;place-items:center;transform:translate3d(0,0,0) scale(1);transform-origin:50% 50%;transition:transform .3s var(--hover-ease)}
.case-nav a{position:relative;transition:color .25s}
.nav-label{display:block;transform:translate3d(0,0,0);transition:transform .3s var(--hover-ease)}
.case-nav a:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .3s var(--hover-ease)}
.filters{padding-block:6px 10px}
.filters button{transform:translate3d(0,0,0);transition:background .25s,color .25s,box-shadow .3s,transform .3s var(--hover-ease)}
.filters button:active{transform:translate3d(0,0,0) scale(.97)}
.telegram-copy h2{text-wrap:balance}
@media(hover:hover) and (pointer:fine){
 .individual-art:hover .art-motion{transform:scale(1.025);box-shadow:none}
 .socials a:hover{transform:none;box-shadow:0 6px 18px -10px #17233866}
 .socials a:hover .social-icon{transform:translate3d(0,0,0) scale(1.08)}
 .case-nav a:hover .nav-label{transform:translate3d(0,-2px,0)}
 .case-nav a:hover:after{transform:scaleX(1)}
 .filters button:hover{transform:translate3d(0,-3px,0);box-shadow:0 8px 18px -12px #25304680;background:#e1e6ed}
 .filters button[aria-pressed=true]:hover{background:#273246}
 .filters button:active{transform:translate3d(0,0,0) scale(.97)}
 .social-subnav a:hover,.stream-toggle:hover{transform:translate3d(0,-2px,0);background:#fff;box-shadow:0 8px 18px -12px #25304666}
}
@media(max-width:859.98px){
 :root{--collection-inset:12px;--work-radius:32px;--art-gap:8px}
 .project-group{padding-block:32px}
 .project-group .work-scene{padding-block:24px}
 .project-group .work-heading{margin-bottom:24px;gap:0}
 .project-group .work-heading h3{font-size:28px}
 .case-grid .individual-art,.brand-row .individual-art{border-radius:6px}
 .case-grid .zoom-sign{width:26px;height:26px;right:6px;bottom:6px}
 .project-group>.cover-ronix{display:flex;flex-direction:column}
 .cover-ronix .ronix-copy{padding:28px var(--work-pad) 8px}
 .cover-ronix h2{font-size:clamp(58px,16vw,82px);line-height:.98}
 .cover-ronix .ronix-copy p{font-size:16px;margin-top:20px;max-width:28ch}
 .cover-ronix>.ronix-image-slot{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 28%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 28%,#000 100%)}
 .cover-ronix .ronix-scene{min-height:0}
 .marquee-card{width:clamp(100px,27vw,148px)}
 .ads-stream .marquee-card{width:clamp(136px,40vw,200px)}
 .project-group .stream-heading{gap:12px;align-items:flex-start;margin-bottom:20px}
 .stream-heading>p{font-size:13px;max-width:24ch}
 .stream-toggle{font-size:12px;padding:10px 12px;gap:5px;min-height:40px}
 .marquee-viewport .individual-art{border-radius:7px}
 .case-nav{gap:clamp(14px,5vw,24px);font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .individual-art .art-motion,.social-icon,.nav-label,.filters button,.social-subnav a,.stream-toggle,.case-nav a:after{transition:none!important;transform:none!important}
 .has-marquee .marquee-track{transform:none!important;will-change:auto}
 .has-marquee .marquee-viewport{overflow-x:auto;touch-action:auto}
 .has-marquee .marquee-mirror{display:none}
}

/* v13: a shared quiet surface for the three steps; only the outcome is circled. */
.project-group ol.case-brief{margin:0 var(--collection-inset) var(--block-space);padding:var(--work-pad);border:1px solid #ffffff85;border-radius:var(--work-radius);background:linear-gradient(135deg,#ffffff9e,#ffffff70);gap:var(--block-space)}
.case-brief h3{gap:12px}
.case-brief .brief-column .step-index{min-width:0;width:auto;height:auto;padding:0;border-radius:0;background:none;color:#78818e;line-height:1;letter-spacing:0}
.case-brief .brief-column p{padding-left:0}
.case-brief .case-result{align-items:center}
.case-brief .case-result .step-index{display:inline-grid;place-items:center;width:32px;min-width:32px;height:32px;padding:0;margin:0;line-height:1;letter-spacing:0;text-align:center}
.case-brief .step-index .step-digit{display:block;margin:0;padding:0;font:inherit;color:inherit;letter-spacing:0;line-height:1;transform:translateY(.5px)}
.socials a{padding:0;line-height:1}
.social-icon{width:28px;height:28px;line-height:0;transform-origin:center}
.socials .brand-icon{display:block;width:23px;height:23px;fill:currentColor;stroke:none;overflow:visible}
.socials .brand-icon-telegram{width:22px;height:22px}
.gallery-caption>span{line-height:1;letter-spacing:0;text-align:center}
@media(max-width:859.98px){
 .project-group ol.case-brief{padding:20px;gap:24px;border-radius:var(--work-radius)}
 .case-brief .case-result{padding:22px 20px}
 .case-brief .case-result .step-index{width:30px;min-width:30px;height:30px}
}

/* Swiping adds to the continuous loop; vertical gestures stay native. */
.has-marquee .marquee-viewport{touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none}
.has-marquee .marquee-viewport.is-dragging{cursor:grabbing}
.has-marquee .marquee-viewport img{-webkit-user-drag:none}
@media(prefers-reduced-motion:reduce){.has-marquee .marquee-viewport{touch-action:auto}}