/* v3 additions: artwork-wall hero and captioned phones */
.hero3{padding:clamp(48px,8vw,88px) 0 0;text-align:center;overflow:hidden}
.hero3-copy{max-width:720px;margin:0 auto}
.hero3 h1{margin:0 auto 18px}
.hero3 p.sub{margin:0 auto;max-width:34ch}
.hero3 .stores,.hero3 .proof{justify-content:center}
.wallwrap{position:relative;margin-top:clamp(36px,6vw,64px);height:clamp(300px,38vw,440px);
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 70%,transparent 100%)}
.wall{position:absolute;left:50%;top:0;transform:translateX(-50%) rotate(-3deg) scale(1.06);width:140%;display:flex;flex-direction:column;gap:14px}
.wall .row{display:flex;gap:14px;justify-content:center}
.wall .row:nth-child(2){transform:translateX(-48px)}
.wall .row:nth-child(3){transform:translateX(36px)}
.wall .t{height:clamp(96px,12vw,150px);width:auto;flex:none;border-radius:6px;border:1px solid var(--line);object-fit:cover;
  box-shadow:0 10px 30px -14px rgba(20,12,50,.45);background:var(--paper-2)}
.wall .t.p{aspect-ratio:2/3}.wall .t.a{aspect-ratio:1/1}.wall .t.g{aspect-ratio:3/4}.wall .t.b{aspect-ratio:2/3}
@media(max-width:640px){.wall{width:220%;gap:10px}.wall .row{gap:10px}}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,36px);align-items:start}
@media(max-width:860px){.trio{grid-template-columns:1fr;max-width:340px;margin:0 auto}}
.trio figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.trio figcaption,.phones figcaption{font-family:var(--serif);font-size:1.35rem;line-height:1.1;letter-spacing:-.01em;color:var(--ink)}
.trio p{color:var(--ink-2);font-size:15.5px;line-height:1.5;max-width:30ch}
.phones figure{gap:12px}
.phones figcaption{font-size:1.1rem}
.import{margin-top:clamp(28px,4vw,40px)}