:root{--ink:#17323a;--inkSoft:#4a636a;--paper:#ffffff;--sand:#f4f1ea;
 --line:#dcd7cc;--clay:#a8623c;--clayInk:#ffffff;--leaf:#2f6b5f;
 --body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
 --head:"Fraunces","Iowan Old Style",Georgia,serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--body)}
img{max-width:100%}
[hidden]{display:none!important}
a{color:var(--leaf)}
h1,h2,h3{font-family:var(--head);font-weight:600;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(30px,4.4vw,50px)}
h2{font-size:clamp(23px,2.6vw,32px)}
h3{font-size:17px;font-family:var(--body);font-weight:600;line-height:1.3}
p{margin:0 0 1em}

/* Полоса страницы одна на все блоки: ширина и гутер заданы ЗДЕСЬ и нигде
   больше не переопределяются — иначе секции разъезжаются по краям. */
.aim-wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.aim-sec{padding-block:clamp(38px,5vw,68px)}
.aim-sec--sand{background:var(--sand)}
.aim-sec--ink{background:var(--ink);color:var(--paper)}
.aim-sec--ink h2{color:var(--paper)}

/* Верхняя служебная строка: у образца здесь обещания доставки и возвратов —
   у нас их быть не может (§6), поэтому строка несёт только то, что правда:
   кто мы и когда обновлены цены. */
.aim-strip{background:var(--ink);color:var(--paper);font-size:13px;text-align:center;padding:9px 16px}
.aim-strip b{font-weight:600}

.aim-head{border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}
.aim-head-in{display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);padding-block:14px;flex-wrap:wrap}
.aim-logo{font-family:var(--head);font-size:24px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
.aim-logo small{display:block;font-family:var(--body);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--inkSoft);font-weight:500;margin-top:2px}
.aim-nav{display:flex;gap:clamp(10px,1.6vw,22px);flex-wrap:wrap;margin-left:auto}
.aim-nav a{color:var(--ink);text-decoration:none;font-size:14.5px;padding:6px 2px;border-bottom:2px solid transparent}
.aim-nav a:hover,.aim-nav a[aria-current]{border-bottom-color:var(--clay)}

/* Герой: текст слева, кадр справа; на телефоне кадр уходит под текст. */
.aim-hero{background:var(--ink);color:var(--paper)}
.aim-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(22px,4vw,54px);align-items:center;padding-block:clamp(22px,2.4vw,32px)}
.aim-hero .aim-shot{max-width:330px;margin-inline-start:auto;width:100%}
.aim-hero .aim-shot img{aspect-ratio:1/1;max-height:330px}
.aim-hero h1{color:var(--paper);max-width:22ch;font-size:clamp(28px,3.6vw,42px)}
.aim-hero p{color:#dfe7e6;max-width:56ch;margin-bottom:.6em}
.aim-badge{display:inline-block;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 14px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.aim-cta{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 16px}
.aim-btn{display:inline-block;background:var(--clay);color:var(--clayInk);text-decoration:none;font-weight:600;font-size:15px;padding:12px 22px;border-radius:6px;border:1px solid var(--clay)}
.aim-btn--ghost{background:transparent;color:var(--paper);border-color:rgba(255,255,255,.5)}
.aim-facts{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;color:#cfdad9;margin:0;padding:0;list-style:none}
.aim-facts li::before{content:"✓";color:var(--clay);margin-right:7px;font-weight:700}
.aim-shot{border-radius:10px;overflow:hidden;background:var(--paper)}
.aim-shot img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:var(--paper)}
@media(max-width:860px){.aim-hero-in{grid-template-columns:1fr}}

/* Сетка карточек: неполный последний ряд ЦЕНТРИРУЕТСЯ на всех ширинах (§5). */
.aim-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,1.6vw,20px)}
.aim-grid>*{flex:0 1 calc(25% - 15px);min-width:0}
@media(max-width:1000px){.aim-grid>*{flex:0 1 calc(33.333% - 14px)}}
@media(max-width:700px){.aim-grid>*{flex:0 1 calc(50% - 10px)}}
@media(max-width:400px){.aim-grid>*{flex:1 1 100%}}
.aim-grid--3>*{flex:0 1 calc(33.333% - 14px)}
@media(max-width:800px){.aim-grid--3>*{flex:0 1 calc(50% - 10px)}}
@media(max-width:520px){.aim-grid--3>*{flex:1 1 100%}}

.aim-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}
.aim-card-shot{display:block;background:var(--paper)}
.aim-card-shot img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:var(--paper)}
/* Кадр, который исходник не тянет при DPR 2, не растягивается: потолок у
   каждого кадра свой и стоит в инлайновом style. width:auto тут ставить
   нельзя — рядом aspect-ratio, и кадр схлопывается в 0x0. */
