/* ============================================
   SHAY RUNWAY BRANDS — v3 Editorial
   Vogue-meets-Khaite. Magazine spreads.
   ============================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --gold:#C9A962;--gold-lt:#D4B978;--gold-dk:#A8893E;
  --cream:#FAF7F2;--cream-dk:#F0EBE3;
  --taupe:#8B7355;--taupe-lt:#A8926C;
  --char:#2D2D2D;--white:#fff;--black:#0A0A0A;
  --serif:'Playfair Display',Didot,'Bodoni MT',Georgia,serif;
  --didot:'GFS Didot',Didot,'Bodoni MT','Playfair Display',Georgia,serif;
  --sans:'Montserrat','Helvetica Neue',sans-serif;
  --ease:cubic-bezier(.25,.46,.45,.94);
  --ease-out:cubic-bezier(.16,1,.3,1);
}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--sans);color:var(--char);background:var(--cream);overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font-family:var(--sans);cursor:pointer;border:none;background:none}
em{font-style:italic}

/* GRAIN */
.grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:256px}

/* ====== TICKER ====== */
.ticker{background:var(--char);overflow:hidden;padding:.5rem 0}
.ticker__track{display:flex;align-items:center;gap:2rem;animation:slide 22s linear infinite;white-space:nowrap;width:max-content}
.ticker__track span{font-size:.58rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--cream)}
.ticker__dot{width:3px;height:3px;border-radius:50%;background:var(--gold);flex-shrink:0}
@keyframes slide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ====== HEADER ====== */
.header{position:sticky;top:0;z-index:100;background:var(--cream)}
.header.scrolled{box-shadow:0 1px 0 rgba(201,169,98,.12)}
.header__inner{display:flex;align-items:center;justify-content:center;padding:2rem clamp(1rem,2.5vw,1.5rem);max-width:1600px;margin:0 auto;position:relative}
.header__icons{position:absolute;right:clamp(1rem,2.5vw,1.5rem);display:flex;align-items:center;gap:1.5rem}
.header__icons button,.header__icons a{color:var(--char);display:flex;align-items:center;transition:color .3s}
.header__icons button:hover,.header__icons a:hover{color:var(--gold)}
.header__signin{font-family:var(--didot);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}
.header__bag{position:relative}
.header__bag-count{position:absolute;top:-5px;right:-8px;font-size:.5rem;font-weight:600;background:var(--gold);color:var(--white);width:13px;height:13px;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* Logo shimmer */
.header__logo{font-family:var(--didot);font-size:clamp(2.2rem,4.2vw,3.2rem);letter-spacing:.35em;color:var(--char);
  background:linear-gradient(120deg,var(--char) 0%,var(--char) 40%,var(--gold) 50%,var(--char) 60%,var(--char) 100%);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:shimmer 5s ease-in-out infinite}
@keyframes shimmer{0%,100%{background-position:200% center}50%{background-position:0% center}}

.header__nav{display:none;font-family:var(--didot);text-transform:uppercase;letter-spacing:.15em}

/* Hamburger — always visible */
.header__menu{display:flex;flex-direction:column;gap:5px;padding:4px;position:absolute;left:clamp(1rem,2.5vw,1.5rem);z-index:10;transition:opacity .3s}
.header__menu span{display:block;width:20px;height:1.5px;background:var(--char);transition:all .4s var(--ease)}
.header__menu:hover span{background:var(--gold)}

/* Full-screen overlay nav */
.mobile-nav{position:fixed;inset:0;z-index:999;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;
  opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s}
.mobile-nav.open{opacity:1;visibility:visible}
.mobile-nav__close{position:absolute;top:1.2rem;right:1.5rem;font-size:1.8rem;color:var(--char);background:none;border:none;cursor:pointer;z-index:10;transition:color .3s}
.mobile-nav__close:hover{color:var(--gold)}
.mobile-nav__links{display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,3vw,2.5rem)}
.mobile-nav__links a{font-family:var(--didot);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--char);transition:color .3s,transform .3s;
  transform:translateY(15px);opacity:0}
