/* Notes: docs/browser-code-notes.md#cohesive-css */
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]){--cohesive-width:1180px;--cohesive-gap:clamp(28px,5vw,64px)}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .wrap{max-width:var(--cohesive-width);padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px)}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main h1:not(:where(.simple-home-hero *)){font-size:clamp(2.35rem,4.2vw,3.8rem);line-height:1.12;letter-spacing:-.025em;max-width:20ch;margin-bottom:24px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main h2:not(:where(.next-strip h2,.article-card h2)){font-size:clamp(1.75rem,2.5vw,2.35rem);line-height:1.2;letter-spacing:-.02em;margin-bottom:20px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main h3{font-size:1.25rem;line-height:1.3}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main :where(.next-strip,.article-card) h2{font-size:1.25rem;line-height:1.3}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main p:not(:where(.simple-home-hero *)){line-height:1.7;max-width:65ch}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .section{padding-top:var(--cohesive-gap);padding-bottom:var(--cohesive-gap)}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .section-head{margin-bottom:28px;align-items:end;gap:24px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .section-head h2{margin-bottom:0}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .hero:not(:where(.simple-home-hero)){max-width:var(--cohesive-width);min-height:0;padding:0;gap:0;grid-template-columns:1fr 1fr;}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .hero-copy:not(:where(.simple-home-hero *)){padding:40px clamp(20px,4vw,48px);min-width:0}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .hero-copy p:not(:where(.simple-home-hero *)){max-width:48ch;}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .hero-media:not(:where(.simple-home-hero *)){min-height:380px;aspect-ratio:auto}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .hero-media:after{pointer-events:none}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .hero-location:not(:where(.simple-home-hero *)){margin-top:24px;letter-spacing:.08em}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .eyebrow:not(:where(.simple-home-hero *,.pathway *)){font-size:.72rem;letter-spacing:.1em;margin-bottom:14px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .button{padding:12px 20px;min-height:46px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .hero-actions{gap:16px 24px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .text-link{font-size:.95rem;line-height:1.5}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main :is(.program-hero,.page-heading){padding-top:48px;padding-bottom:36px;margin-bottom:0;}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .program-hero .wrap{max-width:var(--cohesive-width)}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .program-hero h1{max-width:25ch}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .breadcrumb{font-size:.82rem;margin-bottom:20px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main :is(.program-grid,.pathways,.learn-class-options,.directory-grid){gap:24px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main :is(.program,.learn-class,.directory-group,.aside-card,.wedding-intro-card,.article-card){padding:28px;}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .facts{padding-top:24px;padding-bottom:24px;gap:24px;}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .facts strong{font-size:1rem}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .facts span{font-size:.9rem;}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .first-step{padding:40px;gap:48px;}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main :is(.lindy-feature,.wedding-feature){gap:40px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .lindy-feature-options a{padding:18px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .reading-layout{grid-template-columns:minmax(0,1fr) 280px;gap:64px;padding-top:20px;padding-bottom:64px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .reading-main>section{padding:28px 0;margin:0}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .reading-main>section:first-child{padding-top:0}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .reading-aside{padding-top:0}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .aside-card h2{font-size:1.5rem}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .aside-card small{display:block;margin-top:12px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .related{margin-top:28px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main :is(.notice,.source-note){line-height:1.55}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .wedding-steps article>span{display:none}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .wedding-details{padding-top:32px;padding-bottom:40px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .wedding-contact{gap:48px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .article-body{max-width:70ch}
@media(max-width:800px){
 html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .hero:not(:where(.simple-home-hero)){grid-template-columns:1fr;gap:24px;padding-top:24px;padding-bottom:32px}
 html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .hero-media:not(:where(.simple-home-hero *)){min-height:0;aspect-ratio:16/10}
 html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main :is(.reading-layout,.first-step,.wedding-hero,.wedding-contact,.lindy-feature){grid-template-columns:1fr;gap:28px}
 html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .facts{display:grid;grid-template-columns:1fr;gap:16px}
 html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main :is(.program-grid,.pathways,.learn-class-options){grid-template-columns:1fr}
 html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main :is(.program,.learn-class,.aside-card){padding:24px}
 html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .program-hero{padding-top:32px;padding-bottom:24px}
 html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .reading-aside{padding-top:28px}
}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .hero-media:not(:where(.simple-home-hero *)){width:100%;min-width:0}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .learn-class{--card-padding:28px}
@media(max-width:800px){html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .first-step{padding:30px}html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .learn-class{--card-padding:24px}}
@media(max-width:800px){html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .hero-copy:not(:where(.simple-home-hero *)){padding:20px 0}}
html[data-copy-version="larger-images"] #main>.hero:is(.home-hero,.spotlight-hero,.swing-hero){display:grid;max-width:1512px;padding:0}
html[data-copy-version="larger-images"] #main>.hero .hero-media{min-height:0;aspect-ratio:auto}
html[data-copy-version="larger-images"] #main>.hero .hero-media img,html[data-copy-version="larger-images"] #main>.hero .hero-media:after{-webkit-mask-image:none;mask-image:none}
html[data-copy-version="larger-images"] #main>.hero .hero-media:after{height:120px;inset:auto 0 0;background:linear-gradient(transparent,#14232a66)}
html[data-copy-version="larger-images"] #main>.swing-hero{--accent:#a00826;background:none;color:inherit}
html[data-copy-version="larger-images"] #main>.hero .hero-copy h1{font-size:clamp(2.5rem,4vw,3.8rem);line-height:1.06;margin-bottom:20px}
html[data-copy-version="larger-images"] #main>.hero .hero-copy :is(h1 em,.eyebrow,.text-link){color:var(--accent)}
html[data-copy-version="larger-images"] #main>.hero .hero-copy p{font-size:1rem;line-height:1.55;color:#404041}
html[data-copy-version="larger-images"] #main>.hero .hero-copy .eyebrow{font-size:.7rem}
html[data-copy-version="larger-images"] #main>.hero .hero-location{margin-top:20px}
@media(max-width:800px){
 html[data-copy-version="larger-images"] #main>.hero:is(.home-hero,.spotlight-hero,.swing-hero){display:flex;flex-direction:column;padding:0;gap:0;min-height:0}
 html[data-copy-version="larger-images"] #main>.hero .hero-media{order:-1;height:clamp(330px,52vh,520px)}
 html[data-copy-version="larger-images"] #main>.hero .hero-copy{align-self:stretch;padding:20px 16px 28px}
 html[data-copy-version="larger-images"] #main>.hero .hero-media .video-play{bottom:28px}
}
html[data-copy-version="larger-images"] #main>.spotlight-hero .hero-media img{object-position:center top}
html[data-copy-version="larger-images"] #main>.swing-hero .hero-media img{object-fit:cover;object-position:center top!important}
@media(max-width:800px){
 html[data-copy-version="larger-images"] #main>.swing-hero .hero-media{height:auto;aspect-ratio:1600/1066}
}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .route-made-hero .page-heading{padding-left:0;padding-right:0}
html[data-copy-version="larger-images"] #main>.hero .hero-copy .button.outline{background:#fff;color:var(--accent);border-color:var(--accent)}
html[data-copy-version="larger-images"] #main>.swing-hero .button:not(.outline){background:var(--accent);border-color:var(--accent);color:#fff}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .facts{border:0;padding-top:40px;padding-bottom:8px}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .facts strong{font-size:1.2rem}
html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]) #main .facts span{font-size:.95rem}
@media(max-width:800px){html[data-copy-version="larger-images"] #main>:is(.home-hero,.spotlight-hero) .hero-media{height:clamp(200px,28vh,360px)}html[data-copy-version="larger-images"] #main>.hero .hero-copy h1{font-size:2.4rem;margin-bottom:12px}html[data-copy-version="larger-images"] #main>.simple-home-hero .shared-brand-label{font-size:.7rem;letter-spacing:.05em;white-space:nowrap}}
@media(min-width:2200px){html:is([data-copy-version="cohesive"],[data-copy-version="larger-images"]){--cohesive-width:1560px}html[data-copy-version="larger-images"] #main>.hero:is(.home-hero,.spotlight-hero,.swing-hero){max-width:1920px}}