/* QINELLE ABOUT / BRAND TRUST 2.0 — V1 */
/* Scope: page 802 only */

body.page-id-802{
  --qa2-ink:#261d22;
  --qa2-muted:#74646d;
  --qa2-plum:#674258;
  --qa2-plum-dark:#503243;
  --qa2-pink:#b96282;
  --qa2-pink-soft:#f6e7ed;
  --qa2-cream:#fffaf7;
  --qa2-cream-2:#fbf4f2;
  --qa2-line:#eadce2;
  --qa2-white:#fff;
}

body.page-id-802 .site-content>.ast-container,
body.page-id-802 .entry-content{
  max-width:100%!important;
}

body.page-id-802 .site-content>.ast-container{
  padding-left:0!important;
  padding-right:0!important;
}

body.page-id-802 .qa2{
  max-width:1180px;
  margin:0 auto;
  padding:42px 24px 84px;
  color:var(--qa2-ink);
  font-family:Cabin,Arial,sans-serif;
  font-size:16px;
  line-height:1.62;
}

body.page-id-802 .qa2 *,
body.page-id-802 .qa2 *::before,
body.page-id-802 .qa2 *::after{
  box-sizing:border-box;
}

body.page-id-802 .qa2 a{
  color:var(--qa2-pink);
  text-decoration:none;
}

body.page-id-802 .qa2 a:hover{
  text-decoration:underline;
}

body.page-id-802 .qa2 img{
  display:block;
  width:100%;
  height:auto;
}

/* Hero */

body.page-id-802 .qa2-hero{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:30px;
  align-items:stretch;
  padding:28px;
  border:1px solid var(--qa2-line);
  border-radius:28px;
  background:
    radial-gradient(circle at 14% 12%,rgba(185,98,130,.11),transparent 28%),
    linear-gradient(135deg,#fff 0%,var(--qa2-cream) 100%);
  box-shadow:0 18px 44px rgba(91,55,77,.07);
}

body.page-id-802 .qa2-hero-copy{
  padding:32px 18px 30px 20px;
  align-self:center;
}

body.page-id-802 .qa2-kicker,
body.page-id-802 .qa2-eyebrow,
body.page-id-802 .qa2-label{
  display:block;
  color:var(--qa2-pink);
  font-family:Montserrat,Arial,sans-serif;
  font-weight:700;
  text-transform:uppercase;
}

body.page-id-802 .qa2-kicker{
  margin:0 0 10px;
  font-size:10px;
  letter-spacing:.16em;
}

body.page-id-802 .qa2 h1{
  max-width:690px;
  margin:0;
  color:var(--qa2-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(50px,7vw,82px);
  font-weight:500;
  line-height:.96;
  letter-spacing:-.045em;
}

body.page-id-802 .qa2-lead{
  max-width:680px;
  margin:22px 0 0;
  color:var(--qa2-muted);
  font-size:18px;
  line-height:1.62;
}

body.page-id-802 .qa2-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}

body.page-id-802 .qa2-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 18px;
  border:1px solid var(--qa2-plum);
  border-radius:999px;
  font-weight:700;
  text-decoration:none!important;
}

body.page-id-802 .qa2-btn--primary{
  background:var(--qa2-plum);
  color:#fff!important;
}

body.page-id-802 .qa2-btn--secondary{
  background:#fff;
  color:var(--qa2-plum)!important;
}

body.page-id-802 .qa2-hero-media{
  position:relative;
  min-height:430px;
  overflow:hidden;
  border-radius:22px;
  background:#eee;
}

body.page-id-802 .qa2-hero-media img{
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
  object-position:center 32%;
}

body.page-id-802 .qa2-hero-badge{
  position:absolute;
  left:18px;
  bottom:18px;
  max-width:290px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:14px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(8px);
  color:var(--qa2-plum);
  font-size:13px;
  line-height:1.42;
}

/* Facts */

body.page-id-802 .qa2-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  max-width:1060px;
  margin:20px auto 0;
  overflow:hidden;
  border:1px solid var(--qa2-line);
  border-radius:18px;
  background:var(--qa2-line);
}

body.page-id-802 .qa2-fact{
  padding:18px 16px;
  background:#fff;
  text-align:center;
}

body.page-id-802 .qa2-fact strong{
  display:block;
  margin-bottom:3px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  font-weight:500;
  line-height:1.12;
}