.mobile-nav.open .mobile-nav__links a{transform:translateY(0);opacity:1}
.mobile-nav.open .mobile-nav__links a:nth-child(1){transition-delay:.1s}
.mobile-nav.open .mobile-nav__links a:nth-child(2){transition-delay:.18s}
.mobile-nav.open .mobile-nav__links a:nth-child(3){transition-delay:.26s}
.mobile-nav.open .mobile-nav__links a:nth-child(4){transition-delay:.34s}
.mobile-nav__links a:hover{color:var(--gold)}
.mobile-nav__links a em{font-style:italic}
.mobile-nav__footer{position:absolute;bottom:clamp(2rem,4vw,3rem);display:flex;align-items:center;gap:2rem;font-family:var(--didot);font-size:.75rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--taupe)}
.mobile-nav__footer a{transition:color .3s}
.mobile-nav__footer a:hover{color:var(--gold)}
.mobile-nav__footer span{width:3px;height:3px;border-radius:50%;background:var(--gold)}

/* ====== HERO ====== */
.hero{display:flex;height:100vh;min-height:700px;max-height:1200px;position:relative}
.hero__panel{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;cursor:pointer;transition:flex .7s var(--ease-out)}
.hero__panel:hover{flex:1.18}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform 1.4s var(--ease-out),filter .6s;filter:brightness(.82) saturate(.85)}
.hero__panel:hover .hero__img{transform:scale(1.06);filter:brightness(.88) saturate(.95)}
.hero__overlay{position:absolute;inset:0;z-index:1;transition:opacity .5s}
.hero__panel--beauty .hero__overlay{background:linear-gradient(0deg,rgba(168,137,62,.88) 0%,rgba(201,169,98,.35) 45%,rgba(201,169,98,.08) 100%)}
.hero__panel--runway .hero__overlay{background:linear-gradient(0deg,rgba(30,28,25,.9) 0%,rgba(100,85,65,.3) 45%,rgba(100,85,65,.06) 100%)}
.hero__content{position:relative;z-index:2;text-align:center;padding:0 2rem 6rem}
.hero__num{display:block;font-family:var(--serif);font-size:.7rem;font-weight:400;letter-spacing:.3em;color:rgba(255,255,255,.35);margin-bottom:.6rem}
.hero__title{font-family:var(--didot);font-size:clamp(3rem,6vw,5rem);font-weight:400;line-height:.95;color:var(--white);margin-bottom:.7rem}
.hero__title em{display:block;font-style:italic}
.hero__title--oneline{font-family:var(--didot);font-size:clamp(1.4rem,2.8vw,2.2rem);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.hero__sub{font-size:.6rem;font-weight:400;letter-spacing:.22em;color:rgba(255,255,255,.5);margin-bottom:1.6rem}
.hero__cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.58rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--white);border:1px solid rgba(255,255,255,.3);padding:.7rem 1.6rem;transition:all .4s var(--ease);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.hero__cta svg{transition:transform .3s}
.hero__panel:hover .hero__cta{background:var(--white);border-color:var(--white);color:var(--char)}
.hero__panel:hover .hero__cta svg{transform:translateX(3px);stroke:var(--char)}

/* Divider */
.hero__divider{position:absolute;left:50%;top:0;bottom:0;transform:translateX(-50%);z-index:10;display:flex;align-items:center;pointer-events:none}
.hero__divider span{width:8px;height:8px;border:1px solid rgba(255,255,255,.35);transform:rotate(45deg)}
.hero__divider::before,.hero__divider::after{content:'';position:absolute;left:50%;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent)}
.hero__divider::before{top:0;height:45%}
.hero__divider::after{bottom:0;height:45%}

/* ====== MARQUEE ====== */
.marquee{border-top:1px solid rgba(201,169,98,.1);border-bottom:1px solid rgba(201,169,98,.1);padding:.85rem 0;overflow:hidden}
.marquee__track{display:flex;align-items:center;gap:2.5rem;animation:slide 28s linear infinite;white-space:nowrap;width:max-content}
.marquee__track span{font-family:var(--serif);font-size:.72rem;letter-spacing:.3em;color:var(--taupe-lt)}
.marquee__dot{width:4px;height:4px;background:var(--gold);border-radius:50%;flex-shrink:0}

