/* Studio — creatives: full photo with moving film grain, huge type, tilted marquee ribbon, masonry gallery */
body.l-studio{background:var(--bg)}
.l-studio .hero{position:relative;display:flex;align-items:flex-end;min-height:520px;overflow:hidden;text-align:left;background:#000}
.l-studio .cover{position:absolute;inset:0;height:auto;filter:saturate(.85) contrast(1.05)}
.l-studio .hero.no-cover .cover{background:conic-gradient(from 200deg at 70% 30%,var(--p),var(--s),#000,var(--p))}
.l-studio .hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 35%,#000d 92%)}
.l-studio .hero::after{content:"";position:absolute;inset:-50%;z-index:1;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E");animation:sd-grain .8s steps(4) infinite}
@keyframes sd-grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}100%{transform:translate(3%,3%)}}
.l-studio .id{position:relative;z-index:2;width:100%;padding:0 22px 92px;color:#fff}
.l-studio .avatar{width:56px;height:56px;margin:0 0 18px;border:2px solid #fff;font-size:22px}
.l-studio .kicker{display:block;margin:0 0 10px;color:var(--p);font:700 12px var(--fb);letter-spacing:.24em;text-transform:uppercase}
.l-studio .title{display:none}
.l-studio .hero h1{display:block;font:800 54px/.9 var(--fh);letter-spacing:-.04em;text-transform:uppercase;color:#fff}
.l-studio .company{color:#ffffffcc}.l-studio .tagline{color:#ffffffaa}
.l-studio .marq{display:block;position:absolute;left:-16px;right:-16px;bottom:26px;z-index:3;padding:11px 0;overflow:hidden;white-space:nowrap;background:var(--p);color:#0b0b0b;font:800 15px var(--fh);letter-spacing:.04em;text-transform:uppercase;transform:rotate(-2.5deg);box-shadow:0 10px 30px #0008}
.l-studio .marq span{display:inline-block;padding-left:12px;animation:sd-marq 22s linear infinite}
@keyframes sd-marq{to{transform:translateX(-50%)}}
.l-studio .act{border-radius:4px;background:var(--sf);border-color:#ffffff14}
.l-studio .act svg{color:var(--p)}.l-studio .act-wa{background:#1FA855;border-color:#1FA855}.l-studio .act-wa svg{color:#fff}
.l-studio .panel,.l-studio .item,.l-studio .svc label{background:var(--sf);border-color:#ffffff12;border-radius:4px}
.l-studio .blk>h2{font:800 30px/1 var(--fh);letter-spacing:-.03em;text-transform:uppercase;color:#fff}
.l-studio .blk>h2::after{content:".";color:var(--p)}
.l-studio .gallery{display:block;columns:2;column-gap:6px}.l-studio .gallery img{aspect-ratio:auto;margin-bottom:6px;border-radius:2px;transition:transform .4s}.l-studio .gallery a:hover img{transform:scale(1.03)}
.l-studio .btn,.l-studio .btn-save,.l-studio .add{border:0;border-radius:2px;background:var(--p);color:#0b0b0b!important;text-transform:uppercase;letter-spacing:.08em}
.l-studio .offer{border-radius:2px;background:var(--s);color:#0b0b0b}
.l-studio .foot a{color:#ffffff70}
.l-studio .hero+.actions{margin-top:12px}
.l-studio .kicker{text-shadow:0 1px 10px #000a}