body.page-id-802 .qa2-fact span{
  color:var(--qa2-muted);
  font-size:12px;
}

/* Sections */

body.page-id-802 .qa2-section{
  max-width:1040px;
  margin:0 auto;
  padding:66px 0 0;
}

body.page-id-802 .qa2-section-head{
  max-width:800px;
  margin:0 0 26px;
}

body.page-id-802 .qa2-eyebrow{
  margin-bottom:7px;
  font-size:10px;
  letter-spacing:.14em;
}

body.page-id-802 .qa2 h2{
  margin:0;
  color:var(--qa2-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,4.5vw,54px);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.035em;
}

body.page-id-802 .qa2-section-head p{
  margin:13px 0 0;
  color:var(--qa2-muted);
}

/* Story */

body.page-id-802 .qa2-story{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:24px;
  align-items:start;
}

body.page-id-802 .qa2-story-quote{
  padding:28px;
  border-radius:22px;
  background:var(--qa2-plum);
  color:#fff;
}

body.page-id-802 .qa2-story-quote p{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  line-height:1.22;
}

body.page-id-802 .qa2-story-copy{
  padding:4px 0;
  color:var(--qa2-muted);
}

body.page-id-802 .qa2-story-copy p{
  margin:0 0 14px;
}

/* Real proof */

body.page-id-802 .qa2-proof{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:18px;
}

body.page-id-802 .qa2-proof-main,
body.page-id-802 .qa2-proof-side{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:#eee;
}

body.page-id-802 .qa2-proof-main img{
  height:100%;
  min-height:500px;
  object-fit:cover;
  object-position:center top;
}

body.page-id-802 .qa2-proof-side{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:1px;
  background:var(--qa2-line);
}

body.page-id-802 .qa2-proof-side figure{
  position:relative;
  margin:0;
  overflow:hidden;
  background:#eee;
}

body.page-id-802 .qa2-proof-side img{
  height:100%;
  min-height:245px;
  object-fit:cover;
}

body.page-id-802 .qa2-caption{
  position:absolute;
  left:14px;
  bottom:14px;
  padding:8px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.88);
  color:var(--qa2-plum);
  font-size:12px;
  font-weight:700;
}

/* Supply truth */

body.page-id-802 .qa2-supply{
  margin-top:18px;
  padding:24px 26px;
  border:1px solid var(--qa2-line);
  border-radius:20px;
  background:var(--qa2-cream);
}

body.page-id-802 .qa2-supply strong{
  display:block;
  margin-bottom:7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  font-weight:500;
}

body.page-id-802 .qa2-supply p{
  margin:0;
  color:var(--qa2-muted);
}

/* Production steps */

body.page-id-802 .qa2-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

body.page-id-802 .qa2-step{
  overflow:hidden;
  border:1px solid var(--qa2-line);
  border-radius:18px;
  background:#fff;
}

body.page-id-802 .qa2-step img{
  aspect-ratio:1/1;
  object-fit:cover;
}

body.page-id-802 .qa2-step-copy{
  padding:15px 16px 17px;
}

body.page-id-802 .qa2-step-copy span{
  display:block;
  margin-bottom:3px;
  color:var(--qa2-pink);
  font-family:Montserrat,Arial,sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.page-id-802 .qa2-step-copy strong{
  display:block;
  font-size:15px;
}

/* Video */

body.page-id-802 .qa2-video{
  margin-top:18px;
  padding:24px;
  border:1px solid var(--qa2-line);
  border-radius:22px;
  background:var(--qa2-cream);
}

body.page-id-802 .qa2-video-frame{
  max-width:920px;
  margin:0 auto;
  overflow:hidden;
  border-radius:18px;
  aspect-ratio:16/9;
  background:#eee;
  box-shadow:0 16px 36px rgba(77,50,65,.10);
}

body.page-id-802 .qa2-video-frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}

body.page-id-802 .qa2-video p{
  max-width:760px;
  margin:14px auto 0;
  color:var(--qa2-muted);
  font-size:13px;
  text-align:center;
}

/* What we make */

