/* ===== Collection detail pages (Traditional, Royal, Deluxe, Exclusive) ===== */

/* ---------- Hero ---------- */
.thero{position:relative;overflow:hidden;min-height:clamp(560px,calc(100vh - var(--header-h)),820px);display:flex;align-items:center}
.thero__media{position:absolute;inset:0 auto 0 0;width:52%;margin:0;background:var(--color-surface)}
.thero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.thero__grid{position:relative;z-index:1;margin-left:52%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg) var(--gutter) var(--space-lg) clamp(2rem,5vw,5.5rem);max-width:42rem}
.thero__title{font-size:clamp(2.6rem,4.4vw,4.8rem);line-height:1.06;margin-top:.3rem}
.thero__title em{color:var(--color-gold-text)}
.thero__body{max-width:29rem;color:var(--color-muted);font-size:var(--fs-lead);line-height:1.75}
.thero__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding-top:var(--space-xs)}

/* ---------- Collection intro: defines Traditional ---------- */
.tintro{padding-block:var(--space-2xl) var(--space-xl)}
.tintro__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,6rem)}
.tintro__copy{display:flex;flex-direction:column;gap:var(--space-sm);max-width:30rem}
.tintro__copy .h2{font-size:clamp(2.1rem,3.8vw,3.9rem)}
.tintro__copy .h2 em{color:var(--color-gold-text)}
.tintro__traits{display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--color-border)}
.tintro__traits li{display:flex;align-items:baseline;gap:var(--space-md);padding:1.1rem 0;border-bottom:1px solid var(--color-border)}
.tintro__traits .trait__n{font-family:var(--font-serif);font-weight:300;font-size:1.05rem;color:var(--color-gold-text);flex:none;width:1.6rem}
.tintro__traits .trait__t{font-size:.8125rem;font-weight:600;letter-spacing:var(--track-ui);text-transform:uppercase;flex:none;width:9.5rem}
.tintro__traits .trait__d{color:var(--color-muted);font-size:.9375rem}

/* ---------- Full collection gallery (consistent catalogue grid) ---------- */
.tfull{padding-block:var(--space-xl)}
.tfull .container{max-width:1720px}
.tfull__head{display:flex;flex-direction:column;gap:var(--space-sm);max-width:40rem;margin-bottom:var(--space-lg)}
.tfull__lead{color:var(--color-muted);font-size:var(--fs-lead);line-height:1.7}
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.5rem,1vw,1rem)}
.tgrid__item{margin:0}
.tgrid__link{display:block}
.tgrid__fig{margin:0;overflow:hidden;background:var(--color-surface);aspect-ratio:2/3}
.tgrid__fig img{width:100%;height:100%;object-fit:cover}
.tgrid__ref{display:block;margin-top:.65rem;font-size:.6875rem;font-weight:600;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--color-muted);transition:color var(--dur-fast)}
.tgrid__link:hover .tgrid__ref,.tgrid__link:focus-visible .tgrid__ref{color:var(--color-gold-text)}

/* ---------- Craft / detail moment ---------- */
.tcraft{padding-block:var(--space-xl)}
.tcraft__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,5vw,6rem)}
.tcraft__img{margin:0;overflow:hidden;background:var(--color-surface);aspect-ratio:4/5.2}
.tcraft__img img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.tcraft__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);max-width:26rem}
.tcraft__copy .h2{font-size:clamp(1.9rem,3vw,3.1rem)}
.tcraft__copy .h2 em{color:var(--color-gold-text)}

/* ---------- Suitable occasions ---------- */
.toccasions{padding-block:var(--space-xl);text-align:center}
.toccasions__lead{font-size:clamp(1.15rem,1.9vw,1.6rem);max-width:38rem;margin-inline:auto;color:var(--color-muted);line-height:1.6}
.toccasions__list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem 1.6rem;margin-top:var(--space-md);font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:clamp(1.15rem,1.8vw,1.6rem)}
.toccasions__list li{display:flex;align-items:center;gap:1.6rem}
.toccasions__list li:not(:last-child)::after{content:"";width:.3rem;height:.3rem;border-radius:50%;background:var(--color-gold);margin-left:1.6rem;display:inline-block}

/* ---------- Process ---------- */
.tprocess{padding-block:var(--space-xl)}
.tprocess__list{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}
.tprocess__list li{display:flex;align-items:center;gap:.85rem;flex:0 0 auto;white-space:nowrap}
.tprocess__list .step__n{font-family:var(--font-serif);font-style:italic;font-weight:300;color:var(--color-gold-text);font-size:1.05rem}
.tprocess__list .step__t{font-size:.75rem;font-weight:600;letter-spacing:var(--track-ui);text-transform:uppercase}
.tprocess__arrow{flex:none;width:1.4rem;height:.6rem;color:var(--color-border);display:flex;align-items:center}

@media (max-width:1180px) and (min-width:901px){
  .thero__grid{padding-left:2.5rem}
  .tintro__traits .trait__t{width:8rem}
  .tgrid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:900px){
  .thero{min-height:0;display:block}
  .thero__media{position:relative;inset:auto;width:auto;margin:0;aspect-ratio:4/4.8}
  .thero__grid{margin-left:0;max-width:none;padding:var(--space-lg) var(--gutter) var(--space-xl)}
  .tintro__grid{grid-template-columns:1fr;gap:var(--space-md)}
  .tintro__traits{border-top:0;margin-top:var(--space-sm)}
  .tgrid{grid-template-columns:repeat(2,1fr)}
  .tcraft__grid{grid-template-columns:1fr}
  .tcraft__img{aspect-ratio:4/4.6}
  .toccasions__list{flex-direction:column;gap:.6rem}
  .toccasions__list li{gap:0}
  .toccasions__list li:not(:last-child)::after{display:none}
  .tprocess__list{flex-direction:column;gap:.9rem}
  .tprocess__list li{flex:none}
  .tprocess__list .tprocess__arrow{display:none}
}

@media (max-width:600px){
  .thero__actions{flex-direction:column;align-items:stretch}
  .thero__actions .btn{width:100%}
}