/* ===========================================================
   HOME — editorial gallery layout (Eastern Edition inspired)
=========================================================== */

/* ---- Hero ---- */
.hero-full{position:relative;height:92vh;min-height:560px;max-height:900px;overflow:hidden;}
.hero-full img{width:100%;height:100%;object-fit:cover;}
.hero-full::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,27,24,.55) 0%,rgba(28,27,24,.05) 40%,rgba(28,27,24,0) 60%);}
.hero-full-copy{
  position:absolute;left:0;bottom:0;z-index:1;padding:var(--sp-9) var(--gutter);
  max-width:var(--container-max);margin-inline:auto;right:0;
}
.hero-full-copy .eyebrow::before{background:var(--c-cream);}
.hero-full-copy h1{
  color:var(--c-cream);font-size:var(--fs-5xl);font-weight:400;margin-top:var(--sp-4);line-height:var(--lh-tight);
}
.hero-link{margin-top:var(--sp-6);display:inline-flex;}
.hero-link::after{background:var(--c-cream);}
.hero-scroll-cue{
  position:absolute;left:50%;bottom:var(--sp-6);transform:translateX(-50%);color:var(--c-cream);
  animation:bob 2.4s ease-in-out infinite;z-index:1;
}
.hero-scroll-cue svg{width:22px;height:22px;stroke-width:1.2;}
@keyframes bob{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,10px);}}

/* ---- Statement line ---- */
.statement-line{padding-block:var(--sp-9);text-align:center;}
.statement-line p{
  font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:400;line-height:var(--lh-snug);
  max-width:820px;margin-inline:auto;color:var(--text-primary);padding-inline:var(--gutter);
}

/* ---- Collections strip ---- */
.collections-strip{display:grid;grid-template-columns:repeat(4,1fr);}
.collection-tile{position:relative;aspect-ratio:3/4;overflow:hidden;display:block;}
.collection-tile img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-organic);}
.collection-tile:hover img{transform:scale(1.06);}
.collection-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,27,24,.5) 0%,rgba(28,27,24,0) 45%);}
.collection-label{
  position:absolute;left:0;right:0;bottom:var(--sp-5);text-align:center;z-index:1;
  color:var(--c-cream);font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;
}

/* ---- Projects gallery ---- */
.projects-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--sp-7);flex-wrap:wrap;gap:var(--sp-4);}
.projects-head h2{font-size:var(--fs-3xl);margin-top:.4rem;font-weight:400;}
.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:var(--sp-3);}
.project-tile{position:relative;overflow:hidden;display:block;background:var(--c-sand);}
.project-tile--wide{grid-column:span 2;grid-row:span 2;}
.project-tile img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-organic);}
.project-tile:hover img{transform:scale(1.05);}
.project-cap{
  position:absolute;left:0;right:0;bottom:0;padding:1rem 1.1rem;z-index:1;
  background:linear-gradient(0deg,rgba(28,27,24,.72) 0%,rgba(28,27,24,0) 100%);
  color:var(--c-cream);font-size:var(--fs-xs);letter-spacing:.02em;
}

/* ---- Archive / Bespoke alternating rows ---- */
.alt-row{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;}
.alt-row--reverse{grid-template-columns:1fr 1.15fr;}
.alt-row--reverse .alt-row-media{order:2;}
.alt-row--reverse .alt-row-copy{order:1;}
.alt-row-media{aspect-ratio:16/11;overflow:hidden;background:var(--c-sand);}
.alt-row-media img{width:100%;height:100%;object-fit:cover;}
.alt-row-copy{padding:var(--sp-9) var(--sp-9);max-width:520px;}
.alt-row-copy h2{font-size:var(--fs-2xl);margin-top:var(--sp-3);font-weight:300;}
.alt-row-copy p{margin-top:var(--sp-4);color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-loose);}
.alt-row-copy .btn-ghost{margin-top:var(--sp-6);display:inline-flex;}

/* ---- Spotlight ---- */
.spotlight-grid{display:grid;grid-template-columns:1fr .85fr 200px;gap:var(--sp-8);align-items:center;}
.spotlight-media{aspect-ratio:4/4.6;overflow:hidden;background:var(--c-sand);}
.spotlight-media img{width:100%;height:100%;object-fit:cover;}
.spotlight-copy h2{font-size:var(--fs-3xl);margin-top:var(--sp-3);font-weight:400;}
.spotlight-copy > p{margin-top:var(--sp-4);color:var(--text-muted);font-size:var(--fs-md);line-height:var(--lh-loose);max-width:42ch;}
.spec-list{display:flex;flex-direction:column;gap:.85rem;margin-top:var(--sp-6);border-top:1px solid var(--border-soft);padding-top:var(--sp-5);}
.spec-list > div{display:flex;justify-content:space-between;gap:1rem;font-size:var(--fs-sm);}
.spec-list dt{color:var(--text-muted);}
.spec-list dd{margin:0;font-weight:var(--fw-medium);}
.spotlight-copy .btn{margin-top:var(--sp-6);}

/* ---- Ad duo ---- */

/* ---- Newsletter ---- */
.newsletter-band{background:var(--c-sand);padding-block:var(--sp-10);}
.newsletter-inner{text-align:center;}
.newsletter-inner h2{font-size:var(--fs-2xl);margin-top:var(--sp-3);font-weight:400;}
.newsletter-inner p{margin-top:var(--sp-3);color:var(--text-muted);}
.newsletter-form{display:flex;gap:0;justify-content:center;margin-top:var(--sp-6);max-width:460px;margin-inline:auto;}
.newsletter-form input{
  flex:1;padding:1rem 1.2rem;border:1px solid var(--c-ink);border-right:none;background:var(--c-paper);
  font-size:var(--fs-sm);color:var(--text-primary);
}
.newsletter-form input::placeholder{color:var(--text-muted);}
.newsletter-form .btn{border-left:none;}

@media (max-width:900px){
  .alt-row,.alt-row--reverse{grid-template-columns:1fr;}
  .alt-row--reverse .alt-row-media{order:1;}
  .alt-row--reverse .alt-row-copy{order:2;}
  .alt-row-copy{padding:var(--sp-7) var(--gutter);max-width:none;}
}
@media (max-width:1080px){
  .spotlight-grid{grid-template-columns:1fr 1fr;}
  .spotlight-rail{grid-column:span 2;position:static;flex-direction:row;justify-content:center;}
  .collections-strip{grid-template-columns:repeat(2,1fr);}
  .projects-grid{grid-template-columns:repeat(2,1fr);}
  .project-tile--wide{grid-column:span 2;}
}
@media (max-width:720px){
  .hero-full-copy h1{font-size:var(--fs-3xl);}
  .statement-line p{font-size:var(--fs-xl);}
  .spotlight-grid{grid-template-columns:1fr;}
  .spotlight-rail{grid-column:auto;}
  .projects-grid{grid-template-columns:1fr;grid-auto-rows:280px;}
  .project-tile--wide{grid-column:span 1;grid-row:span 1;}
  .newsletter-form{flex-direction:column;}
  .newsletter-form input{border-right:1px solid var(--c-ink);}
}