.pp-hero{align-items:center;min-height:540px;padding-top:32px;display:flex;position:relative}.lp .pp-hero-art{top:0;bottom:0;left:30%;right:calc(-1 * var(--ol-gutter));object-fit:cover;object-position:0 50%;pointer-events:none;user-select:none;width:auto;max-width:none;height:100%;position:absolute}.pp-hero-copy{max-width:600px;position:relative}.pp-hero h1{font-size:clamp(34px,3.6vw,48px)}.pp-showcase{margin-top:24px;position:relative}.pp-facts{gap:var(--ol-landing-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:88px 0 0;padding:0;list-style:none;display:grid}.pp-facts li{border-top:1px solid var(--ol-rule);padding-top:22px}.pp-facts b{letter-spacing:-.04em;font-size:44px;line-height:1;display:block}.pp-facts span{max-width:32ch;color:var(--ol-text-body);margin-top:14px;display:block}.pp-how{align-items:center;gap:var(--ol-landing-gap);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.lp .pp-figure img{width:100%;display:block}.pp-feature{align-items:center;gap:var(--ol-landing-gap);grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);margin-top:96px;display:grid}.pp-tour>.lp-h2+.pp-feature{margin-top:64px}.pp-flip{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)}.pp-flip>.pp-feature-copy{order:2}.pp-feature h3{font-size:26px}.pp-feature .lp-desc{margin-top:16px}.pp-points{margin:22px 0 0;padding:0;list-style:none}.pp-points li{color:var(--ol-text-strong);margin-top:10px;padding-left:24px;position:relative}.pp-points li:before{content:"";background:var(--ol-red);width:12px;height:2px;position:absolute;top:.72em;left:0}.pp-code-card{border:1px solid var(--ol-border);border-radius:var(--ol-r-card);background:var(--ol-surface-2);margin:0;overflow:hidden}.pp-code-card figcaption{border-bottom:1px solid var(--ol-border);font-family:var(--ol-font-mono);color:var(--ol-text-muted);margin:0;padding:12px 20px;font-size:13px}.pp-code-card pre{max-height:640px;font-family:var(--ol-font-mono);color:var(--ol-ink);-webkit-text-stroke:var(--ol-mono-stroke) currentColor;margin:0;padding:18px 20px;font-size:13px;line-height:1.6;overflow:auto}.pp-code-card pre:focus-visible{outline:2px solid var(--ol-red);outline-offset:-2px}.pp-table{margin-top:40px;overflow-x:auto}.pp-table:focus-visible,.pp-code:focus-visible{outline:2px solid var(--ol-red);outline-offset:3px}.pp-table table{border-collapse:collapse;text-align:left;width:100%;font-size:15px}.pp-table th,.pp-table td{border-bottom:1px solid var(--ol-rule);white-space:nowrap;vertical-align:baseline;padding:14px 24px 14px 0}.pp-table thead th{color:var(--ol-text-muted);padding-top:0;font-size:13px;font-weight:400}.pp-table tbody th{font-weight:400}.pp-table code,.pp-code code{font-family:var(--ol-font-mono);-webkit-text-stroke:var(--ol-mono-stroke) currentColor}.pp-table code{color:var(--ol-ink);font-size:15px}.pp-table td{color:var(--ol-text-body)}.pp-table td:nth-child(2){white-space:normal;min-width:16em}.pp-table .pp-mode{color:var(--ol-text-strong)}.pp-table .pp-hot{color:var(--ol-red-text)}.pp-interlude{align-items:center;gap:var(--ol-landing-gap);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);display:grid}.lp .pp-interlude img{width:100%;display:block}.pp-code{border:1px solid var(--ol-border);border-radius:var(--ol-r-card);background:var(--ol-surface-2);margin-top:40px;padding:22px 28px;overflow-x:auto}.pp-code p{white-space:nowrap;gap:14px;margin:0;font-size:14px;line-height:2.1;display:flex}.pp-code code{color:var(--ol-ink)}.pp-prompt{color:var(--ol-red);font-family:var(--ol-font-mono)}.pp-comment{color:var(--ol-text-muted);font-family:var(--ol-font-mono);margin-left:10px}.pp-grid{gap:48px var(--ol-landing-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:40px 0 0;padding:0;list-style:none;display:grid}.pp-grid li{border-top:1px solid var(--ol-rule);padding-top:22px}.pp-grid h3{font-size:20px}.pp-grid p{color:var(--ol-text-body);margin:10px 0 0}.pp-catalog{gap:48px var(--ol-landing-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;display:grid}.pp-catalog section{border-top:1px solid var(--ol-rule);padding-top:22px}.pp-catalog h3{font-size:20px}.pp-catalog ul{margin:14px 0 0;padding:0;list-style:none}.pp-catalog li{color:var(--ol-text-body);margin-top:8px;padding-left:18px;font-size:15px;position:relative}.pp-catalog li:before{content:"";background:var(--ol-red);width:8px;height:2px;position:absolute;top:.7em;left:0}.pp-others{margin-top:96px}.pp-others .lp-strip{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1000px){.pp-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-hero{min-height:460px}.lp .pp-hero-art{left:24%}.pp-hero-copy{max-width:440px}.pp-facts b{font-size:36px}}@media (width<=760px){.pp-hero{flex-direction:column;align-items:stretch;min-height:0;padding-top:32px}.lp .pp-hero-art{height:auto;width:calc(100% + 2 * var(--ol-gutter));max-width:none;margin:12px calc(-1 * var(--ol-gutter)) 0;aspect-ratio:1.5;object-fit:cover;object-position:78% 50%;order:2;position:static}.pp-showcase{margin-top:8px}.pp-facts,.pp-how,.pp-feature,.pp-flip,.pp-interlude,.pp-grid,.pp-catalog{grid-template-columns:minmax(0,1fr)}.pp-facts{gap:32px;margin-top:64px}.pp-feature{gap:28px;margin-top:72px}.pp-tour>.lp-h2+.pp-feature{margin-top:40px}.pp-flip>.pp-feature-copy{order:0}.pp-feature h3{font-size:23px}.pp-grid{gap:32px}.pp-code{padding:18px 20px}.pp-others{margin-top:72px}.pp-others .lp-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
