/* =========================================================
   IDEOGY — ABOUT
   Version: 2.2 / DYNAMIC IMAGE CSS FIX
   ---------------------------------------------------------
   Purpose:
   - explain what IDEOGY is, why it exists and how it works
   - keep one continuous light IDEOGY canvas
   - dynamically reuse content/images already managed in Shoptet
   - no duplicated static ABOUT imagery
   ========================================================= */

:root{
  --ia20-pink:#FF66FF;
  --ia20-black:#09090A;
  --ia20-text:#151515;
  --ia20-muted:#6F7178;
  --ia20-line:#E5E5E8;
  --ia20-soft:#F8F8F9;
  --ia20-max:1380px;
  --ia20-gutter:clamp(22px,4.8vw,66px);
}

/* =========================================================
   0 / SHOPTET PAGE RESET — ONLY /o-nas/
   ========================================================= */

body.ideogy-about-v20-page,
body.ideogy-about-v20-page .content-wrapper,
body.ideogy-about-v20-page .content-wrapper-in,
body.ideogy-about-v20-page #content-wrapper,
body.ideogy-about-v20-page #content-wrapper > .container{
  background:#fff!important;
}

body.ideogy-about-v20-page .content-wrapper,
body.ideogy-about-v20-page .content-wrapper-in,
body.ideogy-about-v20-page #content-wrapper,
body.ideogy-about-v20-page #content-wrapper > .container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.ideogy-about-v20-page .content-wrapper-in,
body.ideogy-about-v20-page #content-wrapper .row,
body.ideogy-about-v20-page .main-wrapper-in{
  display:block!important;
}

body.ideogy-about-v20-page #content,
body.ideogy-about-v20-page main.content,
body.ideogy-about-v20-page .content{
  position:relative!important;
  isolation:isolate!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 100%!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 97% 4%,rgba(255,102,255,.15) 0%,rgba(255,102,255,.055) 14%,rgba(255,102,255,0) 31%),
    radial-gradient(circle at 1% 29%,rgba(255,102,255,.08) 0%,rgba(255,102,255,.03) 13%,rgba(255,102,255,0) 28%),
    radial-gradient(circle at 98% 58%,rgba(255,102,255,.075) 0%,rgba(255,102,255,.026) 13%,rgba(255,102,255,0) 29%),
    radial-gradient(circle at 3% 89%,rgba(255,102,255,.08) 0%,rgba(255,102,255,.027) 13%,rgba(255,102,255,0) 30%),
    #fff!important;
}

body.ideogy-about-v20-page .sidebar,
body.ideogy-about-v20-page aside.sidebar,
body.ideogy-about-v20-page .sidebar-left,
body.ideogy-about-v20-page .sidebar-right,
body.ideogy-about-v20-page .breadcrumbs,
body.ideogy-about-v20-page .breadcrumb,
body.ideogy-about-v20-page .navigation-breadcrumb,
body.ideogy-about-v20-page .navigation-breadcrumbs,
body.ideogy-about-v20-page .ideogy-about-v20-native-hidden,
body.ideogy-about-v20-page .discussion,
body.ideogy-about-v20-page .comments,
body.ideogy-about-v20-page .comment-form,
body.ideogy-about-v20-page .discussion-wrapper,
body.ideogy-about-v20-page .discussion-form{
  display:none!important;
}

body.ideogy-about-v20-page .newsletter,
body.ideogy-about-v20-page .newsletter-wrapper,
body.ideogy-about-v20-page .footer-newsletter,
body.ideogy-about-v20-page .footer-newsletter-full-width,
body.ideogy-about-v20-page .newsletter-full-width,
body.ideogy-about-v20-page [class*="newsletter-wrapper"],
body.ideogy-about-v20-page [class*="footer-newsletter"]{
  display:none!important;
}

/* =========================================================
   1 / BASE
   ========================================================= */

