/* phone speed: no blur behind hundreds of tiles, off-screen tiles are not painted, hero cards use cheaper effects */
.tile .badge,.tile .uses-chip,.tile-cap .badge{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.tile .badge,.tile .uses-chip{background:rgba(12,10,22,.74)!important}
.tile-card{content-visibility:auto;contain-intrinsic-size:auto 290px}
.tile img,.tile video{display:block}
.service-art img,.service-art video{will-change:auto}
@media(max-width:700px){
 .hero-all{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff26}
 body .services .slides .service:not([data-pos="0"]){filter:none;opacity:.88}
}

/* «Цифра на торте» field */
.age-field input{width:100%;box-sizing:border-box;min-height:44px;border-radius:14px;border:1px solid var(--line,#ffffff2e);background:var(--field,#ffffff10);color:inherit;font:inherit;padding:0 14px;margin-top:6px}
.age-field span{font-size:13px;opacity:.85}

/* full-screen viewer for «Мои работы» */
.viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;display:none;flex-direction:column}
.viewer[open]{display:flex}
.viewer::backdrop{background:#000}
.viewer-bar{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px}
.viewer-x{width:38px;height:38px;border-radius:50%;border:0;background:#ffffff26;color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer}
.viewer-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.viewer-save{padding:8px 14px;border-radius:999px;background:linear-gradient(115deg,#924bfa,#e54e9e);color:#fff;text-decoration:none;font-size:13px;font-weight:700}
.viewer-stage{flex:1;min-height:0;display:grid;place-items:center;padding-bottom:env(safe-area-inset-bottom)}
.viewer-stage img,.viewer-stage video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;touch-action:pinch-zoom}
.expand-wrap{position:relative;display:block}
.expand-wrap>video{display:block;width:100%}
.expand-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:0;background:#0009;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}
.expand-btn svg{width:20px;height:20px}
.viewer-stage video::-webkit-media-controls-fullscreen-button{display:none}
.age-field.age-missing input{border-color:#ff5c8a;box-shadow:0 0 0 3px #ff5c8a44}
