/* ==========================================================================
   Amami Italia — /our-story/ (and /it/our-story/), from the client's comp
   "amami web - our story page DESK / MOB" (2026-09-25). Only what the comp
   holds: hero, the text band over the pencil Florence drawing, and the chef.
   Desktop artboard 2880 wide, phone 1366: lengths are comp units over that
   width as vw (u/28.8 desktop, u/13.66 phone), px floors only for legibility.
   ========================================================================== */
body.is-ourstory{--os-mist:#cdd6e2}

/* --- hero: red ground, the arch on the right, the title across both ------ */
.os-hero{position:relative;isolation:isolate;overflow:hidden;margin:76px 0 0;padding:0;
  height:42.361vw;min-height:380px;background:var(--hm-red)}
.os-hero__img{position:absolute;top:0;right:0;width:47.704vw;height:100%;object-fit:cover;z-index:-1}
.os-hero__p{position:absolute;left:0;top:16.7vw;width:52.296vw;margin:0;text-align:center;color:var(--hm-cream);
  font-family:var(--accent);font-size:max(11px,1.108vw);letter-spacing:.08em;line-height:1.75}
.os-hero__p span{display:block}
.os-hero__h{position:absolute;left:0;bottom:0;margin:0;font-family:var(--serif);font-weight:300;color:var(--hm-cream);
  text-transform:uppercase;font-size:10.342vw;line-height:.913;letter-spacing:-.05em;white-space:nowrap;
  transform:translateY(.152em)}   /* bleeds off the bottom edge like the home title */
[data-lang="it"] .os-hero__h{font-size:6.13vw}   /* "LA NOSTRA STORIA" is longer: same width as OUR STORY */

/* --- the band: two paragraphs over the soft Florence drawing ------------- */
.os-band{height:49.545vw;box-sizing:border-box;padding:9.9vw 8vw 0;text-align:center;
  background:var(--hm-cream) url(/wp-content/uploads/2026/09/ourstory-band-desk-1440w.webp) center top / 100% auto no-repeat;
  background-image:image-set(url(/wp-content/uploads/2026/09/ourstory-band-desk-2880w.webp) 2x,
    url(/wp-content/uploads/2026/09/ourstory-band-desk-1440w.webp) 1x)}
.os-band__p{margin:0 auto;max-width:66vw;font-family:var(--sans);font-weight:300;color:var(--hm-panel);
  font-size:max(12px,1.458vw);line-height:1.75}
.os-band__p + .os-band__p{margin-top:2.3vw}

/* --- the chef: photograph left with her name on it, black panel right ---- */
.os-chef{display:grid;grid-template-columns:40.869vw 1fr;height:47.963vw;padding:0;background:var(--hm-panel)}
.os-chef__photo{position:relative;overflow:hidden}
.os-chef__img{width:100%;height:100%;object-fit:cover;display:block}
.os-chef__h{position:absolute;left:2.349vw;top:3.4vw;margin:0;color:var(--hm-cream);font-weight:300}
.os-chef__k{display:block;font-family:var(--accent);font-size:max(12px,1.328vw);line-height:1.3}
.os-chef__n{display:block;font-family:var(--serif);font-weight:300;text-transform:uppercase;
  font-size:4.149vw;line-height:.867;letter-spacing:-.05em}
.os-chef__mark{position:absolute;left:2.5vw;bottom:2.19vw;width:3.02vw;height:auto}
.os-chef__panel{padding:5.1vw 6vw 0;text-align:center;color:var(--hm-cream)}
.os-chef__p{margin:0 auto;max-width:46vw;font-family:var(--sans);font-weight:300;font-size:max(12px,1.383vw);line-height:1.75;
  text-align:justify;text-align-last:center}
.os-chef__rule{width:13.96vw;height:0;border:0;border-top:1px solid var(--os-mist);margin:9.6vw auto 0}
.os-chef__q{margin:6.8vw auto 0;max-width:38vw}
.os-chef__q p{margin:0;font-family:var(--accent);color:var(--os-mist);font-size:max(13px,1.473vw);line-height:1.75;letter-spacing:.12em}

/* --- phone: the 1366 artboard ------------------------------------------ */
@media (max-width:760px){
  .os-hero{height:78.85vw;min-height:0}
  .os-hero__img{width:100%;object-position:50% 0}
  .os-hero__p{left:0;right:0;width:auto;top:auto;bottom:18.4vw;font-size:max(10px,2.335vw);text-shadow:0 1px 8px rgba(22,22,22,.6)}
  .os-hero__p span{display:inline}
  .os-hero__h{font-size:19.87vw}
  [data-lang="it"] .os-hero__h{font-size:11.8vw}

  .os-band{height:auto;min-height:64.9vw;padding:11vw 10.9vw 10vw;
    background-image:url(/wp-content/uploads/2026/09/ourstory-band-mob-800w.webp);background-position:center bottom}
  .os-band__p{max-width:none;font-size:max(12.5px,2.397vw);text-align:justify;text-align-last:center}
  .os-band__p + .os-band__p{margin-top:4vw}

  .os-chef{display:block;height:auto}
  .os-chef__photo{height:117.36vw}
  .os-chef__h{left:5.75vw;top:8.6vw}
  .os-chef__k{font-size:max(12px,3.141vw)}
  .os-chef__n{font-size:9.816vw}
  .os-chef__mark{left:6.08vw;bottom:5.4vw;width:7.47vw}
  .os-chef__panel{padding:9.5vw 12vw 13vw}
  .os-chef__p{max-width:none;font-size:max(13px,2.652vw)}
  .os-chef__rule{width:29.4vw;margin-top:11vw}
  .os-chef__q{max-width:none;margin-top:8.5vw}
  .os-chef__q p{font-size:max(13px,2.823vw)}
}