.hn-wrap{width:min(1240px,100% - 40px);margin:0 auto}.hn-work{padding-bottom:clamp(80px,10vw,140px)}.hn-label{color:#9a948a;border-bottom:1px solid #2a272e;margin:0 0 22px;padding-bottom:14px;font-size:.7rem;font-weight:400}.hn-grid{grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);margin:0;padding:0;list-style:none;display:grid}.hn-card a{background:#1d1b20b8;border-radius:16px;flex-direction:column;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .4s;display:flex;overflow:hidden;box-shadow:0 0 0 1px #2a272e}.hn-card a:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #45404b,0 30px 60px -36px #000000e6}.hn-card__media{aspect-ratio:4/3;background:#1d1b20;position:relative;overflow:hidden}.hn-card__media img,.hn-card__media video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.hn-card a:hover .hn-card__media img,.hn-card a:hover .hn-card__media video{transform:scale(1.03)}.hn-card__media--phone{background:radial-gradient(60% 70%,#ffb45e24,#0000 70%),#1d1b20;place-items:center;display:grid}.hn-card__media--phone img{border-radius:14px;width:auto;height:86%;position:static;box-shadow:0 20px 40px -20px #000c}.hn-card a:hover .hn-card__media--phone img{transform:none}.hn-card__text{gap:6px;padding:20px 22px 24px;display:grid}.hn-card__text .caption-mono{color:#9a948a;font-size:.64rem}.hn-card__text h3{letter-spacing:-.01em;color:#ede6da;margin:0;font-size:22px;font-weight:500}.hn-card__line{color:#9a948a;margin:0;font-size:15px;line-height:1.5}.hn-in{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.hn-in.is-in{opacity:1;transform:none}@media (max-width:960px){.hn-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hn-grid{grid-template-columns:1fr}}