/* ====== BRAND TRANSITION — cinematic image band ====== */
.transition{position:relative;height:clamp(220px,30vw,340px);overflow:hidden;display:flex;align-items:center;justify-content:center}
.transition__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.4) saturate(.7)}
.transition__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.5) 0%,rgba(168,137,62,.25) 50%,rgba(10,10,10,.5) 100%)}
.transition__content{position:relative;z-index:2;text-align:center;padding:0 2rem}
.transition__heading{font-family:var(--serif);font-size:clamp(1.4rem,3vw,2.4rem);font-weight:400;line-height:1.2;color:var(--white);margin:.8rem 0 .5rem}
.transition__text{font-size:.68rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:.8rem}
.transition__rule{width:40px;height:1px;background:var(--gold);margin:0 auto;opacity:.5}

/* ====== EDITORIAL SECTIONS ====== */
.edit{padding:clamp(2.5rem,5vw,4rem) clamp(1rem,2.5vw,1.5rem);max-width:1600px;margin:0 auto}
.edit--alt{max-width:none;background:var(--white);padding:clamp(2.5rem,5vw,4rem) 0}
.edit--alt .edit__head,.edit--alt .collage,.edit--alt .spread__cta-wrap,.edit--alt .section__see-all{max-width:1600px;margin-left:auto;margin-right:auto;padding-left:clamp(1rem,2.5vw,1.5rem);padding-right:clamp(1rem,2.5vw,1.5rem)}

/* Section head — editorial numbered */
.edit__head{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:clamp(1.8rem,3.5vw,2.5rem);border-bottom:1px solid rgba(201,169,98,.12);padding-bottom:1.2rem}
.edit__num{font-family:var(--serif);font-size:clamp(3.5rem,7vw,6rem);font-weight:300;line-height:.85;color:rgba(201,169,98,.32);letter-spacing:-.02em}
.edit__label{font-size:.65rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}
.edit__title{font-family:var(--didot);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:400;line-height:1.05;color:var(--char);text-transform:uppercase;letter-spacing:.1em}

/* ====== BEAUTY SPREAD ====== */
.spread__feature{display:grid;grid-template-columns:1.4fr 1fr;gap:0;margin-bottom:clamp(1.5rem,3vw,2.5rem);min-height:500px}
.spread__feature-img{overflow:hidden;position:relative}
.spread__feature-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}
.spread__feature:hover .spread__feature-img img{transform:scale(1.03)}
.spread__feature-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4rem);background:linear-gradient(160deg,#FDF9F0,#F5EDD8)}
.spread__feature-text p{font-family:var(--serif);font-size:clamp(1.3rem,2.5vw,2rem);font-style:italic;line-height:1.4;color:var(--char);margin-bottom:2rem}

/* Product strip */
.spread__strip{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem)}
.card{display:block;cursor:pointer}
.card__img{overflow:hidden;aspect-ratio:3/4;background:var(--cream-dk);position:relative}
.card__badge{position:absolute;top:.8rem;left:.8rem;z-index:2;font-size:.5rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:.4rem .7rem;background:var(--char);color:var(--white)}
.card__badge--preorder{background:var(--gold)}
.card__badge--sold-out{background:var(--taupe)}
.card__badge--low-stock{background:#C0392B;color:var(--white)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
.card:hover .card__img img{transform:scale(1.04)}
.card__info{padding:.8rem 0 .2rem}
.card__info h3{font-family:var(--serif);font-size:.9rem;font-weight:400;color:var(--char);line-height:1.3}
.card__info p{font-size:.68rem;font-weight:300;color:var(--taupe);margin-top:.1rem}
.card__info span{display:block;font-size:.72rem;font-weight:500;color:var(--char);margin-top:.3rem}

/* Quick View / Add to Bag hover overlay */
.card__hover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.5rem;
  background:rgba(10,10,10,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  opacity:0;transition:opacity .5s var(--ease)}
.card:hover .card__hover,
.collage__hero:hover .card__hover,
.collage__item:hover .card__hover{opacity:1}
.card__quick-view,.card__add-cart{width:auto;min-width:140px;padding:.6rem 1.4rem;font-family:var(--sans);font-size:.56rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;border:none;cursor:pointer;transition:all .35s var(--ease);display:inline-block;text-align:center}
.card__quick-view{background:rgba(255,255,255,.92);color:var(--char);backdrop-filter:none;-webkit-backdrop-filter:none;border:none}
.card__quick-view:hover{background:var(--white);color:var(--black)}
.card__add-cart{background:var(--gold);color:var(--white);border:none}
.card__add-cart:hover{background:var(--gold-lt)}

/* See All section button */
.section__see-all{text-align:center;padding-top:clamp(1.8rem,3vw,2.5rem)}
.btn-see-all{display:inline-block;font-size:.62rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--char);border:1px solid var(--char);padding:.85rem 2.8rem;transition:all .4s var(--ease)}
.btn-see-all:hover{background:var(--char);color:var(--cream)}