body.page-id-802 .qa2-lines{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

body.page-id-802 .qa2-line{
  padding:28px;
  border:1px solid var(--qa2-line);
  border-radius:22px;
  background:#fff;
}

body.page-id-802 .qa2-line--soft{
  background:var(--qa2-cream);
}

body.page-id-802 .qa2-label{
  margin-bottom:8px;
  font-size:10px;
  letter-spacing:.12em;
}

body.page-id-802 .qa2-line h3{
  margin:0 0 9px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
  font-weight:500;
}

body.page-id-802 .qa2-line p{
  margin:0 0 18px;
  color:var(--qa2-muted);
}

/* Showroom gallery */

body.page-id-802 .qa2-gallery{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

body.page-id-802 .qa2-gallery figure{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:16px;
  background:#eee;
}

body.page-id-802 .qa2-gallery img{
  aspect-ratio:4/3;
  object-fit:cover;
}

body.page-id-802 .qa2-gallery figcaption{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  padding:7px 9px;
  border-radius:9px;
  background:rgba(255,255,255,.86);
  color:var(--qa2-plum);
  font-size:11px;
  font-weight:700;
}

/* Attention points */

body.page-id-802 .qa2-principles{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

body.page-id-802 .qa2-principle{
  padding:22px;
  border-top:3px solid var(--qa2-pink);
  border-radius:5px 5px 18px 18px;
  background:#fff;
  box-shadow:0 10px 26px rgba(91,55,77,.05);
}

body.page-id-802 .qa2-principle strong{
  display:block;
  margin-bottom:7px;
}

body.page-id-802 .qa2-principle p{
  margin:0;
  color:var(--qa2-muted);
  font-size:14px;
}

/* Support */

body.page-id-802 .qa2-support{
  padding:30px;
  border-radius:24px;
  background:var(--qa2-plum);
  color:#fff;
}

body.page-id-802 .qa2-support .qa2-eyebrow{
  color:#efb9cb;
}

body.page-id-802 .qa2-support h2{
  color:#fff;
}

body.page-id-802 .qa2-support-intro{
  max-width:760px;
  margin:10px 0 22px;
  color:#f8edf2;
}

body.page-id-802 .qa2-support-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

body.page-id-802 .qa2-support-card{
  padding:18px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:16px;
  background:rgba(255,255,255,.08);
}

body.page-id-802 .qa2-support-card strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
}

body.page-id-802 .qa2-support-card p{
  margin:0 0 10px;
  color:#f4e9ef;
  font-size:13px;
}

body.page-id-802 .qa2-support-card a{
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-decoration:underline;
}

/* Quick answers */

body.page-id-802 .qa2-answers{
  border:1px solid var(--qa2-line);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
}

body.page-id-802 .qa2-answers details{
  padding:17px 20px;
  border-bottom:1px solid var(--qa2-line);
}

body.page-id-802 .qa2-answers details:last-child{
  border-bottom:0;
}

body.page-id-802 .qa2-answers summary{
  cursor:pointer;
  font-weight:700;
}

body.page-id-802 .qa2-answers p{
  margin:9px 0 0;
  color:var(--qa2-muted);
}

/* CTA */

body.page-id-802 .qa2-cta{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) auto;
  gap:24px;
  align-items:center;
  max-width:1040px;
  margin:64px auto 0;
  padding:38px;
  border:1px solid var(--qa2-line);
  border-radius:24px;
  background:linear-gradient(120deg,var(--qa2-pink-soft),var(--qa2-cream));
}

body.page-id-802 .qa2-cta h2{
  max-width:720px;
}

body.page-id-802 .qa2-cta p{
  max-width:700px;
  margin:10px 0 0;
  color:var(--qa2-muted);
}

body.page-id-802 .qa2-cta-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:210px;
}

/* Responsive */

@media(max-width:960px){

  body.page-id-802 .qa2-hero,
  body.page-id-802 .qa2-story,
  body.page-id-802 .qa2-proof,
  body.page-id-802 .qa2-cta{
    grid-template-columns:1fr;
  }

  body.page-id-802 .qa2-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.page-id-802 .qa2-gallery,
  body.page-id-802 .qa2-principles,
  body.page-id-802 .qa2-support-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.page-id-802 .qa2-cta-actions{
    flex-direction:row;
    flex-wrap:wrap;
    min-width:0;
  }
}

