/* =========================================================
   IDEOGY — AUTORI
   Version: 3.4 / LISTING CONTENT SAFETY
   ---------------------------------------------------------
   Goal:
   - copy the approved visual much more closely
   - authors still come from native Shoptet articles
   - no sidebar
   - no newsletter
   - pink light bars are CSS effects, not edited photos
   ========================================================= */

:root{
  --ia31-pink:#FF66FF;
  --ia31-black:#0A0A0A;
  --ia31-text:#141414;
  --ia31-muted:#6D7078;
  --ia31-line:#E5E5E8;
  --ia31-max:1360px;
  --ia31-gutter:clamp(22px,4.6vw,66px);
}

/* =========================================================
   0 / PAGE RESET — ONLY /autori/
   ========================================================= */

body.ideogy-authors-v33-page,
body.ideogy-authors-v33-page .content-wrapper,
body.ideogy-authors-v33-page .content-wrapper-in,
body.ideogy-authors-v33-page #content-wrapper,
body.ideogy-authors-v33-page #content-wrapper > .container,
body.ideogy-authors-v33-page #content,
body.ideogy-authors-v33-page main.content,
body.ideogy-authors-v33-page .content{
  background:#fff!important;
  color:var(--ia31-text)!important;
}

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

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

body.ideogy-authors-v33-page #content,
body.ideogy-authors-v33-page main.content,
body.ideogy-authors-v33-page .content{
  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;
}

/* Native Shoptet elements not used on this page. */
body.ideogy-authors-v33-page .sidebar,
body.ideogy-authors-v33-page aside.sidebar,
body.ideogy-authors-v33-page .sidebar-left,
body.ideogy-authors-v33-page .sidebar-right,
body.ideogy-authors-v33-page .breadcrumbs,
body.ideogy-authors-v33-page .breadcrumb,
body.ideogy-authors-v33-page .navigation-breadcrumb,
body.ideogy-authors-v33-page .navigation-breadcrumbs,
body.ideogy-authors-v33-page .ideogy-authors-v33-native-hidden,
body.ideogy-authors-v33-page .pagination-count,
body.ideogy-authors-v33-page .news-item-list-count{
  display:none!important;
}

/* Newsletter does not belong on AUTORI. */
body.ideogy-authors-v33-page .newsletter,
body.ideogy-authors-v33-page .newsletter-wrapper,
body.ideogy-authors-v33-page .footer-newsletter,
body.ideogy-authors-v33-page .footer-newsletter-full-width,
body.ideogy-authors-v33-page .newsletter-full-width,
body.ideogy-authors-v33-page [class*="newsletter-wrapper"],
body.ideogy-authors-v33-page [class*="footer-newsletter"]{
  display:none!important;
}

/* =========================================================
   1 / HERO — APPROVED VISUAL
   ========================================================= */