.spread__cta-wrap{text-align:center;padding-top:clamp(1.5rem,3vw,2.5rem)}

/* CTA link */
.cta-link{font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--char);border-bottom:1px solid var(--gold);padding-bottom:3px;transition:color .3s,padding-bottom .3s}
.cta-link:hover{color:var(--gold);padding-bottom:6px}

/* ====== EDITORIAL BREAK ====== */
.break{position:relative;height:clamp(400px,55vw,650px);overflow:hidden;display:flex;align-items:center;justify-content:center}
.break__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.6) saturate(.8)}
.break__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(45,45,45,.65),rgba(139,115,85,.4))}
.break__content{position:relative;z-index:2;text-align:center}
.break__label{font-size:.55rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.break__title{font-family:var(--serif);font-size:clamp(2.8rem,7vw,5.5rem);font-weight:400;color:var(--white);line-height:.95;margin-bottom:2rem}
.break__cta{display:inline-block;font-size:.6rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,169,98,.4);padding:.85rem 2.2rem;transition:all .4s var(--ease)}
.break__cta:hover{background:var(--gold);border-color:var(--gold);color:var(--char)}

/* ====== RUNWAY COLLAGE ====== */
.collage__top{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(1rem,2vw,1.5rem)}
.collage__hero{display:block;position:relative}
.collage__hero-img-wrap{overflow:hidden;position:relative}
.collage__hero-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:top;aspect-ratio:3/4;transition:transform 1s var(--ease-out)}
.collage__hero:hover .collage__hero-img-wrap img{transform:scale(1.03)}
.collage__hero-info{padding:1rem 0 .2rem}
.collage__hero-info h3{font-family:var(--serif);font-size:1.1rem;font-weight:400;color:var(--char)}
.collage__hero-info span{font-size:.72rem;font-weight:500;color:var(--char)}
.collage__tag{display:inline-block;font-size:.48rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.2rem}

.collage__sidebar{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}
.collage__item{display:block;position:relative}
.collage__item-img-wrap{overflow:hidden;position:relative}
.collage__item-img-wrap img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .8s var(--ease-out)}
.collage__item:hover .collage__item-img-wrap img{transform:scale(1.04)}
.collage__item-info{padding:.7rem 0 .2rem}
.collage__item-info h3{font-family:var(--serif);font-size:.88rem;font-weight:400;color:var(--char)}
.collage__item-info span{font-size:.68rem;font-weight:500;color:var(--char)}

/* Pull quote block */
.collage__pull{display:flex;align-items:center;padding:clamp(1.5rem,3vw,2.5rem);background:linear-gradient(135deg,#F5F3F0,#EBE8E3);border:1px solid rgba(139,115,85,.06);flex:1}
.collage__pull p{font-family:var(--serif);font-size:clamp(1.1rem,2vw,1.4rem);font-style:italic;line-height:1.45;color:var(--char)}

/* Bottom strip */
.collage__bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);margin-bottom:0}
.collage__bottom .collage__item-img-wrap img{aspect-ratio:3/4}

