/* ART DIRECTION LOCK V12 — one light language, field-note story, organic film portal and readable collection. */
.art-lock-v12{
  --v12-deep:#102c21;
  --v12-forest:#284d3b;
  --v12-cream:#f6f1e7;
  --v12-orange:#e8a354;
  --v12-purple:#a886d8;
}

/* A restrained shared grade keeps every generated scene in the same story world. */
.art-lock-v12 .hero-video,
.art-lock-v12 [data-review-section="crew"] .crew-video,
.art-lock-v12 [data-review-section="crew"] .crew-visual>img,
.art-lock-v12 [data-review-section="film"] .portal video,
.art-lock-v12 [data-review-section="gear"] .product-art img{
  filter:saturate(.92) contrast(1.045) brightness(.98) sepia(.035);
}
.art-lock-v12 .hero-copy>p:last-of-type,
.art-lock-v12 [data-review-section="crew"] .crew-caption>p:last-child,
.art-lock-v12 [data-review-section="film"] .film-intro>p:not(.eyebrow){
  font-size:clamp(1rem,1.08vw,1.12rem);
  line-height:1.68;
}

/* STORY — a tactile field note placed inside the forest, not a separate cream website. */
.art-lock-v12 [data-review-section="story"]{
  position:relative;
  min-height:760px;
  padding-top:118px;
  padding-bottom:118px;
  overflow:hidden;
  background-image:
    linear-gradient(90deg,rgba(10,30,22,.73),rgba(10,30,22,.48) 42%,rgba(10,30,22,.7)),
    linear-gradient(0deg,rgba(10,30,22,.34),transparent 48%),
    url('../assets/images/collection-forest-path-v2.png');
  background-position:center;
  background-size:cover;
  box-shadow:inset 0 28px 62px rgba(4,18,13,.26),inset 0 -28px 62px rgba(4,18,13,.3);
}
.art-lock-v12 [data-review-section="story"]::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:72px max(18px,calc((100vw - 1320px)/2));
  border:1px solid rgba(246,241,231,.7);
  border-radius:46px 58px 42px 62px/56px 44px 60px 46px;
  background:
    radial-gradient(circle at 82% 18%,rgba(232,163,84,.15) 0 7%,transparent 7.4%),
    radial-gradient(circle at 12% 84%,rgba(168,134,216,.13) 0 9%,transparent 9.4%),
    linear-gradient(135deg,rgba(255,251,242,.965),rgba(246,241,231,.94));
  box-shadow:0 30px 80px rgba(3,17,12,.36);
  transform:rotate(-.2deg);
}
.art-lock-v12 [data-review-section="story"]::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:72px max(18px,calc((100vw - 1320px)/2));
  width:auto;
  aspect-ratio:auto;
  border-radius:inherit;
  background:
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(40,77,59,.035) 31px 32px),
    linear-gradient(110deg,transparent 62%,rgba(255,255,255,.38) 76%,transparent 90%);
  filter:none;
  transform:none;
  pointer-events:none;
}
.art-lock-v12 [data-review-section="story"]>*{position:relative;z-index:1}
.art-lock-v12 [data-review-section="story"] .story-number{
  width:50px;
  height:50px;
  box-shadow:3px 4px 0 var(--ink);
}
.art-lock-v12 [data-review-section="story"] h2{
  font-size:clamp(4.5rem,7vw,7.4rem);
  filter:none;
}
.art-lock-v12 [data-review-section="story"] .story-aside{
  padding:32px 31px 30px;
  border-width:1.5px;
  border-radius:27px 35px 25px 39px;
  background:rgba(246,241,231,.86);
  box-shadow:7px 8px 0 var(--orange);
  backdrop-filter:blur(8px);
}
.art-lock-v12 [data-review-section="story"] .story-aside p{font-size:1.03rem;line-height:1.68}
.art-lock-v12 [data-review-section="story"] .story-aside strong{font-size:clamp(1.6rem,2vw,2.15rem)}
.art-lock-v12 [data-review-section="story"] .magic-seeds{bottom:92px}

