/* Subtle illustrated editorial polish.
   Keeps the existing homepage structure, content and CA LA CARTE palette. */

body:has(.home-split){
  background:
    radial-gradient(circle at 8% 16%,rgba(244,81,35,.045) 0 2px,transparent 2.5px) 0 0/34px 34px,
    #fffaf4;
  overflow-x:hidden;
}

body:has(.home-split) nav{
  background:rgba(255,250,244,.94);
  border-bottom:1px solid #eadfd5;
}

body:has(.home-split) .logo{
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:-.045em;
}

.home-intro-line{
  color:#655d54;
  border-bottom:1px solid #e6dbd0;
}

.home-split .home-community-panel,
.home-split .home-feature-panel{
  border-width:1.5px;
  box-shadow:0 13px 0 rgba(23,19,15,.035);
}

.home-split .home-community-panel{
  border-radius:30px 18px 32px 20px;
  background:
    radial-gradient(circle at 88% 13%,rgba(244,81,35,.12) 0 4px,transparent 4.5px) 0 0/24px 24px,
    #fbece1;
}

.home-split .home-feature-panel{
  border-radius:19px 32px 21px 30px;
  background:
    radial-gradient(ellipse at 110% -10%,rgba(255,250,244,.72) 0 31%,transparent 32%),
    #e8ede4;
}

.home-split .home-panel-kicker{
  width:max-content;
  padding-bottom:6px;
  border-bottom:2px solid currentColor;
}

.home-split .home-reading-feature h1,
.home-split .home-feature-panel h2,
.home-bottom-note h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600;
  letter-spacing:-.045em;
}

.home-split .home-reading-feature h1{
  line-height:1.01;
}

.home-split .home-reading-feature h1 em,
.home-bottom-note h2 em{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
}

.home-split .home-reading-month{
  font-family:Arial,Helvetica,sans-serif;
  letter-spacing:.11em;
}

