/* MIGLIORE — About page | scoped styles, compatible with PHP 7.2 */
.mgl-about{--mgl-gold:#ad8750;--mgl-ink:#211d19;--mgl-cream:#f6f3ee;--mgl-serif:Georgia,'Times New Roman',serif;color:var(--mgl-ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.85;overflow:hidden}
.mgl-about *{box-sizing:border-box}.mgl-about h1,.mgl-about h2,.mgl-about p{margin-top:0}.mgl-about h1,.mgl-about h2{font-family:var(--mgl-serif);font-weight:400;line-height:1.14;letter-spacing:-.035em}.mgl-about em{font-weight:400;color:var(--mgl-gold)}.mgl-container{max-width:1320px;margin:0 auto;padding-left:clamp(24px,6vw,90px);padding-right:clamp(24px,6vw,90px)}.mgl-eyebrow{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.29em;color:var(--mgl-gold);line-height:1.6}.mgl-eyebrow--light{color:#dec398}
.mgl-hero{height:min(780px,88svh);min-height:540px;position:relative;background:#181512;isolation:isolate}.mgl-hero__image{position:absolute;inset:0;background-position:center 47%;background-size:cover;z-index:-2}.mgl-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,10,9,.79) 0%,rgba(12,10,9,.46) 39%,rgba(12,10,9,.08) 80%),linear-gradient(0deg,rgba(12,10,9,.3),transparent 35%);z-index:-1}.mgl-hero__content{position:absolute;top:50%;left:max(7vw,calc((100vw - 1140px)/2));transform:translateY(-40%);color:#fff}.mgl-hero h1{font-size:clamp(66px,9.2vw,142px);margin:23px 0 24px;color:#fff}.mgl-hero__line{display:block;width:76px;height:1px;background:#d2ae74;margin-bottom:25px}.mgl-hero p{font-family:var(--mgl-serif);font-size:clamp(21px,2.7vw,35px);line-height:1.3;font-style:italic;color:#f4e9d9}.mgl-hero__vertical{position:absolute;right:28px;bottom:55px;writing-mode:vertical-rl;color:#fff;font-size:9px;letter-spacing:.25em}
.mgl-intro{display:grid;grid-template-columns:1fr 2.3fr;gap:55px;padding-top:145px;padding-bottom:145px}.mgl-ornament{font-size:54px;color:#d6bd97;margin-top:56px}.mgl-intro h2{font-size:clamp(40px,5vw,72px);max-width:850px;margin-bottom:42px}.mgl-lead{max-width:740px;font-size:clamp(19px,2vw,24px);line-height:1.7;color:#68615a}
.mgl-story{background:var(--mgl-cream)}.mgl-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,110px);align-items:center;padding-top:110px;padding-bottom:110px}.mgl-story__visual{height:640px;position:relative;overflow:hidden}.mgl-story__visual img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;display:block}.mgl-story__photo-label{position:absolute;bottom:25px;left:25px;color:#fff;font-size:10px;letter-spacing:.2em;text-shadow:0 1px 8px #000}.mgl-story__content h2,.mgl-values h2{font-size:clamp(40px,4.6vw,66px);margin:25px 0 33px}.mgl-rule{display:block;width:60px;height:1px;background:var(--mgl-gold);margin-bottom:34px}.mgl-story__content p,.mgl-values__body p{color:#615b55;line-height:2;font-size:16px}
.mgl-values{padding-top:145px;padding-bottom:145px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,125px)}.mgl-values h2{margin-top:25px}.mgl-values__body{padding-top:15px}.mgl-values__divider{height:1px;background:#ddd5c9;margin:40px 0}
.mgl-finale{background:#181614;color:#fff;text-align:center;padding:125px 24px 140px;position:relative}.mgl-finale:before{content:'';position:absolute;inset:0;opacity:.12;background:radial-gradient(ellipse at 50% 0%,#b18c58,transparent 65%);pointer-events:none}.mgl-finale__inner{position:relative;max-width:900px;margin:auto}.mgl-finale__star{font-size:37px;color:#b18c58;margin:26px 0}.mgl-finale h2{font-size:clamp(44px,6vw,78px);margin-bottom:32px;color:#fff}.mgl-finale p{font-family:var(--mgl-serif);font-size:clamp(19px,2.1vw,26px);line-height:1.75;color:#e1d9ce;font-weight:400}.mgl-finale strong{font-weight:400}
@media(max-width:900px){.mgl-intro{grid-template-columns:1fr;gap:20px;padding-top:85px;padding-bottom:90px}.mgl-ornament{display:none}.mgl-story__grid{grid-template-columns:1fr;gap:55px;padding-top:75px;padding-bottom:85px}.mgl-story__visual{height:560px}.mgl-values{grid-template-columns:1fr;gap:10px;padding-top:90px;padding-bottom:90px}}
@media(max-width:600px){.mgl-hero{height:690px;min-height:550px;max-height:86svh}.mgl-hero__image{background-position:52% center}.mgl-hero__shade{background:linear-gradient(90deg,rgba(10,9,8,.77),rgba(10,9,8,.25)),linear-gradient(0deg,rgba(10,9,8,.35),transparent)}.mgl-hero__content{left:26px;right:22px;transform:translateY(-28%)}.mgl-hero h1{font-size:clamp(56px,13vw,82px)}.mgl-hero__vertical{display:none}.mgl-intro h2,.mgl-story__content h2,.mgl-values h2{font-size:clamp(38px,10vw,52px)}.mgl-story__visual{height:430px}.mgl-finale{padding:95px 25px 105px}}
@media(prefers-reduced-motion:reduce){.mgl-about *{scroll-behavior:auto!important}}

/* =========================================================
   MIGLIORE — responsive refinements (desktop / tablet / mobile)
   Original palette, imagery and typography are preserved.
   ========================================================= */
.mgl-about {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}
.mgl-about img { max-width: 100%; }
.mgl-about .mgl-container { width: 100%; min-width: 0; }
.mgl-about .mgl-intro > *,
.mgl-about .mgl-story__grid > *,
.mgl-about .mgl-values > * { min-width: 0; }
.mgl-about h1, .mgl-about h2 { overflow-wrap: anywhere; }
.mgl-hero { width: 100%; overflow: hidden; }
.mgl-hero__content { max-width: min(760px, 82vw); }
.mgl-story__visual img { max-width: none; }

/* Laptops and smaller desktops */
@media (max-width: 1199px) {
  .mgl-container { padding-left: clamp(28px, 5vw, 65px); padding-right: clamp(28px, 5vw, 65px); }
  .mgl-intro { gap: 36px; padding-top: 105px; padding-bottom: 105px; }
  .mgl-story__grid { gap: 55px; padding-top: 90px; padding-bottom: 90px; }
  .mgl-story__visual { height: 560px; }
  .mgl-values { gap: 60px; padding-top: 110px; padding-bottom: 110px; }
}

/* Tablets, portrait and landscape */
@media (max-width: 900px) {
  .mgl-hero { height: min(690px, 80svh); min-height: 480px; }
  .mgl-hero__content { left: 6vw; right: 6vw; max-width: 680px; transform: translateY(-35%); }
  .mgl-hero h1 { font-size: clamp(56px, 10vw, 92px); }
  .mgl-hero p { font-size: clamp(20px, 3vw, 29px); }
  .mgl-intro { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-top: 85px; padding-bottom: 85px; }
  .mgl-intro h2 { max-width: 750px; margin-bottom: 28px; }
  .mgl-story__grid { grid-template-columns: minmax(0, 1fr); gap: 45px; padding-top: 75px; padding-bottom: 80px; }
  .mgl-story__visual { height: clamp(390px, 65vw, 590px); }
  .mgl-values { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 85px; padding-bottom: 85px; }
  .mgl-values__body { padding-top: 0; }
  .mgl-finale { padding-top: 100px; padding-bottom: 110px; }
}

/* Phones */
@media (max-width: 600px) {
  .mgl-about { font-size: 15px; line-height: 1.75; }
  .mgl-container { padding-left: 22px; padding-right: 22px; }
  .mgl-eyebrow { font-size: 9px; letter-spacing: .20em; }
  .mgl-hero { height: 76svh; min-height: 470px; max-height: 740px; }
  .mgl-hero__image { background-position: 52% center; background-repeat: no-repeat; }
  .mgl-hero__shade { background: linear-gradient(90deg,rgba(10,9,8,.78),rgba(10,9,8,.30)),linear-gradient(0deg,rgba(10,9,8,.4),transparent 55%); }
  .mgl-hero__content { top: 50%; left: 22px; right: 22px; max-width: none; transform: translateY(-30%); }
  .mgl-hero h1 { font-size: clamp(48px, 12vw, 72px); margin: 17px 0 20px; line-height: 1.05; }
  .mgl-hero__line { width: 56px; margin-bottom: 20px; }
  .mgl-hero p { font-size: clamp(19px, 5vw, 25px); line-height: 1.4; }
  .mgl-hero__vertical { display: none; }
  .mgl-intro { padding-top: 66px; padding-bottom: 72px; gap: 18px; }
  .mgl-intro h2, .mgl-story__content h2, .mgl-values h2 { font-size: clamp(34px, 9vw, 48px); line-height: 1.16; letter-spacing: -.025em; }
  .mgl-intro h2 { margin-bottom: 23px; }
  .mgl-lead { font-size: 18px; line-height: 1.7; }
  .mgl-story__grid { padding-top: 55px; padding-bottom: 65px; gap: 32px; }
  .mgl-story__visual { height: clamp(320px, 110vw, 470px); }
  .mgl-story__photo-label { left: 16px; bottom: 16px; font-size: 9px; }
  .mgl-story__content h2, .mgl-values h2 { margin-top: 18px; margin-bottom: 23px; }
  .mgl-rule { margin-bottom: 25px; }
  .mgl-story__content p, .mgl-values__body p { font-size: 15px; line-height: 1.85; }
  .mgl-values { padding-top: 70px; padding-bottom: 75px; gap: 8px; }
  .mgl-values__divider { margin: 28px 0; }
  .mgl-finale { padding: 75px 22px 85px; }
  .mgl-finale__star { margin: 20px 0; }
  .mgl-finale h2 { font-size: clamp(38px, 10vw, 55px); line-height: 1.13; margin-bottom: 24px; }
  .mgl-finale p { font-size: clamp(18px, 4.7vw, 22px); line-height: 1.65; }
}

/* Small phones */
@media (max-width: 375px) {
  .mgl-container { padding-left: 18px; padding-right: 18px; }
  .mgl-hero__content { left: 18px; right: 18px; }
  .mgl-hero h1 { font-size: clamp(42px, 11.8vw, 48px); }
  .mgl-hero p { font-size: 18px; }
  .mgl-intro h2, .mgl-story__content h2, .mgl-values h2 { font-size: 33px; }
  .mgl-finale { padding-left: 18px; padding-right: 18px; }
}

/* Landscape phones: don't let the hero cover several screens */
@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px) {
  .mgl-hero { height: auto; min-height: 380px; max-height: none; }
  .mgl-hero__content { position: relative; top: auto; left: auto; right: auto; transform: none; max-width: 75%; padding: 65px 0 55px; margin-left: 6vw; }
  .mgl-hero h1 { font-size: clamp(42px, 7vw, 68px); }
}

@media (prefers-reduced-motion: reduce) {
  .mgl-about *, .mgl-about *::before, .mgl-about *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}