/* CREW — keep names embedded in the art and match the shared warmer grade. */
.art-lock-v12 [data-review-section="crew"] .crew-visual::before{
  background:
    linear-gradient(90deg,rgba(8,25,19,.68) 0%,rgba(8,25,19,.22) 28%,transparent 52%),
    linear-gradient(0deg,rgba(8,25,19,.38),transparent 26%),
    linear-gradient(180deg,rgba(232,163,84,.07),transparent 42%);
}
.art-lock-v12 [data-review-section="crew"] .crew-name{
  border-color:rgba(38,36,33,.64);
  background:rgba(246,241,231,.93);
  box-shadow:2px 3px 0 rgba(38,36,33,.78),0 8px 24px rgba(8,25,19,.2);
}

/* FILM — the moving image reads as a soft opening in the forest, not an interface card. */
.art-lock-v12 [data-review-section="film"]{
  min-height:940px;
  padding-top:118px;
  padding-bottom:132px;
  background:
    radial-gradient(circle at 79% 24%,rgba(168,134,216,.18),transparent 27%),
    radial-gradient(circle at 12% 73%,rgba(232,163,84,.11),transparent 24%),
    linear-gradient(180deg,#102c21 0%,#143426 52%,#102c21 100%);
}
.art-lock-v12 [data-review-section="film"]::before{opacity:.27}
.art-lock-v12 [data-review-section="film"] .film-intro h2{font-size:clamp(4rem,6vw,6.4rem)}
.art-lock-v12 [data-review-section="film"] .portal{
  width:min(1040px,calc(100vw - (var(--v11-gutter) * 2)));
  border-radius:48% 52% 45% 55%/54% 46% 56% 44%;
  transform:rotate(-.3deg);
  animation:v12-portal-drift 8s ease-in-out infinite;
}
.art-lock-v12 [data-review-section="film"] .portal::before{
  inset:-10px;
  border:1px solid rgba(246,241,231,.82);
  border-radius:50% 50% 47% 53%/56% 44% 58% 42%;
  box-shadow:
    0 0 0 3px rgba(232,163,84,.5),
    0 0 34px rgba(232,163,84,.34),
    0 0 78px rgba(168,134,216,.24),
    0 34px 70px rgba(4,18,13,.5);
}
.art-lock-v12 [data-review-section="film"] .portal::after{display:none}
.art-lock-v12 [data-review-section="film"] .portal-glow{
  inset:-9%;
  background:radial-gradient(ellipse,rgba(232,163,84,.33),rgba(168,134,216,.17) 44%,transparent 72%);
  filter:blur(44px);
}

/* COLLECTION — larger, editorial 3 + 2 display while every SKU keeps equal status. */
.art-lock-v12 [data-review-section="gear"].showcase{
  padding-top:clamp(102px,9vw,138px);
  background:
    radial-gradient(circle at 10% 18%,rgba(232,163,84,.1),transparent 25%),
    radial-gradient(circle at 88% 64%,rgba(168,134,216,.12),transparent 27%),
    linear-gradient(180deg,#102c21 0%,#17382a 54%,#102c21 100%);
}
.art-lock-v12 [data-review-section="gear"].showcase .gear-heading{margin-bottom:clamp(52px,6vw,78px)}
.art-lock-v12 [data-review-section="gear"] .gear-heading h2{font-size:clamp(4.2rem,6.2vw,6.8rem)}
.art-lock-v12 [data-review-section="gear"].showcase .product-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(42px,5vw,72px) clamp(18px,2.1vw,30px);
}
.art-lock-v12 [data-review-section="gear"].showcase .product-card,
.art-lock-v12 [data-review-section="gear"].showcase .product-card:nth-child(n),
.art-lock-v12 [data-review-section="gear"].showcase .product-featured,
.art-lock-v12 [data-review-section="gear"].showcase .product-wide{
  grid-column:span 2;
  width:auto;
}
.art-lock-v12 [data-review-section="gear"].showcase .product-card:nth-child(4){grid-column:2/span 2}
.art-lock-v12 [data-review-section="gear"].showcase .product-card:nth-child(5){grid-column:4/span 2}
.art-lock-v12 [data-review-section="gear"].showcase .product-art,
.art-lock-v12 [data-review-section="gear"].showcase .product-featured .product-art{
  border-radius:24px;
  box-shadow:0 24px 48px rgba(3,14,10,.3);
}
.art-lock-v12 [data-review-section="gear"].showcase .product-info{min-height:110px;padding-top:17px}
.art-lock-v12 [data-review-section="gear"].showcase .product-type{font-size:.64rem}
.art-lock-v12 [data-review-section="gear"].showcase .product-info h3,
.art-lock-v12 [data-review-section="gear"].showcase .product-featured .product-info h3{
  font-size:clamp(1.25rem,1.55vw,1.65rem);
}
.art-lock-v12 .swipe-cue{display:none}

@keyframes v12-portal-drift{
  0%,100%{translate:0 0}
  50%{translate:0 -5px}
}

@media(max-width:980px){
  .art-lock-v12 [data-review-section="gear"].showcase .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 22px}
  .art-lock-v12 [data-review-section="gear"].showcase .product-card,
  .art-lock-v12 [data-review-section="gear"].showcase .product-card:nth-child(n),
  .art-lock-v12 [data-review-section="gear"].showcase .product-featured,
  .art-lock-v12 [data-review-section="gear"].showcase .product-wide{grid-column:auto}
  .art-lock-v12 [data-review-section="gear"].showcase .product-card:nth-child(5){grid-column:1/-1;width:calc(50% - 11px);justify-self:center}
}

