:root{font-family:Arial,Helvetica,sans-serif;color:#191919;background:#faf8e9}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:38px 36px 0;font-size:10px;font-weight:700}
.discipline-page{min-height:calc(100svh - 50px);padding:75px 3.85vw 80px}
/* Coordinates follow the staggered lettering on Canva pages 2 and 4. */
.discipline-title{position:relative;container-type:inline-size;width:min(100%,1292.2px);aspect-ratio:1772.16 / 480;margin:0 auto;font-weight:400}
.title-word{position:absolute;display:block;font-size:10.010386cqw;line-height:.76;font-weight:400;letter-spacing:-.065em;white-space:nowrap}
.title-and{position:absolute;font-size:.903cqw;line-height:1.2;font-weight:700;letter-spacing:-.03em;white-space:nowrap}
.product-title .first{left:.37246%;top:0}
.product-title .second{left:11.45833%;top:8.35954cqw}
.product-title .third{left:28.65306%;top:16.82799cqw}
.product-title .title-and{right:72.59494%;top:17.3cqw}
.event-title{transform:translateX(var(--title-center-shift,0px))}
.event-title .first{left:9.59525%;top:0}
.event-title .second{left:35.99107%;top:8.10547cqw}
.event-title .third{left:59.43421%;top:16.678cqw}
.event-title .title-and{left:40.05%;top:5.8cqw}
@media(max-width:1100px){.nav{padding:28px 24px 0}.discipline-page{padding-top:85px}}
@media(max-width:767px){
 .discipline-page{padding:55px 18px;min-height:calc(100svh - 66px)}
 .discipline-title{width:100%}
 .title-and{font-size:clamp(6px,.903cqw,11.666875px)}
}