.home-split .home-panel-link{
  border-radius:14px 17px 13px 16px;
  box-shadow:4px 5px 0 rgba(25,58,48,.13);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.home-split .home-panel-link:hover{
  transform:translate(-1px,-2px);
  box-shadow:6px 8px 0 rgba(25,58,48,.12);
}

.home-split .home-reading-art .home-visual-orbit{
  border-radius:48% 52% 44% 56% / 55% 43% 57% 45%;
  transform:rotate(-7deg);
}

.home-split .home-reading-cover,
.home-split .home-feature-cover{
  border:5px solid #fffaf4;
  border-radius:4px;
}

.home-split .home-reading-cover{
  transform:rotate(5deg);
}

.home-split .home-feature-cover{
  transform:rotate(4deg);
}

.home-split .home-reading-art:after{
  content:"";
  position:absolute;
  z-index:3;
  width:54px;
  height:24px;
  right:10%;
  bottom:5%;
  border-bottom:3px solid #f45123;
  border-radius:50%;
  transform:rotate(-12deg);
}

.home-split .home-feature-panel:after{
  content:"";
  position:absolute;
  z-index:0;
  width:92px;
  height:54px;
  right:-25px;
  bottom:30px;
  border:3px solid rgba(25,58,48,.22);
  border-left:0;
  border-radius:0 50% 50% 0;
  transform:rotate(-10deg);
}

.home-bottom-note{
  border-radius:25px 17px 26px 19px;
  box-shadow:0 12px 0 rgba(23,19,15,.028);
}

.home-bottom-note a{
  color:#19392f;
  text-decoration:underline;
  text-decoration-color:#f45123;
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}

@media(max-width:850px){
  .home-split .home-community-panel{
    border-radius:25px 17px 28px 20px;
  }

  .home-split .home-feature-panel{
    border-radius:18px 28px 20px 25px;
  }
}

@media(max-width:540px){
  .home-split .home-community-panel,
  .home-split .home-feature-panel{
    border-width:1px;
    box-shadow:0 8px 0 rgba(23,19,15,.03);
  }

  .home-split .home-reading-cover,
  .home-split .home-feature-cover{
    border-width:3px;
  }

  .home-split .home-reading-art:after{
    width:39px;
    right:4%;
  }

  .home-bottom-note{
    border-radius:21px 15px 23px 17px;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-split .home-panel-link{transition:none}
}

/* Editorial spread: no floating card containers. */
.home-split{
  position:relative;
  grid-template-columns:1.08fr .92fr;
  gap:0;
  padding-top:34px;
  padding-bottom:42px;
  overflow:visible;
}

.home-split:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-7vw;
  top:8px;
  width:64%;
  height:93%;
  background:#fbece1;
  border-radius:0 48% 44% 0 / 0 21% 26% 0;
}

.home-split .home-community-panel,
.home-split .home-feature-panel{
  min-height:560px;
  padding:54px 38px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.home-split .home-community-panel:before{
  display:none;
}

.home-split .home-feature-panel:before{
  content:"";
  display:block;
  position:absolute;
  z-index:-1;
  inset:12px -5vw 12px 8px;
  background:#e3ebe1;
  border-radius:44% 0 0 48% / 28% 0 0 34%;
  transform:rotate(-1deg);
}

.home-split .home-community-panel{
  padding-left:0;
}

.home-split .home-feature-panel{
  padding-right:0;
}

.home-split .home-community-panel,
.home-split .home-feature-panel,
.home-split .home-reading-art,
.home-split .home-feature-cover{
  filter:none;
}

.home-split .home-panel-kicker{
  border-bottom:0;
  padding-bottom:0;
}

.home-split .home-panel-kicker:after{
  content:"";
  display:block;
  width:54px;
  height:3px;
  margin-top:9px;
  background:currentColor;
  border-radius:999px;
  transform:rotate(-2deg);
}

.home-split .home-panel-link{
  border-radius:2px;
  box-shadow:7px 7px 0 rgba(25,58,48,.12);
}

.home-split .home-reading-cover,
.home-split .home-feature-cover{
  border:8px solid #fffaf4;
  box-shadow:14px 20px 30px rgba(61,36,25,.18);
}

.home-split .home-reading-art .home-visual-orbit{
  border-radius:50%;
}

.home-split .home-feature-panel:after{
  border-radius:50%;
  right:-6vw;
  bottom:20px;
}

.home-bottom-note{
  border:0;
  border-top:1px solid #ddcfc2;
  border-bottom:1px solid #ddcfc2;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding-left:0;
  padding-right:0;
}

@media(max-width:850px){
  .home-split{
    grid-template-columns:1fr;
    padding-top:18px;
  }

  .home-split:before{
    left:-8vw;
    top:0;
    width:95%;
    height:50%;
    border-radius:0 42% 36% 0 / 0 16% 20% 0;
  }

  .home-split .home-community-panel,
  .home-split .home-feature-panel{
    min-height:520px;
    padding:46px 28px;
  }

  .home-split .home-feature-panel:before{
    inset:10px -8vw 10px 0;
    border-radius:42% 0 0 40% / 22% 0 0 26%;
  }
}

@media(max-width:540px){
  .wrap{
    width:min(100% - 30px,1180px);
  }

  .home-intro-line{
    padding-top:20px;
    padding-bottom:12px;
  }

  .home-split{
    gap:44px;
    padding-top:14px;
  }

  .home-split:before{
    left:-15px;
    top:0;
    width:calc(100% + 2px);
    height:53%;
    border-radius:0 48px 96px 0 / 0 40px 72px 0;
  }

  .home-split .home-community-panel,
  .home-split .home-feature-panel{
    min-height:0;
    padding:34px 8px 26px;
    justify-content:flex-start;
  }

  .home-split .home-feature-panel{
    padding:48px 18px 38px;
  }

  .home-split .home-feature-panel:before{
    inset:0 -15px 0 -5px;
    border-radius:82px 0 0 52px / 64px 0 0 44px;
  }

  .home-split .home-reading-feature .home-community-inner,
  .home-split .home-feature-text{
    max-width:100%;
  }

  .home-split .home-reading-feature h1,
  .home-split .home-reading-title,
  .home-split .home-reading-feature .home-community-inner>p:not(.home-reading-title):not(.home-reading-author){
    max-width:none;
  }

  .home-split .home-reading-feature h1{
    font-size:clamp(36px,11vw,48px);
  }

  .home-split .home-reading-art{
    position:relative;
    inset:auto;
    width:100%;
    height:255px;
    margin-top:20px;
    align-self:center;
  }

  .home-split .home-reading-art .home-visual-orbit{
    width:205px;
    height:205px;
    top:34px;
    right:50%;
    transform:translateX(50%);
  }

  .home-split .home-reading-cover{
    height:235px;
    max-width:78%;
    top:0;
    right:50%;
    transform:translateX(50%) rotate(4deg);
  }

  .home-split .home-reading-art .home-visual-star{
    right:11%;
    top:0;
  }

  .home-split .home-reading-art:after{
    right:13%;
    bottom:7%;
  }

  .home-split .home-feature-panel h2{
    font-size:clamp(40px,12vw,52px);
  }

  .home-split .home-feature-cover{
    position:relative;
    inset:auto;
    width:min(220px,74%);
    height:auto;
    max-width:none;
    margin:30px auto 6px;
    align-self:center;
    transform:rotate(-3deg);
  }

  .home-split .home-feature-spark{
    top:20px;
    right:14px;
    font-size:43px;
  }

  .home-split .home-panel-link{
    width:100%;
    justify-content:space-between;
    font-size:10px;
    padding:16px;
  }

  .home-bottom-note{
    padding:28px 0;
  }
}


/* Mobile full-bleed reading panel and refined orange call to action */
@media(max-width:540px){
  .home-split .home-community-panel.home-reading-feature{
    box-sizing:border-box;
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:28px 30px 30px;
    border-radius:0 0 0 42px;
  }

  .home-split .home-reading-feature .home-panel-link{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    width:auto;
    max-width:min(100%,360px);
    min-height:62px;
    padding:10px 12px 10px 20px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:999px;
    background:#f45123;
    box-shadow:0 6px 16px rgba(160,57,25,.18);
    font-size:10px;
    line-height:1.35;
    letter-spacing:.075em;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
  }

  .home-split .home-reading-feature .home-panel-link span{
    display:grid;
    flex:0 0 38px;
    width:38px;
    height:38px;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.2);
    font-family:Arial,Helvetica,sans-serif;
    font-size:20px;
    line-height:1;
  }

  .home-split .home-reading-feature .home-panel-link:hover{
    transform:translateY(-2px);
    background:#df451d;
    box-shadow:0 9px 20px rgba(160,57,25,.22);
  }

  .home-split .home-reading-feature .home-panel-link:focus-visible{
    outline:3px solid #193a30;
    outline-offset:3px;
  }
}