/* ====== LOOKBOOK / MEDIA GALLERY ====== */
.lookbook{padding:clamp(2.5rem,5vw,4rem) clamp(1rem,2.5vw,1.5rem);max-width:1600px;margin:0 auto}
.lookbook__head{text-align:center;margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.lookbook__title{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:400;color:var(--char);margin-bottom:.4rem}
.lookbook__sub{font-size:.7rem;font-weight:300;color:var(--taupe);letter-spacing:.08em}
.lookbook__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:clamp(.6rem,1.2vw,1rem)}
.lookbook__item{position:relative;overflow:hidden;aspect-ratio:1/1;display:block}
.lookbook__item--wide{grid-column:span 2;aspect-ratio:2/1}
.lookbook__item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
.lookbook__item:hover img{transform:scale(1.05)}
.lookbook__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--white);opacity:0;background:rgba(45,45,45,.25);transition:opacity .4s}
.lookbook__item:hover .lookbook__play{opacity:1}
.lookbook__play svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}

/* ====== BESTSELLERS ====== */
.bestsellers{padding:clamp(2.5rem,5vw,4rem) clamp(1rem,2.5vw,1.5rem);max-width:1600px;margin:0 auto}
.bestsellers__head{text-align:center;margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.bestsellers__title{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:400;color:var(--char);margin-bottom:.4rem}
.bestsellers__sub{font-size:.7rem;font-weight:300;color:var(--taupe);letter-spacing:.08em}
.bestsellers__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(1rem,2vw,1.5rem)}
.bestsellers__grid .card{background:var(--white)}
.bestsellers__grid .card__link{display:block;text-decoration:none;color:inherit}
.bestsellers__grid .card__img{aspect-ratio:1/1;position:relative;overflow:hidden;background:var(--off-white)}
.bestsellers__grid .card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.bestsellers__grid .card:hover .card__img img{transform:scale(1.05)}
.bestsellers__grid .card__info{padding:.8rem 0;text-align:center}
.bestsellers__grid .card__info h3{font-size:.75rem;font-weight:500;letter-spacing:.04em;margin-bottom:.2rem;color:var(--char)}
.bestsellers__grid .card__info p{font-size:.65rem;color:var(--taupe);margin-bottom:.3rem}
.bestsellers__grid .card__info span{font-size:.75rem;font-weight:500;color:var(--char)}

/* ====== FOOTER ====== */
.footer{background:var(--char);color:rgba(255,255,255,.5);padding:0 0 1.2rem}
.footer__inner{max-width:1600px;margin:0 auto;padding:0 clamp(1rem,2.5vw,1.5rem)}

/* Brand bar */
.footer__brand-bar{text-align:center;padding:clamp(2.5rem,5vw,4rem) 0 2rem;border-bottom:1px solid rgba(255,255,255,.06)}
.footer__name{font-family:var(--serif);font-size:clamp(.9rem,1.8vw,1.2rem);letter-spacing:.3em;color:var(--white)}
.footer__tagline{font-size:.68rem;font-weight:300;line-height:1.6;color:rgba(255,255,255,.35);margin-top:.3rem}

/* Footer grid */
.footer__grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:clamp(2rem,4vw,4rem);padding:clamp(2rem,4vw,3rem) 0;border-bottom:1px solid rgba(255,255,255,.06)}
.footer__col{display:flex;flex-direction:column;gap:.5rem}
.footer__col h4{font-size:.6rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--white);margin-bottom:.4rem}
.footer__col a{font-size:.72rem;font-weight:300;transition:color .3s}
.footer__col a:hover{color:var(--gold)}
.footer__link-disabled{font-size:.72rem;font-weight:300;color:var(--taupe);pointer-events:none;display:block}
.footer__desc{font-size:.7rem;font-weight:300;line-height:1.6;margin-bottom:.5rem}

/* Newsletter in footer */
.footer__newsletter{display:flex;border-bottom:1px solid rgba(255,255,255,.2);max-width:260px;margin-bottom:1rem}
.footer__newsletter input{flex:1;padding:.6rem 0;font-family:var(--sans);font-size:.72rem;font-weight:300;color:var(--white);background:transparent;border:none;outline:none}
.footer__newsletter input::placeholder{color:rgba(255,255,255,.3)}
.footer__newsletter button{color:rgba(255,255,255,.5);padding:.4rem;transition:color .3s;background:none;border:none;cursor:pointer}
.footer__newsletter button:hover{color:var(--gold)}

