/* ===== rainwear page (rnp) ===== */
.abx .rn-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;background:var(--e-global-color-accent);color:#fff;font-family:var(--e-global-typography-accent-font-family),sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background .25s,color .25s}
.abx .rn-btn:hover{background:#fff;color:var(--e-global-color-primary)}
.abx .rn-btn .ax-arr{transition:transform .25s}.abx .rn-btn:hover .ax-arr{transform:translateX(4px)}
.rn-k{display:block;color:var(--e-global-color-accent);font-family:var(--e-global-typography-t0eyeb-font-family),sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.rn-h3{margin:8px 0 0;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-size:clamp(26px,2.4vw,34px);line-height:1.05;text-transform:uppercase}
.rn-chip{display:inline-block;padding:7px 13px;border-radius:999px;background:#EDE4D9;color:#111;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#rn-what .wt,#rn-seam .sm,#rn-plan .pl2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
#rn-what .wt-v{background:#EDE4D9;border-radius:10px;padding:18px;overflow:hidden}
#rn-what .wt-v svg,#rn-seam .sm-v svg,#rn-plan .pl2-v svg{display:block;width:100%;height:auto}
#rn-what .wt-ch{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
#rn-what .wt-ch .rn-chip{background:#EDE4D9}
.wt-dr{animation:rnfall 1.7s linear infinite}
@keyframes rnfall{0%{transform:translateY(0);opacity:0}12%{opacity:.9}80%{opacity:.9}100%{transform:translateY(100px);opacity:0}}
#rn-spec .sp-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;padding-bottom:70px}
#rn-spec .sp-c{grid-column:span 2;background:#fff;border-radius:10px;padding:26px;display:flex;flex-direction:column;gap:14px;will-change:transform}
#rn-spec .sp-c.w{grid-column:span 3}
#rn-spec .sp-c svg{display:block;width:100%;height:auto;max-height:96px}
#rn-spec .sp-c p{margin:0;font-size:16px;line-height:1.5;color:#3a342e}
#rn-spec .sp-ln{display:flex;gap:10px;flex-wrap:wrap}
#rn-spec .sp-ln a{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:#EDE4D9;color:#111;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .25s,color .25s}
#rn-spec .sp-ln a:hover{background:var(--e-global-color-accent);color:#fff}
#rn-seam .sm-v{background:#1d1a17;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:18px}
.sm-lk{animation:rnleak 1.5s ease-in infinite}
@keyframes rnleak{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(36px);opacity:0}}
#rn-seam .sm-cd{margin-top:30px;padding:26px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
#rn-seam .sm-cd .rn-h3{color:#fff;font-size:26px}
#rn-seam .sm-cd p{margin:10px 0 20px;color:rgba(255,255,255,.78);font-size:16px;line-height:1.55}
#rn-color .cl-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:70px}
#rn-color .cl-t{border-radius:10px;overflow:hidden;background:#EDE4D9;will-change:transform}
#rn-color .cl-t svg{display:block;width:100%;height:auto}
#rn-color .cl-t b{display:block;padding:16px 20px 18px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#111}
#rn-plan .pl2-n{font-family:var(--e-global-typography-primary-font-family),sans-serif;font-size:clamp(96px,11vw,170px);line-height:.9;color:#fff;margin:34px 0 6px}
#rn-plan .pl2-n small{font-size:.34em;color:var(--e-global-color-accent);margin-left:8px}
#rn-plan .pl2-pc{display:block;color:rgba(255,255,255,.7);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
#rn-plan .pl2-v{background:#1d1a17;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:18px;overflow:hidden}
@media(max-width:900px){#rn-what .wt,#rn-seam .sm,#rn-plan .pl2{grid-template-columns:1fr;gap:36px}#rn-spec .sp-g{grid-template-columns:1fr;padding-bottom:0}#rn-spec .sp-c,#rn-spec .sp-c.w{grid-column:auto;transform:none!important}#rn-color .cl-g{grid-template-columns:1fr;padding-bottom:0}#rn-color .cl-t{transform:none!important}}
#rn-spec .sp-g{row-gap:64px}