/* ===== Ретро-Цена · комплект стиля hero-v2 (текстуры + 9-slice + латунь) ===== */
:root{
  --k-cream:#ecd3ab; --k-cream2:#cdb391; --k-gold:#d9a441; --k-gold2:#c99a4d;
  --k-maroon:#711d1c; --k-ink:#3f1d12; --k-wood:#1d130c;
  --t-wood:url(/assets/hero-v2/wood-dark.jpg?v=2); --t-woodm:url(/assets/hero-v2/wood-mid.jpg?v=2);
  --t-plaster:url(/assets/hero-v2/plaster.jpg?v=2); --t-paper:url(/assets/hero-v2/paper.jpg?v=2);
}
body{background:#1b1410 var(--t-wood) 0 0/384px}

/* ---------- секции ---------- */
.rk .wrap{max-width:1160px}
.rk .sec{position:relative;border-top:0;padding:84px 0 76px;color:#d8c3a2}
.rk .sec::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;z-index:2;
  background:var(--t-woodm) 0 0/384px,#4a2f1a;box-shadow:0 7px 14px -3px #000c,inset 0 1px 0 #ffd9a055,inset 0 -2px 0 #1a0f08}
.rk .sec.wood{background:
  radial-gradient(120% 90% at 50% 40%,transparent 35%,#0009 100%),var(--t-wood) 0 0/384px,#1d130c}
.rk .sec.wall{color:#43301f;background:
  radial-gradient(130% 100% at 50% 35%,transparent 45%,#4a2a1099 100%),var(--t-plaster) 0 0/384px,#d2b58d}
.rk .sec.example{padding-top:88px}
.rk .sec.alt{background:none}
.rk .sec.alt.wall{background:radial-gradient(130% 100% at 50% 35%,transparent 45%,#4a2a1099 100%),var(--t-plaster) 0 0/384px,#d2b58d}

.rk .sec-h{font-family:var(--disp);font-weight:600;letter-spacing:.8px;text-transform:uppercase;
  font-size:clamp(26px,3.9vw,44px);line-height:1.08;margin-bottom:0;position:relative;padding-bottom:0}
.rk .sec-h::after{content:"";display:block;width:132px;height:12px;margin:16px auto 0;
  background:
   radial-gradient(circle at 50% 50%,#f0cd80 0 3px,#8a5f22 3.6px 4.6px,transparent 5.2px),
   linear-gradient(90deg,transparent,#c99a4d 30%,#c99a4d 70%,transparent) center/100% 2px no-repeat}
.rk .sec-h.left{text-align:left}.rk .sec-h.left::after{margin-left:0;background:
   radial-gradient(circle at 6px 50%,#f0cd80 0 3px,#8a5f22 3.6px 4.6px,transparent 5.2px),
   linear-gradient(90deg,#c99a4d,#c99a4d 70%,transparent) 0 50%/100% 2px no-repeat;width:150px}
.rk .wood .sec-h{color:var(--k-cream);text-shadow:0 2px 0 #000a,0 6px 18px #000}
.rk .wall .sec-h{color:var(--k-maroon);text-shadow:0 1px 0 #f6e3bf99}
.rk .sec-sub{font-size:17.5px;line-height:1.6;margin-top:22px}
.rk .wood .sec-sub{color:var(--k-cream2)}.rk .wall .sec-sub{color:#5c4630}
.rk .sec-sub a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c99a4d}
.rk .wood p,.rk .wood li{color:#dbc7a6}.rk .wood b{color:#f5dca8}
.rk .wall p{color:#43301f}

/* ---------- бумага / пергамент ---------- */
.rk .hook-card,.rk .mcard,.rk .faq details,.rk .hook-chip,.rk .final .drop{
  background:var(--t-paper) 0 0/384px,#eadcb8;color:#3b2a18;
  border:1px solid #b79a64;border-radius:4px 9px 5px 10px;
  box-shadow:0 18px 26px -14px #000d,0 2px 0 #fff3d244 inset,0 0 0 1px #6b4a1e33,inset 0 0 40px #b0803a44}
.rk .hook-card{position:relative;padding:24px 22px 22px}
.rk .mcard{position:relative}
.rk .hook-card::before,.rk .mcard::before{content:"";position:absolute;top:-9px;left:50%;width:20px;height:20px;margin-left:-10px;border-radius:50%;z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff0c0 0 12%,#d9a441 32%,#8a5f22 78%,#3e2809);box-shadow:0 4px 6px #0008}
.rk .hook-text p{color:#3b2412;font-weight:600}
.rk .hook-price-line{color:#5a4529}.rk .hook-price-line b,.rk .hook-chip b{color:var(--k-maroon)}
.rk .hook-chip{border-left:0;padding:12px 16px 12px 46px;position:relative;color:#4d3a22;font-size:13.5px}
.rk .hook-chip::before{content:"";position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff0c0 0 12%,#d9a441 35%,#8a5f22 80%);box-shadow:0 2px 3px #0006}
.rk .hook-photo{border:0;border-radius:8px;box-shadow:0 0 0 2px #c99a4d,0 0 0 6px #4b2f17,0 8px 14px -4px #000a}

/* ---------- рамка-фото (пример снимка) ---------- */
.rk .example-photo-wrap{max-width:760px}
.rk .example-photo-wrap .example-img{border:0;border-radius:6px;box-shadow:0 0 0 3px #c99a4d,0 0 0 12px #4b2f17,0 0 0 13px #150c06,0 26px 40px -16px #000}
.rk .stamp{background:#f3e5c4;border-color:#8c2a22;color:#8c2a22;box-shadow:0 5px 12px -3px #000a}
.rk .photo-tips li{color:#dbc7a6}.rk .photo-tips li::before{content:"";top:.32em;width:15px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8.6l3.6 3.6L13.5 4' fill='none' stroke='%23e0b458' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- кнопки: латунь + кожа (9-slice из cta-header) ---------- */
.rk .btn.gold,.ov .btn.gold{
  color:#e8c88c;font-family:'Yanone Kaffeesatz','Oswald',sans-serif;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
  background:none;border:solid transparent;border-width:14px;
  border-image:url(/assets/hero-v2/cta-header.webp?v=2) 30 fill/14px stretch;box-shadow:none;border-radius:0;
  text-shadow:0 1px 0 rgba(58,30,8,.75),0 -1px 0 rgba(255,225,160,.2);padding:2px 18px;filter:drop-shadow(0 5px 6px #0009);
  transition:transform .16s,filter .16s}
.rk .btn.gold:hover,.ov .btn.gold:hover{filter:drop-shadow(0 8px 10px #000b) brightness(1.1);transform:translateY(-2px)}
.rk .btn.gold:active,.ov .btn.gold:active{transform:translateY(1px);filter:brightness(.92)}
.rk .btn.gold.lg{font-size:clamp(22px,2.6vw,28px);padding:8px 26px;border-width:18px;border-image-width:18px}
.rk .btn.gold::after,.ov .btn.gold::after{display:none}

/* кожаная кнопка (спрайт, текст живой) — как в hero */
.lbtn{position:relative;display:block;width:min(520px,100%);margin:0 auto;padding:0;border:0;background:none;cursor:pointer;
  container-type:inline-size;font:inherit;color:inherit;transition:transform .18s cubic-bezier(.2,.8,.3,1),filter .18s;-webkit-tap-highlight-color:transparent}
.lbtn img{display:block;width:100%;height:auto;pointer-events:none}
.lbtn .l1,.lbtn .l2{position:absolute;white-space:nowrap;line-height:1;font-family:'Yanone Kaffeesatz',sans-serif;font-weight:700;color:#d6a266;
  text-shadow:0 2px 1px rgba(45,20,5,.7),0 -1px 0 rgba(255,225,160,.25);pointer-events:none}
.lbtn .l1{left:17.15%;top:22.95%;font-size:6.02cqw;letter-spacing:.203cqw}
.lbtn .l2{left:17.05%;top:53.32%;font-size:5.15cqw;letter-spacing:.705cqw}
.lbtn:hover{transform:translateY(-3px) scale(1.02);filter:drop-shadow(0 7px 9px #000b) brightness(1.08)}
.lbtn:active{transform:translateY(1px) scale(.99);filter:brightness(.92);transition-duration:.06s}
.lbtn:focus-visible{outline:2px solid #d9a441;outline-offset:4px}

/* ---------- как это работает ---------- */
.rk .steps{gap:34px}
.rk .step{padding-top:0}
.rk .step .circle{width:184px;height:184px;background:none;border:0;overflow:visible;margin-bottom:22px;
  box-shadow:0 0 0 3px #f2d58b,0 0 0 9px #8a5f22,0 0 0 11px #2b1a0b,0 20px 28px -12px #000}
.rk .step .circle img{border-radius:50%}
.rk .step .badge{left:calc(50% - 108px);top:-8px;width:44px;height:44px;font-size:23px;z-index:3;color:#f6ecd7;
  background:radial-gradient(circle at 35% 28%,#c14a3d,#7c2d28 55%,#4d1512);box-shadow:0 0 0 3px #d9a441,0 6px 10px -2px #000c}
.rk .step h3{font-size:19px;color:var(--k-maroon);letter-spacing:.9px}
.rk .step p{color:#4a3722;font-size:15.5px;max-width:28ch}
.rk .step::after{content:"";position:absolute;top:92px;right:-30px;width:26px;height:3px;background:repeating-linear-gradient(90deg,#8a5f22 0 6px,transparent 6px 11px)}
.rk .step:last-child::after{display:none}

/* ---------- каталог / карточки-лоты ---------- */
.rk .cats{gap:34px 30px;padding:8px 10px}
.rk .cat{height:284px;border:0;border-radius:11px;background:#2a1a0e;
  box-shadow:0 0 0 3px #d2a54e,0 0 0 10px #4b2f17,0 0 0 11px #150c06,0 20px 28px -10px #000c;transition:transform .2s,box-shadow .2s,filter .2s}
.rk .cat:hover{transform:translateY(-6px);border-color:transparent;
  box-shadow:0 0 0 3px #f0cd80,0 0 0 10px #5c3a1d,0 0 0 11px #150c06,0 28px 36px -12px #000d,0 0 26px #ffb92e55}
.rk .cat .ph img{filter:sepia(.14) saturate(1.06) contrast(1.03)}
.rk .cat .in{padding:54px 18px 16px;background:linear-gradient(to top,rgba(20,12,6,.96) 26%,rgba(20,12,6,.7) 58%,rgba(20,12,6,0) 100%)}
.rk .cat .nm{font-size:16.5px;color:#f6e3bf}.rk .cat .ds{color:#dcc7a1cc;font-size:13px}
.rk .cat .pr{font-size:25px}
.rk .wood .cats .cat{box-shadow:0 0 0 3px #d2a54e,0 0 0 10px #5a3a1d,0 0 0 11px #0d0703,0 22px 30px -10px #000}

/* ---------- как считаем ---------- */
.rk .method{gap:28px}
.rk .mcard{padding:34px 26px 26px;text-align:center}
.rk .mcard .mn{font-family:var(--disp);font-weight:700;font-size:52px;line-height:1;color:var(--k-maroon);text-shadow:0 1px 0 #fff8}
.rk .mcard h4{color:#5c1f1b;font-size:16px;letter-spacing:.6px;margin:10px 0 10px}
.rk .mcard p{color:#4a3722;font-size:14.5px}
.rk .trust-strip{color:var(--k-cream2)}.rk .trust-strip b{color:var(--k-gold)}

/* ---------- FAQ ---------- */
.rk .faq{max-width:820px;gap:14px}
.rk .faq details{overflow:hidden}
.rk .faq summary{color:#4f1a17;font-size:17px;padding:18px 22px}
.rk .faq summary::after{color:#8a5f22;font-size:28px}
.rk .faq .a{color:#43301f;padding:0 22px 20px;font-size:15.5px;border-top:1px dashed #a98a55;padding-top:14px;margin:0 22px;padding-left:0;padding-right:0;padding-bottom:20px}

/* ---------- финал: сцена + кожаная кнопка ---------- */
.rk .sec.final{background:none;color:var(--k-cream);text-align:center;padding:110px 0 100px;overflow:hidden}
.rk .final .scene{position:absolute;inset:0;background:
   linear-gradient(90deg,#120a05e6 0,#120a05a8 32%,#120a0540 60%,#120a0518 100%),
   radial-gradient(90% 120% at 60% 50%,transparent 45%,#0009 100%),
   url(/assets/hero-v2/final-scene.jpg?v=1) right center/cover,var(--k-wood)}
.rk .final .wrap{position:relative;z-index:1}
.rk .final .sec-h{color:var(--k-cream);text-shadow:0 2px 0 #000a,0 8px 22px #000}
.rk .final .sec-sub{color:#e6d1ad}
@media(min-width:900px){
  .rk .sec.final{text-align:left;padding:120px 0 110px}
  .rk .final .wrap{display:grid;grid-template-columns:minmax(0,540px) 1fr}
  .rk .final .wrap>*{grid-column:1}
  .rk .final .sec-h::after{margin-left:0;width:150px;background:
    radial-gradient(circle at 6px 50%,#f0cd80 0 3px,#8a5f22 3.6px 4.6px,transparent 5.2px),
    linear-gradient(90deg,#c99a4d,#c99a4d 70%,transparent) 0 50%/100% 2px no-repeat}
  .rk .final .sec-sub{margin-left:0;text-align:left}
  .rk .sec.final .drop{margin:0}
  .rk .sec.final .sec-h{text-align:left}
}
@media(max-width:899px){.rk .final .scene{background-position:70% center}}
.rk .final .drop{max-width:560px;margin:0 auto;padding:34px 28px 26px;border-style:solid;cursor:pointer;
  outline:2px dashed #a4844a;outline-offset:-11px;transition:transform .18s,box-shadow .18s}
.rk .final .drop:hover{transform:translateY(-3px);background-color:#f0e3c0;
  box-shadow:0 26px 34px -14px #000,0 0 0 1px #6b4a1e33,inset 0 0 40px #b0803a44,0 0 30px #ffb92e33}
.rk .final .drop .cam{width:68px;height:68px;border-radius:50%;margin:0 auto 16px;background:radial-gradient(circle at 35% 28%,#f8e0a2,#c99a4d 55%,#84581d);color:#3a1f08;box-shadow:0 5px 10px -2px #0009}
.rk .final .drop .t{color:#3b2412;font-size:17px;letter-spacing:.5px}
.rk .final .drop .slots{color:#6b5636}
.rk .final .drop .slot .n{background:var(--k-maroon)}
.rk .final .drop .slot.opt .n{border-color:#7b6a4c;color:#7b6a4c}
.rk .final .drop .slot.opt.done{color:#5c1f1b}.rk .final .drop .slot.opt.done .n{background:var(--k-maroon);color:#fff}
.rk .final .drop .lbtn{margin:18px auto 4px;width:min(420px,100%)}
.rk .final .drop .free{color:#6b5636;font-size:13px;margin-top:12px}
.rk .final .drop .err{color:#a3342c}

/* ---------- подвал ---------- */
.rk footer{position:relative;background:var(--t-wood) 0 0/384px,#1d130c;color:#c9b58f;padding:34px 0;box-shadow:inset 0 10px 18px -8px #000}
.rk footer .wrap{color:#c9b58f}.rk footer a{color:#dbc08a}

/* ---------- модальное окно в том же стиле ---------- */
.ov .modal{background:var(--t-paper) 0 0/384px,#eadcb8;border:0;box-shadow:0 0 0 3px #c99a4d,0 0 0 9px #4b2f17,0 40px 80px -30px #000}
.ov .modal .analysis,.ov .modal .q-opt{background-color:#f4e9cb}
.ov .btn.gold{font-size:20px!important;padding:6px 24px!important;line-height:1.1}
.ov .paywall .btn.gold{font-size:24px!important;padding:8px 30px!important}
.ov .paywall{background:linear-gradient(#7c2d28,#5c1f1b);box-shadow:inset 0 0 0 2px #c99a4d55}

@media(max-width:860px){
  .rk .example-grid .sec-h.left,.rk .example-grid .sec-sub.left{text-align:left}
  .rk .step::after{display:none}
  .rk .steps{gap:44px}
  .rk .sec{padding:64px 0 58px}
  .rk .cats{gap:30px 22px}
  .rk .cat{height:250px}
}
@media(max-width:560px){
  .rk .cats{padding:6px 8px}
  .rk .cat{height:240px}
  .rk .sec-h{font-size:clamp(24px,7.4vw,32px)}
  .rk .final .drop{padding:28px 18px 22px}
}
@media(prefers-reduced-motion:reduce){.lbtn,.rk .cat,.rk .final .drop{transition:none!important}}

.rk .brass,.hm .brass{position:relative}
.rk .brass::after,.hm .brass::after{content:"";position:absolute;inset:-5px;pointer-events:none;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f8e0a2'/%3E%3Cstop offset='.45' stop-color='%23cc9a42'/%3E%3Cstop offset='1' stop-color='%2384581d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate%280 0%29 scale%281 1%29'%3E%3Cpath d='M1.5 1.5h31v9.5H11v22H1.5z' fill='url%28%23g%29' stroke='%233f280b' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M3.5 3.5h27' stroke='%23fff0c4' stroke-opacity='.7' stroke-width='1'/%3E%3Cpath d='M3.5 3.5v27' stroke='%23fff0c4' stroke-opacity='.55' stroke-width='1'/%3E%3Ccircle cx='6.3' cy='6.3' r='2.3' fill='%23fbeabd' stroke='%235a3a12' stroke-width='.8'/%3E%3Ccircle cx='25' cy='6.2' r='1.4' fill='%235a3a12' fill-opacity='.6'/%3E%3Ccircle cx='6.2' cy='25' r='1.4' fill='%235a3a12' fill-opacity='.6'/%3E%3C/g%3E%3C/svg%3E") left top/var(--bc,40px) var(--bc,40px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f8e0a2'/%3E%3Cstop offset='.45' stop-color='%23cc9a42'/%3E%3Cstop offset='1' stop-color='%2384581d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate%2848 0%29 scale%28-1 1%29'%3E%3Cpath d='M1.5 1.5h31v9.5H11v22H1.5z' fill='url%28%23g%29' stroke='%233f280b' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M3.5 3.5h27' stroke='%23fff0c4' stroke-opacity='.7' stroke-width='1'/%3E%3Cpath d='M3.5 3.5v27' stroke='%23fff0c4' stroke-opacity='.55' stroke-width='1'/%3E%3Ccircle cx='6.3' cy='6.3' r='2.3' fill='%23fbeabd' stroke='%235a3a12' stroke-width='.8'/%3E%3Ccircle cx='25' cy='6.2' r='1.4' fill='%235a3a12' fill-opacity='.6'/%3E%3Ccircle cx='6.2' cy='25' r='1.4' fill='%235a3a12' fill-opacity='.6'/%3E%3C/g%3E%3C/svg%3E") right top/var(--bc,40px) var(--bc,40px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f8e0a2'/%3E%3Cstop offset='.45' stop-color='%23cc9a42'/%3E%3Cstop offset='1' stop-color='%2384581d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate%280 48%29 scale%281 -1%29'%3E%3Cpath d='M1.5 1.5h31v9.5H11v22H1.5z' fill='url%28%23g%29' stroke='%233f280b' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M3.5 3.5h27' stroke='%23fff0c4' stroke-opacity='.7' stroke-width='1'/%3E%3Cpath d='M3.5 3.5v27' stroke='%23fff0c4' stroke-opacity='.55' stroke-width='1'/%3E%3Ccircle cx='6.3' cy='6.3' r='2.3' fill='%23fbeabd' stroke='%235a3a12' stroke-width='.8'/%3E%3Ccircle cx='25' cy='6.2' r='1.4' fill='%235a3a12' fill-opacity='.6'/%3E%3Ccircle cx='6.2' cy='25' r='1.4' fill='%235a3a12' fill-opacity='.6'/%3E%3C/g%3E%3C/svg%3E") left bottom/var(--bc,40px) var(--bc,40px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f8e0a2'/%3E%3Cstop offset='.45' stop-color='%23cc9a42'/%3E%3Cstop offset='1' stop-color='%2384581d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate%2848 48%29 scale%28-1 -1%29'%3E%3Cpath d='M1.5 1.5h31v9.5H11v22H1.5z' fill='url%28%23g%29' stroke='%233f280b' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M3.5 3.5h27' stroke='%23fff0c4' stroke-opacity='.7' stroke-width='1'/%3E%3Cpath d='M3.5 3.5v27' stroke='%23fff0c4' stroke-opacity='.55' stroke-width='1'/%3E%3Ccircle cx='6.3' cy='6.3' r='2.3' fill='%23fbeabd' stroke='%235a3a12' stroke-width='.8'/%3E%3Ccircle cx='25' cy='6.2' r='1.4' fill='%235a3a12' fill-opacity='.6'/%3E%3Ccircle cx='6.2' cy='25' r='1.4' fill='%235a3a12' fill-opacity='.6'/%3E%3C/g%3E%3C/svg%3E") right bottom/var(--bc,40px) var(--bc,40px) no-repeat}

/* ===== мобильный hero (<900px) из тех же ассетов ===== */
.hm{background:#1b1410;color:#f3d9b0;-webkit-text-size-adjust:100%}
.hm *{box-sizing:border-box}
.hm-bar{position:sticky;top:0;z-index:50;height:58px;display:flex;align-items:center;gap:10px;padding:0 14px;
  background:var(--t-woodm) 0 0/384px,#3a2414;border:0;box-shadow:0 7px 14px -4px #000d,inset 0 -3px 0 #1a0f08,inset 0 1px 0 #ffd9a044;backdrop-filter:none}
.hm-logo{flex:none;width:38px;height:38px;display:block}.hm-logo img{width:100%;height:100%;display:block}
.hm-brand{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(17px,5.3vw,21px);letter-spacing:.11em;color:#d4ae80;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.hm-brand b{color:#c99a4d;font-weight:600}
.hm-cta{margin-left:auto;font-family:'Yanone Kaffeesatz',sans-serif;font-weight:700;font-size:19px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#e3c187;
  padding:0 6px;border:solid transparent;border-width:11px;border-image:url(/assets/hero-v2/cta-header.webp?v=2) 30 fill/11px stretch;background:none;cursor:pointer;
  text-shadow:0 1px 0 rgba(58,30,8,.75);filter:drop-shadow(0 3px 4px #0009);-webkit-tap-highlight-color:transparent}
.hm-cta:active{filter:brightness(.9)}
.hm-hero{position:relative;overflow:hidden;padding:30px 18px 32px;text-align:left;
  background:radial-gradient(130% 90% at 42% 32%,transparent 42%,#4a2a10b0 100%),var(--t-plaster) 0 0/384px,#d2b58d}
.hm-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--t-wood) 0 0/384px;box-shadow:0 -6px 10px -4px #0008}
.hm-win{position:absolute;right:-12px;top:-6px;width:min(27vw,160px);pointer-events:none;animation:hv2sun 5.5s ease-in-out infinite}
.hm-win img{width:100%;height:auto;display:block}
.hm h1{position:relative;z-index:1;margin:0;padding-top:40px;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(30px,9.7vw,64px);line-height:1.03;letter-spacing:.02em}
.hm h1 span{display:block;white-space:nowrap}
.hm h1 .a{color:#711d1c}.hm h1 .b{color:#3f1d12}
.hm-hint{position:relative;margin:20px 0 0;font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(14px,4.1vw,19px);letter-spacing:.04em;text-transform:uppercase;color:#5c2a14}
.hm .lbtn{margin:14px auto 0;width:min(100%,460px);filter:drop-shadow(0 8px 8px #0007)}
.hm-note{margin:16px auto 0;text-align:center;font-family:'Fira Sans Condensed',sans-serif;font-weight:500;font-size:clamp(14px,4vw,17px);line-height:1.35;color:#4a2c18}
.hm-note b{font-weight:700;color:#3f1d12}
.hm-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;font-family:'Oswald',sans-serif;font-weight:400;font-size:clamp(13px,3.6vw,16px);color:#5b3b22}
.hm-coin{width:38px;height:38px;flex:none;padding:0;border:0;background:none;cursor:pointer;perspective:400px;-webkit-tap-highlight-color:transparent}
.hm-coin img{width:100%;height:100%;display:block}.hm-coin:active img{animation:hv2flip .7s ease-in-out}
.hm .slot{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-family:'Fira Sans Condensed',sans-serif;font-weight:500;font-size:14px;color:#5b3b22;cursor:pointer}
.hm .slot .n{width:19px;height:19px;border-radius:50%;border:1.5px dashed #7b5a36;display:grid;place-items:center;font-size:12px;line-height:1;color:#7b5a36;font-weight:700}
.hm .slot.done{color:#5c1f1b;font-weight:700}.hm .slot.done .n{background:#711d1c;border:1.5px solid #711d1c;color:#fff}
.hm-slotwrap{text-align:center}
.hm-err{display:none;margin:12px auto 0;max-width:460px;text-align:center;font-family:'Fira Sans Condensed',sans-serif;font-weight:500;font-size:15px;color:#a3241c}

.hm-shelf{position:relative;padding:42px 14px 40px;background:radial-gradient(120% 100% at 50% 20%,transparent 40%,#000a 100%),var(--t-wood) 0 0/384px,#1d130c;box-shadow:inset 0 12px 16px -8px #000}
.hm-panel{--bc:34px;position:relative;max-width:640px;margin:0 auto;padding:18px 14px 8px;border-radius:5px;
  background:linear-gradient(#3a2413cc,#1d110acc),var(--t-woodm) 0 0/384px,#2a1a0e;box-shadow:0 0 0 5px #5a3a1d,0 0 0 6px #100905,0 24px 30px -12px #000}
.hm-proof{display:flex;gap:14px;align-items:flex-start;padding-bottom:14px}
.hm-pic{position:relative;flex:none;width:34%;max-width:150px;aspect-ratio:1/1.06;border-radius:14px;overflow:hidden;background:#123 url(/appraisal-lib/patefon/204611814.jpg) center/cover;box-shadow:0 0 0 2px #c99a4d,0 0 0 5px #5a3a1d,0 8px 14px -4px #000}
.hm-badge{position:absolute;left:0;right:0;top:0;text-align:center;padding:5px 2px 6px;font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(11px,3.3vw,15px);color:#3c1c00;white-space:nowrap;
  background:linear-gradient(#efc465,#c98f2b);border-radius:12px 12px 0 0;text-shadow:0 1px 0 rgba(255,225,150,.4)}
.hm-txt h2{margin:2px 0 8px;font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(16px,4.9vw,22px);line-height:1.18;color:#e2c08f;text-transform:none;letter-spacing:0;text-shadow:0 2px 0 #0009}
.hm-txt p{margin:0;font-family:'Fira Sans Condensed',sans-serif;font-weight:500;font-size:clamp(13px,3.7vw,16px);line-height:1.35;color:#d4b48c}
.hm-lab{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 8px;font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;letter-spacing:.06em;color:#d1b088;text-transform:uppercase}
.hm-lab i{font-style:normal;font-weight:400;font-size:12px;letter-spacing:.02em;color:#a88b65}
.hm-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 2px 16px;margin:0 -2px;scrollbar-width:none}
.hm-rail::-webkit-scrollbar{display:none}
.hm-card{flex:0 0 clamp(112px,32vw,150px);scroll-snap-align:start;display:block;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.hm-card .fr{position:relative;display:block;aspect-ratio:188/187}
.hm-card .ph{position:absolute;left:3.2%;top:3.2%;width:93.6%;height:93.6%;border-radius:14px;background-size:cover;background-position:center}
.hm-card .fr img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hm-card .nm{display:block;margin:5px 0 6px;text-align:center;font-family:'Fira Sans Condensed',sans-serif;font-weight:500;font-size:14px;line-height:1.1;color:#f1d6b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-card .tg{display:flex;align-items:center;justify-content:center;height:34px;background:url(/assets/hero-v2/tag-plate.webp?v=2) 0 0/100% 100% no-repeat;font-family:'Oswald',sans-serif;font-weight:600;font-size:14.5px;color:#741c07;white-space:nowrap;letter-spacing:-.01em}
.hm-card:active{filter:brightness(1.1)}
.hm-dots{display:flex;justify-content:center;gap:0;height:14px;align-items:center;margin-top:-4px;padding-bottom:6px}
.hm-scroll{position:relative;height:10px;margin:0 6px 8px;border-radius:99px;background:linear-gradient(#766659,#9b8b7b);box-shadow:inset 0 1px 2px rgba(0,0,0,.45)}
.hm-scroll i{position:absolute;top:50%;left:0;width:22%;height:16px;margin-top:-8px;border-radius:7px;background:linear-gradient(#f4d692,#cd9f49 55%,#a8782b);box-shadow:0 1px 2px rgba(0,0,0,.55),inset 0 1px 1px rgba(255,242,205,.75)}
@media(min-width:600px){.hm-hero{padding-left:max(18px,calc(50% - 300px));padding-right:max(18px,calc(50% - 300px))}}
@media(prefers-reduced-motion:reduce){.hm-win,.hm-coin:active img{animation:none!important}}