@charset "UTF-8";
/* Homepage-only newcomer campaign. Original art lives in /assets/art/newcomer/. */
.hero--benefits{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:3.5vw;padding:155px 4.5vw 58px;height:auto;min-height:850px}
.hero--benefits .hero-content{padding:0;margin:0;width:100%;max-width:620px;justify-self:center}
.hero--benefits .hero-logo{font-size:clamp(60px,6.1vw,110px)}
.hero--benefits h1{letter-spacing:1px}
.newcomer-benefits{position:relative;z-index:2;min-width:0;width:100%;max-width:1000px;justify-self:center;align-self:center;color:#fff4d7;filter:drop-shadow(0 12px 20px #102c3655)}
.benefits-heading{text-align:center;padding:18px 20px 17px;background:linear-gradient(100deg,#123e36ed,#123e36d6);border:1px solid #dfc17c;border-bottom:0;border-radius:16px 16px 0 0;position:relative}
.benefits-heading:before,.benefits-heading:after{content:"";position:absolute;top:50%;width:clamp(18px,3vw,54px);height:1px;background:linear-gradient(90deg,transparent,#d5b26b)}
.benefits-heading:before{left:24px}.benefits-heading:after{right:24px;transform:rotate(180deg)}
.benefits-heading>p{margin:0;font-size:clamp(18px,1.2vw,23px);font-weight:600;line-height:1.5;letter-spacing:1px;color:#fff1c9}
.benefits-heading h2{margin:1px 0 0;font-size:clamp(28px,2.25vw,43px);line-height:1.2;letter-spacing:3px;color:#fff6df;font-weight:800}
.benefits-heading h2 strong{font-size:1.5em;line-height:1;color:#ffdc87;display:inline-block;margin:0 1px;text-shadow:0 2px #674117}
.benefits-stage{border:1px solid #dfc17c;overflow:hidden;background:#103a32}
.benefit-slide{position:relative;min-height:335px;overflow:hidden;isolation:isolate;padding:26px 28px 72px}
.benefit-slide[hidden]{display:none!important}
.benefit-slide+.benefit-slide{border-top:1px solid #c4a76d}
.is-enhanced .benefit-slide{border-top:0;animation:benefit-appear .45s ease both}
.benefit-art{display:block;position:absolute;inset:0 0 50px;z-index:-2}
.benefit-art img{width:100%;height:100%;object-fit:cover;object-position:right center}
.benefit-slide:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#092f2be0 0%,#0a342a8f 32%,#0a342a10 66%,transparent)}
.benefit-copy{position:relative;width:53%;text-shadow:0 2px 7px #092b26}
.benefit-number{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700;letter-spacing:1px;color:#e6cd91;margin-bottom:11px;white-space:nowrap}
.benefit-number i{display:block;width:22px;height:1px;background:#d6bc7a}
.benefit-copy h3{margin:0 0 12px;font-size:clamp(30px,2.35vw,40px);font-weight:800;letter-spacing:0;line-height:1.3;color:#fff9e9}
.benefit-copy h3 em{font-style:normal;color:#ffdc88}
.benefit-copy h3 small{display:block;font-size:.58em;letter-spacing:1px;margin-top:6px;color:#f8eccb;font-weight:600}
.benefit-copy p{margin:0;font-size:clamp(16px,1.05vw,19px);line-height:1.85;letter-spacing:0;color:#f4ecd9}
.benefit-copy p strong{font-weight:700;color:#ffe1a2}
.benefit-bound{display:inline-block;border:1px solid #d5bb7b77;background:#123b30a1;padding:1px 9px;margin-top:9px;color:#ffe5ac;font-size:13px;border-radius:3px}
.benefit-ribbon,.benefit-pets{position:absolute;bottom:0;left:0;right:0;display:grid;margin:0;padding:13px 16px;background:#0a2c25e8;border-top:1px solid #b99a5c77;list-style:none;text-align:center;backdrop-filter:blur(5px)}
.benefit-ribbon{grid-template-columns:repeat(3,minmax(0,1fr));font-size:clamp(12px,.85vw,15px);font-weight:600;color:#ffe0a1}
.benefit-ribbon span+span{border-left:1px solid #ba9e5e55}
.benefit-pets{grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 8px 10px}
.benefit-pets li+li{border-left:1px solid #ba9e5e55}
.benefit-pets b{display:block;font-size:14px;color:#ffe1a0;font-weight:700;line-height:1.6}
.benefit-pets span{display:block;font-size:12px;color:#f2e8cf;line-height:1.5}
.benefit-slide--pets .benefit-art{bottom:61px}.benefit-slide--pets .benefit-copy{width:51%}
.benefit-slide--pets .benefit-copy p{font-size:clamp(14px,.95vw,17px)}
.benefits-controls{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;background:#113d34f5;border:1px solid #dfc17c;border-top:0;border-radius:0 0 14px 14px}
.benefits-controls[hidden]{display:none}
.benefit-arrow,.benefit-autoplay{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;padding:7px;border:1px solid #c2a46c99;border-radius:50%;background:#244d3e;color:#f8db95;transition:background .2s}
.benefit-arrow:hover,.benefit-autoplay:hover{background:#40634a}
.benefit-arrow svg,.benefit-autoplay svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.benefit-tabs{display:flex;justify-content:center;gap:4px;flex:1}
.benefit-tabs button{border:1px solid transparent;border-radius:4px;background:transparent;padding:7px 8px;font-size:13px;font-weight:600;color:#dfdfc4;white-space:nowrap}
.benefit-tabs button span{font-size:11px;color:#d0ba81;margin-right:4px}
.benefit-tabs button[aria-pressed=true]{border-color:#dfc17c88;color:#ffe0a1;background:#47634599}
.benefit-autoplay{margin-left:4px;flex-basis:32px;width:32px;height:32px;padding:7px}
.benefit-autoplay .benefit-play-icon{display:none}
.benefit-autoplay[aria-pressed=true] .benefit-play-icon{display:block}
.benefit-autoplay[aria-pressed=true] .benefit-pause-icon{display:none}
.benefits-stage{touch-action:pan-y}
@keyframes benefit-appear{from{opacity:.35}to{opacity:1}}
@media(min-width:1700px){.hero--benefits{min-height:900px;padding-top:180px;padding-left:5vw;padding-right:6vw;gap:5vw}.benefit-slide{min-height:390px;padding:32px 35px 82px}.benefit-number{font-size:14px}.benefit-copy{width:52%}.benefit-pets b{font-size:16px}.benefit-pets span{font-size:14px}.benefit-tabs button{font-size:15px}.benefits-heading{padding-top:20px;padding-bottom:21px}}
@media(min-width:1051px) and (max-width:1280px){.hero--benefits{padding-left:3vw;padding-right:3vw;gap:2.5vw;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);min-height:800px}.hero--benefits .hero-logo{font-size:68px}.hero--benefits h1{font-size:28px}.benefit-slide{padding:24px 20px 72px;min-height:340px}.benefit-copy{width:59%}.benefit-copy p{font-size:14px}.benefit-tabs button{font-size:12px;padding:7px 5px}.benefit-tabs button span{display:none}.benefits-heading:before,.benefits-heading:after{width:24px;left:16px}.benefits-heading:after{left:auto;right:16px}}
@media(max-width:1050px){.hero--benefits{grid-template-columns:1fr;height:auto;min-height:0;padding:135px 26px 52px;gap:36px}.hero--benefits .hero-content{width:100%;max-width:560px;padding:0;margin:0;justify-self:center}.hero--benefits .hero-art{bottom:auto;height:840px}.hero--benefits .hero-art img{object-position:58% center}.hero--benefits .hero-shade{background:linear-gradient(180deg,#fff2da95,#f9efd54d 45%,#1c4b3ce8 78%,#153f35);}.hero--benefits .hero-logo{font-size:82px}.newcomer-benefits{max-width:760px}.benefit-slide{min-height:350px}.benefit-copy h3{font-size:32px}.benefit-copy p{font-size:16px}.benefits-heading>p{font-size:20px}.benefits-heading h2{font-size:36px}.benefit-slide--pets .benefit-copy p{font-size:14px}.benefit-ribbon{font-size:14px}}
@media(max-width:600px){.hero--benefits{padding:112px 14px 34px;gap:30px}.hero--benefits .hero-content{padding:0;max-width:420px}.hero--benefits .hero-logo{font-size:clamp(46px,16vw,76px)}.hero--benefits .hero-art{height:760px}.hero--benefits .hero-art img{object-position:center top}.hero--benefits .hero-shade{background:linear-gradient(180deg,#fff1d9c9,#fff1d96b 42%,#123d31e8 65%,#153f35)}.benefits-heading{padding:17px 12px 16px}.benefits-heading>p{font-size:16px;letter-spacing:.5px}.benefits-heading h2{font-size:30px;letter-spacing:2px}.benefits-heading:before,.benefits-heading:after{display:none}.benefit-slide{padding:211px 22px 76px;min-height:470px}.benefit-art{bottom:auto;height:235px}.benefit-art img{object-fit:cover;object-position:right center}.benefit-slide:before{background:linear-gradient(180deg,transparent 0,transparent 145px,#103a32 230px,#103a32);}.benefit-copy,.benefit-slide--pets .benefit-copy{width:100%;text-align:left}.benefit-number{font-size:12px;margin-bottom:9px}.benefit-copy h3{font-size:30px;margin-bottom:10px}.benefit-copy h3 br{display:none}.benefit-copy h3 small{display:inline-block;margin-left:10px;letter-spacing:0;font-size:16px}.benefit-copy p{font-size:15px;line-height:1.85}.benefit-slide--rebirth .benefit-copy p br{display:none}.benefit-slide--pets .benefit-copy p{font-size:15px}.benefit-bound{margin-top:8px;font-size:13px}.benefit-ribbon{font-size:12px;padding:13px 4px}.benefit-pets{padding:10px 3px}.benefit-pets b{font-size:13px}.benefit-pets span{font-size:12px}.benefits-controls{gap:5px;padding:11px 8px}.benefit-tabs{gap:1px}.benefit-tabs button{font-size:12px;padding:6px 5px}.benefit-tabs button span{display:none}.benefit-arrow{flex-basis:32px;width:32px;height:32px}.benefit-autoplay{flex-basis:29px;width:29px;height:29px;margin-left:1px}.benefit-slide--pets .benefit-copy h3 br{display:block}.benefit-slide--pets .benefit-copy h3 small{display:inline-block;font-size:15px}.benefit-slide--pets{padding-top:202px}.benefit-slide--pets .benefit-copy h3{line-height:1.25}}
@media(max-width:360px){.hero--benefits{padding-left:10px;padding-right:10px}.benefit-slide{padding-left:16px;padding-right:16px;min-height:490px}.benefits-heading>p{font-size:14px}.benefits-heading h2{font-size:28px}.benefit-copy h3{font-size:27px}.benefit-copy h3 small{font-size:14px}.benefit-tabs button{font-size:11px;padding:6px 3px}.benefits-controls{gap:3px}.benefit-slide--pets .benefit-copy p{font-size:14px}.benefit-ribbon{font-size:11px}}
@media(prefers-reduced-motion:reduce){.is-enhanced .benefit-slide{animation:none}}