.aim-card-shot img.aim-cap,img.aim-cap{width:100%;margin-inline:auto;display:block}
.aim-card-body{padding:14px 15px 16px;display:flex;flex-direction:column;gap:7px;flex:1}
.aim-card-body h3{margin:0}
.aim-card-body h3 a{color:var(--ink);text-decoration:none}
.aim-meta{font-size:13px;color:var(--inkSoft);margin:0}
.aim-price{font-size:19px;font-weight:700;font-family:var(--head);margin:0}
.aim-foot{margin-top:auto;padding-top:10px}
.aim-buy{display:block;text-align:center;background:var(--clay);color:var(--clayInk);text-decoration:none;font-weight:600;font-size:14px;padding:11px 12px;border-radius:6px}

.aim-coll{display:block;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.aim-coll img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:var(--paper)}
.aim-coll-b{padding:14px 16px 18px}
.aim-coll-b h3{margin:0 0 4px}
.aim-coll-b p{font-size:14px;color:var(--inkSoft);margin:0 0 8px}
.aim-coll-b span{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--clay);font-weight:600}

/* Полоса цифр: ВСЁ считается из нашего каталога, ни одного «100%» и ни одной
   выдуманной статистики (§6.2). */
.aim-nums{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,44px);justify-content:space-between}
.aim-num{flex:1 1 160px}
.aim-num b{display:block;font-family:var(--head);font-size:clamp(26px,3.4vw,40px);color:var(--clay);line-height:1.1}
.aim-num span{font-size:14px;color:#cfdad9}

.aim-split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,3.4vw,48px);align-items:center}
@media(max-width:860px){.aim-split{grid-template-columns:1fr}}
.aim-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.aim-list li{padding-left:24px;position:relative;font-size:15px}
.aim-list li::before{content:"◆";position:absolute;left:0;top:1px;color:var(--clay);font-size:12px}
.aim-list b{font-weight:600}

.aim-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:var(--paper)}
.aim-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:430px}
.aim-table th{text-align:left;background:var(--ink);color:var(--paper);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:11px 14px;font-weight:600}
.aim-table td{border-top:1px solid var(--line);padding:11px 14px;vertical-align:top}
.aim-table td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:640px){
 .aim-table{min-width:0}
 .aim-table thead{position:absolute;left:-9999px}
 .aim-table tr{display:block;border-top:1px solid var(--line);padding:8px 0}
 .aim-table td{display:flex;justify-content:space-between;gap:14px;border:0;padding:4px 14px}
 .aim-table td::before{content:attr(data-label);font-weight:600;color:var(--inkSoft)}
 .aim-table td.num{text-align:right}
}

/* Проза: меру строки держат КОЛОНКИ, а не поля (§5). */
.aim-prose{columns:2;column-gap:clamp(24px,3.4vw,46px);overflow-wrap:anywhere}
.aim-quotes{columns:2;column-gap:clamp(24px,3.4vw,46px)}
.aim-quotes blockquote{break-inside:avoid}
.aim-prose p{break-inside:avoid}
@media(max-width:760px){.aim-quotes{columns:1}.aim-prose{columns:1}}
.aim-lead{font-size:17.5px;color:var(--inkSoft);max-width:64ch}

.aim-qa{display:grid;gap:14px}
.aim-qa details{border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:14px 16px}
.aim-qa summary{font-weight:600;cursor:pointer;font-size:15.5px}
.aim-qa p{margin:10px 0 0;font-size:15px;color:var(--inkSoft)}

.aim-gal{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.aim-gal img{width:82px;height:82px;object-fit:contain;background:var(--paper);border:1px solid var(--line);border-radius:6px}

.aim-crumbs{font-size:13px;color:var(--inkSoft);padding-block:12px}
.aim-crumbs a{color:var(--inkSoft)}

.aim-footer{background:var(--ink);color:#cfdad9;padding-block:clamp(30px,4vw,50px);margin-top:clamp(30px,4vw,54px)}
.aim-footer a{color:#e6ecea;text-decoration:none}
.aim-footer a:hover{text-decoration:underline}
.aim-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(20px,3vw,44px)}
@media(max-width:760px){.aim-foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.aim-foot-grid{grid-template-columns:1fr}}
.aim-foot-grid h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper);margin:0 0 12px}
.aim-foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px}
.aim-foot-note{border-top:1px solid rgba(255,255,255,.16);margin-top:26px;padding-top:18px;font-size:13px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}