/* Social media / brand portfolio page */
body{background:#fafafa}
.m-hero{padding:150px 0 0}
.m-hero h1{margin-top:16px;max-width:900px;font:600 clamp(42px,6vw,80px)/1 "Inter Tight";letter-spacing:-.055em}
.m-hero h1 em{font-style:normal;color:#1769ff}
.m-cover{width:min(1180px,100% - 40px);margin:56px auto 0;border-radius:36px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(0,0,0,.5);cursor:zoom-in}
.m-cover img{display:block;width:100%;height:auto;transition:transform 1.2s var(--ease)}
.m-cover:hover img{transform:scale(1.02)}
.b-nav{position:sticky;top:84px;z-index:20;margin-top:80px;display:flex;justify-content:center;pointer-events:none}
.b-nav-in{pointer-events:auto;display:flex;gap:4px;max-width:min(1100px,100% - 32px);overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:999px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 10px 24px -16px rgba(0,0,0,.35)}
.b-nav-in::-webkit-scrollbar{display:none}
.b-nav a{flex:none;padding:9px 14px;border-radius:999px;font:500 13px/1 "Inter";color:#6a6c75;white-space:nowrap;transition:background .3s,color .3s}
.b-nav a:hover{color:#111}
.b-nav a.on{background:#111;color:#fff}
.brand{padding:110px 0 0}
.b-head{display:flex;align-items:flex-end;gap:18px;padding-bottom:22px;border-bottom:1px solid #ececef}
.b-num{font:700 64px/.8 "Outfit";letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px #d4d5da}
.b-head h2{font:600 clamp(30px,3.6vw,44px)/1 "Inter Tight";letter-spacing:-.045em}
.b-head p{margin-top:8px;font:500 15px/1.3 "Inter";color:#6a6c75}
.b-count{margin-left:auto;padding:8px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #e4e5ea;font:600 12.5px/1 "Inter";color:#4a4c55}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.post{margin:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 24px 40px -32px rgba(0,0,0,.5);cursor:zoom-in;transition:transform .5s var(--spring),box-shadow .5s}
.post img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform 1s var(--ease)}
.post:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 34px 50px -30px rgba(0,0,0,.55)}
.post:nth-child(even):hover{transform:translateY(-6px) rotate(.6deg)}
.post:hover img{transform:scale(1.04)}
.wide{margin:16px 0 0;border-radius:20px;overflow:hidden;cursor:zoom-in;box-shadow:0 24px 40px -32px rgba(0,0,0,.5)}
.wide img{display:block;width:100%;height:auto}
.end{padding-top:140px}
@media (max-width:900px){.posts{grid-template-columns:1fr 1fr;gap:10px}.post{border-radius:14px}.b-num{font-size:44px}.b-nav{top:76px;margin-top:50px}.brand{padding-top:70px}.b-count{display:none}}