@font-face{font-family:SunpuraScene;src:url('sunpura-neue-campton-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:SunpuraScene;src:url('sunpura-neue-campton-semibold.otf') format('opentype');font-weight:600;font-display:swap}
.sp-scene{display:block;width:100%;color:#292929;background:#fff;font-family:SunpuraScene,var(--font-body-family,Arial),sans-serif;padding-bottom:var(--sp-scene-space,72px)}
.sp-scene *{box-sizing:border-box}
.sp-scene h2,.sp-scene h3{font-family:inherit;font-weight:600;text-transform:none;letter-spacing:-.03em;margin:0;color:inherit;overflow-wrap:anywhere}
.sp-scene__hero{width:100%;min-width:0;position:relative;isolation:isolate;min-height:580px;aspect-ratio:2.12;background:#202522;overflow:hidden}
.sp-scene__picture{position:absolute;inset:0;display:block}
.sp-scene__hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center var(--sp-hero-position,58%)}
.sp-scene__hero-mask{position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--sp-hero-overlay-color,#000);opacity:var(--sp-hero-overlay-opacity,.45)}
.sp-scene__hero-mask--gradient{-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 52%,rgba(0,0,0,.18) 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 52%,rgba(0,0,0,.18) 100%)}
.sp-scene__headline{position:relative;z-index:1;min-height:inherit;padding:clamp(40px,4.4vw,80px) 32px 180px;text-align:center;color:#fff;background:none}
.sp-scene__headline h2{font-size:clamp(36px,3.55vw,60px);line-height:1.08;max-width:24ch;margin-inline:auto;text-wrap:balance}
.sp-scene__intro{font-size:clamp(15px,1.2vw,18px);line-height:1.65;max-width:70ch;margin:22px auto 0;color:#fff;text-wrap:pretty}
.sp-scene__intro p{margin:0;color:inherit}.sp-scene__intro p+p{margin-top:10px}
.sp-scene__hero--empty{min-height:0;aspect-ratio:auto;background:#f5f6f3}
.sp-scene__hero--empty .sp-scene__headline{color:#292929;background:none;padding-bottom:60px}
.sp-scene__hero--empty .sp-scene__intro{color:#606660}
.sp-scene__selling-point{width:min(var(--sp-selling-width,1280px),calc(100% - 40px));margin:var(--sp-selling-gap,48px) auto 0;overflow:hidden}
.sp-scene__selling-point-image{display:block;width:100%;height:auto;max-width:100%;margin:0 auto}
.sp-scene__cards{max-width:calc(var(--sp-scene-width,1360px) + 64px);padding:48px 32px 0;margin-inline:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.sp-scene__card{--sp-card-ink:#292929;--sp-card-muted:#505851;position:relative;overflow:hidden;background:#f6f7f5;border:1px solid #e5e8e2;border-radius:12px;display:flex;flex-direction:column;min-width:0;grid-column:span var(--sp-card-span,4);color:var(--sp-card-ink)}
.sp-scene__card::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid transparent;background:linear-gradient(110deg,#00e676,#0a84ff) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .2s ease}
.sp-scene__card-media{height:var(--sp-image-height,320px);position:relative;background:#fff;flex-shrink:0;min-width:0}
.sp-scene__card-media picture{display:block;position:absolute;inset:0}
.sp-scene__card-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:var(--sp-image-position,center center)}
.sp-scene__card-media--cover .sp-scene__card-image{inset:0;width:100%;height:100%;object-fit:cover}
.sp-scene__card-copy{padding:28px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.sp-scene__metric{font-size:clamp(30px,2.5vw,40px);font-weight:600;line-height:1.15;letter-spacing:-.035em;margin:0 0 12px;color:var(--sp-card-ink);overflow-wrap:anywhere}
.sp-scene h3{font-size:19px;line-height:1.35;letter-spacing:-.015em}
.sp-scene__description{font-size:14px;line-height:1.65;margin-top:12px;color:var(--sp-card-muted)}
.sp-scene__description p{margin:0;color:inherit}.sp-scene__description p+p{margin-top:8px}
.sp-scene__note{font-size:12px;line-height:1.55;color:var(--sp-card-muted);margin:12px 0 0}
.sp-scene__link{display:inline-flex;align-items:center;gap:14px;color:var(--sp-card-ink);text-decoration:none;font-size:13px;font-weight:600;line-height:1.45;min-height:44px;margin-top:auto;padding-top:24px}
.sp-scene__link:focus-visible{outline:2px solid #0a84ff;outline-offset:4px;border-radius:2px}
.sp-scene__arrow{position:relative;flex:0 0 32px;height:32px;width:32px;border:1px solid #bcc3bc;background:#fff;color:#292929;border-radius:50%;overflow:hidden}
.sp-scene__arrow svg{position:absolute;inset:7px;width:16px;height:16px;transition:transform .24s ease}
.sp-scene__arrow svg+svg{transform:translate(-26px,26px)}
.sp-scene__card--dark{--sp-card-ink:#fff;--sp-card-muted:#e4e9e4;background:#202522;border-color:#39413b}
.sp-scene__card--overlay{display:grid;min-height:var(--sp-image-height,320px);align-items:end;isolation:isolate}
.sp-scene__card--overlay .sp-scene__card-media{position:absolute;inset:0;height:100%;z-index:-1}
.sp-scene__card--overlay .sp-scene__card-copy{padding-top:64px;background:linear-gradient(0deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 75%,transparent 100%)}
.sp-scene__card--overlay.sp-scene__card--dark .sp-scene__card-copy{background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.82) 75%,transparent 100%)}
.sp-scene__card--split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch}
.sp-scene__card--split .sp-scene__card-media{min-height:var(--sp-image-height,320px);height:100%}
.sp-scene__card--split .sp-scene__card-copy{justify-content:center;min-width:0}
.sp-scene__card--split .sp-scene__link{margin-top:0}
.sp-scene__card--split[data-card-width="4"]>.sp-scene__card-media,.sp-scene__card--split[data-card-width="4"]>.sp-scene__card-copy{grid-column:1/-1}
.sp-scene__sr-copy{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.sp-scene__artwork-link{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;text-decoration:none;color:#292929}
.sp-scene__artwork-action{background:#fff;box-shadow:0 1px 8px #0002;border-radius:24px;padding:12px 16px;min-height:44px;font-size:13px;line-height:1.5;display:flex;align-items:center;gap:14px}
.sp-scene__artwork-link:focus-visible{outline:3px solid #0a84ff;outline-offset:-5px}
.sp-scene__card:focus-within::after{opacity:1}
.sp-scene__link:focus-visible .sp-scene__arrow svg:first-child{transform:translate(26px,-26px)}
.sp-scene__link:focus-visible .sp-scene__arrow svg+svg{transform:translate(0,0)}
@media(hover:hover){
 .sp-scene__card:has(a):hover::after{opacity:1}
 .sp-scene__link:hover .sp-scene__arrow svg:first-child{transform:translate(26px,-26px)}
 .sp-scene__link:hover .sp-scene__arrow svg+svg{transform:translate(0,0)}
}
@media(min-width:1800px){.sp-scene__hero{max-height:920px}}
@media(max-width:989px){
 .sp-scene__cards{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding:32px 24px 0}
 .sp-scene__card{grid-column:span 6}
 .sp-scene__card[data-card-width="12"]{grid-column:span 12}
 .sp-scene__card--split{grid-column:span 12}
 .sp-scene__hero{min-height:550px;aspect-ratio:1.7}
 .sp-scene__headline{padding-top:44px}
 .sp-scene__card-copy{padding:24px}
}
@media(max-width:749px){
 .sp-scene__hero{min-height:520px;aspect-ratio:4/5;background:#202522}
 .sp-scene__headline{min-height:inherit;padding:32px 20px 48px;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;color:#fff}
 .sp-scene__headline h2{font-size:clamp(28px,8.2vw,34px);max-width:18ch;line-height:1.04;letter-spacing:-.038em}
 .sp-scene__intro{font-size:13.5px;line-height:1.48;color:#fff;margin-top:12px;max-width:34ch}
 .sp-scene__intro p+p{margin-top:6px}
 .sp-scene__picture{position:absolute;inset:0;width:100%;height:100%}
 .sp-scene__hero-image{position:absolute;inset:0;object-position:center var(--sp-hero-position-mobile,var(--sp-hero-position,58%))}
 .sp-scene__hero--empty{min-height:0;aspect-ratio:auto;background:#f5f6f3}
 .sp-scene__hero--empty .sp-scene__headline{min-height:0;color:#292929;padding:32px 20px 24px}
 .sp-scene__hero--empty .sp-scene__intro{color:#606660}
 .sp-scene__selling-point{width:calc(100% - 32px);margin-top:clamp(24px,var(--sp-selling-gap,48px),48px)}
}
@media(max-width:599px){
 .sp-scene{padding-bottom:44px}
 .sp-scene__cards{grid-template-columns:1fr;padding:24px 20px 0;gap:16px}
 .sp-scene__cards>.sp-scene__card{grid-column:1/-1}
 .sp-scene__card-media{height:var(--sp-mobile-image-height,240px)}
 .sp-scene__card--overlay{min-height:var(--sp-mobile-image-height,240px)}
 .sp-scene__card--split{display:flex}
 .sp-scene__card--split .sp-scene__card-media{height:var(--sp-mobile-image-height,240px);min-height:var(--sp-mobile-image-height,240px)}
 .sp-scene__card-copy{padding:24px}
 .sp-scene__metric{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.sp-scene__arrow svg,.sp-scene__card::after{transition:none!important}}