.hero-copy{min-width:0}.hero h1{min-height:2.2em}.hero-line-clip{display:block;overflow:hidden;padding:2px 0;margin:-2px 0;color:var(--text)!important}.hero-line-clip:last-child{color:var(--accent)!important}.hero-line{display:block;color:inherit!important;animation:hero-word-in .65s cubic-bezier(.2,.75,.2,1) both}.hero-line-clip:nth-child(2) .hero-line{animation-delay:.09s}.hero-copy-in{animation:hero-text-in .7s ease-out both}.hero #hero-text{min-height:3.8em}.hero-visual .hero-frame{z-index:0;opacity:0;transform:scale(1.06);transition:opacity .9s ease,transform 7.2s cubic-bezier(.2,.45,.3,1);filter:brightness(.8) saturate(.85);pointer-events:none}.hero-visual .hero-frame.active{opacity:1;transform:scale(1);z-index:1}.hero .photo-shade{z-index:2;pointer-events:none;background:linear-gradient(0deg,#0a1008d9,transparent 65%)}.hero .photo-tag,.hero .court-decor{z-index:3}.hero .photo-bottom{display:none}.hero-controls{position:absolute;bottom:17px;left:20px;right:17px;z-index:4;display:flex;align-items:center;gap:13px;color:white}.hero-controls #hero-photo-count{font-size:10px;font-weight:700;letter-spacing:1px;white-space:nowrap;min-width:50px}.hero-controls #hero-photo-count b{font-weight:500;opacity:.5}.hero-dots{display:flex;align-items:center;gap:2px;margin:auto}.hero-dot{height:38px;min-width:29px;padding:0 9px;display:grid;place-items:center}.hero-dot>span{display:block;width:6px;height:6px;border-radius:9px;background:#fff6;transition:background .2s,width .3s}.hero-dot.active>span{width:23px;background:var(--accent)}.hero-dot.active{min-width:42px}.hero-pause{height:35px;width:35px;display:grid;place-items:center;border:1px solid #ffffff5c;border-radius:50%;background:#0a100843;flex-shrink:0;color:white}.hero-pause .icon{width:14px;height:14px;stroke-width:2}.hero-pause:disabled{opacity:.4}.hero .hero-visual{min-height:342px}.hero .hero-visual .photo-tag{font-size:8px;max-width:calc(100% - 60px)}
@keyframes hero-word-in{from{opacity:0;transform:translateY(100%) rotate(2deg);filter:blur(5px)}to{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}}@keyframes hero-text-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.hero{position:relative!important;display:block!important;min-height:325px!important;padding:24px 20px 66px!important;margin:17px 0 27px!important;border-radius:14px!important;overflow:hidden;isolation:isolate;gap:0!important}.hero-copy{position:relative;z-index:2;padding:0!important;max-width:100%;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero .eyebrow{color:#d2dec1;font-size:7px;letter-spacing:1.3px}.hero h1{font-size:34px!important;line-height:1.13!important;letter-spacing:-1.2px!important;margin:13px 0 12px!important;min-height:77px;max-width:100%}.hero h1 .hero-line-clip:first-child{color:#f6f8f0!important}.hero #hero-text{font-size:10px;line-height:1.8;color:#c6cfbd;min-height:36px}.hero-create{min-height:44px!important;padding:11px 15px!important;font-size:10px!important;margin-top:17px!important;max-width:100%;gap:7px}.hero-create .icon{width:16px;height:16px}.hero-footnote{display:none}.hero .hero-visual{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;border:0!important;transform:none!important;border-radius:0!important;z-index:0}.hero .hero-visual .hero-frame{object-fit:cover;filter:brightness(.72) saturate(.8)}.hero .photo-shade{z-index:2;background:linear-gradient(90deg,#0e170aef 0%,#0e170ab9 45%,#0e170a36 100%),linear-gradient(0deg,#0e170ad9,transparent 40%)}.hero .photo-tag,.hero .court-decor{display:none}.hero-controls{bottom:13px;left:20px;right:18px;gap:8px}.hero-controls #hero-photo-count{font-size:9px;min-width:42px}.hero-dots{gap:0}.hero-dot{height:35px;min-width:27px;padding:0 8px}.hero-dot.active{min-width:38px}.hero-pause{height:32px;width:32px}.hero .hero-visual .hero-frame.active{transform:scale(1)}.hero .hero-visual .hero-frame{transform:scale(1.07)}}
@media(max-width:360px){.hero{padding-left:17px!important;padding-right:17px!important}.hero h1{font-size:31px!important;min-height:71px}.hero #hero-text{font-size:9px}.hero-controls{left:16px;right:16px}.hero-dot{min-width:25px;padding:0 7px}}
@media(prefers-reduced-motion:reduce){.hero-line,.hero-copy-in{animation:none!important;filter:none;opacity:1;transform:none}.hero-visual .hero-frame{transition:none!important;transform:none!important}}
.hero #hero-text br{display:initial}