/* Nicolas's August 13 review checklist — presentation-only refinements. */

/* The 10% cell scale was already in place. Move the complete lattice upward without
   changing its edge-sharing geometry or the mobile 2-by-2-by-2-by-2-by-2 order. */
@media (min-width:1051px){
  .cover-honeycomb{top:47svh}
}
@media (min-width:561px) and (max-width:1050px){
  .cover-honeycomb{margin-top:0}
}
@media (max-width:560px){
  .cover-honeycomb{margin-top:2.7rem}
  .cover-honeycomb .hc-6 .hc-label,
  .cover-honeycomb .hc-7 .hc-label{font-size:clamp(.79rem,3.82vw,1rem);max-width:88%;transform:none}
}

/* QPMN prints these at the true 2.75 x 4.75 tarot ratio. Cover reproduces the
   editor's narrow safe side trim without reintroducing the old 108% top/bottom zoom. */
.card-front.has-photo .card-photo{
  inset:0;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}

/* Keep the same print-accurate crop on phones. */
@media (max-width:560px){
  .card-front.has-photo .card-photo{object-fit:cover}
}

/* The production tin is white and portrait. Nicolas's approved Drive artwork remains
   inset on the lid, preserving its own 1,000-piece label and intended image scale. */
.puzzle-product{
  display:grid;
  grid-template-columns:minmax(145px,.72fr) minmax(180px,1fr);
  gap:1.15rem 1.35rem;
  align-items:center;
}
.puzzle-tin{
  grid-column:1;
  width:min(100%,235px);
  aspect-ratio:1;
  margin:0 auto;
  transform:rotate(-2deg);
  overflow:visible;
  border:0;
  background:none;
  box-shadow:none;
}
.puzzle-tin img{display:block;width:100%;height:auto;filter:drop-shadow(0 15px 20px rgba(55,36,17,.2))}
.puzzle-cut-preview{grid-column:2;margin:0;text-align:center}
.puzzle-cut-preview img{
  display:block;
  width:min(100%,220px);
  height:auto;
  aspect-ratio:1;
  object-fit:contain;
  margin:0 auto .45rem;
  border:5px solid #fffaf0;
  box-shadow:0 9px 20px rgba(55,36,17,.23);
  transform:rotate(1.2deg);
}
.puzzle-cut-preview figcaption{font-size:.78rem;line-height:1.25;color:#704519}
.puzzle-product-copy{grid-column:1/-1}
.puzzle-checkout-note strong{color:#704519}

/* Coloring Book — a live destination with honest pre-launch language. */
#t-coloring{--tier-bg:#eee2c8;background:#eee2c8}
.coloring-tier::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.62;
  background:
    radial-gradient(circle at 10% 18%,rgba(242,189,47,.2) 0 2px,transparent 3px),
    radial-gradient(circle at 84% 72%,rgba(108,140,117,.18) 0 1px,transparent 2px),
    repeating-linear-gradient(118deg,transparent 0 29px,rgba(107,75,40,.035) 30px 31px);
  background-size:37px 41px,31px 35px,auto;
}
.coloring-tier-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:center;
  max-width:1220px;
}
.coloring-tier-inner>.medium-faq{grid-column:1/-1}
.coloring-copy{max-width:590px}
.coloring-kicker{color:#8b5109;margin:0 0 .25rem}
.coloring-copy h2{font-size:clamp(2.7rem,5.3vw,5.4rem);line-height:.92;margin:0 0 1.2rem;text-wrap:balance}
.coloring-lede{font-size:clamp(1.08rem,1.7vw,1.3rem);line-height:1.55}
.coloring-facts{list-style:none;padding:0;margin:1.35rem 0 1.65rem;display:grid;gap:.62rem}
.coloring-facts li{position:relative;padding-left:1.45rem;line-height:1.45}
.coloring-facts li::before{
  content:"";
  position:absolute;
  left:0;
  top:.47em;
  width:.72rem;
  height:.72rem;
  background:#e9a413;
  clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);
}
.coloring-truth{max-width:48ch;font-size:.82rem;line-height:1.35;margin:.75rem 0 0;opacity:.75}
.coloring-product{position:relative;margin:0;text-align:center;isolation:isolate}
.coloring-product::before,.coloring-product::after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:50%;
  border:2px solid rgba(211,132,18,.28);
}
.coloring-product::before{width:70%;aspect-ratio:1;right:-4%;top:-8%;box-shadow:0 0 0 18px rgba(242,189,47,.08),0 0 0 38px rgba(31,143,168,.06)}
.coloring-product::after{width:42%;aspect-ratio:1;left:-5%;bottom:6%;box-shadow:0 0 0 14px rgba(93,139,106,.08)}
.coloring-product img{
  display:block;
  width:min(100%,580px);
  height:auto;
  margin:0 auto .7rem;
  filter:drop-shadow(0 20px 22px rgba(75,50,22,.2));
  clip-path:polygon(1% 0,99% .8%,100% 99%,2% 100%,0 2%);
  transform:rotate(.6deg);
}
.coloring-product figcaption{font-size:.85rem;color:#79552f}

/* Story — remove the redundant bottom photograph and let the words live on one playful,
   signed sheet. The concentric marks echo the restored hive wordmark. */
#t-story{
  --tier-bg:#efdfc5;
  background:
    radial-gradient(circle at 9% 17%,transparent 0 27px,rgba(231,156,25,.2) 28px 30px,transparent 31px 43px,rgba(31,143,168,.13) 44px 47px,transparent 48px),
    radial-gradient(circle at 91% 79%,transparent 0 34px,rgba(210,75,43,.12) 35px 38px,transparent 39px 55px,rgba(93,139,106,.15) 56px 60px,transparent 61px),
    #efdfc5;
}
#t-story .tier-inner{max-width:920px}
.story-letter{
  position:relative;
  padding:clamp(1.5rem,4vw,3.1rem);
  background:rgba(255,251,240,.9);
  filter:drop-shadow(0 16px 24px rgba(70,53,31,.18));
  clip-path:polygon(0 1.3%,4% 0,10% 1.2%,17% .2%,25% 1.4%,34% .1%,44% 1.1%,55% .2%,66% 1.4%,77% .2%,88% 1.2%,96% .1%,100% 1.1%,99.5% 98.6%,93% 100%,84% 98.8%,74% 99.8%,63% 98.7%,52% 100%,41% 98.8%,30% 99.8%,20% 98.7%,9% 100%,.4% 98.5%);
}
.story-letter::before{
  content:"";
  position:absolute;
  width:88px;
  aspect-ratio:1;
  right:2rem;
  top:1.7rem;
  border-radius:50%;
  border:2px solid rgba(224,145,17,.28);
  box-shadow:0 0 0 9px rgba(224,145,17,.07),0 0 0 17px rgba(31,143,168,.06);
  pointer-events:none;
}
.story-letter>p{max-width:72ch;margin:0 auto 1rem;line-height:1.62}
.story-letter .quote-card{max-width:68ch;margin:1.6rem auto}
.story-signature{font-size:1.2rem;text-align:right;padding-right:1rem;margin-top:1.4rem!important;color:#7c4c17}

@media (max-width:820px){
  .puzzle-product{grid-template-columns:minmax(125px,.72fr) minmax(150px,1fr)}
  .puzzle-tin{width:min(100%,180px)}
  .puzzle-cut-preview img{width:min(100%,185px)}
  .coloring-tier-inner{grid-template-columns:1fr;gap:1.4rem;padding-top:4.4rem;padding-bottom:2.5rem}
  .coloring-copy{text-align:center;margin:0 auto}
  .coloring-facts{text-align:left;max-width:590px;margin-left:auto;margin-right:auto}
  .coloring-product{width:min(68vw,320px);margin:0 auto}
  .coloring-copy h2{font-size:clamp(2.45rem,11vw,4rem)}
}

@media (max-width:520px){
  .puzzle-product{grid-template-columns:1fr 1fr;gap:.9rem;padding:1.4rem 1rem}
  .puzzle-tin{width:min(100%,145px)}
  .puzzle-cut-preview img{width:min(100%,150px);border-width:3px}
  .puzzle-product-copy{margin-top:.15rem}
  .story-letter{padding:1.55rem 1.2rem 1.8rem}
  .story-letter::before{width:58px;right:1rem;top:1rem}
}

@media (prefers-reduced-motion:reduce){
  .coloring-product img{transform:none}
}