@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400&display=swap");

/* Faded Anyway — static Pinterest-style masonry. */
.gallery.pinterest-gallery{
  display:block!important;width:100%!important;margin:0 auto!important;
  columns:3;column-gap:22px;padding:30px 0 90px!important;
}
.gallery.pinterest-gallery .art:nth-child(n){
  display:block;position:relative!important;break-inside:avoid;
  width:100%!important;margin:0 0 22px!important;
  grid-column:auto!important;left:auto!important;top:auto!important;
  opacity:1!important;transform:none!important;filter:none!important;
  transition:none!important;animation:none!important;
}
.gallery.pinterest-gallery .art a{
  display:block!important;width:100%!important;height:auto!important;
  overflow:hidden!important;border-radius:8px;background:#ffffff06;
}
.gallery.pinterest-gallery .art a::after{display:none!important}
.gallery.pinterest-gallery .art img,
.motion-ready .gallery.pinterest-gallery .art a:hover img{
  display:block!important;width:100%!important;height:auto!important;
  max-width:100%!important;max-height:none!important;
  object-fit:contain;opacity:1!important;transform:none!important;
  filter:none!important;transition:none!important;animation:none!important;will-change:auto!important;
}
.gallery.pinterest-gallery .art a:hover{outline:1px solid #f4efdc55;outline-offset:3px}
.hero{padding-top:24px!important;padding-bottom:24px!important}
.hero-stage{height:280px!important;min-height:0!important;border:1px solid #aba9d030;border-radius:12px}
.hero-inner{padding:28px 34px!important}
.hero-inner h1{font-size:clamp(3.5rem,6vw,6rem)!important}
.hero-flow{animation:none!important;will-change:auto!important}
body::before{will-change:auto}
#works .section-title{padding:20px 0}
#works .section-title h2{font-size:clamp(2rem,3vw,3.2rem)}
@media(min-width:1400px){.gallery.pinterest-gallery{columns:4}}
@media(max-width:900px){.gallery.pinterest-gallery{columns:2;column-gap:18px}.gallery.pinterest-gallery .art:nth-child(n){margin-bottom:18px!important}}
@media(max-width:600px){
  .gallery.pinterest-gallery{columns:2;column-gap:12px;padding:24px 0 64px!important}
  .gallery.pinterest-gallery .art:nth-child(n){margin-bottom:12px!important}
  .gallery.pinterest-gallery .art a{border-radius:5px}
  .hero-stage{height:230px!important}.hero-inner{padding:24px!important}
  .hero-inner h1{font-size:clamp(3rem,10vw,4rem)!important}
}
@media(max-width:340px){.gallery.pinterest-gallery{columns:1}}


/* One continuous grid; story squares cover actual four-image junctions. */
.gallery.pinterest-gallery.gallery-with-story{
  display:grid!important;position:relative;columns:auto!important;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:22px!important;
  --story-gap:22px;
}
.gallery.pinterest-gallery.gallery-with-story .art:nth-child(n){margin:0!important;grid-column:auto!important}
.gallery.pinterest-gallery.gallery-with-story .art a{aspect-ratio:7/10;height:auto!important}
.gallery.pinterest-gallery.gallery-with-story .art a{position:relative}
.gallery.pinterest-gallery.gallery-with-story .art img,
.motion-ready .gallery.pinterest-gallery.gallery-with-story .art a:hover img{
  position:absolute;inset:0;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;object-fit:cover!important;
}
.gallery-with-story .story-insert{
  position:absolute;z-index:2;grid-column:2/4;grid-row:var(--story-row-wide)/span 1;
  left:50%;top:100%;transform:translate(-50%,calc(-50% + var(--story-gap)/2));
  display:flex;align-items:center;justify-content:center;
  width:280px;height:280px;padding:20px;
  background:radial-gradient(ellipse at 0% 100%,#202751 0%,transparent 75%),radial-gradient(ellipse at 100% 0%,#39283d 0%,transparent 75%),#141128;
  color:#fff;text-align:center;border-radius:16px;
  box-shadow:inset 0 8px 16px -5px #0009,inset 5px 0 12px -7px #0007,inset -5px 0 12px -7px #0007,inset 0 -1px 0 #ffffff18;
  border:1px solid #08071480;
}
.story-insert .story-index{display:none}
.story-insert .story-copy{font-family:"Outfit",Arial,sans-serif;width:100%;font-size:18px;line-height:1.4;font-weight:400;letter-spacing:-.012em}
.story-insert p{margin:0 0 .85em}
.story-insert p:last-child{margin-bottom:0}
.story-tone-5 p:last-child{margin-top:1.1em;font-weight:400}
@media(max-width:900px){
  .gallery.pinterest-gallery.gallery-with-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;--story-gap:18px}
  .gallery-with-story .story-insert{grid-column:1/3;grid-row:var(--story-row-narrow)/span 1}
}
@media(max-width:600px){
  .gallery.pinterest-gallery.gallery-with-story{gap:12px!important;--story-gap:12px}
  .gallery-with-story .story-insert{width:220px;height:220px;padding:14px;border-radius:12px}
  .story-insert .story-copy{font-size:15px;line-height:1.35}
  .story-insert p{margin-bottom:.7em}
}
@media(max-width:340px){
  .gallery-with-story .story-insert{width:200px;height:200px;padding:12px}
  .story-insert .story-copy{font-size:13px}
}