.cinematic-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:700px;min-height:clamp(700px,calc(100svh - 116px),1000px);padding:32px 5% 26px;background:#152019;color:#fff;overflow:hidden}.cinematic-media,.cinematic-shade{position:absolute;inset:0;z-index:-2;pointer-events:none}.cinematic-media img{width:100%;height:100%;object-fit:cover;object-position:center 55%;animation:cinematic-drift 24s ease-in-out infinite alternate;transform-origin:75% 45%;will-change:transform}.cinematic-shade{z-index:-1;background:linear-gradient(90deg,rgba(7,18,12,.8) 0%,rgba(7,18,12,.55) 35%,rgba(7,18,12,.08) 67%),linear-gradient(0deg,rgba(7,18,12,.82),transparent 35%,transparent 80%,rgba(7,18,12,.3))}.cinematic-top,.cinematic-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.cinematic-top .eyebrow{font-size:11px;letter-spacing:1.8px}.cinematic-motto{font-size:11px;letter-spacing:1.5px;color:#fff}.cinematic-copy{padding:65px 0 70px;flex:1;display:flex;flex-direction:column;justify-content:center;max-width:740px}.cinematic-copy h1{font-size:clamp(76px,8.5vw,150px);font-weight:500;line-height:.94;letter-spacing:-.065em;white-space:normal;margin:0 0 30px;text-shadow:0 2px 24px #0002}.cinematic-copy h1 span{color:#fff}.cinematic-copy p{font-size:clamp(17px,1.5vw,22px);line-height:1.65;color:#f2f5f1;margin:0 0 34px;max-width:540px}.cinematic-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.cinematic-actions .button{padding:20px 32px;font-size:16px}.cinematic-actions .text-link{font-size:15px;color:#fff}.cinematic-bottom{border-top:1px solid #ffffff40;padding-top:23px}.cinematic-details{display:flex;gap:30px;font-size:10px;letter-spacing:1.4px;line-height:1.7}.cinematic-details i{font-style:normal;padding:0 8px;color:#e0e8df}.cinematic-tools{display:flex;gap:26px;align-items:center;flex-shrink:0}.cinematic-tools>a{font-size:12px;border-bottom:1px solid #ffffff80;padding:8px 0}.cinematic-tools button{font-size:11px;color:#fff;border:1px solid #ffffff80;background:#11221866;border-radius:30px;min-height:44px;padding:10px 17px}.cinematic-tools button:hover{background:#ffffff20}.cinematic-hero a:focus-visible,.cinematic-hero button:focus-visible{outline-color:#fff;box-shadow:0 0 0 2px #17241b}.cinematic-hero .text-link:hover{color:#e4efdf}
@keyframes cinematic-drift{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.075) translateX(-.6%)}}
body.motion-paused .cinematic-media img{animation:none;will-change:auto}
@media(min-width:1800px){.cinematic-copy{max-width:850px}.cinematic-copy h1{font-size:160px}}
@media(max-width:1050px){.cinematic-hero{min-height:700px;padding-top:28px}.cinematic-copy{max-width:60%;padding:70px 0}.cinematic-copy h1{font-size:clamp(76px,9vw,100px)}.cinematic-copy p{font-size:18px}.cinematic-details{flex-direction:column;gap:5px}.cinematic-actions{gap:22px}.cinematic-media img{object-position:65% center}}
@media(max-width:600px){.cinematic-hero{min-height:790px;min-height:max(790px,calc(100svh - 88px));padding:24px 6% 20px}.cinematic-top .eyebrow{font-size:10px;letter-spacing:1.2px}.cinematic-motto{display:none}.cinematic-media img{object-position:79% center;transform-origin:78% 35%;animation-name:cinematic-drift-mobile}.cinematic-shade{background:linear-gradient(0deg,rgba(7,18,12,.95) 0%,rgba(7,18,12,.84) 24%,rgba(7,18,12,.4) 52%,rgba(7,18,12,.02) 75%,rgba(7,18,12,.4) 100%)}.cinematic-copy{max-width:100%;justify-content:flex-end;padding:240px 0 32px}.cinematic-copy h1{font-size:clamp(64px,17vw,100px);margin-bottom:22px}.cinematic-copy p{font-size:16px;line-height:1.6;margin-bottom:25px}.cinematic-actions{gap:20px}.cinematic-actions .button{font-size:15px;padding:17px 26px}.cinematic-actions .text-link{font-size:13px}.cinematic-bottom{align-items:flex-start;gap:16px;padding-top:18px;flex-wrap:wrap}.cinematic-details{font-size:8px;letter-spacing:1px;gap:5px}.cinematic-tools{width:100%;justify-content:space-between;gap:18px}.cinematic-tools>a{font-size:12px}.cinematic-tools button{font-size:11px}.cinematic-details i{padding:0 5px}}
@keyframes cinematic-drift-mobile{from{transform:scale(1.01)}to{transform:scale(1.055)}}
@media(prefers-reduced-motion:reduce){.cinematic-media img{animation:none;will-change:auto}}
.cinematic-top .eyebrow,.cinematic-motto,.cinematic-details,.cinematic-tools button{font-size:12px}
@media(max-width:600px){.cinematic-media img{object-position:87% center}.cinematic-top .eyebrow,.cinematic-details{font-size:12px}.cinematic-details{letter-spacing:.6px}.cinematic-copy{padding-top:260px}}

/* Keep the golfer in frame with the COJO 2026 hero photo. */
.cinematic-media img{object-position:55% center;transform-origin:55% 45%}
@media(max-width:600px){.cinematic-media img{object-position:54% center;transform-origin:54% 35%}}
/* AVID's longer clubhouse headline. */
.cinematic-copy{max-width:760px}.cinematic-copy h1{font-size:clamp(58px,6.5vw,104px);line-height:1.01;letter-spacing:-.055em}.cinematic-details span:last-child{text-transform:none}
@media(min-width:1800px){.cinematic-copy{max-width:930px}.cinematic-copy h1{font-size:120px}}
@media(max-width:1050px){.cinematic-copy{max-width:80%}.cinematic-copy h1{font-size:clamp(55px,7vw,82px)}}
@media(max-width:600px){.cinematic-copy{max-width:100%;padding-top:210px}.cinematic-copy h1{font-size:clamp(44px,11.2vw,65px)}.cinematic-details{line-height:1.8}}
/* Phones: title on two lines ("Where those who / love golf hang out.") */
@media(max-width:600px){.cinematic-copy h1{font-size:11.2vw}.cinematic-copy h1 .hero-break{display:none}.cinematic-copy h1 .hero-line{white-space:nowrap}}