.maple-banner{--maple-ink: #181c27;--maple-accent: #e99a52;position:relative;container-type:inline-size;width:100%;height:100%;min-height:256px;overflow:hidden;isolation:isolate;border-radius:16px;background:var(--maple-ink);color:#fff;border:1px solid rgb(243 206 131 / 18%)}.maple-banner-grain{position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' opacity='.45' d='M0 0h160v160H0z'/%3E%3C/svg%3E");pointer-events:none}.maple-banner-foil{position:absolute;inset:-120% -4% -120% 66%;transform:rotate(19deg);background:linear-gradient(110deg,#e99a5200,#e99a522e 16%,#f3ce83a6 45%,#e99a5266 70%,#e99a5200);border-left:1px solid rgb(243 206 131 / 36%);border-right:1px solid rgb(243 206 131 / 28%)}.maple-banner-copy{position:relative;z-index:3;height:100%;min-height:256px;padding:20px 4.5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:57%}.maple-banner-kicker{font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#f3ce83}.maple-banner-title{display:flex;flex-direction:column;margin:6px 0 4px;font-weight:900}.maple-banner-maple{font-family:IntegralCF,sans-serif;font-size:clamp(40px,6.75cqw,76px);line-height:.92;letter-spacing:-.025em;text-transform:uppercase}.maple-banner-season{font-family:IntegralCF,sans-serif;font-size:clamp(20px,3.375cqw,38px);line-height:1.1;letter-spacing:.56em;text-transform:uppercase;font-weight:900;color:var(--maple-accent);margin-top:4px}.maple-banner-description{font-size:13px;line-height:1.5;color:#c5c0bd;margin:5px 0 10px;max-width:42ch}.maple-banner-cta{min-height:36px;height:36px;padding:0 14px;font-size:12px;border-radius:6px}.maple-banner-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}.maple-banner-cta svg{transition:transform .18s ease-out}.maple-banner-cta:hover svg{transform:translate(3px)}.maple-banner-art{position:absolute;inset:0 0 0 45%;pointer-events:none}.maple-banner-orbit{position:absolute;height:350px;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-22deg);border:1px solid rgb(243 206 131 / 32%);border-radius:50%}.maple-banner-case-entry{position:absolute;width:min(405px,112%);top:50%;left:50%;translate:-50% -50%}.maple-banner-case-float{animation:maple-case-drift 7.8s ease-in-out infinite}.maple-banner-case{width:100%;height:auto;display:block}.maple-banner-case-light{position:absolute;inset:0;-webkit-mask:url(/maple-season/banner-case.webp) center / contain no-repeat;mask:url(/maple-season/banner-case.webp) center / contain no-repeat;overflow:hidden}.maple-banner-case-light span{position:absolute;inset:-30% -80%;background:linear-gradient(110deg,transparent 43%,rgb(243 206 131 / 0%) 45%,rgb(243 206 131 / 45%) 50%,rgb(255 255 255 / 65%) 51%,transparent 56%);mix-blend-mode:screen;animation:maple-case-shine 9s ease-in-out infinite}.maple-banner-leaf-entry{position:absolute}.maple-banner-leaf-entry--gold{width:76px;left:12%;top:18%}.maple-banner-leaf-entry--red{width:94px;right:14%;bottom:-8%}.maple-banner-leaf{width:100%;height:auto}.maple-banner-leaf--gold{animation:maple-gold-drift 6.4s ease-in-out infinite}.maple-banner-leaf--red{animation:maple-red-drift 9.2s ease-in-out infinite}.maple-banner [class*=-drift],.maple-banner-case-float,.maple-banner-case-light span,.maple-banner-leaf{animation-play-state:paused}.maple-banner[data-motion=running] .maple-banner-case-float,.maple-banner[data-motion=running] .maple-banner-case-light span,.maple-banner[data-motion=running] .maple-banner-leaf{animation-play-state:running}.maple-banner[data-phase=arrive] [data-maple-entry],.maple-banner[data-phase=idle] [data-maple-entry]{opacity:0}.maple-banner[data-phase=leave] .maple-banner-art{opacity:0;transform:translate3d(18px,8px,0);transition:opacity .28s ease-in,transform .36s ease-in}.maple-banner--v2{--maple-accent: #b8462c;background:#f6ead5;color:#181c27;border-color:#f3ce83b3}.maple-banner--v2 .maple-banner-kicker{color:#b8462c}.maple-banner--v2 .maple-banner-description{color:#333640}.maple-banner--v2 .maple-banner-foil{background:#181c27;inset:-100% -9% -100% 59%;border:0}.maple-banner--v2 .maple-banner-orbit{border-color:#f3ce83a6}@keyframes maple-case-drift{0%,to{transform:translate3d(0,3px,0) rotate(-4deg)}50%{transform:translate3d(0,-6px,0) rotate(-2deg)}}@keyframes maple-gold-drift{0%,to{transform:translateZ(0) rotate(-23deg)}50%{transform:translate3d(-4px,-10px,0) rotate(-15deg)}}@keyframes maple-red-drift{0%,to{transform:translateZ(0) rotate(20deg)}50%{transform:translate3d(5px,-7px,0) rotate(29deg)}}@keyframes maple-case-shine{0%,20%{transform:translate3d(-30%,0,0);opacity:0}30%{opacity:.38}48%{transform:translate3d(30%,0,0);opacity:0}to{transform:translate3d(30%,0,0);opacity:0}}@container (max-width: 680px){.maple-banner-copy{width:65%;padding:22px 6%}.maple-banner-maple{font-size:44px}.maple-banner-season{font-size:22px}.maple-banner-description{max-width:23ch;font-size:11px}.maple-banner-art{left:47%}.maple-banner-case-entry{width:390px;left:64%;top:58%}.maple-banner-orbit{left:66%;height:260px}.maple-banner-leaf-entry--gold{width:55px;left:6%;top:59%}.maple-banner-leaf-entry--red{width:70px;right:-5%;bottom:-4%}}@container (max-width: 420px){.maple-banner-copy{width:69%;padding:22px 20px;justify-content:flex-start}.maple-banner-kicker{font-size:8px;letter-spacing:.13em}.maple-banner-title{margin-top:10px}.maple-banner-maple{font-size:36px}.maple-banner-season{font-size:18px}.maple-banner-description{max-width:19ch;margin-top:5px}.maple-banner-cta{margin-top:auto;font-size:11px;padding:0 11px}.maple-banner-art{left:48%}.maple-banner-case-entry{width:292px;left:69%;top:61%}.maple-banner-leaf-entry--gold{top:13%;left:34%;width:46px}.maple-banner-leaf-entry--red{width:60px;bottom:-2%}.maple-banner-orbit{height:225px}.maple-banner-foil{left:73%}.maple-banner--v2 .maple-banner-foil{left:70%}}@media (prefers-reduced-motion: reduce){.maple-banner *,.maple-banner *:before,.maple-banner *:after{animation:none!important;transition:none!important}.maple-banner[data-phase] [data-maple-entry]{opacity:1}.maple-banner[data-phase=leave] .maple-banner-art{opacity:1;transform:none}}.maple-banner-lab-controls{position:fixed;z-index:40;left:16px;bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);padding:12px;background:#242631;border:1px solid #383b44;border-radius:10px}.maple-banner-lab-controls .button{font-size:11px}.maple-banner-lab-controls [aria-pressed=true]{outline:2px solid #e99a52;outline-offset:1px}@media (max-width: 1099px){.maple-banner-lab-controls{bottom:calc(84px + env(safe-area-inset-bottom))}}@media (max-width: 550px){.maple-banner-case-light{-webkit-mask-image:url(/maple-season/banner-case-mobile.webp);mask-image:url(/maple-season/banner-case-mobile.webp)}}