.haute-sports{--hs-ink:#171714;--hs-accent:#ff5a36;background:#e7e2d8;color:var(--hs-ink);padding:clamp(5rem,10vw,10rem) clamp(1.2rem,4vw,4rem);position:relative;overflow:hidden;border-top:1px solid rgba(23,23,20,.2);border-bottom:1px solid rgba(23,23,20,.2)}
.haute-sports:before{content:"HS";position:absolute;right:-.04em;top:-.22em;font-family:"Playfair Display",serif;font-size:clamp(14rem,38vw,40rem);line-height:1;color:rgba(255,255,255,.28);pointer-events:none}
.hs-kicker{position:relative;z-index:1;display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--hs-ink);padding-top:.85rem;font-family:"DM Mono",monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.hs-heading{position:relative;z-index:1;margin:clamp(4rem,9vw,9rem) 0 clamp(3rem,6vw,6rem);max-width:1250px}
.hs-heading p{font:300 clamp(3.7rem,10vw,10.5rem)/.84 "Manrope",sans-serif;letter-spacing:-.07em;margin:0}
.hs-heading em{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.04em;color:var(--hs-accent)}
.hs-intro{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,6vw,7rem);max-width:1050px;margin-left:auto}
.hs-intro p{font:300 clamp(1.05rem,1.65vw,1.45rem)/1.55 "Manrope",sans-serif;margin:0}
.hs-statement{position:relative;z-index:1;margin:clamp(5rem,9vw,9rem) 0 clamp(4rem,7vw,7rem);padding:clamp(2rem,4vw,4rem) 0;border-top:1px solid var(--hs-ink);border-bottom:1px solid var(--hs-ink);font:500 clamp(2rem,4.5vw,5.2rem)/1.02 "Playfair Display",serif;max-width:1200px}
.hs-principles{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hs-ink)}
.hs-principles article{padding:1.25rem clamp(1rem,2.5vw,2.5rem) 2.5rem 0;border-right:1px solid rgba(23,23,20,.28)}
.hs-principles article+article{padding-left:clamp(1rem,2.5vw,2.5rem)}
.hs-principles article:last-child{border-right:0}
.hs-principles span,.hs-credit span{font:400 .65rem/1.2 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.hs-principles h3{font:500 clamp(1.35rem,2.2vw,2rem)/1.05 "Playfair Display",serif;margin:3rem 0 1rem}
.hs-principles p{font:300 .92rem/1.6 "Manrope",sans-serif;margin:0;max-width:28rem}
.hs-credit{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:2rem;margin-top:4rem;padding-top:1rem;border-top:1px solid rgba(23,23,20,.28)}
.hs-credit strong{font:400 1rem/1.2 "Manrope",sans-serif}
.hs-chapter-head,.hs-performance-copy{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr) minmax(15rem,.7fr);gap:clamp(1.5rem,4vw,5rem);align-items:end;margin:clamp(5rem,9vw,9rem) 0 2rem;padding-top:1rem;border-top:1px solid var(--hs-ink)}
.hs-chapter-head>span,.hs-performance-copy>span{font:400 .65rem/1.2 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.hs-chapter-head h3,.hs-performance-copy h3{font:500 clamp(2.25rem,4.7vw,5.2rem)/.95 "Playfair Display",serif;margin:0}
.hs-chapter-head h3 em,.hs-performance-copy h3 em{color:var(--hs-accent);font-weight:500}
.hs-chapter-head p,.hs-performance-copy p{font:300 .92rem/1.6 "Manrope",sans-serif;margin:0}
.hs-haute-gallery{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.65rem,1.4vw,1.4rem)}
.hs-haute-gallery figure,.hs-performance figure{margin:0;position:relative;overflow:hidden;background:#d6d0c5}
.hs-haute-gallery figure{grid-column:span 4;aspect-ratio:2/3}
.hs-haute-gallery .hs-hero-image{grid-column:span 8;grid-row:span 2;aspect-ratio:1.08/1}
.hs-haute-gallery .hs-wide{grid-column:span 8;aspect-ratio:1.55/1}
.hs-haute-gallery img,.hs-performance img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hs-haute-gallery figure:hover img,.hs-performance figure:hover img{transform:scale(1.018)}
.hs-haute-gallery figcaption,.hs-performance figcaption{position:absolute;left:.7rem;bottom:.7rem;max-width:calc(100% - 1.4rem);padding:.45rem .6rem;background:rgba(231,226,216,.9);font:400 .57rem/1.25 "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.hs-performance{position:relative;z-index:1;margin-top:clamp(6rem,11vw,11rem);padding-top:clamp(1rem,2vw,2rem);border-top:3px solid var(--hs-accent)}
.hs-performance-copy{margin:0 0 2rem;border-top:0;padding-top:0}
.hs-performance-hero{aspect-ratio:2.05/1}
.hs-performance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.65rem,1.4vw,1.4rem);margin-top:clamp(.65rem,1.4vw,1.4rem)}
.hs-performance-grid figure{aspect-ratio:2/3}
@media(max-width:900px){.hs-haute-gallery figure{grid-column:span 6}.hs-haute-gallery .hs-hero-image,.hs-haute-gallery .hs-wide{grid-column:span 12}.hs-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hs-kicker,.hs-credit{align-items:flex-start;flex-direction:column}.hs-heading p{font-size:clamp(3.2rem,18vw,6rem)}.hs-intro,.hs-principles{grid-template-columns:1fr}.hs-principles article,.hs-principles article+article{padding:1.25rem 0 2.25rem;border-right:0;border-bottom:1px solid rgba(23,23,20,.28)}.hs-principles article:last-child{border-bottom:0}.hs-principles h3{margin-top:1.75rem}.haute-sports:before{top:.05em;right:-.2em}.hs-chapter-head,.hs-performance-copy{grid-template-columns:1fr;align-items:start}.hs-chapter-head p,.hs-performance-copy p{max-width:34rem}.hs-performance-hero{aspect-ratio:1.25/1}.hs-performance-hero img{object-position:center}.hs-haute-gallery figcaption,.hs-performance figcaption{font-size:.5rem}}
@media(max-width:520px){.hs-haute-gallery figure,.hs-haute-gallery .hs-hero-image,.hs-haute-gallery .hs-wide{grid-column:span 12;aspect-ratio:4/5}.hs-performance-grid{grid-template-columns:1fr 1fr}.hs-performance-grid figure{aspect-ratio:3/4}}
