.collab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px;align-items:stretch}
.collab-card{min-width:0;background:#fff;display:flex;flex-direction:column}
.collab-card>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.collab-caption{border-top:3px solid #111;padding:20px 18px 28px;flex:1}
.collab-caption h3{font-size:clamp(26px,2.7vw,42px);line-height:1;letter-spacing:-.035em;margin:12px 0}
.collab-caption p{font-size:16px;line-height:1.5;margin:0}
.popup-gallery img{filter:brightness(1.12) contrast(1.03) saturate(1.03)}
@media(max-width:800px){
  .collab-grid{grid-template-columns:1fr;gap:20px;margin-top:32px}
  .collab-card>img{aspect-ratio:4/3;object-position:center 40%}
  .hero{min-height:0}
  .hero-grid{height:min(70vh,580px);min-height:440px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));overflow:hidden}
  .hero-grid img{min-width:0;min-height:0;height:100%;width:100%;object-fit:cover}
  #made{position:relative;padding-top:18vw}
}
@media(max-width:480px){.hero-grid{height:440px;min-height:440px}.collab-card>img{aspect-ratio:1/1}}
.nav div:last-child{display:flex;align-items:center;flex-wrap:wrap;column-gap:clamp(28px,3vw,44px);row-gap:12px}
.nav div:last-child a{margin-left:0}
@media(max-width:1050px){.nav{height:auto;min-height:78px;flex-wrap:wrap;gap:14px;padding-top:16px;padding-bottom:16px}.nav div:last-child{width:100%}}
@media(max-width:800px){.nav div:last-child{column-gap:22px;row-gap:12px}}
@media(max-width:800px){.popup-gallery .store-main{object-position:center 25%}}
.timeline-section{padding:7vw 5vw 8vw;background:#fff9ed}
.timeline-section h2{font-size:clamp(38px,5.2vw,74px);line-height:.9;letter-spacing:-.045em;margin:12px 0 50px}
.timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 28px}
.timeline li{position:relative;min-width:0;border-top:2px solid #111;padding-top:24px}
.timeline li::before{content:"";position:absolute;top:-9px;left:0;width:14px;height:14px;border:2px solid #111;border-radius:50%;background:#f4c869}
.timeline-year{display:block;font-size:clamp(30px,3.2vw,48px);font-weight:900;letter-spacing:-.055em;line-height:1}
.timeline h3{font-size:clamp(21px,2vw,30px);line-height:1.1;margin:14px 0 8px;letter-spacing:-.025em}
.timeline p{font-size:17px;line-height:1.5;max-width:32ch;margin:0}
@media(max-width:800px){.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-section{padding:14vw 6vw}}
@media(max-width:560px){.timeline{grid-template-columns:1fr;gap:32px}.timeline-section h2{margin-bottom:38px}}
.hero{position:relative;display:flex;align-items:center;min-height:clamp(560px,calc(100svh - 78px),760px);overflow:hidden;background:#111}
.hero-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-copy{position:relative;z-index:1;display:block;width:min(44vw,540px);margin:4vw;padding:clamp(28px,3.5vw,52px);background:#fff}
.hero h1{font-size:clamp(45px,5.4vw,76px)}
.hero p{font-size:clamp(17px,1.5vw,20px);line-height:1.45;margin-bottom:0}
@media(max-width:800px){.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;overflow:visible;background:#fff}.hero-video{position:relative;inset:auto;order:0;width:100%;height:auto;aspect-ratio:1080/630;object-fit:cover}.hero-copy{order:1;width:100%;margin:0;padding:10vw 6vw;background:#fff9ed}.hero h1{font-size:clamp(46px,10vw,72px);margin:18px 0 24px}.hero p{max-width:650px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero{background:#fff9ed url('assets/patchy-tiger-making-poster.jpg') center/cover no-repeat}}
@media(prefers-reduced-motion:reduce) and (max-width:800px){.hero::before{content:"";display:block;width:100%;aspect-ratio:1080/630;background:url('assets/patchy-tiger-making-poster.jpg') center/cover no-repeat}}
.icons .icon:nth-child(3) img{object-position:center 22%}
.nav .nav-menu:last-child{display:block;margin-left:auto;width:auto}
.nav-menu .menu-toggle{display:none}
.nav .nav-menu .nav-links{display:flex;align-items:center;gap:clamp(28px,3vw,44px);width:auto}
.nav-menu .nav-links a{margin:0}
@media(max-width:800px){
  .nav{flex-direction:row;align-items:center;flex-wrap:nowrap;position:sticky}
  .nav-menu .menu-toggle{display:flex;align-items:center;gap:12px;min-height:44px;padding:0;border:0;background:transparent;color:#111;cursor:pointer;font:700 13px Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}
  .nav-menu .menu-lines{display:block;width:23px;height:2px;background:#111;box-shadow:0 -7px #111,0 7px #111}
  .nav .nav-menu .nav-links{display:none}
  .nav .nav-menu.is-open .nav-links{position:absolute;top:100%;left:0;right:0;display:flex;align-items:stretch;flex-direction:column;gap:0;width:100%;padding:12px 6vw 22px;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 12px 18px rgba(0,0,0,.1)}
  .nav-menu .nav-links a{display:block;margin:0;padding:12px 0;min-height:44px;font-size:14px;border-bottom:1px solid #eee}
  .nav-menu .menu-toggle:focus-visible{outline:3px solid #111;outline-offset:4px}
}