@media(max-width:680px){

  body.page-id-802 .qa2{
    padding:26px 16px 58px;
  }

  body.page-id-802 .qa2-hero{
    gap:18px;
    padding:16px;
    border-radius:22px;
  }

  body.page-id-802 .qa2-hero-copy{
    padding:20px 8px 8px;
  }

  body.page-id-802 .qa2 h1{
    font-size:47px;
  }

  body.page-id-802 .qa2-lead{
    font-size:16px;
  }

  body.page-id-802 .qa2-hero-actions{
    display:grid;
  }

  body.page-id-802 .qa2-btn{
    width:100%;
  }

  body.page-id-802 .qa2-hero-media,
  body.page-id-802 .qa2-hero-media img{
    min-height:330px;
  }

  body.page-id-802 .qa2-facts{
    grid-template-columns:1fr 1fr;
    border-radius:15px;
  }

  body.page-id-802 .qa2-section{
    padding-top:48px;
  }

  body.page-id-802 .qa2 h2{
    font-size:38px;
  }

  body.page-id-802 .qa2-story-quote p{
    font-size:24px;
  }

  body.page-id-802 .qa2-proof-main img{
    min-height:350px;
  }

  body.page-id-802 .qa2-proof-side{
    grid-template-columns:1fr 1fr;
    grid-template-rows:none;
  }

  body.page-id-802 .qa2-proof-side img{
    min-height:185px;
  }

  body.page-id-802 .qa2-steps,
  body.page-id-802 .qa2-lines,
  body.page-id-802 .qa2-gallery,
  body.page-id-802 .qa2-principles,
  body.page-id-802 .qa2-support-grid{
    grid-template-columns:1fr;
  }

  body.page-id-802 .qa2-video{
    padding:14px;
  }

  body.page-id-802 .qa2-support,
  body.page-id-802 .qa2-cta{
    padding:28px 20px;
  }

  body.page-id-802 .qa2-cta-actions{
    display:grid;
  }
}

/* ============================================================
   QINELLE ABOUT2 MOBILE WIDTH FIX V1
   Goal: use the phone viewport more confidently without changing desktop.
   ============================================================ */

