/* B7 Pinboard: soft rounded, floating photo collage, round section icons, masonry board */
.b7{--br:999px;--ir:22px;--cr:26px;--lr:50%}
.b7 .lg-m{border-radius:50%}
.b7 h1,.b7 h2,.b7 h3{font-weight:400}
.b7-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(40px,6vw,90px) 0}
.b7-hero h1{font-size:clamp(44px,6.4vw,88px);line-height:1;letter-spacing:-.02em}
.b7-act{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:28px}
.b7-col{position:relative;height:min(560px,62vw)}
.b7-p{position:absolute;display:block;border-radius:var(--cr);overflow:hidden;box-shadow:0 30px 60px -28px rgba(0,0,0,.45);background:var(--surf)}
.b7-p img{width:100%;height:100%;object-fit:cover}
.b7-p span{position:absolute;left:14px;bottom:14px;background:var(--bg);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
.b7-p.p1{left:0;top:6%;width:56%;height:70%;transform:rotate(-3deg)}
.b7-p.p2{right:0;top:0;width:44%;height:46%;transform:rotate(4deg)}
.b7-p.p3{right:6%;bottom:0;width:48%;height:44%;transform:rotate(-2deg)}
.b7-cats{padding:10px 0 30px}
.b7-cl{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:18px 28px;justify-content:center}
.b7-cl a{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;font-weight:600}
.b7-ci{width:96px;height:96px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--acc);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.b7-ci img{width:100%;height:100%;object-fit:cover}
.b7-cl a:hover .b7-ci{transform:scale(1.08) rotate(-4deg)}
.b7-board{padding:clamp(48px,7vw,100px) 0}
.b7-board .sec-h{text-align:center}
.mas{columns:3 300px;column-gap:22px}
.mas-i{break-inside:avoid;margin-bottom:22px}
.pc-soft{background:var(--surf);border-radius:var(--cr);padding:12px 12px 22px;box-shadow:0 1px 0 var(--line)}
.pc-soft .pc-b{padding:0 10px}
.pc-soft.h0 .pc-im{aspect-ratio:4/5}.pc-soft.h1 .pc-im{aspect-ratio:1}.pc-soft.h2 .pc-im{aspect-ratio:4/3}
@media (max-width:800px){.b7-hero{grid-template-columns:minmax(0,1fr)}.b7-col{height:92vw;max-height:520px}}