/* Flora: the artwork itself is the card; labels do not reserve a grey row. */
body.psq-flora-index .head{margin-bottom:28px;}
body.psq-flora-index .grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(20px,3vw,48px)!important;
  border:0!important;
  background:transparent!important;
}
body.psq-flora-index .grid > .card{
  grid-column:span 2;
  position:relative;
  display:block;
  aspect-ratio:4/3;
  border:0;
  background:transparent!important;
  transform:none!important;
  isolation:isolate;
}
body.psq-flora-index .card .frame{
  position:relative;
  width:100%;height:100%;margin:0;
  border:0;background:var(--ink,#151617);
  overflow:hidden;
}
body.psq-flora-index .card:nth-child(1){--plant-height:92%;}
body.psq-flora-index .card:nth-child(2){--plant-height:105%;}
body.psq-flora-index .card:nth-child(3){--plant-height:95%;}
body.psq-flora-index .card .frame img{
  position:absolute;left:50%;top:50%;
  display:block;width:auto;height:var(--plant-height);max-width:none;
  transform:translate(-50%,-50%);
  object-fit:contain;
  mix-blend-mode:lighten;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
body.psq-flora-index .card .label{
  position:absolute;left:0;right:0;bottom:0;
  padding:32px 12px 16px;text-align:center;
  background:linear-gradient(transparent,rgba(21,22,23,.94));
  opacity:0;transform:translateY(6px);
  transition:opacity .3s ease,transform .3s ease;
  pointer-events:none;
}
body.psq-flora-index .card .pname{
  color:#eceeef;font-size:clamp(16px,2vw,24px);line-height:1.2;
}
body.psq-flora-index .card:focus-visible .label,
body.psq-flora-index .card.psq-revealed .label{opacity:1;transform:none;}
@media(hover:hover) and (pointer:fine){
  body.psq-flora-index .card:hover .label{opacity:1;transform:none;}
}
@media(max-width:640px){
  body.psq-flora-index .head{margin-bottom:20px;}
  body.psq-flora-index .grid > .card{aspect-ratio:4/5;}
  body.psq-flora-index .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px!important;}
  body.psq-flora-index .grid > .card:last-child:nth-child(odd){grid-column:2 / span 2;}
  body.psq-flora-index .card .label{padding:28px 4px 10px;}
}

/* Mobile home: one invitation, five equal destinations and the shop. */
.psq-mobile-copy{display:none;}
@media(max-width:640px){
  body.psq-home .psq-desktop-copy{display:none;}
  body.psq-home .psq-mobile-copy{display:inline;}
  body.psq-home .gate-content .eyebrow,
  body.psq-home .foreword .num,
  body.psq-home .foreword p,
  body.psq-home #allRealmsBtn,
  body.psq-home #allRealmsPanel,
  body.psq-home > .chapter,
  body.psq-home .band .num,
  body.psq-home .band h2,
  body.psq-home .band p,
  body.psq-home footer > div:not(.fmark){display:none!important;}
  body.psq-home .gate-content h1{font-size:clamp(30px,8vw,42px);max-width:16ch;}
  body.psq-home .foreword{padding:44px 6vw 16px;}
  body.psq-home .foreword h2{font-size:28px;margin:0;}
  body.psq-home .gallery{margin:16px 6vw 44px;border:0;background:transparent;gap:10px;min-height:0;}
  body.psq-home .gallery .panel{height:76px;min-height:76px;flex:none;}
  body.psq-home .gallery .panel .behind,
  body.psq-home .gallery .panel .leaves{display:none;}
  body.psq-home .gallery .panel .plate{opacity:1!important;transform:none!important;}
  body.psq-home .gallery .panel .pname-closed{font-family:var(--psq-display);font-size:22px;letter-spacing:.02em;text-transform:none;}
  body.psq-home .gallery .panel .roman{font-size:12px;opacity:.6;}
  body.psq-home .band{padding:24px 6vw 44px;border:0;background:transparent;}
  body.psq-home footer{justify-content:center;padding:24px 6vw 72px;}
}
@media(prefers-reduced-motion:reduce){
  body.psq-flora-index .card .label{transition:none;}
}