/* ===== 브랜드 여정 (brand.html) ===== */
.bj-hero{background:#222A35;color:#fff;padding:clamp(120px,14vw,180px) 0 clamp(64px,8vw,104px);position:relative;overflow:hidden}
.bj-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(174,211,240,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(174,211,240,.06) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.bj-hero .container{position:relative;text-align:center}
.bj-eyebrow{font-size:13px;font-weight:700;letter-spacing:.24em;color:var(--sky);margin:0 0 20px}
.bj-hero h1{font-size:clamp(38px,6vw,76px);font-weight:700;line-height:1.2;letter-spacing:-.03em}
.bj-jamo{display:flex;justify-content:center;gap:clamp(18px,4vw,48px);margin:34px 0 26px}
.bj-jamo span{font-size:clamp(46px,7vw,92px);font-weight:300;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(174,211,240,.85)}
.bj-lead{max-width:46em;margin:0 auto;color:#c9d4e2;font-size:clamp(16px,1.6vw,18px);line-height:1.9}
.bj-marks{display:flex;justify-content:center;align-items:center;gap:clamp(10px,2.4vw,28px);margin-top:52px;flex-wrap:nowrap}
.bj-mark{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-decoration:none;width:clamp(96px,17vw,170px)}
.bj-mark-img{display:block;width:100%;aspect-ratio:1;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 18px 40px -24px rgba(0,0,0,.7);transition:transform .3s}
.bj-mark:hover .bj-mark-img{transform:translateY(-4px)}
.bj-mark-img img{width:100%;height:100%;object-fit:contain;padding:10%;pointer-events:none;-webkit-user-drag:none;user-select:none}
.bj-mark b{font-size:15px}
.bj-mark small{font-size:13px;color:#aab6c5;text-align:center;line-height:1.5}
.bj-arrow{color:rgba(174,211,240,.6);font-size:22px;margin-bottom:52px}

.bj-chnav{position:sticky;top:68px;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bj-chnav .container{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.bj-chnav a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--navy);text-decoration:none;border:1px solid transparent;transition:border-color .2s,background .2s}
.bj-chnav a span{font-size:12px;color:var(--steel);font-weight:700}
.bj-chnav a:hover,.bj-chnav a.on{border-color:var(--navy);background:var(--paper)}

.bj-ch{padding:clamp(72px,9vw,128px) 0;scroll-margin-top:120px}
.bj-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:clamp(32px,6vw,88px);align-items:start}
.bj-grid>*{min-width:0}
.bj-media{position:sticky;top:140px}
.bj-no{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:15px;font-weight:700;letter-spacing:.04em;margin:0 0 14px;color:var(--acc)}
.bj-no span{font-size:13px;padding:3px 10px;border:1.5px solid currentColor;border-radius:999px}
.bj-status{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--acc);color:#fff;letter-spacing:.02em}
.bj-ch h2{font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.25;color:var(--ink)}
.bj-kicker{margin-top:10px;font-size:15px;color:var(--muted);font-weight:600}
.bj-body{margin-top:26px}
.bj-body p{font-size:17px;line-height:1.9;color:var(--text);margin:0}
.bj-quote{margin:28px 0 0;padding:4px 0 4px 20px;border-left:3px solid var(--acc);font-size:clamp(18px,1.8vw,21px);line-height:1.7;font-weight:600;color:var(--ink)}
.bj-quote cite{display:block;margin-top:8px;font-style:normal;font-size:13px;font-weight:400;color:var(--muted)}
.bj-facts{margin:30px 0 0;border-top:1px solid var(--rule)}
.bj-facts div{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule)}
.bj-facts dt{font-size:14px;font-weight:700;color:var(--acc)}
.bj-facts dd{margin:0;font-size:15px;line-height:1.7;color:var(--text)}
.bj-kw{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.bj-kw span{font-size:14px;font-weight:600;padding:5px 14px;border-radius:999px;border:1px solid var(--rule);color:var(--ink)}
.bj-colors{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.bj-colors span{display:grid;grid-template-columns:34px auto;column-gap:10px;align-items:center}
.bj-colors i{grid-row:1/span 2;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.bj-colors b{font-size:13px;color:var(--ink);line-height:1.2}
.bj-colors small{font-size:12px;color:var(--muted);letter-spacing:.02em}
.bj-credit{margin-top:22px;font-size:13px;color:var(--muted)}
.bj-essence{margin-top:30px;display:flex;flex-direction:column;gap:4px}
.bj-essence small{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--sky)}
.bj-essence strong{font-size:clamp(26px,3vw,34px);font-weight:700;color:#fff}
.bj-essence span{color:#c9d4e2}
.bj-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.bj-values div{border:1px solid rgba(255,255,255,.18);padding:14px 12px;text-align:center}
.bj-values b{display:block;font-size:12px;letter-spacing:.08em;color:#fff}
.bj-values span{font-size:13px;color:#c9d4e2}

/* 톤 */
.tone-blue{background:#F2F6FC;--acc:#224B9E;--rule:#d5deef}
.tone-pink{background:#FDF4F7;--acc:#C95A7C;--rule:#f1d6df}
.tone-navy{background:#3B4B6C;--acc:#AED3F0;--rule:rgba(255,255,255,.18);color:#fff}
.tone-navy h2{color:#fff}.tone-navy .bj-kicker,.tone-navy .bj-credit{color:#c9d4e2}
.tone-navy .bj-body p,.tone-navy .bj-facts dd{color:#e6ecf3}
.tone-navy .bj-status.now{background:#AED3F0;color:#222A35}
.tone-navy .bj-colors b{color:#fff}.tone-navy .bj-colors small{color:#c9d4e2}
.tone-navy .bj-colors i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}

/* 작은 뷰어 (다운로드 없음) */
.bj-viewer{max-width:560px;margin-left:auto;outline:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.bj-frame{position:relative;aspect-ratio:var(--ratio);background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(27,36,50,.45)}
.bj-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .45s ease}
.bj-slide.on{opacity:1}
.bj-slide img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none;user-select:none}
.bj-shield{position:absolute;inset:0;z-index:2}
.bj-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(34,42,53,.72);color:#fff;font-size:24px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}
.bj-frame:hover .bj-nav,.bj-viewer:focus-within .bj-nav{opacity:1}
.bj-nav:hover{background:rgba(34,42,53,.92)}
.bj-nav.prev{left:10px}.bj-nav.next{right:10px}
.bj-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:14px}
.bj-cap{margin:0;font-size:14px;line-height:1.6;color:var(--text);min-height:3.2em}
.tone-navy .bj-cap{color:#e6ecf3}
.bj-count{flex:none;font-size:13px;color:var(--muted)}.bj-count b{color:var(--acc)}
.tone-navy .bj-count{color:#c9d4e2}
.bj-dots{display:flex;gap:6px;margin-top:8px}
.bj-dots i{width:6px;height:6px;border-radius:50%;background:var(--rule)}
.bj-dots i.on{background:var(--acc);width:18px;border-radius:3px}

.bj-close{background:#222A35;color:#fff;text-align:center;padding:clamp(80px,10vw,140px) 0}
.bj-close-line{font-size:clamp(24px,3vw,38px);font-weight:600;line-height:1.6;letter-spacing:-.02em;margin:0}
.bj-sign{margin-top:30px;color:#aab6c5;font-size:15px}.bj-sign span{margin:0 8px;color:#5a667a}.bj-sign strong{color:#fff;font-size:22px;margin-left:6px}
.bj-close .btns{justify-content:center}
.bj-close .btn.ghost{color:#fff;border-color:rgba(255,255,255,.7)}.bj-close .btn.ghost:hover{background:#fff;color:#222A35}
.bj-close .btn svg{width:16px;height:16px;margin-left:8px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bj-notice{margin-top:40px;font-size:12px;color:#7f8ba0}

@media (max-width:980px){
 .bj-grid{grid-template-columns:1fr}
 .bj-media{position:static}
 .bj-viewer{margin:0 auto}
}
@media (max-width:640px){
 .bj-marks{gap:6px}.bj-arrow{font-size:16px;margin-bottom:60px}
 .bj-mark small{font-size:11px}
 .bj-chnav{top:60px}.bj-chnav a{padding:6px 10px;font-size:13px}
 .bj-values{grid-template-columns:1fr}
 .bj-facts div{grid-template-columns:72px 1fr}
 .bj-nav{opacity:1;width:34px;height:34px;font-size:20px}
}
@media print{.bj-viewer,.bj-marks{display:none!important}}
.tone-sky{background:#fff;--acc:#3B4994;--rule:#e1e6ee}
.bj-marks{gap:clamp(8px,1.8vw,22px)}
.bj-mark{width:clamp(96px,14vw,150px)}
@media (max-width:640px){
 .bj-marks{display:grid;grid-template-columns:repeat(2,minmax(0,140px));justify-content:center;gap:22px 18px}
 .bj-arrow{display:none}
 .bj-mark{width:auto}
}
@media (max-width:640px){.bj-chnav .container{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.bj-chnav .container::-webkit-scrollbar{display:none}.bj-chnav a{flex:none}}
.bj-next{background:#fff;text-align:center;padding:clamp(72px,9vw,120px) 0;border-top:1px solid var(--line)}
.bj-next .bj-no{justify-content:center;--acc:var(--steel)}
.bj-next h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;color:var(--ink);letter-spacing:-.03em}
.bj-next-lead{margin:18px auto 0;max-width:34em;color:var(--muted);font-size:17px;line-height:1.9}
.bj-next-marks{display:flex;justify-content:center;gap:clamp(18px,3vw,36px);margin-top:36px}
.bj-next-marks span{display:flex;align-items:center;justify-content:center;width:clamp(72px,9vw,104px);aspect-ratio:1;border:1.5px dashed #b9c3d0;border-radius:6px;font-size:clamp(30px,3.6vw,44px);font-weight:300;color:#c6cfda}
.bj-chnav a.next-link{color:var(--steel);font-weight:500}
/* ===== 카탈로그 여정 (catalog.html) ===== */
.cj-hero .bj-mark-img{aspect-ratio:3/4}
.cj-hero .bj-mark-img img{padding:0;object-fit:cover}
.cj-hero .bj-lead{margin-top:28px}
.tone-ink{background:#1E242C;--acc:#AED3F0;--rule:rgba(255,255,255,.16);color:#fff}
.tone-ink h2{color:#fff}.tone-ink .bj-kicker{color:#c3ccd8}
.tone-ink .bj-body p,.tone-ink .bj-facts dd{color:#e3e8ef}
.tone-ink .bj-facts dt{color:#AED3F0}
.tone-ink .bj-cap{color:#e3e8ef}.tone-ink .bj-count{color:#c3ccd8}
.tone-ink .bj-kw span{border-color:rgba(255,255,255,.3);color:#e3e8ef}
.cj-more{display:inline-flex;align-items:center;gap:10px;margin-top:26px;color:#AED3F0;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(174,211,240,.5);padding-bottom:4px}
.cj-more:hover{color:#fff;border-color:#fff}
.cj-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bj-close .btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.tone-ink .bj-frame{background:#2B323C}
.tone-ink .bj-status.now{background:#AED3F0;color:#222A35}
/* ===== 카탈로그 여정: 한 권이 되기까지 ===== */
.cj-making{background:#F4F1EA;padding:clamp(80px,10vw,136px) 0;color:var(--ink)}
.mk-head{max-width:640px;margin-bottom:clamp(36px,5vw,56px)}
.cj-making .bj-eyebrow{color:#B3413A}
.mk-head h2{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0}
.mk-lead{margin-top:20px;font-size:17px;line-height:1.9;color:#4a5261}
.mk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;grid-auto-flow:dense}
.mk-item{margin:0}
.mk-item.wide{grid-column:span 2;grid-row:span 2}
.mk-item.tall{grid-row:span 2}
.mk-open{all:unset;display:block;cursor:zoom-in;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#e6e1d6}
.mk-item.wide .mk-open{aspect-ratio:auto;height:calc(100% - 38px)}
.mk-item.tall .mk-open{aspect-ratio:auto;height:calc(100% - 38px)}
.mk-open img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;-webkit-user-drag:none;user-select:none;pointer-events:none}
.mk-open:hover img{transform:scale(1.04)}
.mk-open:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.mk-item figcaption{display:flex;gap:10px;align-items:baseline;margin-top:12px;font-size:14px;line-height:1.5;color:#4a5261}
.mk-item figcaption span{flex:none;font-size:12px;font-weight:700;color:#B3413A;font-variant-numeric:tabular-nums}
.mk-note{margin-top:28px;font-size:13px;color:#8a8f99}
.mk-lb{position:fixed;inset:0;z-index:200;background:rgba(20,24,31,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.mk-lb[hidden]{display:none}
.mk-lb img{max-width:min(1200px,100%);max-height:82vh;object-fit:contain;cursor:default;-webkit-user-drag:none;user-select:none}
.mk-lb p{color:#e6ecf3;font-size:15px;margin-top:14px;text-align:center}
.mk-close{position:absolute;top:14px;right:18px;background:none;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer}
@media (max-width:900px){.mk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mk-item.tall{grid-row:span 1}.mk-item.tall .mk-open{height:auto;aspect-ratio:3/4}}
@media (max-width:560px){.mk-grid{grid-template-columns:1fr}.mk-item.wide{grid-column:auto;grid-row:auto}.mk-item.wide .mk-open{height:auto;aspect-ratio:4/3}.mk-lead br{display:none}}
.mk-open{cursor:default}.mk-open:hover img{transform:none}.cj-making img{pointer-events:none}
/* ===== 파트너와 함께한 기록 (partner.html) ===== */
.pt-rec{background:#fff;padding:clamp(72px,9vw,128px) 0}
.pt-head{text-align:left;margin-bottom:28px}
.pt-rec .bj-no{--acc:#1F4FB8}
.pt-head h2{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--ink);margin:0}
.pt-cover{border-radius:6px;overflow:hidden;aspect-ratio:16/9;background:#eef2f7}
.pt-cover img,.pg-img img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none;user-select:none}
.pt-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,6vw,80px);align-items:start;margin-top:clamp(40px,5vw,64px)}
.pt-text p{font-size:17px;line-height:1.9;color:var(--text);margin:0 0 14px}
.pt-items{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid #dfe5ee}
.pt-items li{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid #dfe5ee}
.pt-items b{font-size:15px;color:#1F4FB8}
.pt-items span{font-size:15px;line-height:1.7;color:var(--text)}
.pt-video{margin:0}
.pt-video video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:6px;background:#111;display:block}
.pt-video figcaption{margin-top:10px;font-size:13px;color:var(--muted);text-align:center}
.pt-quote{margin:clamp(56px,7vw,88px) auto;max-width:760px;text-align:center;font-size:clamp(18px,2vw,23px);line-height:1.8;font-weight:600;color:var(--ink);padding:0}
.pt-quote::before{content:"“";display:block;font-size:56px;line-height:.6;color:#1F4FB8;margin-bottom:14px}
.pt-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;font-weight:400;color:var(--muted)}
.pg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;grid-auto-flow:dense}
.pg-item{margin:0}
.pg-item .pg-img{aspect-ratio:4/3;border-radius:4px;overflow:hidden;background:#eef2f7}
.pg-item.wide{grid-column:span 2;grid-row:span 2}.pg-item.tall{grid-row:span 2}
.pg-item.wide .pg-img,.pg-item.tall .pg-img{aspect-ratio:auto;height:calc(100% - 36px)}
.pg-item figcaption,.pt-prints figcaption{margin-top:10px;font-size:14px;color:var(--muted);line-height:1.5}
.pt-prints{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin-top:40px;align-items:start}
.pt-prints figure{margin:0}
.pg-img.paper{background:#f4f6f9;padding:clamp(16px,3vw,32px);border-radius:4px}
.pg-img.paper img{height:auto;object-fit:contain;box-shadow:0 14px 30px -22px rgba(27,36,50,.45)}
@media (max-width:900px){.pt-grid{grid-template-columns:1fr}.pt-video{max-width:320px;margin:0 auto}.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-item.tall{grid-row:span 1}.pg-item.tall .pg-img{height:auto;aspect-ratio:3/4}}
@media (max-width:560px){.pg-grid,.pt-prints{grid-template-columns:1fr}.pg-item.wide{grid-column:auto;grid-row:auto}.pg-item.wide .pg-img{height:auto;aspect-ratio:4/3}.pt-items li{grid-template-columns:1fr;gap:4px}.pt-quote br,.pt-hero .bj-lead br{display:none}}
.pt-quote{max-width:680px;text-wrap:balance;word-break:keep-all}
.pt-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600;color:#1F4FB8;text-decoration:none;border-bottom:1px solid rgba(31,79,184,.35);padding-bottom:2px}
.pt-link:hover{border-color:#1F4FB8}
.pt-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* 2018 시안 A/B */
.cj-draft{background:#EEF3F7}
.cj-draft .bj-eyebrow{color:#2F6FB5}
.dr-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.dr-col{background:#fff;border-radius:10px;padding:clamp(18px,2.4vw,28px);opacity:.82}
.dr-col.pick{opacity:1;box-shadow:0 0 0 2px #2F6FB5 inset}
.dr-tag{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--ink);margin:0 0 16px;letter-spacing:-.01em}
.dr-badge{font-size:12px;font-weight:700;color:#fff;background:#2F6FB5;border-radius:999px;padding:4px 10px}
.dr-badge.off{background:#c6ccd4}
.dr-date{font-size:13px;font-weight:500;color:#6b7280}
.dr-big{margin:0}.dr-big .mk-open{aspect-ratio:4/3}
.dr-big figcaption,.dr-sm figcaption,.dr-pg figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:#4a5261}
.dr-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;margin-top:16px}
.dr-sm{margin:0}.dr-sm .mk-open{aspect-ratio:4/3}
.dr-final{margin-top:clamp(40px,5vw,64px)}
.dr-pages{display:grid;grid-template-columns:.77fr 1.47fr 1.47fr 1.47fr .77fr;gap:10px;align-items:end}
.dr-pg{margin:0}.dr-pg .mk-open{aspect-ratio:537/700;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.dr-pg.sp .mk-open{aspect-ratio:1026/700}
.dr-pg img{object-fit:contain}
.dr-next{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,40px);align-items:center;border-top:1px solid #d5dde6;padding-top:clamp(32px,4vw,48px)}
.dr-next h3{font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.02em;margin:0 0 12px}
.dr-next p:not(.dr-tag){font-size:16px;line-height:1.85;color:#4a5261;margin:0 0 18px}
.dr-next .dr-tag{margin-bottom:8px;color:#2F6FB5}
@media (max-width:900px){.dr-pair,.dr-next{grid-template-columns:1fr}.dr-pages{grid-template-columns:1fr 1fr}.dr-pg.sp{grid-column:span 2}}
.cj-draft .cj-more{color:#2F6FB5;border-color:rgba(47,111,181,.35)}
@media (max-width:900px){.dr-pg:last-child{order:-1}.dr-pg:first-child{order:-2}}
.dr-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.dr-duo{grid-template-columns:1fr}}
.cj-draft{background:#F4F1EA}
/* 배합 노트 2018 */
.bl-hero .bj-lead{max-width:760px}
.bl-stats{display:flex;justify-content:center;gap:clamp(20px,5vw,64px);margin-top:44px;flex-wrap:wrap}
.bl-stats div{display:flex;flex-direction:column;align-items:center;gap:6px}
.bl-stats b{font-size:clamp(34px,4.4vw,52px);font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1}
.bl-stats b small{font-size:.42em;font-weight:600;margin-left:3px;color:#b9cde6}
.bl-stats span{font-size:14px;color:#c8d4e3}
.bl-rec.alt{background:#F4F6F9}
.bl-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.bl-row.rev .bl-video{order:-1}
.bl-text h2{font-size:clamp(26px,3vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.3;margin:10px 0 18px;color:var(--ink)}
.bl-text p:not(.bj-no){font-size:17px;line-height:1.9;color:#3e4859;margin:0 0 12px;word-break:keep-all}
.bl-text p.bl-note{font-size:13px;color:#8a93a2;margin-top:16px}
.bl-text.narrow{max-width:720px;margin-bottom:32px}
.bl-fig{margin:0}
.bl-fig .pg-img{border-radius:6px;overflow:hidden;background:#eef2f7}
.bl-fig img{width:100%;display:block;pointer-events:none;-webkit-user-drag:none;user-select:none}
.bl-fig figcaption{margin-top:10px;font-size:14px;color:var(--muted);line-height:1.5}
.bl-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bl-duo.wide{margin-top:clamp(36px,5vw,56px);grid-template-columns:1.33fr 1fr;align-items:start}
.bl-video{margin:0}
.bl-video video{width:100%;aspect-ratio:16/9;display:block;border-radius:6px;background:#111}
.bl-video figcaption{margin-top:10px;font-size:14px;color:var(--muted)}
.bl-fig.strip .pg-img{box-shadow:0 18px 36px -26px rgba(27,36,50,.5)}
@media (max-width:900px){.bl-row{grid-template-columns:1fr}.bl-row.rev .bl-video{order:0}.bl-hero .bj-lead br{display:none}}
@media (max-width:560px){.bl-duo.wide{grid-template-columns:1fr}.bl-stats{gap:18px}}