@media(max-width:760px){
  .art-lock-v12 [data-review-section="story"]{
    min-height:800px;
    padding:92px 38px 104px;
    background-position:58% center;
  }
  .art-lock-v12 [data-review-section="story"]::before,
  .art-lock-v12 [data-review-section="story"]::after{inset:52px 14px}
  .art-lock-v12 [data-review-section="story"] .story-number{margin-bottom:42px}
  .art-lock-v12 [data-review-section="story"] h2{font-size:clamp(3.75rem,16.8vw,4.8rem)}
  .art-lock-v12 [data-review-section="story"] .story-aside{margin-top:38px;padding:28px 24px 26px}
  .art-lock-v12 [data-review-section="story"] .story-aside strong{margin-top:28px;font-size:1.55rem}
  .art-lock-v12 [data-review-section="story"] .magic-seeds{display:none}

  .art-lock-v12 [data-review-section="film"]{min-height:800px;padding-top:92px;padding-bottom:106px}
  .art-lock-v12 [data-review-section="film"] .portal{width:100%;border-radius:30px 38px 27px 35px;animation:none}
  .art-lock-v12 [data-review-section="film"] .portal::before{inset:-6px;border-radius:35px 43px 32px 40px}

  .art-lock-v12 [data-review-section="gear"].showcase{padding-top:88px}
  .art-lock-v12 [data-review-section="gear"].showcase .gear-heading{margin-bottom:24px}
  .art-lock-v12 .swipe-cue{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 var(--v11-gutter) 17px;
    color:rgba(246,241,231,.68);
    font-size:.62rem;
    font-weight:850;
    letter-spacing:.14em;
  }
  .art-lock-v12 .swipe-cue span{color:var(--v12-orange);font-size:1rem}
  .art-lock-v12 [data-review-section="gear"].showcase .product-grid{
    display:flex;
    gap:14px;
  }
  .art-lock-v12 [data-review-section="gear"].showcase .product-card,
  .art-lock-v12 [data-review-section="gear"].showcase .product-card:nth-child(n),
  .art-lock-v12 [data-review-section="gear"].showcase .product-featured,
  .art-lock-v12 [data-review-section="gear"].showcase .product-wide{
    flex:0 0 min(78vw,320px);
    width:auto;
  }
  .art-lock-v12 [data-review-section="gear"].showcase .product-info{min-height:100px}
}

@media(prefers-reduced-motion:reduce){
  .art-lock-v12 [data-review-section="film"] .portal{animation:none}
}