/* A shallow, wide editorial banner with live copy and reusable product art. */
.home-carousel-section{width:min(1840px,calc(100% - 96px));padding-block:28px 14px}
.home-carousel{position:relative;isolation:isolate;aspect-ratio:3.9/1;min-width:0;overflow:hidden;border-radius:14px;background:#fff7ef;touch-action:pan-y}
.home-carousel-track{position:absolute;inset:0;display:flex;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,.7,.25,1)}
.home-carousel-slide{position:relative;flex:0 0 100%;min-width:0;height:100%;overflow:hidden}
.home-carousel-link{display:block;width:100%;height:100%;padding:0}
.home-carousel-link:focus-visible{outline:3px solid var(--blue);outline-offset:-5px}
.home-carousel-poster{display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.home-carousel-link--split{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 77% 55%,rgba(255,172,93,.78),transparent 43%),linear-gradient(105deg,#fff2e5 0%,#fffaf5 43%,#f7d7b8 64%,#a9562e 100%)}
.home-carousel-link--split::before{content:"";position:absolute;inset:0 54% 0 0;z-index:-1;opacity:.4;background:repeating-linear-gradient(24deg,transparent 0 98px,rgba(239,149,78,.22) 99px 103px,transparent 104px 178px)}
.home-carousel-link--split::after{content:"";position:absolute;top:0;right:0;bottom:0;width:21%;z-index:-1;opacity:.32;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(86,42,25,.16) 14px 17px,transparent 18px 31px)}
.home-carousel-link--split[data-hero-kind="ibao-audio"]{background:radial-gradient(ellipse at 79% 51%,rgba(255,193,132,.82),transparent 43%),linear-gradient(105deg,#fff7ed 0%,#fffdf9 45%,#f6dcbf 67%,#b96f42 100%)}
.home-carousel-link--split[data-hero-kind="ibao-tools"]{background:radial-gradient(ellipse at 79% 51%,rgba(255,163,91,.74),transparent 43%),linear-gradient(105deg,#fff4e9 0%,#fffaf5 44%,#f8d5b8 67%,#9d4c29 100%)}
.home-carousel-brand{position:absolute;top:7%;left:5.7%;z-index:2;color:#20354f;font-size:clamp(15px,1.35vw,24px);font-weight:850;letter-spacing:-.055em;line-height:1}
.home-carousel-brand span{color:#f18a2b}
.home-carousel-copy{position:absolute;left:clamp(70px,10%,170px);top:50%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:52%;max-width:800px;transform:translateY(-43%)}
.home-carousel-eyebrow{margin-bottom:10px;color:#956c5a;font-size:clamp(11px,1.08vw,18px);font-weight:700;letter-spacing:.15em;line-height:1.35;text-transform:uppercase}
.home-carousel-title{display:block;max-width:100%;color:#753d26;font-size:clamp(33px,3.3vw,62px);font-weight:800;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}
.home-carousel-subtitle{display:block;margin-top:12px;color:#684b3f;font-size:clamp(15px,1.4vw,24px);font-weight:400;line-height:1.4}
.home-carousel-cta{display:inline-flex;align-items:center;justify-content:center;min-width:146px;min-height:43px;margin-top:20px;padding:8px 23px;border-radius:7px;background:#ed8d42;color:#fff;font-size:clamp(13px,1.08vw,18px);font-weight:700;line-height:1.2;box-shadow:0 3px 8px rgba(142,75,35,.14);transition:background .18s,transform .18s}
.home-carousel-link--split:hover .home-carousel-cta{background:#d9772f;transform:translateY(-2px)}
.home-carousel-art{position:absolute;right:1.5%;bottom:-5%;z-index:1;display:block;width:46%;height:110%;object-fit:contain;object-position:center bottom;user-select:none;filter:drop-shadow(0 20px 19px rgba(73,37,22,.2))}
.home-carousel-controls{position:absolute;inset:0;z-index:4;pointer-events:none}
.home-carousel-controls[hidden]{display:none}
.home-carousel-controls button{pointer-events:auto;cursor:pointer}
.home-carousel-arrow{position:absolute;top:50%;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:#172c42;box-shadow:0 2px 12px rgba(38,42,49,.1);transform:translateY(-50%);transition:background .18s,box-shadow .18s}
.home-carousel-arrow:hover{background:#fff9f3;box-shadow:0 4px 15px rgba(38,42,49,.19)}
.home-carousel-arrow::before{content:"";display:block;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.home-carousel-arrow--prev{left:24px}
.home-carousel-arrow--prev::before{transform:rotate(225deg);margin-left:3px}
.home-carousel-arrow--next{right:24px}
.home-carousel-arrow--next::before{margin-right:3px}
.home-carousel-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:1000px){
  .home-carousel-section{width:calc(100% - 48px)}
  .home-carousel{aspect-ratio:2.8/1}
  .home-carousel-copy{left:8%;width:54%;transform:translateY(-40%)}
  .home-carousel-title{font-size:clamp(30px,3.6vw,42px)}
  .home-carousel-art{right:-1%;width:49%}
  .home-carousel-arrow{width:32px;height:32px}
  .home-carousel-arrow--prev{left:14px}
  .home-carousel-arrow--next{right:14px}
}
@media(max-width:760px){
  .home-carousel-section{width:calc(100% - 32px);padding-block:22px 12px}
  .home-carousel{height:clamp(90px,25vw,180px);aspect-ratio:auto;border-radius:8px}
  .home-carousel-brand{top:9px;left:14px;font-size:clamp(11px,1.9vw,15px)}
  .home-carousel-copy{left:34px;top:34%;width:52%;transform:none}
  .home-carousel-eyebrow{display:none}
  .home-carousel-title{font-size:clamp(12px,3.45vw,19px);line-height:1.05}
  .home-carousel-subtitle{display:none}
  .home-carousel-cta{min-width:0;min-height:20px;margin-top:5px;padding:3px 9px;font-size:clamp(9px,1.45vw,11px)}
  .home-carousel-art{right:0;bottom:0;width:47%;height:99%;opacity:1}
  .home-carousel-arrow{top:50%;bottom:auto;width:22px;height:22px;transform:translateY(-50%)}
  .home-carousel-arrow::before{width:6px;height:6px}
  .home-carousel-arrow--prev{left:5px}
  .home-carousel-arrow--next{right:5px}
}
@media(max-width:380px){
  .home-carousel-copy{left:32px;top:33%;width:50%}
  .home-carousel-title{font-size:12px}
  .home-carousel-art{width:46%}
}
@media(prefers-reduced-motion:reduce){
  .home-carousel-track,.home-carousel-cta{transition:none}
}