.page-work .page-hero{padding:180px 0 50px}.page-work h1{font-family:var(--ff-display);letter-spacing:-.02em;margin-top:18px;font-size:clamp(48px,8vw,100px);font-weight:700;line-height:.95}.page-work .page-hero p{max-width:56ch;color:var(--stone);margin-top:20px;font-size:18px}.page-work section{padding:40px 0 110px}.page-work .sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.page-work h2{font-family:var(--ff-display);font-size:clamp(28px,4vw,42px);font-weight:700}.page-work .sec-note{color:var(--stone);max-width:320px;font-size:14px}.page-work .logo-grid{background:var(--line);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(6,1fr);gap:2px;display:grid;overflow:hidden}@media (max-width:900px){.page-work .logo-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.page-work .logo-grid{grid-template-columns:repeat(2,1fr)}}.page-work .logo-tile{background:var(--ink);aspect-ratio:1.4;justify-content:center;align-items:center;padding:20px;transition:background .3s;display:flex}.page-work .logo-tile:hover{background:var(--ink-2)}.page-work .logo-tile img{max-width:80%;max-height:32px}.page-work .logo-tile.placeholder{font-family:var(--ff-mono);text-transform:uppercase;color:var(--stone);text-align:center;font-size:11px}.page-work .load-more-wrap{justify-content:center;margin-top:28px;display:flex}.page-work .load-more-btn{font-family:var(--ff-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);color:var(--cream);cursor:pointer;background:0 0;border-radius:999px;padding:12px 24px;font-size:12px;transition:all .25s}.page-work .load-more-btn:hover{border-color:var(--amber);color:var(--amber)}.page-work .collab-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:960px){.page-work .collab-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.page-work .collab-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.page-work .collab-grid{grid-template-columns:1fr}}.page-work .collab-card{aspect-ratio:1/1.15;border-radius:14px;flex-direction:column;justify-content:space-between;padding:18px;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.page-work .collab-card:hover{box-shadow:0 0 0 1px var(--amber) inset}.page-work .collab-initial{font-family:var(--ff-display);opacity:.16;color:var(--ink);font-size:120px;font-weight:700;line-height:1;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-24px;right:-6px}.page-work .collab-card:hover .collab-initial{transform:translateY(-8px)scale(1.05)}.page-work .collab-arrow{font-family:var(--ff-display);z-index:2;color:var(--ink);opacity:.7;font-size:18px}.page-work .collab-info{z-index:2}.page-work .collab-brand{font-family:var(--ff-mono);text-transform:uppercase;color:var(--ink);opacity:.65;font-size:10px}.page-work .collab-title{font-family:var(--ff-display);color:var(--ink);margin-top:4px;font-size:16px;font-weight:700}.page-work .collab-card.has-image{background:var(--ink-2)}.page-work .collab-bg{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.page-work .collab-card.has-image:hover .collab-bg{transform:scale(1.05)}.page-work .collab-card.has-image:before{content:"";z-index:1;background:linear-gradient(#14110f2e 0%,#14110f47 30%,#14110fc7 70%,#14110ff0 100%);position:absolute;inset:0}.page-work .collab-card.has-image .collab-arrow{color:var(--cream);opacity:.9}.page-work .collab-card.has-image .collab-brand{color:var(--stone);opacity:1;text-shadow:0 1px 3px #000000d9,0 2px 10px #00000080}.page-work .collab-card.has-image .collab-title{color:#fff;text-shadow:0 1px 3px #000000d9,0 2px 10px #00000080}
