.howto-intro-layout{position:relative;isolation:isolate;display:flex;align-items:center;min-height:580px;overflow:hidden;border-radius:28px;padding:60px;margin:30px 0 40px;background:#17282c;box-sizing:border-box}.howto-intro-layout>div{position:relative;z-index:2;max-width:610px}.howto-intro-layout::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,29,33,.94) 0%,rgba(12,29,33,.84) 36%,rgba(12,29,33,.35) 65%,rgba(12,29,33,.08) 100%);pointer-events:none}.howto-intro-layout .learn-intro{margin:0;padding:0}.howto-intro-layout .learn-intro h1{font-size:clamp(38px,4.5vw,68px);color:#fff;line-height:1.08}.howto-intro-layout .learn-kicker{color:#e4c995}.howto-intro-layout .learn-intro p{font-size:20px;line-height:1.6;color:#f3f0e9}.howto-intro-layout .device-jumps{margin:28px 0 0;gap:10px;flex-wrap:wrap}.howto-intro-layout .device-jumps a{font-size:16px;padding:12px 16px;color:#fff;border-color:#cfb684;background:rgba(15,36,40,.65);backdrop-filter:blur(6px)}.howto-intro-layout .device-jumps a:hover{background:#f1dfbc;color:#17282c}.howto-intro-layout .device-jumps a:focus-visible{outline:3px solid white;outline-offset:4px}.howto-intro-photo{position:absolute;inset:0;margin:0;z-index:0}.howto-intro-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;border-radius:0}@media(max-width:700px){.howto-intro-layout{min-height:620px;padding:32px 24px;align-items:flex-start}.howto-intro-layout>div{max-width:100%}.howto-intro-layout::after{background:linear-gradient(180deg,rgba(12,29,33,.95),rgba(12,29,33,.78) 52%,rgba(12,29,33,.12))}.howto-intro-layout .learn-intro h1{font-size:40px}.howto-intro-layout .learn-intro p{font-size:18px}.howto-intro-photo img{object-position:65% center}}

.h2-explainer.howto{padding-top:28px}.howto .howto-intro-layout{margin-top:0}@media(max-width:700px){.h2-explainer.howto{padding-top:18px}}