.footer__social{display:flex;gap:.8rem;margin-top:.5rem}
.footer__social a{color:rgba(255,255,255,.35);transition:color .3s}
.footer__social a:hover{color:var(--gold)}

/* Founder / About */
.footer__founder{display:flex;gap:1rem;align-items:flex-start}
.footer__founder-img{flex-shrink:0}
.footer__founder-placeholder{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,rgba(201,169,98,.25),rgba(201,169,98,.1));border:1px solid rgba(201,169,98,.15)}
.footer__founder-bio{font-size:.7rem;font-weight:300;line-height:1.7;color:rgba(255,255,255,.45)}

/* Bottom bar */
.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.2rem;flex-wrap:wrap;gap:.8rem}
.footer__bottom-nav{display:flex;gap:1.5rem}
.footer__bottom-nav a{font-size:.58rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.3);transition:color .3s}
.footer__bottom-nav a:hover{color:var(--gold)}
.footer__copy{font-size:.58rem;font-weight:300;letter-spacing:.06em;color:rgba(255,255,255,.3)}

/* ====== SEARCH OVERLAY ====== */
.search-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;opacity:0;transition:opacity .3s var(--ease)}
.search-overlay.open{opacity:1}
.search-overlay__backdrop{position:absolute;inset:0;background:rgba(10,10,10,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.search-overlay__panel{position:relative;z-index:2;background:var(--cream);width:100%;max-width:640px;margin-top:clamp(80px,12vh,150px);padding:clamp(2rem,4vw,3rem);
  transform:translateY(-20px);transition:transform .3s var(--ease-out)}
.search-overlay.open .search-overlay__panel{transform:translateY(0)}
.search-overlay__close{position:absolute;top:1rem;right:1.2rem;font-size:1.8rem;color:var(--char);background:none;border:none;cursor:pointer;transition:color .3s;z-index:5}
.search-overlay__close:hover{color:var(--gold)}
.search-overlay__form{display:flex;align-items:center;gap:.8rem;border-bottom:2px solid var(--char);padding-bottom:.6rem;margin-bottom:2rem}
.search-overlay__form input{flex:1;font-family:var(--serif);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:400;color:var(--char);background:none;border:none;outline:none}
.search-overlay__form input::placeholder{color:var(--taupe-lt)}
.search-overlay__form button{color:var(--char);background:none;border:none;cursor:pointer;transition:color .3s;display:flex;align-items:center}
.search-overlay__form button:hover{color:var(--gold)}
.search-overlay__suggestions{text-align:center}
.search-overlay__suggestions p{font-size:.6rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--taupe);margin-bottom:1rem}
.search-overlay__tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.search-overlay__tags a{display:inline-block;padding:.45rem 1rem;font-size:.68rem;color:var(--char);border:1px solid rgba(201,169,98,.3);transition:all .3s}
.search-overlay__tags a:hover{background:var(--gold);color:var(--white);border-color:var(--gold)}

/* ====== REVEALS ====== */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ====== TABLET ====== */
@media(max-width:1024px){
  .spread__feature{grid-template-columns:1fr 1fr;min-height:400px}
  .collage__top{grid-template-columns:1fr 1fr}
  .collage__bottom{grid-template-columns:repeat(3,1fr)}
  .lookbook__grid{grid-template-columns:repeat(3,1fr)}
  .lookbook__item--wide{grid-column:span 2}
  .bestsellers__grid{grid-template-columns:repeat(3,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__col--about{grid-column:span 2}
}

/* ====== MOBILE ====== */
@media(max-width:768px){
  .hero{flex-direction:column;height:auto;max-height:none}
  .hero__panel{min-height:70vh}
  .hero__panel:hover{flex:1}
  .hero__divider{display:none}

  .spread__feature{grid-template-columns:1fr;min-height:auto}
  .spread__feature-img{aspect-ratio:3/4}
  .spread__strip{grid-template-columns:repeat(3,1fr);gap:.8rem}

  .collage__top{grid-template-columns:1fr}
  .collage__hero-img-wrap img{aspect-ratio:3/4}
  .collage__bottom{grid-template-columns:1fr 1fr}
  .collage__sidebar{flex-direction:row}
  .collage__item-img-wrap img{aspect-ratio:1/1}

  .lookbook__grid{grid-template-columns:repeat(2,1fr)}
  .lookbook__item--wide{grid-column:span 2}
  .bestsellers__grid{grid-template-columns:repeat(2,1fr)}

  .footer__grid{grid-template-columns:1fr}
  .footer__col--about{grid-column:span 1}
  .footer__bottom{flex-direction:column;text-align:center}
  .footer__bottom-nav{justify-content:center;flex-wrap:wrap}
}

@media(max-width:480px){
  .spread__strip{grid-template-columns:1fr 1fr 1fr;gap:.5rem}
  .collage__bottom{grid-template-columns:1fr}
  .collage__sidebar{flex-direction:column}
  .lookbook__grid{grid-template-columns:1fr 1fr}
  .lookbook__item--wide{grid-column:span 2}
}

/* ====== 01 COLLECTION — HARD RESET (Ticket 119) ====== */
.collection-01{display:flex;flex-direction:row;align-items:stretch;width:100%;margin:0;padding:0 clamp(1rem,2.5vw,1.5rem)}
.collection-01 .col-image{flex:0 0 37%;width:37%;margin:0;padding:0;overflow:hidden}
.collection-01 .col-image img{width:100%;height:100%;object-fit:contain;object-position:center;background:#FAF7F0;display:block}
.collection-01 .col-text{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 48px;background:linear-gradient(160deg,#FDF9F0,#F5EDD8);position:relative;overflow:hidden}
.col-text__bg-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(14rem,22vw,20rem);font-weight:300;line-height:1;color:rgba(201,169,98,.07);pointer-events:none;z-index:0}
.col-text__rule{border:none;height:1px;background:rgba(201,169,98,.2);margin:0;width:100%}
.col-text__byline{font-size:.6rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin:1.5rem 0 .8rem;position:relative;z-index:1;font-variant:small-caps}
.col-text__title{font-family:var(--serif);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;line-height:1.15;color:var(--char);margin-bottom:1.5rem;position:relative;z-index:1}
.col-text__title em{font-style:italic}
.col-text__tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;position:relative;z-index:1}
.col-text__tags span{display:inline-block;font-size:.6rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--taupe);border:1px solid rgba(201,169,98,.25);padding:.4rem .9rem;transition:all .3s}
.col-text__tags span:hover{border-color:var(--gold);color:var(--gold)}
.col-text__cta{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--char);position:relative;z-index:1;margin-bottom:1.5rem;padding-bottom:3px;transition:color .3s}
.col-text__cta span{display:inline-block;transition:transform .3s}
.col-text__cta:hover{color:var(--gold)}
.col-text__cta:hover span{transform:translateX(4px)}
.col-text__cta::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--gold);transition:width .4s var(--ease)}
.col-text__cta:hover::after{width:100%}
.collection-01__cards{padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,2.5vw,1.5rem)}
.collection-01__cards .section__see-all{padding-top:clamp(1rem,2vw,1.5rem);padding-bottom:clamp(1rem,2vw,1.5rem)}
@media(max-width:768px){
  .collection-01{flex-direction:column}
  .collection-01 .col-image{width:100%;flex:none;height:400px}
  .collection-01 .col-text{padding:40px 24px}
  .col-text__bg-num{font-size:10rem}
}

