@charset "utf-8";
.hero{position:relative;height:100vh;min-height:720px;color:#fff;background:#111}
.hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:.8s}
.hero__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.12) 65%)}
.hero__bg.is-active{opacity:1}
.hero__copy{position:absolute;left:7.5vw;bottom:18vh;z-index:2}
.hero__copy p{margin:0 0 20px;font-size:24px;font-weight:800}
.hero__copy h2{margin:0 0 34px;font-size:58px;line-height:1.22;letter-spacing:-2.2px}
.round-link{display:inline-flex;align-items:center;justify-content:center;width:132px;height:42px;border-radius:22px;border:1px solid rgba(255,255,255,.9);font-size:12px;font-weight:900;letter-spacing:.03em}
.round-link.dark{border-color:#111;color:#111}
.hero__pager{position:absolute;right:72px;bottom:66px;z-index:3;display:flex;align-items:center;gap:18px;font-size:13px;font-weight:800}
.hero__pager b{font-size:20px}
.section-pad{padding:118px 72px}
.title-row{max-width:1480px;margin:0 auto 42px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.title-row span,.section-copy span{display:block;font-size:17px;font-weight:900;color:#e24b2c;margin-bottom:15px}
.title-row h3,.section-copy h3{margin:0;font-size:42px;line-height:1.28;letter-spacing:-1.5px}
.title-row>a{font-size:13px;font-weight:900;border:1px solid #111;border-radius:19px;padding:10px 22px}
.now-grid{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.now-grid article{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 38px rgba(0,0,0,.08)}
.now-grid .wide-card{grid-column:span 2;grid-row:span 2}
.thumb{height:270px;overflow:hidden}
.wide-card .thumb{height:564px}
.text{padding:24px}
.text strong{display:block;color:#e24b2c;font-size:13px;margin-bottom:10px}
.text p{margin:0;font-size:21px;line-height:1.35;font-weight:800}
.wide-card .text p{font-size:28px}

.sports{background:#f5f1ea;padding:120px 72px}
.sports__inner{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:360px 1fr;gap:58px;align-items:start}
.section-copy p{font-size:18px;line-height:1.7;color:#555;margin:22px 0 0}
.sports-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sports-list a{display:block;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 10px 34px rgba(0,0,0,.08)}
.sports-list img{height:360px}
.sports-list strong{display:block;padding:24px;font-size:22px;line-height:1.35}
.moment-track{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.moment-track a{display:block}
.moment-track div{height:340px;border-radius:50%;overflow:hidden}
.moment-track p{font-size:20px;line-height:1.38;font-weight:800;text-align:center;margin:20px 0 0}
.sustain{background:#f7f7f7}
.sustain__bg{max-width:1480px;margin:0 auto;height:470px;border-radius:34px;background:url('https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=2200&q=85') center/cover no-repeat;display:flex;align-items:center;padding:70px;position:relative;overflow:hidden}
.sustain__bg:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.74)}
.sustain__bg .section-copy{position:relative;max-width:560px}
.sustain-card{max-width:1320px;margin:-70px auto 0;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 38px}
.sustain-card a{background:#fff;border-radius:24px;padding:34px;box-shadow:0 12px 34px rgba(0,0,0,.08)}
.sustain-card strong{font-size:24px}
.sustain-card p{font-size:17px;line-height:1.55;margin:16px 0 0;color:#555}

@media(min-width:1440px){
.hero__copy h2{font-size:64px}
}
@media(max-width:1439px){
.hero{min-height:660px}.hero__copy h2{font-size:50px}.section-pad,.sports{padding-left:44px;padding-right:44px}.title-row h3,.section-copy h3{font-size:38px}.now-grid{gap:18px}.sports__inner{grid-template-columns:320px 1fr;gap:38px}.text p{font-size:19px}.wide-card .text p{font-size:25px}
}
@media(max-width:1279px){
.hero{height:86vh;min-height:620px}.hero__copy{left:34px;bottom:14vh}.hero__copy p{font-size:20px}.hero__copy h2{font-size:42px}.hero__pager{right:34px;bottom:42px}
.section-pad,.sports{padding:88px 34px}.title-row h3,.section-copy h3{font-size:34px}.now-grid{grid-template-columns:repeat(2,1fr)}.wide-card .thumb{height:380px}.thumb{height:250px}.sports__inner{display:block}.section-copy{margin-bottom:34px}.sports-list{grid-template-columns:repeat(3,1fr);gap:18px}.sports-list img{height:260px}.sports-list strong{font-size:18px;padding:20px}.moment-track{grid-template-columns:repeat(2,1fr)}.sustain__bg{height:auto;padding:52px 38px}.sustain-card{grid-template-columns:1fr;margin-top:24px;padding:0}
}
@media(max-width:767px){
.hero{height:100svh;min-height:560px}.hero__copy{left:22px;right:22px;bottom:118px}.hero__copy p{font-size:17px}.hero__copy h2{font-size:32px;letter-spacing:-1.1px}.round-link{width:112px;height:40px}.hero__pager{left:22px;right:auto;bottom:42px}
.section-pad,.sports{padding:66px 22px}.title-row{display:block;margin-bottom:28px}.title-row span,.section-copy span{font-size:14px}.title-row h3,.section-copy h3{font-size:28px}.title-row>a{display:inline-flex;margin-top:22px}.now-grid{display:flex;overflow:hidden;gap:14px}.now-grid article,.now-grid .wide-card{min-width:82%;border-radius:18px}.thumb,.wide-card .thumb{height:240px}.text{padding:20px}.text p,.wide-card .text p{font-size:19px}.sports-list{display:flex;overflow:hidden;gap:14px}.sports-list a{min-width:82%;border-radius:20px}.sports-list img{height:250px}.moment-track{display:flex;overflow:hidden;gap:16px}.moment-track a{min-width:72%}.moment-track div{height:220px}.moment-track p{font-size:17px}.sustain__bg{border-radius:22px;padding:38px 24px}.sustain-card a{padding:26px}.sustain-card strong{font-size:21px}
}
@media(max-width:320px){
.hero__copy{left:18px;right:18px}.hero__copy h2{font-size:28px}.section-pad,.sports{padding-left:18px;padding-right:18px}.title-row h3,.section-copy h3{font-size:25px}.now-grid article,.now-grid .wide-card,.sports-list a{min-width:88%}.moment-track a{min-width:80%}
}