/* pro-121: размещение на shikari.pro. CSP (style-src 'self') отбрасывает style="--ax…/--mx…", поэтому позиции спрайтов — классами. */
.app-1{--ax:0%;--ay:0%}.app-2{--ax:100%;--ay:0%}.app-3{--ax:0%;--ay:100%}.app-4{--ax:100%;--ay:100%}
.art-0{--mx:0%;--my:0%}.art-1{--mx:33.3333%;--my:0%}.art-2{--mx:66.6667%;--my:0%}.art-3{--mx:100%;--my:0%}
.art-4{--mx:0%;--my:50%}.art-5{--mx:33.3333%;--my:50%}.art-6{--mx:66.6667%;--my:50%}.art-7{--mx:100%;--my:50%}
.art-8{--mx:0%;--my:100%}.art-9{--mx:33.3333%;--my:100%}.art-10{--mx:66.6667%;--my:100%}.art-11{--mx:100%;--my:100%}
/* Строка-eyebrow перенесена внутрь H1 (ключевой запрос в заголовке) — визуально на прежнем месте. */
.hero h1{margin-top:0}
.hero h1 .eyebrow{line-height:1.4;font-style:normal;margin-bottom:35px}
@media(max-width:760px){.hero h1 .eyebrow{margin-bottom:30px}}
/* pro-122: кнопки — полупрозрачное «стекло» с размытием фона; символы-стрелки (на iOS выводились эмодзи) убраны из текста,
   оставшиеся значки нарисованы CSS: лупа в поиске, точки в ленте, линия «листать вниз». */
.button,.card button,.filters button,.weave-tabs button,.close,.project-open b{-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);transition:transform .2s,background .2s,border-color .2s,color .2s}
.button{justify-content:center;gap:0}
.primary,.card button[data-add]{background:rgba(168,112,76,.42);color:#fff;border-color:rgba(232,190,155,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 30px rgba(0,0,0,.28)}
.primary:hover,.card button[data-add]:hover{background:rgba(189,139,101,.62);color:#fff;border-color:rgba(240,205,175,.6)}
.outline,.card button{background:rgba(255,255,255,.05);color:#ead8c6;border-color:rgba(232,200,170,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.outline:hover,.card button:hover{background:rgba(255,255,255,.11);color:#ffe7d1;border-color:rgba(232,200,170,.42)}
.download .primary{background:rgba(199,149,108,.5);color:#fff;border-color:rgba(240,205,175,.5)}
.filters button,.feature .weave-tabs button{background:rgba(255,255,255,.04);border-color:rgba(232,200,170,.2);color:#d8c9ba}
.filters button:hover,.filters button.active,.feature .weave-tabs button[aria-selected=true]{background:rgba(168,112,76,.5);border-color:rgba(232,190,155,.5);color:#fff}
.close{background:rgba(30,26,22,.45);border-color:rgba(232,200,170,.32);color:#f1e2d3}
.project-open b{background:rgba(168,112,76,.6);box-shadow:inset 0 0 0 1px rgba(240,205,175,.35)}
.ribbon b{width:5px;height:5px;border-radius:50%;background:#d6ad89;opacity:.75;flex:none}
.search span.search-icon{position:relative;flex:none;width:17px;height:17px;border:1.5px solid #d0a17c;border-radius:50%;margin-right:4px}
.search span.search-icon::after{content:'';position:absolute;width:7px;height:1.5px;background:#d0a17c;right:-6px;bottom:-2px;transform:rotate(45deg);border-radius:1px}
.hero-bottom a.scroll-cue{position:relative;display:block;width:1px;height:34px;background:linear-gradient(#d0a17c00,#d0a17c);overflow:hidden}
.hero-bottom a.scroll-cue::after{content:'';position:absolute;left:0;top:-12px;width:1px;height:12px;background:#fff;animation:cue 1.8s ease-in-out infinite}
@keyframes cue{to{top:34px}}
@media(prefers-reduced-motion:reduce){.hero-bottom a.scroll-cue::after{animation:none}}