/* limonocode — глубокая версия + лимон #E6FF32 и сирень #A186F7. Движение: готический минимализм — стрельчатая арка и тонкие нервюры. Только clip-path/transform. */
:root{--violet:#A186F7;--slow:1.1s;--arch:cubic-bezier(.7,0,.2,1)}
/* палитра: сирень только у «продаётся» и «новое» */
.sale,.new{background:var(--violet);color:var(--ink)}
.fn{font-size:.78rem;line-height:1.35;opacity:.8;margin:.6rem 0 0;max-width:60ch}
.strip .frame{opacity:1!important;transform:none!important}
.foot a{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:700px){
 .top{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0}
 .top>a:first-child{width:auto;flex:0 0 auto}
 .top nav{flex:1 0 100%;order:2;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0 1rem;mask-image:linear-gradient(90deg,#000 85%,transparent)}
 .top nav::-webkit-scrollbar{display:none}.top nav a{white-space:nowrap;flex:none}
 [id]{scroll-margin-top:7.5rem}
}
/* ——— движение: стрельчатая арка, один раз за визит, только заголовки ——— */
@keyframes arch{
 0%{clip-path:polygon(0 100%,0 100%,50% 100%,100% 100%,100% 100%)}
 55%{clip-path:polygon(0 100%,0 38%,50% 0,100% 38%,100% 100%)}
 100%{clip-path:polygon(0 100%,0 0,50% 0,100% 0,100% 100%)}}
html.js-motion .hero h1{animation:arch .55s var(--arch) both}
html.js-motion.io .strip h2,html.js-motion.io .band h2,html.js-motion.io .years h2{clip-path:polygon(0 100%,0 100%,50% 100%,100% 100%,100% 100%)}
html.js-motion .in h2{animation:arch .55s var(--arch) both}
:target h2{box-shadow:inset .3em 0 0 var(--lemon)}
#streetstyletoday>div{container-type:inline-size;min-width:0}
#streetstyletoday h2{font-size:min(var(--step-strip),7.2cqi)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{*{animation:none!important;clip-path:none!important;transform:none!important}}