body.ideogy-authors-v33-page .ideogy-authors-v33-hero{
  position:relative!important;
  isolation:isolate!important;

  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  gap:clamp(46px,7vw,110px)!important;
  align-items:center!important;

  width:100%!important;
  max-width:var(--ia31-max)!important;
  min-height:430px!important;

  margin:0 auto!important;
  padding:
    clamp(62px,6.3vw,90px)
    var(--ia31-gutter)
    clamp(54px,5.8vw,82px)!important;

  box-sizing:border-box!important;
  overflow:hidden!important;

  background:
    radial-gradient(circle at 1% 96%,rgba(255,102,255,.17),transparent 19%),
    radial-gradient(circle at 96% 4%,rgba(255,102,255,.16),transparent 21%),
    linear-gradient(180deg,#FFF 0%,#FFF 100%)!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  right:-110px!important;
  top:-170px!important;
  width:500px!important;
  height:500px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,102,255,.10),transparent 66%)!important;
  pointer-events:none!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-kicker{
  margin:0 0 20px!important;
  color:#7C7F88!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-kicker span{
  color:var(--ia31-pink)!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-hero h1{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;

  margin:0!important;
  padding:0!important;

  color:#080808!important;
  font-size:clamp(54px,5.4vw,82px)!important;
  font-weight:800!important;
  line-height:1.01!important;
  letter-spacing:-.06em!important;
  text-transform:uppercase!important;

  overflow:visible!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-hero h1 > span{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  line-height:1.01!important;
  padding-top:.03em!important;
  overflow:visible!important;
  white-space:nowrap!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-dot{
  color:var(--ia31-pink)!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-lead{
  max-width:650px!important;
  margin:23px 0 0!important;
  color:#777A82!important;
  font-size:clamp(15px,1.12vw,18px)!important;
  font-weight:400!important;
  line-height:1.52!important;
}

/* Right-hand handwritten composition. */
body.ideogy-authors-v33-page .ideogy-authors-v33-manifest{
  position:relative!important;
  min-height:270px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  padding:10px 14px 8px!important;
  box-sizing:border-box!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-manifest__main{
  position:relative!important;
  z-index:2!important;

  margin:0!important;

  color:var(--ia31-pink)!important;
  font-family:"Brush Script MT","Segoe Script","Bradley Hand",cursive!important;
  font-size:clamp(54px,4.8vw,78px)!important;
  font-weight:400!important;
  line-height:.91!important;
  letter-spacing:-.025em!important;
  text-align:center!important;

  transform:rotate(-2.5deg)!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-manifest__main::after{
  content:""!important;
  position:absolute!important;
  right:-4%!important;
  bottom:-16px!important;

  width:52%!important;
  height:3px!important;

  background:var(--ia31-pink)!important;
  transform:rotate(-7deg)!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-manifest__sub{
  position:relative!important;
  z-index:2!important;

  align-self:flex-end!important;
  max-width:255px!important;

  margin:28px 4% 0 0!important;

  color:#8B8E96!important;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  font-size:clamp(22px,1.85vw,31px)!important;
  font-weight:400!important;
  line-height:1.08!important;
  text-align:center!important;

  transform:rotate(-5deg)!important;
}

/* =========================================================
   2 / GRID
   ========================================================= */

body.ideogy-authors-v33-page #newsWrapper.ideogy-authors-v33-grid,
body.ideogy-authors-v33-page .news-wrapper.ideogy-authors-v33-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;

  width:100%!important;
  max-width:var(--ia31-max)!important;

  margin:0 auto!important;
  padding:0 var(--ia31-gutter) clamp(58px,5.7vw,84px)!important;
  box-sizing:border-box!important;

  align-items:stretch!important;
}

/* =========================================================
   3 / AUTHOR CARD
   ========================================================= */

body.ideogy-authors-v33-page .ideogy-authors-v33-card{
  position:relative!important;

  display:flex!important;
  flex-direction:column!important;
  float:none!important;

  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:100%!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;

  border:1px solid var(--ia31-line)!important;
  border-radius:7px!important;
  background:#FFF!important;
  box-shadow:none!important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease!important;
}

@media (hover:hover) and (pointer:fine){
  body.ideogy-authors-v33-page .ideogy-authors-v33-card:hover{
    transform:translateY(-3px)!important;
    border-color:#D7D7DB!important;
    box-shadow:0 14px 34px rgba(0,0,0,.055)!important;
  }
}

/* -------------------------
   PORTRAIT
   ------------------------- */

body.ideogy-authors-v33-page .ideogy-authors-v33-card .image,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .image > a,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .image picture{
  position:relative!important;
  display:block!important;

  width:100%!important;
  height:315px!important;

  margin:0!important;
  padding:0!important;

  overflow:hidden!important;
  background:#111!important;
}

/* Photo itself remains monochrome. */
body.ideogy-authors-v33-page .ideogy-authors-v33-card .image img,
body.ideogy-authors-v33-page .ideogy-authors-v33-card > img{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;

  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;

  margin:0!important;

  object-fit:cover!important;
  object-position:center 28%!important;

  filter:grayscale(1) contrast(1.055) brightness(.94)!important;
  transform:scale(1.001)!important;

  transition:transform .38s ease!important;
}

@media (hover:hover) and (pointer:fine){
  body.ideogy-authors-v33-page .ideogy-authors-v33-card:hover .image img{
    transform:scale(1.022)!important;
  }
}

/*
   IMPORTANT:
   This is the "visualization look":
   a narrow vertical neon tube with controlled glow.
   No large pink smudges.
*/
body.ideogy-authors-v33-page .ideogy-authors-v33-card .image::before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;

  width:10px!important;
  height:118px!important;

  border-radius:10px!important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.92) 0%,
      #FFB8FF 7%,
      #FF2BFF 21%,
      #FF00E7 50%,
      #FF2BFF 80%,
      #FFD0FF 94%,
      rgba(255,255,255,.92) 100%
    )!important;

  box-shadow:
    0 0 5px rgba(255,255,255,.75),
    0 0 12px rgba(255,0,230,.95),
    0 0 26px rgba(255,0,230,.72),
    0 0 48px rgba(255,0,230,.40)!important;

  opacity:.95!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
}

/* Tiny local glow around the tube only. */
body.ideogy-authors-v33-page .ideogy-authors-v33-card .image::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;

  width:84px!important;
  height:168px!important;

  border-radius:50%!important;
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,0,230,.26) 0%,
      rgba(255,0,230,.12) 34%,
      transparent 70%
    )!important;

  filter:blur(9px)!important;
  opacity:.72!important;
  pointer-events:none!important;
}

