/* H7: one approved photograph, the existing wordmark font and H6 paper surfaces. */
body[data-page="index"] .site-header { position:fixed; inset:0 0 auto; width:100%; }
body[data-page="index"].h7-over-hero .site-header .site-brand { visibility:hidden; pointer-events:none; }
body[data-page="index"].h7-over-hero .site-header { background:transparent; color:#fff; border-color:transparent; }
body[data-page="index"].h7-over-hero .site-header :is(a,button,small,.estienne-wordmark,.site-language span) { color:#fff; }
body[data-page="index"].h7-over-hero .site-language button[aria-pressed=true]::after { background:#fff; }
body[data-page="index"].h7-over-hero .site-header a:hover { color:#fff!important; text-decoration:underline; text-underline-offset:6px; }
body[data-page="index"].h7-over-hero .site-nav { scrollbar-color:#ffffff70 transparent; }
body[data-page="index"].h7-over-hero #nav-more-panel { background:#171816; border-color:#ffffff60; color:#fff; }
body[data-page="index"].h7-over-hero .card-set-control svg path { fill:none; }
body[data-page="index"] #main .hero-h7 {
  height:100vh; height:100svh; min-height:600px; max-height:none; aspect-ratio:auto;
  display:block; isolation:isolate; overflow:hidden; background:#171816; color:#fff;
}
.hero-h7 .hero-picture { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; z-index:-2; background:#171816; }
.hero-h7 .hero-picture::before,.hero-h7 .hero-picture::after { content:none; }
.hero.hero-h7 .hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; transform:none; filter:none; }
.hero.hero-h7::after { content:""; position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,.36),transparent 28%,transparent 65%,rgba(0,0,0,.38)); }
body[data-page="index"] #main .hero-h7 #hero-title.h7-wordmark {
  position:absolute; top:clamp(100px,10.5vh,150px); left:50%; transform:translateX(-50%);
  margin:0; width:max-content; color:#fff; font:500 10.7vw/1 'Cormorant Garamond',Georgia,serif;
  letter-spacing:.13em; padding-left:.13em; white-space:nowrap;
}
.hero.hero-h7 .hero-copy { position:absolute; left:var(--gutter); right:auto; bottom:clamp(36px,5vh,64px); width:min(40%,560px); padding:0; background:transparent; color:#fff; }
.hero-h7 .h7-hero-line { font-size:15px; line-height:1.6; }
.hero-h7 .h7-hero-spec { font-size:13px; line-height:1.7; margin-top:10px; color:#f1eee8; }
body[data-page="index"] #main .hero-h7 .hero-copy a { color:#fff; margin-top:20px; font-size:14px; min-height:44px; display:inline-flex; align-items:center; white-space:normal; }
body[data-page="index"] #main .hero-h7 .hero-copy a:hover { color:#fff; text-decoration-thickness:2px; }
.hero-h7 :is(a,button):focus-visible { outline-color:#fff; }
.h7-intro { display:grid; place-items:center; min-height:64svh; padding:160px var(--gutter); background:var(--h6-paper); text-align:center; }
body[data-page="index"] #main .h7-intro #h7-intro-title { font-family:var(--h6-sans); font-size:clamp(26px,3vw,43px); font-weight:400; line-height:1.3; }
.h7-intro p { color:var(--muted); font-size:14px; margin-top:24px; }
.h7-edit { background:var(--h6-sand); }
.h7-edit-heading { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:44px; }
.h7-edit-heading a { color:var(--ink); }
.h7-products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.h7-products article { min-width:0; }
.h7-product-link { display:block; color:var(--ink); }
.h7-product-picture { aspect-ratio:4/5; width:100%; padding:12%; background:var(--h6-sand); display:grid; place-items:center; overflow:hidden; }
.h7-product-picture img { width:100%; height:100%; min-height:0; min-width:0; object-fit:contain; filter:var(--warm-print-light); transition:transform .4s ease; }
.h7-product-picture.h7-book img { filter:none; box-shadow:7px 9px 16px #302b2426; }
.h7-product-picture.h7-business img { width:100%; height:100%; object-fit:cover; }
body[data-page="index"] #main #season-edit .h7-products h3 { font-family:var(--h6-sans); font-size:19px; font-weight:400; line-height:1.4; min-height:2.8em; margin-top:24px; }
.h7-products .h7-spec { font-size:12px; color:var(--muted); line-height:1.75; margin-top:10px; min-height:3.5em; }
.h7-products .h7-price { color:var(--h6-rust); font-size:12px; margin-top:14px; }
@media(hover:hover) and (pointer:fine) { .h7-product-link:hover img { transform:scale(1.025); } .h7-product-link:hover h3 { text-decoration:underline; text-underline-offset:5px; } }
@media(max-width:767px) {
  body[data-page="index"] #main .hero-h7 { height:85vh; height:85svh; min-height:600px; }
  /* Keep the same photograph, reserving dark space below the portrait crop for every language. */
  .hero.hero-h7 .hero-photo { top:42px; bottom:auto; height:78%; object-position:70% 50%; mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent); }
  body[data-page="index"] #main .hero-h7 #hero-title.h7-wordmark { top:126px; font-size:14.5vw; letter-spacing:.08em; }
  .hero.hero-h7 .hero-copy { left:24px; right:24px; bottom:24px; width:auto; }
  .hero-h7 .h7-hero-line { font-size:13px; }
  .hero-h7 .h7-hero-spec { font-size:12px; line-height:1.6; margin-top:7px; max-width:32em; }
  body[data-page="index"] #main .hero-h7 .hero-copy a { margin-top:10px; font-size:13px; }
  .hero.hero-h7::after { background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 30%,transparent 61%,rgba(0,0,0,.8)); }
  .h7-intro { min-height:55svh; padding:110px 24px; }
  body[data-page="index"] #main .h7-intro #h7-intro-title { font-size:24px; }
  html:lang(en) body[data-page="index"] #main .h7-intro #h7-intro-title { font-size:22px; }
  .h7-intro p { font-size:12px; margin-top:22px; line-height:1.8; }
  .h7-edit-heading { gap:14px; margin-bottom:32px; }
  .h7-products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 18px; }
  body[data-page="index"] #main #season-edit .h7-products h3 { font-size:17px; margin-top:18px; }
  .h7-products .h7-spec { font-size:11px; min-height:3.5em; }
  .h7-products .h7-price { margin-top:10px; font-size:11px; }
  .h7-product-picture.h7-book img { box-shadow:4px 6px 10px #302b2426; }
}
@media(prefers-reduced-motion:reduce) { .h7-product-picture img { transition:none; } }