/* ====== GOLDEN HOUR — COMPACT (Ticket 87) ====== */
.break--compact{height:clamp(300px,40vw,480px);margin-top:0}
.break--compact .break__title{font-size:clamp(2.2rem,5.5vw,4rem)}
.break--compact .break__cta{padding:.7rem 1.8rem;font-size:.55rem}

/* ====== EDITORIAL 02 SECTION ====== */
.editorial-02{background:var(--white);padding:clamp(2.5rem,5vw,4rem) clamp(1rem,2.5vw,1.5rem) 0;max-width:1600px;margin:0 auto}
.editorial-02__head{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:1.2rem}
.editorial-02__num{font-family:var(--serif);font-size:clamp(3.5rem,7vw,6rem);font-weight:300;line-height:.85;color:rgba(201,169,98,.18);letter-spacing:-.02em}
.editorial-02__label{font-size:.6rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem;font-variant:small-caps}
.editorial-02__title{font-family:var(--didot);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:400;line-height:1.05;color:var(--char);text-transform:uppercase;letter-spacing:.1em}
.editorial-02__rule{border:none;height:1px;background:rgba(201,169,98,.15);margin:0 0 clamp(1.5rem,3vw,2.5rem)}

/* Featured hero card */
.editorial-02__featured{display:block;margin-bottom:clamp(.5rem,1vw,.75rem)}
.editorial-02__featured-img{position:relative;overflow:hidden;height:clamp(700px,52vw,800px)}
.editorial-02__featured-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 1.2s var(--ease-out)}
.editorial-02__featured:hover .editorial-02__featured-img img{transform:scale(1.04)}
.editorial-02__featured-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.7) 0%,rgba(10,10,10,.15) 50%,transparent 100%)}
.editorial-02__featured-content{position:absolute;bottom:0;left:0;padding:clamp(1.5rem,3vw,2.5rem);z-index:2}
.editorial-02__featured-tag{display:block;font-size:.5rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}
.editorial-02__featured-content h3{font-family:var(--serif);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:400;color:var(--white);margin-bottom:.3rem}
.editorial-02__featured-price{display:block;font-size:.85rem;font-weight:500;color:rgba(255,255,255,.7);margin-bottom:.8rem}
.editorial-02__featured-cta{display:inline-block;font-size:.55rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,169,98,.4);padding:.55rem 1.4rem;transition:all .4s var(--ease)}
.editorial-02__featured:hover .editorial-02__featured-cta{background:var(--gold);border-color:var(--gold);color:var(--char)}