/* Tube placement varies, like the approved mockup. */
body.ideogy-authors-v33-page .ideogy-authors-v33-card:nth-child(5n+1) .image::before{
  left:9%!important;
  bottom:13%!important;
}
body.ideogy-authors-v33-page .ideogy-authors-v33-card:nth-child(5n+1) .image::after{
  left:5%!important;
  bottom:5%!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-card:nth-child(5n+2) .image::before{
  left:8%!important;
  top:15%!important;
}
body.ideogy-authors-v33-page .ideogy-authors-v33-card:nth-child(5n+2) .image::after{
  left:4%!important;
  top:8%!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-card:nth-child(5n+3) .image::before{
  right:9%!important;
  top:15%!important;
}
body.ideogy-authors-v33-page .ideogy-authors-v33-card:nth-child(5n+3) .image::after{
  right:5%!important;
  top:8%!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-card:nth-child(5n+4) .image::before{
  left:8%!important;
  bottom:16%!important;
}
body.ideogy-authors-v33-page .ideogy-authors-v33-card:nth-child(5n+4) .image::after{
  left:4%!important;
  bottom:8%!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-card:nth-child(5n+5) .image::before{
  right:8%!important;
  top:27%!important;
}
body.ideogy-authors-v33-page .ideogy-authors-v33-card:nth-child(5n+5) .image::after{
  right:4%!important;
  top:19%!important;
}

/* -------------------------
   TEXT AREA
   ------------------------- */

body.ideogy-authors-v33-page .ideogy-authors-v33-card .text{
  position:relative!important;

  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;

  width:100%!important;
  min-width:0!important;
  min-height:260px!important;

  margin:0!important;
  padding:22px 24px 24px!important;
  box-sizing:border-box!important;

  background:#FFF!important;
  color:var(--ia31-text)!important;
  text-align:left!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-card .date,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .news-item-date,
body.ideogy-authors-v33-page .ideogy-authors-v33-card time{
  display:none!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-card .title,
body.ideogy-authors-v33-page .ideogy-authors-v33-card h2,
body.ideogy-authors-v33-page .ideogy-authors-v33-card h3,
body.ideogy-authors-v33-page .ideogy-authors-v33-card h4{
  margin:0!important;
  padding:0!important;

  color:#111!important;
  font-size:clamp(22px,1.5vw,27px)!important;
  font-weight:700!important;
  line-height:1.06!important;
  letter-spacing:-.025em!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-title-link,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .title a,
body.ideogy-authors-v33-page .ideogy-authors-v33-card h2 a,
body.ideogy-authors-v33-page .ideogy-authors-v33-card h3 a,
body.ideogy-authors-v33-page .ideogy-authors-v33-card h4 a{
  color:#111!important;
  text-decoration:none!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-card .description,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .news-item-description,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .excerpt{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;

  width:100%!important;
  min-width:0!important;

  margin:8px 0 0!important;
  padding:0!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-role{
  margin:0 0 15px!important;

  color:#777A82!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.28!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-cardbio{
  display:-webkit-box!important;
  margin:0!important;
  overflow:hidden!important;

  color:#656871!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.48!important;

  -webkit-line-clamp:4!important;
  -webkit-box-orient:vertical!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-extra-bio{
  display:none!important;
}

/* CTA naturally aligns to bottom across all cards. */
body.ideogy-authors-v33-page .ideogy-authors-v33-readmore{
  position:relative!important;

  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;

  width:max-content!important;
  max-width:100%!important;

  margin:auto 0 0!important;
  padding:20px 0 7px!important;

  color:#111!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-readmore::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:2px!important;
  background:var(--ia31-pink)!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-readmore::after{
  content:"→"!important;
  font-size:15px!important;
  line-height:1!important;
  transition:transform .18s ease!important;
}

@media (hover:hover) and (pointer:fine){
  body.ideogy-authors-v33-page .ideogy-authors-v33-readmore:hover::after{
    transform:translateX(3px)!important;
  }
}

/* =========================================================
   4 / CTA — APPROVED VISUAL
   ========================================================= */

body.ideogy-authors-v33-page .ideogy-authors-v33-cta{
  position:relative!important;
  isolation:isolate!important;

  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) 1px minmax(260px,.75fr) auto minmax(190px,.52fr)!important;
  gap:clamp(22px,3.1vw,48px)!important;
  align-items:center!important;

  width:calc(100% - (var(--ia31-gutter) * 1.05))!important;
  max-width:calc(var(--ia31-max) - (var(--ia31-gutter) * .45))!important;

  margin:0 auto clamp(56px,5.5vw,84px)!important;
  padding:31px clamp(28px,3.5vw,52px)!important;
  box-sizing:border-box!important;

  overflow:hidden!important;
  border-radius:17px!important;

  background:
    radial-gradient(circle at 94% 20%,rgba(255,102,255,.34),transparent 28%),
    radial-gradient(circle at 8% 96%,rgba(255,102,255,.11),transparent 24%),
    linear-gradient(103deg,#FFF9FF 0%,#FFF 47%,#FFF1FF 100%)!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-cta__copy{
  min-width:0!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-cta__eyebrow{
  margin:0 0 9px!important;
  color:var(--ia31-pink)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-cta h2{
  margin:0!important;
  color:#101010!important;
  font-size:clamp(28px,2.3vw,39px)!important;
  font-weight:800!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-cta h2 span{
  color:var(--ia31-pink)!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-cta__divider{
  width:1px!important;
  height:86px!important;
  background:#D8D8DC!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-cta__text{
  margin:0!important;
  color:#686B73!important;
  font-size:13px!important;
  line-height:1.5!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-cta__button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;

  min-height:44px!important;
  padding:0 21px!important;

  border-radius:7px!important;
  background:#111!important;
  color:#FFF!important;

  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-cta__script{
  position:relative!important;

  margin:0!important;

  color:var(--ia31-pink)!important;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  font-size:clamp(25px,2vw,34px)!important;
  font-weight:400!important;
  line-height:1.03!important;
  text-align:center!important;

  transform:rotate(-5deg)!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-cta__script::after{
  content:""!important;
  display:block!important;
  width:94px!important;
  height:2px!important;
  margin:10px 0 0 auto!important;
  background:var(--ia31-pink)!important;
  transform:rotate(-6deg)!important;
}

/* =========================================================
   5 / FOOTER
   ========================================================= */

body.ideogy-authors-v33-page #footer,
body.ideogy-authors-v33-page footer{
  margin-top:0!important;
}

/* =========================================================
   6 / RESPONSIVE
   ========================================================= */

@media (max-width:1120px){
  body.ideogy-authors-v33-page .ideogy-authors-v33-hero{
    grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;
    gap:36px!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-hero h1{
    font-size:clamp(48px,5.4vw,68px)!important;
  }

  body.ideogy-authors-v33-page #newsWrapper.ideogy-authors-v33-grid,
  body.ideogy-authors-v33-page .news-wrapper.ideogy-authors-v33-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-cta{
    grid-template-columns:1fr 1px .85fr auto!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-cta__script{
    display:none!important;
  }
}

@media (max-width:800px){
  body.ideogy-authors-v33-page .ideogy-authors-v33-hero{
    display:block!important;
    min-height:0!important;
    padding-top:48px!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-hero h1{
    font-size:clamp(43px,11.4vw,62px)!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-hero h1 > span{
    white-space:normal!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-lead{
    max-width:96%!important;
    font-size:14px!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-manifest{
    min-height:190px!important;
    margin-top:28px!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-manifest__main{
    font-size:clamp(44px,11vw,60px)!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-manifest__sub{
    align-self:center!important;
    margin-right:0!important;
    font-size:25px!important;
  }

  body.ideogy-authors-v33-page #newsWrapper.ideogy-authors-v33-grid,
  body.ideogy-authors-v33-page .news-wrapper.ideogy-authors-v33-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image,
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image > a,
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image picture{
    height:360px!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-card .text{
    min-height:235px!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-cta{
    grid-template-columns:1fr!important;
    width:calc(100% - 36px)!important;
    padding:28px!important;
    gap:18px!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-cta__divider{
    display:none!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-cta__button{
    justify-self:start!important;
  }
}

@media (max-width:440px){
  body.ideogy-authors-v33-page{
    --ia31-gutter:18px;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-hero{
    padding-top:38px!important;
    padding-bottom:36px!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-hero h1{
    font-size:clamp(39px,11.5vw,52px)!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image,
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image > a,
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image picture{
    height:305px!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-card .text{
    padding:20px!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-cardbio{
    font-size:13.5px!important;
  }
}


/* =========================================================
   7 / V3.2 — CLEAN PHOTOS + CONTINUOUS PAGE BACKGROUND
   ========================================================= */

/* One continuous authors canvas from hero through CTA. */
body.ideogy-authors-v33-page #content,
body.ideogy-authors-v33-page main.content,
body.ideogy-authors-v33-page .content{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  background:
    radial-gradient(
      circle at 2% 8%,
      rgba(255,102,255,.16) 0%,
      rgba(255,102,255,.07) 14%,
      rgba(255,102,255,0) 30%
    ),
    radial-gradient(
      circle at 96% 3%,
      rgba(255,102,255,.15) 0%,
      rgba(255,102,255,.06) 15%,
      rgba(255,102,255,0) 31%
    ),
    radial-gradient(
      circle at 1% 49%,
      rgba(255,102,255,.10) 0%,
      rgba(255,102,255,.045) 12%,
      rgba(255,102,255,0) 27%
    ),
    radial-gradient(
      circle at 99% 62%,
      rgba(255,102,255,.10) 0%,
      rgba(255,102,255,.04) 12%,
      rgba(255,102,255,0) 28%
    ),
    radial-gradient(
      circle at 9% 92%,
      rgba(255,102,255,.08) 0%,
      rgba(255,102,255,.035) 13%,
      rgba(255,102,255,0) 28%
    ),
    radial-gradient(
      circle at 94% 91%,
      rgba(255,102,255,.12) 0%,
      rgba(255,102,255,.045) 14%,
      rgba(255,102,255,0) 29%
    ),
    #fff!important;

  background-repeat:no-repeat!important;
}

/* Hero is now part of the same continuous canvas. */
body.ideogy-authors-v33-page .ideogy-authors-v33-hero{
  background:transparent!important;
  overflow:visible!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-hero::after{
  display:none!important;
  content:none!important;
}

/* Grid also sits directly on the continuous page background. */
body.ideogy-authors-v33-page #newsWrapper.ideogy-authors-v33-grid,
body.ideogy-authors-v33-page .news-wrapper.ideogy-authors-v33-grid{
  background:transparent!important;
}

/* ---------------------------------------------------------
   PHOTOS: exactly as uploaded to Shoptet.
   No fake lights, no color filters, no grayscale, no glow.
   --------------------------------------------------------- */

body.ideogy-authors-v33-page .ideogy-authors-v33-card .image::before,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .image::after{
  content:none!important;
  display:none!important;
}

body.ideogy-authors-v33-page .ideogy-authors-v33-card .image img,
body.ideogy-authors-v33-page .ideogy-authors-v33-card > img{
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  transform:none!important;
}

/* Preserve the source image as faithfully as possible.
   We only size it into the card frame; no visual treatment. */
body.ideogy-authors-v33-page .ideogy-authors-v33-card .image img{
  object-fit:cover!important;
  object-position:center center!important;
}

@media (hover:hover) and (pointer:fine){
  body.ideogy-authors-v33-page .ideogy-authors-v33-card:hover .image img{
    transform:none!important;
  }
}

/* CTA remains a localized callout, but the page behind it is continuous. */
body.ideogy-authors-v33-page .ideogy-authors-v33-cta{
  background:
    radial-gradient(circle at 95% 18%,rgba(255,102,255,.24),transparent 29%),
    linear-gradient(103deg,rgba(255,249,255,.90) 0%,rgba(255,255,255,.92) 48%,rgba(255,241,255,.88) 100%)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}

/* Avoid any hard visual cut immediately after hero or before CTA. */
body.ideogy-authors-v33-page .ideogy-authors-v33-hero,
body.ideogy-authors-v33-page #newsWrapper.ideogy-authors-v33-grid,
body.ideogy-authors-v33-page .news-wrapper.ideogy-authors-v33-grid,
body.ideogy-authors-v33-page .ideogy-authors-v33-cta{
  position:relative!important;
  z-index:1!important;
}

/* Footer remains separate from the authors canvas. */
body.ideogy-authors-v33-page #footer,
body.ideogy-authors-v33-page footer{
  position:relative!important;
  z-index:2!important;
  background:#fff!important;
}


/* =========================================================
   8 / V3.3 — TALLER AUTHOR PORTRAITS
   ---------------------------------------------------------
   The image area is taller so portrait photos keep the head,
   shoulders and more of the body visible without adding any
   visual treatment to the uploaded image.
   ========================================================= */

body.ideogy-authors-v33-page .ideogy-authors-v33-card .image,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .image > a,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .image picture{
  height:clamp(360px,27vw,430px)!important;
}

/*
   Keep the original uploaded photo untouched.
   We only bias the crop slightly upward so heads are protected.
*/
body.ideogy-authors-v33-page .ideogy-authors-v33-card .image img{
  object-fit:cover!important;
  object-position:center 20%!important;
  filter:none!important;
  transform:none!important;
}

/* Slightly more generous text area to match the taller proportions. */
body.ideogy-authors-v33-page .ideogy-authors-v33-card .text{
  min-height:270px!important;
  padding:24px 25px 25px!important;
}

@media (max-width:1120px){
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image,
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image > a,
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image picture{
    height:clamp(380px,42vw,470px)!important;
  }
}

@media (max-width:800px){
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image,
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image > a,
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image picture{
    height:clamp(390px,92vw,520px)!important;
  }

  body.ideogy-authors-v33-page .ideogy-authors-v33-card .text{
    min-height:245px!important;
  }
}

@media (max-width:440px){
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image,
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image > a,
  body.ideogy-authors-v33-page .ideogy-authors-v33-card .image picture{
    height:390px!important;
  }
}


/* =========================================================
   V3.4 / ARTICLE-LIST MEDIA SAFETY
   ---------------------------------------------------------
   Inline images belong to the author DETAIL only.
   On /autori/ the native article image remains the portrait,
   while any image inserted inside the article description is hidden.
   This block is scoped to body.ideogy-authors-v33-page, which is
   added only on the exact /autori/ rubric page by the Authors JS.
   ========================================================= */

body.ideogy-authors-v33-page .ideogy-authors-v33-card .description .ideogy-authors-v33-listing-media-hidden,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .news-item-description .ideogy-authors-v33-listing-media-hidden,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .excerpt .ideogy-authors-v33-listing-media-hidden,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .description img,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .description picture,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .description figure,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .news-item-description img,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .news-item-description picture,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .news-item-description figure,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .excerpt img,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .excerpt picture,
body.ideogy-authors-v33-page .ideogy-authors-v33-card .excerpt figure{
  display:none!important;
}
