.p-logo{padding:48px var(--margin) 96px;max-width:1440px;margin:0 auto}.p-logo>a{font-size:var(--step-small)}.p-logo h1{font-size:var(--step-head);margin-top:40px}.p-logo>p{max-width:60ch;font-size:var(--step-lead);color:var(--on-dark-muted);margin-top:20px;line-height:1.35}.p-logo .boards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:64px;display:grid}.p-logo .board{aspect-ratio:4/3;place-items:center;margin:0;padding:24px 24px 48px;display:grid;position:relative}.p-logo .board figcaption{font-size:var(--step-small);font-weight:500;position:absolute;bottom:16px;left:20px}.p-logo .lockup{letter-spacing:-.03em;align-items:center;gap:.28em;font-size:clamp(2rem,1.2rem + 2vw,3.25rem);font-weight:700;display:inline-flex}.p-logo .lockup svg{width:1.05em;height:1.05em}.p-logo .big-mark{width:44%}.p-logo .icon{background:var(--cherry);--mark-fill:var(--paper);--mark-cut:var(--cherry);border-radius:28px;place-items:center;width:128px;height:128px;display:grid}.p-logo .icon svg{width:76px;height:76px}.p-logo .band{white-space:nowrap;background:var(--cherry);width:92%;height:64px;color:var(--paper);letter-spacing:-.02em;--mark-fill:var(--paper);--mark-cut:var(--cherry);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);align-items:center;gap:14px;padding:0 40px;font-size:22px;font-weight:700;display:flex}.p-logo .band svg{width:34px;height:34px}.p-logo .band span:last-child{font-size:var(--step-small);margin-left:auto;font-weight:500}.p-logo .stamp{opacity:.9;--mark-fill:var(--cherry);--mark-cut:#d8bfab;width:52%;transform:rotate(-14deg)}@supports (color:lab(0% 0 0)){.p-logo .stamp{--mark-cut:lab(79.028% 7.10532 13.5858)}}.p-logo .sizes{--mark-fill:var(--cherry);--mark-cut:var(--paper);align-items:end;gap:28px;display:flex}.p-logo .sizes .s16{width:16px;height:16px}.p-logo .sizes .s32{width:32px;height:32px}.p-logo .sizes .s64{width:64px;height:64px}.p-logo .why{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px 48px;margin-top:96px;display:grid}.p-logo .why h2{font-size:var(--step-lead)}.p-logo .why p{color:var(--on-dark-muted);max-width:46ch;margin-top:12px}.p-logo .big-mark,.p-logo .stamp{display:block}.p-logo .big-mark svg,.p-logo .stamp svg{width:100%;height:auto;display:block}