@media (max-width: 767px) {

  /* Remove Elementor / Astra page-body width loss on this page only. */
  body.page-id-802 .entry-content,
  body.page-id-802 .entry-content > .elementor,
  body.page-id-802 .entry-content > .elementor > .elementor-element,
  body.page-id-802 .entry-content > .elementor > .e-con.e-parent,
  body.page-id-802 .entry-content .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.page-id-802 .entry-content > .elementor > .elementor-element,
  body.page-id-802 .entry-content > .elementor > .e-con.e-parent {
    --padding-left: 0px !important;
    --padding-right: 0px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Wider editorial canvas. */
  body.page-id-802 .qa2 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 18px 8px 54px !important;
  }

  /* Hero: less nested padding, less headline fragmentation. */
  body.page-id-802 .qa2-hero {
    gap: 14px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  body.page-id-802 .qa2-hero-copy {
    padding: 16px 4px 6px !important;
  }

  body.page-id-802 .qa2 h1 {
    font-size: 42px !important;
    line-height: .96 !important;
    letter-spacing: -.04em !important;
  }

  body.page-id-802 .qa2-lead {
    margin-top: 16px !important;
    font-size: 15px !important;
    line-height: 1.56 !important;
  }

  body.page-id-802 .qa2-hero-media,
  body.page-id-802 .qa2-hero-media img {
    min-height: 300px !important;
  }

  body.page-id-802 .qa2-hero-badge {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    max-width: none !important;
  }

  /* Keep the 2 x 2 fact strip but let it breathe. */
  body.page-id-802 .qa2-facts {
    width: calc(100% - 4px) !important;
    margin-top: 14px !important;
    border-radius: 14px !important;
  }

  body.page-id-802 .qa2-fact {
    padding: 14px 7px !important;
  }

  body.page-id-802 .qa2-fact strong {
    font-size: 19px !important;
  }

  body.page-id-802 .qa2-fact span {
    font-size: 11px !important;
  }

  /* Wider reading column and calmer headings. */
  body.page-id-802 .qa2-section {
    width: 100% !important;
    max-width: none !important;
    padding-top: 44px !important;
  }

  body.page-id-802 .qa2-section-head {
    max-width: none !important;
    margin-bottom: 20px !important;
  }

  body.page-id-802 .qa2 h2 {
    font-size: 34px !important;
    line-height: 1.02 !important;
    letter-spacing: -.03em !important;
  }

  body.page-id-802 .qa2-story {
    gap: 17px !important;
  }

  body.page-id-802 .qa2-story-quote,
  body.page-id-802 .qa2-supply,
  body.page-id-802 .qa2-line,
  body.page-id-802 .qa2-principle,
  body.page-id-802 .qa2-support,
  body.page-id-802 .qa2-cta {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.page-id-802 .qa2-story-quote {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    border-radius: 18px !important;
  }

  body.page-id-802 .qa2-story-quote p {
    font-size: 23px !important;
    line-height: 1.2 !important;
  }

  /* Let factory proof images use the full phone width. */
  body.page-id-802 .qa2-proof {
    gap: 10px !important;
  }

  body.page-id-802 .qa2-proof-main,
  body.page-id-802 .qa2-proof-side {
    border-radius: 16px !important;
  }

  body.page-id-802 .qa2-proof-main img {
    min-height: 330px !important;
  }

  body.page-id-802 .qa2-proof-side {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    gap: 10px !important;
    background: transparent !important;
  }

  body.page-id-802 .qa2-proof-side figure {
    border-radius: 16px !important;
  }

  body.page-id-802 .qa2-proof-side img {
    min-height: 260px !important;
  }

  body.page-id-802 .qa2-supply {
    margin-top: 12px !important;
    padding-top: 19px !important;
    padding-bottom: 19px !important;
    border-radius: 16px !important;
  }

  body.page-id-802 .qa2-supply strong {
    font-size: 21px !important;
  }

  /* One clear full-width card per row on small screens. */
  body.page-id-802 .qa2-steps,
  body.page-id-802 .qa2-lines,
  body.page-id-802 .qa2-gallery,
  body.page-id-802 .qa2-principles,
  body.page-id-802 .qa2-support-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.page-id-802 .qa2-step,
  body.page-id-802 .qa2-line,
  body.page-id-802 .qa2-principle,
  body.page-id-802 .qa2-support-card,
  body.page-id-802 .qa2-gallery figure {
    border-radius: 16px !important;
  }

  body.page-id-802 .qa2-video {
    margin-top: 12px !important;
    padding: 10px !important;
    border-radius: 16px !important;
  }

  body.page-id-802 .qa2-video-frame {
    border-radius: 12px !important;
  }

  body.page-id-802 .qa2-line {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  body.page-id-802 .qa2-line h3 {
    font-size: 26px !important;
    line-height: 1.08 !important;
  }

  body.page-id-802 .qa2-principle {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  body.page-id-802 .qa2-support {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    border-radius: 18px !important;
  }

  body.page-id-802 .qa2-support-card {
    padding: 16px !important;
  }

  body.page-id-802 .qa2-answers {
    border-radius: 16px !important;
  }

  body.page-id-802 .qa2-answers details {
    padding: 16px !important;
  }

  body.page-id-802 .qa2-cta {
    margin-top: 46px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    border-radius: 18px !important;
  }

  body.page-id-802 .qa2-cta-actions {
    width: 100% !important;
  }

  body.page-id-802 .qa2-btn {
    width: 100% !important;
    min-height: 43px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (max-width: 390px) {

  body.page-id-802 .qa2 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.page-id-802 .qa2 h1 {
    font-size: 39px !important;
  }

  body.page-id-802 .qa2 h2 {
    font-size: 31px !important;
  }

  body.page-id-802 .qa2-story-quote p {
    font-size: 22px !important;
  }
}

/* ============================================================
   QINELLE ABOUT2 MOBILE FULLWIDTH FIX V2
   Screenshot-driven correction:
   the Elementor text widget itself remained narrower than the viewport.
   ============================================================ */

@media (max-width: 767px) {

  body.page-id-802 {
    overflow-x: hidden !important;
  }

  /* Exact About text-editor widget authority. */
  body.page-id-802 .elementor-element.elementor-element-172cfca,
  body.page-id-802 .elementor-element.elementor-element-172cfca.elementor-widget,
  body.page-id-802 .elementor-element.elementor-element-172cfca.elementor-widget-text-editor {
    width: 100vw !important;
    max-width: 100vw !important;
    flex: 0 0 100vw !important;
    --container-widget-width: 100vw !important;
    --container-widget-flex-grow: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.page-id-802 .elementor-element.elementor-element-172cfca > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Also neutralize the two page content containers without touching header/footer. */
  body.page-id-802 .entry-content .elementor > .e-con,
  body.page-id-802 .entry-content .elementor .e-con.e-parent,
  body.page-id-802 .entry-content .elementor .e-con-inner {
    --width: 100% !important;
    --content-width: 100% !important;
    --container-max-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.page-id-802 .qa2 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 12px 50px !important;
  }

  /* Rebalance type now that the canvas is truly wider. */
  body.page-id-802 .qa2 h1 {
    max-width: 100% !important;
    font-size: 34px !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
  }

  body.page-id-802 .qa2 h2 {
    font-size: 29px !important;
    line-height: 1.04 !important;
    letter-spacing: -.025em !important;
  }

  body.page-id-802 .qa2-lead {
    max-width: none !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  body.page-id-802 .qa2-hero {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body.page-id-802 .qa2-hero-copy {
    padding: 14px 6px 4px !important;
  }

  body.page-id-802 .qa2-hero-media,
  body.page-id-802 .qa2-hero-media img {
    min-height: 285px !important;
  }

  body.page-id-802 .qa2-section {
    padding-top: 42px !important;
  }

  body.page-id-802 .qa2-section-head {
    margin-bottom: 18px !important;
  }

  body.page-id-802 .qa2-story-quote p {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  body.page-id-802 .qa2-proof-main img {
    min-height: 320px !important;
  }

  body.page-id-802 .qa2-proof-side img {
    min-height: 240px !important;
  }

  body.page-id-802 .qa2-line h3 {
    font-size: 24px !important;
  }

  body.page-id-802 .qa2-support h2 {
    font-size: 28px !important;
  }

  body.page-id-802 .qa2-cta h2 {
    font-size: 28px !important;
  }

  /* Buttons should be easy to tap without looking oversized. */
  body.page-id-802 .qa2-btn {
    width: 100% !important;
    min-height: 42px !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 390px) {

  body.page-id-802 .qa2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.page-id-802 .qa2 h1 {
    font-size: 32px !important;
  }

  body.page-id-802 .qa2 h2 {
    font-size: 27px !important;
  }
}

/* QINELLE_ABOUT_MOBILE_WIDTH_V2
 * Mobile visual correction for About page only.
 * Keep desktop authority unchanged.
 */
@media (max-width: 767px) {
  body.page-id-802 .elementor-element.elementor-element-172cfca,
  body.page-id-802 .elementor-element.elementor-element-172cfca > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.page-id-802 .qa2 {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip;
  }

  body.page-id-802 .qa2,
  body.page-id-802 .qa2 *,
  body.page-id-802 .qa2 *::before,
  body.page-id-802 .qa2 *::after {
    box-sizing: border-box;
  }

  body.page-id-802 .qa2 > *,
  body.page-id-802 .qa2 [class^="qa2-"],
  body.page-id-802 .qa2 [class*=" qa2-"] {
    min-width: 0 !important;
    max-width: 100%;
  }

  body.page-id-802 .qa2 .qa2-hero,
  body.page-id-802 .qa2 .qa2-story,
  body.page-id-802 .qa2 .qa2-proof,
  body.page-id-802 .qa2 .qa2-supply,
  body.page-id-802 .qa2 .qa2-steps,
  body.page-id-802 .qa2 .qa2-gallery,
  body.page-id-802 .qa2 .qa2-principles,
  body.page-id-802 .qa2 .qa2-support-grid,
  body.page-id-802 .qa2 .qa2-answers,
  body.page-id-802 .qa2 .qa2-cta {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.page-id-802 .qa2 .qa2-facts {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-id-802 .qa2 img,
  body.page-id-802 .qa2 iframe,
  body.page-id-802 .qa2 video {
    max-width: 100% !important;
  }

  body.page-id-802 .qa2 h1 {
    font-size: clamp(2.25rem, 10vw, 2.75rem) !important;
    line-height: .94 !important;
    overflow-wrap: normal;
    word-break: normal;
  }

  body.page-id-802 .qa2 h2 {
    font-size: clamp(1.8rem, 8vw, 2.2rem) !important;
    line-height: .98 !important;
    overflow-wrap: normal;
    word-break: normal;
  }

  body.page-id-802 .qa2 h3 {
    font-size: clamp(1.25rem, 6vw, 1.55rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: normal;
    word-break: normal;
  }

  body.page-id-802 .qa2 p,
  body.page-id-802 .qa2 li {
    font-size: 15px !important;
    line-height: 1.6 !important;
    overflow-wrap: break-word;
    word-break: normal;
  }

  body.page-id-802 .qa2 .qa2-section,
  body.page-id-802 .qa2 .qa2-hero,
  body.page-id-802 .qa2 .qa2-cta {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* QINELLE_ABOUT_MOBILE_TYPOGRAPHY_V3
 * Mobile-only refinement after visual QA.
 * Keeps the wider V2 canvas, but reduces display typography and
 * prevents the 2x2 facts grid from clipping longer labels.
 */
@media (max-width: 767px) {

  body.page-id-802 .qa2 h1,
  body.page-id-802 .qa2 .qa2-hero h1 {
    font-size: 36px !important;
    line-height: .96 !important;
    letter-spacing: -0.02em !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.page-id-802 .qa2 h2,
  body.page-id-802 .qa2 .qa2-section-head h2,
  body.page-id-802 .qa2 .qa2-cta h2 {
    font-size: 29px !important;
    line-height: 1.00 !important;
    letter-spacing: -0.015em !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.page-id-802 .qa2 h3,
  body.page-id-802 .qa2 .qa2-step-copy h3,
  body.page-id-802 .qa2 .qa2-principles h3,
  body.page-id-802 .qa2 .qa2-support h3 {
    font-size: 21px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.page-id-802 .qa2 .qa2-eyebrow {
    font-size: 12px !important;
    line-height: 1.25 !important;
    letter-spacing: .14em !important;
  }

  body.page-id-802 .qa2 p,
  body.page-id-802 .qa2 li,
  body.page-id-802 .qa2 .qa2-story-copy p {
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  body.page-id-802 .qa2 .qa2-hero-copy p {
    font-size: 15px !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
  }

  body.page-id-802 .qa2 .qa2-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-id-802 .qa2 .qa2-fact {
    min-width: 0 !important;
    padding: 18px 10px !important;
    overflow: hidden !important;
  }

  body.page-id-802 .qa2 .qa2-fact strong {
    display: block !important;
    max-width: 100% !important;
    font-size: 25px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.015em !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.page-id-802 .qa2 .qa2-fact span {
    display: block !important;
    max-width: 100% !important;
    margin-top: 8px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.page-id-802 .qa2 .qa2-story-quote p {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }

  body.page-id-802 .qa2 .qa2-caption {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.page-id-802 .qa2 .qa2-section {
    scroll-margin-top: 84px;
  }
}

/* QINELLE_ABOUT_FACTORY_IMAGE_DEDUP_V1
 * Narrative image hierarchy:
 * Real Places = one documentary production-floor image.
 * A Closer Look = cutting + stitching + materials storage.
 */
body.page-id-802 .qa2 .qa2-proof.qa2-proof-single {
  display: block !important;
}

body.page-id-802 .qa2 .qa2-proof.qa2-proof-single .qa2-proof-main {
  width: min(100%, 860px) !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-id-802 .qa2 .qa2-proof.qa2-proof-single .qa2-proof-main img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: center 45% !important;
}

@media (max-width: 767px) {
  body.page-id-802 .qa2 .qa2-proof.qa2-proof-single .qa2-proof-main {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.page-id-802 .qa2 .qa2-proof.qa2-proof-single .qa2-proof-main img {
    aspect-ratio: 4 / 5 !important;
    object-position: center 45% !important;
  }
}

/* QINELLE_ABOUT_FACTORY_SINGLE_DESKTOP_V2
 * Visual QA follow-up:
 * the single documentary production image should read as a full-width
 * proof image on desktop, not as the former left column of a 2-column grid.
 */
@media (min-width: 768px) {
  body.page-id-802 .qa2 .qa2-proof.qa2-proof-single {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.page-id-802 .qa2 .qa2-proof.qa2-proof-single .qa2-proof-main {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.page-id-802 .qa2 .qa2-proof.qa2-proof-single .qa2-proof-main img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: clamp(360px, 32vw, 460px) !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center 44% !important;
  }
}