body.ideogy-about-v20-page .ideogy-about-v20-shell{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:var(--ia20-text)!important;
  background:transparent!important;
  overflow:hidden!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-container{
  width:100%!important;
  max-width:var(--ia20-max)!important;
  margin:0 auto!important;
  padding-left:var(--ia20-gutter)!important;
  padding-right:var(--ia20-gutter)!important;
  box-sizing:border-box!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-kicker{
  margin:0 0 13px!important;
  color:#777981!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-kicker span{
  color:var(--ia20-pink)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-section-title{
  margin:0!important;
  padding:0!important;
  color:#0A0A0A!important;
  font-size:clamp(36px,3.35vw,58px)!important;
  font-weight:800!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-pink{
  color:var(--ia20-pink)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-copy{
  color:var(--ia20-muted)!important;
  font-size:15px!important;
  line-height:1.58!important;
}

/* image placeholders while remote Shoptet content loads */
body.ideogy-about-v20-page [data-ideogy-dynamic-image]{
  background-color:#F2F2F4!important;
}

body.ideogy-about-v20-page [data-ideogy-dynamic-image].is-loaded{
  background-color:#F2F2F4!important;
}

/* =========================================================
   2 / HERO
   ========================================================= */

body.ideogy-about-v20-page .ideogy-about-v20-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;
  gap:clamp(42px,7vw,110px)!important;
  align-items:center!important;
  min-height:500px!important;
  padding-top:clamp(62px,6.3vw,96px)!important;
  padding-bottom:clamp(48px,5.3vw,78px)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-hero h1{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  color:#080808!important;
  font-size:clamp(52px,5.15vw,82px)!important;
  font-weight:800!important;
  line-height:.99!important;
  letter-spacing:-.060em!important;
  text-transform:uppercase!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-hero h1 > span{
  display:block!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-hero__lead{
  max-width:690px!important;
  margin:24px 0 0!important;
  color:#676970!important;
  font-size:clamp(16px,1.28vw,20px)!important;
  line-height:1.48!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-hero__script{
  justify-self:center!important;
  margin:0!important;
  color:var(--ia20-pink)!important;
  font-family:"Brush Script MT","Segoe Script","Bradley Hand",cursive!important;
  font-size:clamp(54px,5vw,82px)!important;
  font-weight:400!important;
  line-height:.88!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
  transform:rotate(-5deg)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-hero__script::after{
  content:""!important;
  display:block!important;
  width:48%!important;
  height:3px!important;
  margin:16px 2% 0 auto!important;
  background:var(--ia20-pink)!important;
  transform:rotate(-7deg)!important;
}

/* =========================================================
   3 / WHY IDEOGY
   ========================================================= */

body.ideogy-about-v20-page .ideogy-about-v20-why{
  padding-top:clamp(34px,4vw,58px)!important;
  padding-bottom:clamp(42px,5vw,70px)!important;
  border-top:1px solid rgba(0,0,0,.055)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-why__head{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)!important;
  gap:clamp(38px,7vw,110px)!important;
  align-items:end!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-why__head .ideogy-about-v20-copy{
  max-width:560px!important;
  margin:0 0 5px auto!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-reasons{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:38px!important;
  border-top:1px solid var(--ia20-line)!important;
  border-bottom:1px solid var(--ia20-line)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-reason{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:17px!important;
  min-height:138px!important;
  padding:26px 28px!important;
  box-sizing:border-box!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-reason + .ideogy-about-v20-reason{
  border-left:1px solid var(--ia20-line)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-reason svg{
  width:34px!important;
  height:34px!important;
  color:var(--ia20-pink)!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.8!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-reason h3{
  margin:0 0 7px!important;
  color:#111!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.18!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-reason p{
  margin:0!important;
  color:#777981!important;
  font-size:13px!important;
  line-height:1.48!important;
}

/* =========================================================
   4 / PROCESS
   ========================================================= */

body.ideogy-about-v20-page .ideogy-about-v20-process{
  padding-top:clamp(42px,5vw,70px)!important;
  padding-bottom:clamp(48px,5.8vw,82px)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-process__head{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr)!important;
  gap:clamp(38px,6vw,90px)!important;
  align-items:end!important;
  margin-bottom:34px!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-process__head .ideogy-about-v20-copy{
  max-width:530px!important;
  margin:0 0 3px auto!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-steps{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-steps::before{
  content:""!important;
  position:absolute!important;
  top:23px!important;
  left:3%!important;
  right:3%!important;
  height:2px!important;
  background:var(--ia20-pink)!important;
  opacity:.82!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-step{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  padding-right:16px!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-step__num{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  height:46px!important;
  margin:0 0 18px!important;
  border:2px solid var(--ia20-pink)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--ia20-pink)!important;
  font-size:11px!important;
  font-weight:800!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-step h3{
  margin:0 0 8px!important;
  color:#151515!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-step p{
  margin:0!important;
  color:#888A91!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}

/* =========================================================
   5 / THREE WORLDS
   ========================================================= */

body.ideogy-about-v20-page .ideogy-about-v20-worlds{
  padding-top:clamp(38px,4.4vw,62px)!important;
  padding-bottom:clamp(48px,5.4vw,76px)!important;
  border-top:1px solid rgba(0,0,0,.05)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-worlds__head{
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(280px,.98fr)!important;
  gap:clamp(38px,7vw,105px)!important;
  align-items:end!important;
  margin-bottom:26px!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-worlds__head .ideogy-about-v20-copy{
  max-width:570px!important;
  margin-left:auto!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-world-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-world{
  position:relative!important;
  min-height:230px!important;
  overflow:hidden!important;
  border:1px solid var(--ia20-line)!important;
  border-radius:10px!important;
  background:#F3F3F4!important;
  color:#111!important;
  text-decoration:none!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-world__image{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-world::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 34%,rgba(255,255,255,.44) 59%,rgba(255,255,255,.04) 100%)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-world__copy{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:55%!important;
  min-height:230px!important;
  padding:25px 24px!important;
  box-sizing:border-box!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-world__copy h3{
  margin:0 0 12px!important;
  color:#111!important;
  font-size:clamp(23px,2vw,31px)!important;
  font-weight:800!important;
  line-height:1!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-world__copy h3 span{
  color:var(--ia20-pink)!important;
  margin-left:8px!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-world__copy p{
  margin:0!important;
  color:#5F6168!important;
  font-size:13px!important;
  line-height:1.5!important;
}

/* =========================================================
   6 / PEOPLE
   ========================================================= */

body.ideogy-about-v20-page .ideogy-about-v20-people{
  padding-top:clamp(42px,5vw,70px)!important;
  padding-bottom:clamp(46px,5.5vw,78px)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-people__head{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr)!important;
  gap:clamp(38px,6vw,90px)!important;
  align-items:end!important;
  margin-bottom:28px!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-people__head-right{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:18px!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-outline{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:39px!important;
  padding:0 15px!important;
  border:1px solid #CBCBD0!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#111!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-outline::after{
  content:"→"!important;
  color:var(--ia20-pink)!important;
  font-size:15px!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-author-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-author{
  min-width:0!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-author__image{
  aspect-ratio:4/4.25!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background-color:#F2F2F3!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-author h3{
  margin:12px 0 4px!important;
  color:#141414!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.2!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-author p{
  margin:0!important;
  color:#8A8C93!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* =========================================================
   7 / LAB + SERVICES PROOF
   ========================================================= */

body.ideogy-about-v20-page .ideogy-about-v20-proof{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  padding-top:0!important;
  padding-bottom:clamp(46px,5.2vw,74px)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-proof-card{
  position:relative!important;
  min-height:285px!important;
  overflow:hidden!important;
  border:1px solid var(--ia20-line)!important;
  border-radius:10px!important;
  background:#F3F3F4!important;
  color:#111!important;
  text-decoration:none!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-proof-card__image{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-proof-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 40%,rgba(255,255,255,.40) 65%,rgba(255,255,255,.04) 100%)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-proof-card__copy{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  width:53%!important;
  min-height:285px!important;
  padding:28px!important;
  box-sizing:border-box!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-proof-card__copy h3{
  margin:0 0 12px!important;
  color:#111!important;
  font-size:clamp(26px,2.3vw,38px)!important;
  font-weight:800!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-proof-card__copy p{
  margin:0 0 18px!important;
  color:#65676E!important;
  font-size:13px!important;
  line-height:1.5!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-proof-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  width:max-content!important;
  color:var(--ia20-pink)!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-proof-link::after{
  content:"→"!important;
  color:var(--ia20-pink)!important;
}

/* =========================================================
   8 / CTA
   ========================================================= */

body.ideogy-about-v20-page .ideogy-about-v20-cta{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr)!important;
  gap:clamp(28px,5vw,78px)!important;
  align-items:center!important;
  width:calc(100% - (var(--ia20-gutter) * 2))!important;
  max-width:calc(var(--ia20-max) - (var(--ia20-gutter) * 2))!important;
  margin:0 auto clamp(60px,6vw,86px)!important;
  padding:31px clamp(28px,4vw,54px)!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 93% 18%,rgba(255,102,255,.25),transparent 27%),
    radial-gradient(circle at 2% 100%,rgba(255,102,255,.09),transparent 25%),
    linear-gradient(103deg,#FFF8FF 0%,#FFF 53%,#FFF0FF 100%)!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-cta h2{
  margin:0!important;
  color:#111!important;
  font-size:clamp(30px,2.8vw,47px)!important;
  font-weight:800!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-cta__right{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:17px!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-cta__right p{
  margin:0!important;
  color:#73757C!important;
  font-size:13px!important;
  line-height:1.5!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-button{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:43px!important;
  padding:0 19px!important;
  border-radius:5px!important;
  background:var(--ia20-pink)!important;
  color:#111!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

body.ideogy-about-v20-page .ideogy-about-v20-button::after{
  content:"→"!important;
}

/* =========================================================
   9 / RESPONSIVE
   ========================================================= */

@media (max-width:1050px){
  body.ideogy-about-v20-page .ideogy-about-v20-author-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-steps{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    row-gap:28px!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-steps::before{
    display:none!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-step{
    padding-top:13px!important;
    border-top:2px solid var(--ia20-pink)!important;
  }
}

@media (max-width:780px){
  body.ideogy-about-v20-page{
    --ia20-gutter:16px;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-hero,
  body.ideogy-about-v20-page .ideogy-about-v20-why__head,
  body.ideogy-about-v20-page .ideogy-about-v20-process__head,
  body.ideogy-about-v20-page .ideogy-about-v20-worlds__head,
  body.ideogy-about-v20-page .ideogy-about-v20-people__head,
  body.ideogy-about-v20-page .ideogy-about-v20-cta{
    grid-template-columns:1fr!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-hero{
    min-height:0!important;
    gap:25px!important;
    padding-top:44px!important;
    padding-bottom:40px!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-hero h1{
    font-size:clamp(43px,11.5vw,60px)!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-hero__script{
    justify-self:start!important;
    font-size:clamp(47px,12vw,65px)!important;
    text-align:left!important;
    transform:rotate(-4deg)!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-reasons{
    grid-template-columns:1fr!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-reason + .ideogy-about-v20-reason{
    border-left:0!important;
    border-top:1px solid var(--ia20-line)!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-world-grid,
  body.ideogy-about-v20-page .ideogy-about-v20-proof{
    grid-template-columns:1fr!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-world{
    min-height:250px!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-world__copy{
    width:66%!important;
    min-height:250px!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-author-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-proof-card__copy{
    width:68%!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-cta{
    width:calc(100% - 32px)!important;
    gap:19px!important;
    padding:26px 22px!important;
  }
}

@media (max-width:480px){
  body.ideogy-about-v20-page .ideogy-about-v20-steps{
    grid-template-columns:1fr!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-author-grid{
    grid-template-columns:1fr 1fr!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-world::after,
  body.ideogy-about-v20-page .ideogy-about-v20-proof-card::after{
    background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 52%,rgba(255,255,255,.55) 78%,rgba(255,255,255,.18) 100%)!important;
  }

  body.ideogy-about-v20-page .ideogy-about-v20-world__copy,
  body.ideogy-about-v20-page .ideogy-about-v20-proof-card__copy{
    width:78%!important;
  }
}


/* =========================================================
   V2.2 — DYNAMIC IMAGE SAFETY
   ---------------------------------------------------------
   background-image is injected by JS from Shoptet.
   Never reset it with a background shorthand.
   ========================================================= */

body.ideogy-about-v20-page
[data-ideogy-dynamic-image].is-loaded{
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

body.ideogy-about-v20-page
.ideogy-about-v20-author__image.is-loaded{
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}