@media(min-width:1101px){.bf .hero{aspect-ratio:7/3;min-height:540px;background-size:cover;background-position:center top}.bf .hero:before{background:linear-gradient(90deg,#0614228c,#061422db calc(50% - 600px),#061422d6 calc(50% - 300px),#06142259 calc(50% - 120px),#06142200 calc(50% - 20px))}}.bf .stf2{background:var(--soft)}.bf .stf2 .hd{text-align:center;justify-items:center}.bf .stf2 .hd .blead{margin:0 auto}.bf .stf2-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}.bf .stf2-media{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#05080d;box-shadow:var(--shadow)}.bf .stf2-media>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.bf .stf2-media>.on{opacity:1}.bf .stf2-list{display:grid;gap:12px}.bf .stf2-it{background:#fff;border:1px solid var(--line);border-radius:12px;transition:box-shadow .2s,border-color .2s}.bf .stf2-it.open{border-color:#cfe0ee;box-shadow:0 10px 26px #054f7c1a}.bf .stf2-q{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px;font:700 22px/1.1 var(--display);color:var(--fg)}.bf .stf2-q .n{font:800 20px/1 var(--display);color:var(--cyan);min-width:22px}.bf .stf2-q .t{flex:1}.bf .stf2-q svg{width:22px;height:22px;stroke:var(--muted);fill:none;stroke-width:2;transition:transform .2s}.bf .stf2-it.open .stf2-q svg{transform:rotate(180deg)}.bf .stf2-q:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px;border-radius:12px}.bf .stf2-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.bf .stf2-it.open .stf2-a{grid-template-rows:1fr}.bf .stf2-in{overflow:hidden}.bf .stf2-body{padding:0 20px 20px 56px;display:grid;gap:12px}.bf .stf2-body p{color:var(--muted);font-size:15px}.bf .stf2-body .chk li{font-size:15px}.bf .stf2 .foot-note{margin:18px auto 0;text-align:center}@media(max-width:900px){.bf .stf2-grid{grid-template-columns:minmax(0,1fr);gap:20px}.bf .stf2-media{aspect-ratio:4/3}.bf .stf2-body{padding-left:20px}}@media(prefers-reduced-motion:reduce){.bf .stf2-a,.bf .stf2-media>*{transition:none}}.bf .tiles .hd2{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 24px;margin-bottom:28px}.bf .tiles .hd2 .hd{margin-bottom:0}.bf .car-nav{display:flex;gap:10px}.bf .car-nav button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,opacity .15s}.bf .car-nav button:hover{background:var(--soft)}.bf .car-nav button[disabled]{opacity:.35;cursor:default}.bf .car-nav svg{width:22px;height:22px;stroke:var(--navy);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.bf .car{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 18px) / 3.4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bf .car::-webkit-scrollbar{display:none}.bf .car .tile{scroll-snap-align:start;min-height:0;aspect-ratio:4/5}.bf .car .tile.wide{grid-column:auto}.bf .car-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.bf .car-dots i{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .2s,width .2s}.bf .car-dots i.on{background:var(--navy);width:22px;border-radius:4px}@media(max-width:980px){.bf .car{grid-auto-columns:calc((100% - 18px) / 2.2)}}@media(max-width:600px){.bf .car{grid-auto-columns:82%;gap:12px}.bf .car-nav{display:none}}.bf .tiles .hd2 .hd{max-width:720px}.bf .tiles .hd2 .blead{max-width:52ch}.bf .compat{margin-top:26px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px 18px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:18px 20px}.bf .compat .ci{width:48px;height:48px;border-radius:12px;background:var(--cyan-l);display:grid;place-items:center}.bf .compat .ci svg{width:26px;height:26px;stroke:var(--navy);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bf .compat .ct{min-width:0;display:grid;gap:4px}.bf .compat .ct b{font:700 19px/1.2 var(--display);letter-spacing:.01em}.bf .compat .ct p{font-size:14px;color:var(--muted);max-width:78ch}.bf .compat .ct a,.bf .stf2 .foot-note a{color:var(--navy);font-weight:600;text-decoration:underline}.bf .compat .bfbtn{min-height:46px;white-space:nowrap}@media(max-width:700px){.bf .compat{grid-template-columns:40px minmax(0,1fr)}.bf .compat .ci{width:40px;height:40px}.bf .compat .bfbtn{grid-column:1 / -1;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/bf-landing-v2.css.map */
