.project-tarot{max-width:1720px;margin:0 auto}

.project-tarot .project-head{
  display:grid;
  grid-template-columns:minmax(280px,.38fr) minmax(0,.62fr);
  gap:clamp(42px,5.5vw,88px);
  align-items:start;
}
.project-tarot .project-head>div:first-child{max-width:590px;padding-top:14px}
.project-tarot .project-head h1{font-size:clamp(58px,7vw,108px)}
.project-tarot .project-head .desc{max-width:58ch;font-size:15px;line-height:1.68}
.project-tarot .project-head .card-media{
  aspect-ratio:auto !important;
  overflow:visible !important;
  background:transparent !important;
}
.project-tarot .project-head .card-media img{
  position:static !important;
  display:block;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

.project-tarot .project-sections{
  display:block;
  max-width:820px;
  margin:clamp(30px,4vw,52px) 0 0 clamp(0px,5vw,84px);
}
.project-tarot .project-sections>div{margin:0 0 14px}
.project-tarot .project-sections small{display:none}
.project-tarot .project-sections .desc{
  max-width:66ch;
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.72;
}

.project-tarot .gallery{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(30px,3.4vw,48px) 20px;
  align-items:start;
  margin-top:clamp(44px,5vw,68px);
}
.project-tarot .gallery .card-media{
  aspect-ratio:auto !important;
  overflow:visible !important;
  background:transparent !important;
}
.project-tarot .gallery .card-media img{
  position:static !important;
  display:block;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Product / packaging / complete-deck views */
.project-tarot .gallery-item-1{grid-column:1/8}
.project-tarot .gallery-item-2{grid-column:8/13;margin-top:52px}
.project-tarot .gallery-item-3{grid-column:7/13;margin-top:38px}

/* Individual cards: equal scale and a compact serial rhythm. */
.project-tarot .gallery-item-4{grid-column:1/4;margin-top:0}
.project-tarot .gallery-item-5{grid-column:5/8;margin-top:0}
.project-tarot .gallery-item-6{grid-column:9/12;margin-top:0}
.project-tarot .gallery-item-7{grid-column:1/4;margin-top:0}
.project-tarot .gallery-item-8{grid-column:5/8;margin-top:0}
.project-tarot .gallery-item-9{grid-column:9/12;margin-top:0}

@media(max-width:760px){
  .project-tarot .project-head{grid-template-columns:1fr;gap:28px}
  .project-tarot .project-head>div:first-child{max-width:100%;padding-top:0}
  .project-tarot .project-head h1{font-size:clamp(48px,14vw,72px)}
  .project-tarot .project-head .desc{font-size:14px;line-height:1.65}
  .project-tarot .project-sections{margin:28px 0 0;max-width:100%}
  .project-tarot .project-sections .desc{font-size:14px;line-height:1.68}
  .project-tarot .gallery{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:22px 6px;
    margin-top:34px;
  }
  .project-tarot .gallery-item-1{grid-column:1/13}
  .project-tarot .gallery-item-2{grid-column:4/13;margin-top:0}
  .project-tarot .gallery-item-3{grid-column:1/11;margin-top:0}
  .project-tarot .gallery-item-4{grid-column:1/7;margin-top:0}
  .project-tarot .gallery-item-5{grid-column:7/13;margin-top:0}
  .project-tarot .gallery-item-6{grid-column:1/7;margin-top:0}
  .project-tarot .gallery-item-7{grid-column:7/13;margin-top:0}
  .project-tarot .gallery-item-8{grid-column:1/7;margin-top:0}
  .project-tarot .gallery-item-9{grid-column:7/13;margin-top:0}
}