/* Card grids */
.editorial-02__row-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(1rem,2vw,1.5rem)}
.editorial-02__row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);margin-bottom:0}
.editorial-02__card{display:block;cursor:pointer}
.editorial-02__card-img{position:relative;overflow:hidden;height:clamp(380px,30vw,420px);background:var(--cream-dk)}
.editorial-02__card-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s var(--ease-out)}
.editorial-02__card:hover .editorial-02__card-img img{transform:scale(1.05)}
.editorial-02__card-info{padding:.8rem 0 .2rem}
.editorial-02__card-info h3{font-family:var(--serif);font-size:.9rem;font-weight:400;color:var(--char);line-height:1.3}
.editorial-02__card-info span{display:block;font-size:.72rem;font-weight:500;color:var(--char);margin-top:.3rem}

/* Sculptural Drops contain fix */
.editorial-02__card.card--contain .editorial-02__card-img{background:#F5F2ED}
.editorial-02__card.card--contain .editorial-02__card-img img{object-fit:contain}
.card.card--contain .card__img{background:#F5F2ED}
.card.card--contain .card__img img{object-fit:contain;object-position:center}

/* Hover overlay inside editorial-02 cards */
.editorial-02__card-img .card__hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(10,10,10,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
  opacity:0;transition:opacity .5s var(--ease)}
.editorial-02__card:hover .card__hover{opacity:1}

/* Tickets 108, 114, 120 — Per-image object-position overrides */
.editorial-02__card[data-product="burgundy-clutch"] .editorial-02__card-img img{object-position:50% 60%}
.editorial-02__card[data-product="gold-clutch"] .editorial-02__card-img img{object-fit:cover;object-position:50% 65%}
.editorial-02__card[data-product="button-down"] .editorial-02__card-img img{object-position:top center}

@media(max-width:768px){
  .editorial-02__featured-img{height:clamp(350px,60vw,450px)}
  .editorial-02__row-2{grid-template-columns:1fr 1fr}
  .editorial-02__row-3{grid-template-columns:1fr 1fr}
  .editorial-02__card-img{height:clamp(280px,50vw,360px)}
}
@media(max-width:480px){
  .editorial-02__row-3{grid-template-columns:1fr}
  .editorial-02__card-img{height:320px}
}