[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos] {
    pointer-events: none
}

[data-aos].aos-animate {
    pointer-events: auto
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, transform
    }

    html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: none
    }

    html:not(.no-js) [data-aos=fade-up] {
        transform: translate3d(0, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        transform: translate3d(0, -100px, 0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        transform: translate3d(-100px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        transform: translate3d(100px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        transform: translate3d(-100px, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        transform: translate3d(100px, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        transform: translate3d(-100px, -100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        transform: translate3d(100px, -100px, 0)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity, transform
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        transform: translateZ(0) scale(1)
    }

    html:not(.no-js) [data-aos=zoom-in] {
        transform: scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        transform: translate3d(0, 100px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        transform: translate3d(0, -100px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        transform: translate3d(-100px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        transform: translate3d(100px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        transform: translate3d(0, 100px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        transform: translate3d(0, -100px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        transform: translate3d(-100px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        transform: translate3d(100px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: transform;
        visibility: hidden
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
        visibility: visible;
        transform: translateZ(0)
    }

    html:not(.no-js) [data-aos=slide-up] {
        transform: translate3d(0, 100%, 0)
    }

    html:not(.no-js) [data-aos=slide-down] {
        transform: translate3d(0, -100%, 0)
    }

    html:not(.no-js) [data-aos=slide-right] {
        transform: translate3d(-100%, 0, 0)
    }

    html:not(.no-js) [data-aos=slide-left] {
        transform: translate3d(100%, 0, 0)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        transform: perspective(2500px) rotateY(-100deg)
    }

    html:not(.no-js) [data-aos=flip-left].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-right] {
        transform: perspective(2500px) rotateY(100deg)
    }

    html:not(.no-js) [data-aos=flip-right].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-up] {
        transform: perspective(2500px) rotateX(-100deg)
    }

    html:not(.no-js) [data-aos=flip-up].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }

    html:not(.no-js) [data-aos=flip-down] {
        transform: perspective(2500px) rotateX(100deg)
    }

    html:not(.no-js) [data-aos=flip-down].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }
}

/*

tussen 1024 en 1600 schalen we 15% op.

basiswaarde op 1024 is x

x * 1,15 = y = gewenste waarde op 1600

y - x = z = verschil dat we moeten opbouwen tussen 1024 en 1600

z / (1600 - 1024) = w = verschil gedeeld door de range, dit wordt de basis unit = percentage van schermbreedte

v = w * aanvangsbreedte 1024 (in pixels)

x (px) + z (vw) - v (px)


((13,11*1,15)-13,11)/(1600-1024)*1024

 */
/*

! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com

 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e5e7eb;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/
html {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
    tab-size: 4;
    /* 3 */
    font-family: ImScGraphik, sans-serif;
    /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/*
Add the correct font size in all browsers.
*/
small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
    resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
    max-width: 100%;
    height: auto;
}

/*
Ensure the default browser behavior of the `hidden` attribute.
*/
[hidden] {
    display: none;
}

[type='text'],
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
}

[type='text']:focus,
[type='email']:focus,
[type='url']:focus,
[type='password']:focus,
[type='number']:focus,
[type='date']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='week']:focus,
[multiple]:focus,
textarea:focus,
select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
}

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

[multiple] {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    -webkit-print-color-adjust: unset;
    color-adjust: unset
}

[type='checkbox'],
[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

[type='checkbox'] {
    border-radius: 0px
}

[type='radio'] {
    border-radius: 100%
}

[type='checkbox']:focus,
[type='radio']:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type='checkbox']:checked,
[type='radio']:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

[type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}

[type='checkbox']:checked:hover,
[type='checkbox']:checked:focus,
[type='radio']:checked:hover,
[type='radio']:checked:focus {
    border-color: transparent;
    background-color: currentColor
}

[type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type='checkbox']:indeterminate:hover,
[type='checkbox']:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor
}

[type='file'] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

[type='file']:focus {
    outline: 1px auto -webkit-focus-ring-color
}

*,
::before,
::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

@media (min-width: 320px) {
    .container {
        max-width: 320px
    }
}

@media (min-width: 480px) {
    .container {
        max-width: 480px
    }
}

@media (min-width: 522px) {
    .container {
        max-width: 522px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1025px) {
    .container {
        max-width: 1025px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1600px
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: 1920px
    }
}

@media (min-width: 2400px) {
    .container {
        max-width: 2400px
    }
}

@media (min-width: 3200px) {
    .container {
        max-width: 3200px
    }
}

.flex-text-quote {
    font-size: 11.28vw
}

@media (min-width: 522px) {
    .flex-text-quote {
        font-size: 5.80vw
    }
}

@media (min-width: 1025px) {
    .flex-text-quote {
        font-size: 3.91vw
    }
}

@media (min-width: 1600px) {
    .flex-text-quote {
        font-size: 2.94vw
    }
}

@media (min-width: 2400px) {
    .flex-text-quote {
        font-size: 2.36vw
    }
}

@media (min-width: 3200px) {
    .flex-text-quote {
        font-size: 1.97vw
    }
}

.flex-col-text-normal {
    font-size: 3.95vw
}

@media (min-width: 522px) {
    .flex-col-text-normal {
        font-size: 2.03vw
    }
}

@media (min-width: 1025px) {
    .flex-col-text-normal {
        font-size: 1.37vw
    }
}

@media (min-width: 1600px) {
    .flex-col-text-normal {
        font-size: 1.03vw
    }
}

@media (min-width: 2400px) {
    .flex-col-text-normal {
        font-size: 0.82vw
    }
}

@media (min-width: 3200px) {
    .flex-col-text-normal {
        font-size: 0.69vw
    }
}
.article {
    --max-size-px: 17px;
    --min-size-px: 13px;
}

.flex-text-title-small {
    font-size: 3.70vw
}

.flex-text-lede-small {
    font-size: clamp(var(--min-size-px), 3.50vw, var(--max-size-px));
}

@media (min-width: 522px) {

    .flex-text-lede-small {
        font-size: clamp(var(--min-size-px), 1.90vw, var(--max-size-px));
    }

    .flex-text-title-small {
        font-size: 1.90vw
    }
}

@media (min-width: 1025px) {

    .flex-text-lede-small {
        font-size: clamp(var(--min-size-px), 1.28vw, var(--max-size-px));
    }

    .flex-text-title-small {
        font-size: 1.28vw
    }
}

@media (min-width: 1600px) {

    .flex-text-lede-small {
        font-size: clamp(var(--min-size-px), 0.96vw, var(--max-size-px));
    }

    .flex-text-title-small {
        font-size: 0.96vw
    }
}

@media (min-width: 2400px) {

    .flex-text-lede-small {
        font-size: clamp(var(--min-size-px), 0.77vw, var(--max-size-px));
    }

    .flex-text-title-small {
        font-size: 0.77vw
    }
}

@media (min-width: 3200px) {

    .flex-text-lede-small {
        font-size: clamp(var(--min-size-px), 0.65vw, var(--max-size-px));
    }

    .flex-text-title-small {
        font-size: 0.65vw
    }
}

.flex-text-title-small-enlarged {
    font-size: 4.921vw
}

@media (min-width: 522px) {
    .flex-text-title-small-enlarged {
        font-size: 2.02vw
    }
}

@media (min-width: 1025px) {
    .flex-text-title-small-enlarged {
        font-size: 1.36vw
    }
}

@media (min-width: 1600px) {
    .flex-text-title-small-enlarged {
        font-size: 1.02vw
    }
}

@media (min-width: 2400px) {
    .flex-text-title-small-enlarged {
        font-size: 0.82vw
    }
}

@media (min-width: 3200px) {
    .flex-text-title-small-enlarged {
        font-size: 0.69vw
    }
}

.flex-text-title-medium,
.flex-text-date {
    font-size: 5.39vw
}

@media (min-width: 522px) {

    .flex-text-title-medium,
    .flex-text-date {
        font-size: 2.90vw
    }
}

@media (min-width: 1025px) {

    .flex-text-title-medium,
    .flex-text-date {
        font-size: 1.95vw
    }
}

@media (min-width: 1600px) {

    .flex-text-title-medium,
    .flex-text-date {
        font-size: 1.47vw
    }
}

@media (min-width: 2400px) {

    .flex-text-title-medium,
    .flex-text-date {
        font-size: 1.18vw
    }
}

@media (min-width: 3200px) {

    .flex-text-title-medium,
    .flex-text-date {
        font-size: 0.99vw
    }
}

.flex-text-date-small {
    font-size: 2.64vw
}

@media (min-width: 522px) {
    .flex-text-date-small {
        font-size: 1.36vw
    }
}

@media (min-width: 1025px) {
    .flex-text-date-small {
        font-size: 0.91vw
    }
}

@media (min-width: 1600px) {
    .flex-text-date-small {
        font-size: 0.69vw
    }
}

@media (min-width: 2400px) {
    .flex-text-date-small {
        font-size: 0.55vw
    }
}

@media (min-width: 3200px) {
    .flex-text-date-small {
        font-size: 0.46vw
    }
}

.flex-text-date-small-enlarged {
    font-size: 3.5vw
}

@media (min-width: 522px) {
    .flex-text-date-small-enlarged {
        font-size: 1.45vw
    }
}

@media (min-width: 1025px) {
    .flex-text-date-small-enlarged {
        font-size: 0.97vw
    }
}

@media (min-width: 1600px) {
    .flex-text-date-small-enlarged {
        font-size: 0.73vw
    }
}

@media (min-width: 2400px) {
    .flex-text-date-small-enlarged {
        font-size: 0.58vw
    }
}

@media (min-width: 3200px) {
    .flex-text-date-small-enlarged {
        font-size: 0.49vw
    }
}

.flex-text-title {
    font-size: 7.89vw
}

@media (min-width: 522px) {
    .flex-text-title {
        font-size: 4.06vw
    }
}

@media (min-width: 1025px) {
    .flex-text-title {
        font-size: 2.73vw
    }
}

@media (min-width: 1600px) {
    .flex-text-title {
        font-size: 2.06vw
    }
}

@media (min-width: 2400px) {
    .flex-text-title {
        font-size: 1.65vw
    }
}

@media (min-width: 3200px) {
    .flex-text-title {
        font-size: 1.38vw
    }
}

html {
    scroll-behavior: smooth;
}

body {
    overscroll-behavior-y: none;

}

.article {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-duration: 0ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.article--inner {
    padding-bottom: 20px
}

/*pr-2  pb-6*/
.debug .article {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 0 / var(--tw-border-opacity))
}

.article>a {
    display: block
}

.article .bg {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-duration: 0ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.article .bg-span span {
    position: relative
}

.article .bg-span span:after {
    position: absolute;
    z-index: -1;
    display: block;
    --tw-translate-y: -90%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: '';
    content: var(--tw-content)
}

@media (min-width: 1024px) {
    .article .bg-span span:after {
        --tw-translate-y: -90%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.article .article-large-category.bg-span span:after {
    /* --tw-translate-y: -80%; */
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 1024px) {
    .article .article-large-category.bg-span span:after {
        --tw-translate-y: -80%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.article .bg-span.flex-text-date span:after,
.article .bg-span.flex-text-title span:after {
    width: calc(100% + 10px);
    --tw-translate-x: -5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-bottom-width: 10vw
}

/* @media (min-width: 522px) { */

    .article .bg-span.flex-text-date span:after,
    .article .bg-span.flex-text-title span:after {
        border-bottom-width: 5.5vw
    }
/* } */

@media (min-width: 1025px) {

    .article .bg-span.flex-text-date span:after,
    .article .bg-span.flex-text-title span:after {
        border-bottom-width: 3.5vw
    }
}

@media (min-width: 1600px) {

    .article .bg-span.flex-text-date span:after,
    .article .bg-span.flex-text-title span:after {
        border-bottom-width: 2.6vw
    }
}

@media (min-width: 2400px) {

    .article .bg-span.flex-text-date span:after,
    .article .bg-span.flex-text-title span:after {
        border-bottom-width: 2.1vw
    }
}

@media (min-width: 3200px) {

    .article .bg-span.flex-text-date span:after,
    .article .bg-span.flex-text-title span:after {
        border-bottom-width: 1.8vw
    }
}

.article .bg-span.flex-text-date-small span:after,
.article .bg-span.flex-text-title-small span:after {
    width: calc(100% + 6px);
    --tw-translate-x: -3px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-bottom-width: 5vw
}

@media (min-width: 522px) {

    .article .bg-span.flex-text-date-small span:after,
    .article .bg-span.flex-text-title-small span:after {
        border-bottom-width: 2.5vw
    }
}

@media (min-width: 1025px) {

    .article .bg-span.flex-text-date-small span:after,
    .article .bg-span.flex-text-title-small span:after {
        border-bottom-width: 1.7vw
    }
}

@media (min-width: 1600px) {

    .article .bg-span.flex-text-date-small span:after,
    .article .bg-span.flex-text-title-small span:after {
        border-bottom-width: 1.3vw
    }
}

@media (min-width: 2400px) {

    .article .bg-span.flex-text-date-small span:after,
    .article .bg-span.flex-text-title-small span:after {
        border-bottom-width: 1.0vw
    }
}

@media (min-width: 3200px) {

    .article .bg-span.flex-text-date-small span:after,
    .article .bg-span.flex-text-title-small span:after {
        border-bottom-width: 0.85vw
    }
}

.article .bg-span.flex-text-date-small-enlarged span:after,
.article .bg-span.flex-text-title-small-enlarged span:after {
    width: calc(100% + 6px);
    --tw-translate-x: -3px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-bottom-width: 6.65vw
}

@media (min-width: 522px) {

    .article .bg-span.flex-text-date-small-enlarged span:after,
    .article .bg-span.flex-text-title-small-enlarged span:after {
        border-bottom-width: 2.66vw
    }
}

@media (min-width: 1025px) {

    .article .bg-span.flex-text-date-small-enlarged span:after,
    .article .bg-span.flex-text-title-small-enlarged span:after {
        border-bottom-width: 1.7vw
    }
}

@media (min-width: 1600px) {

    .article .bg-span.flex-text-date-small-enlarged span:after,
    .article .bg-span.flex-text-title-small-enlarged span:after {
        border-bottom-width: 1.3vw
    }
}

@media (min-width: 2400px) {

    .article .bg-span.flex-text-date-small-enlarged span:after,
    .article .bg-span.flex-text-title-small-enlarged span:after {
        border-bottom-width: 1.0vw
    }
}

@media (min-width: 3200px) {

    .article .bg-span.flex-text-date-small-enlarged span:after,
    .article .bg-span.flex-text-title-small-enlarged span:after {
        border-bottom-width: 0.85vw
    }
}

.article .bg-span.flex-text-lede-small span:after {
    width: calc(100% + 6px);
    --tw-translate-x: -3px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-bottom-width: 5.64vw
}

@media (min-width: 522px) {
    .article .bg-span.flex-text-lede-small span:after {
        border-bottom-width: 2.87vw
    }
}

@media (min-width: 1025px) {
    .article .bg-span.flex-text-lede-small span:after {
        border-bottom-width: 1.9vw
    }
}

@media (min-width: 1600px) {
    .article .bg-span.flex-text-lede-small span:after {
        border-bottom-width: 1.5vw
    }
}

@media (min-width: 2400px) {
    .article .bg-span.flex-text-lede-small span:after {
        border-bottom-width: 1.1vw
    }
}

@media (min-width: 3200px) {
    .article .bg-span.flex-text-lede-small span:after {
        border-bottom-width: 0.9vw
    }
}

.article.projects {
    color: var(--projects-primary)
}

.dark .article.projects {
    color: var(--projects-primary-dark)
}

.article.projects.bg,
.article.projects .bg {
    background-color: var(--projects-bg)
}

.dark .article.projects.bg,
.dark .article.projects .bg {
    background-color: var(--projects-bg-dark)
}

.article.projects .bg-span span:after {
    border-color: var(--projects-bg)
}

.dark .article.projects .bg-span span:after {
    border-color: var(--projects-bg-dark)
}

.article.projects .secondary {
    color: var(--projects-secondary)
}

.dark .article.projects .secondary {
    color: var(--projects-secondary-dark)
}

.splide__slide .bg-span span:after {
    border-color: var(--projects-bg)
}

.dark .splide__slide .bg-span span:after {
    border-color: var(--projects-bg-dark)
}

.article a:hover img {
    opacity: .9 !important
}

.article a:hover .nohover img {
    opacity: 1 !important
}

.article.updates {
    color: var(--updates-primary)
}

.dark .article.updates {
    color: var(--updates-primary-dark)
}

.article.updates.bg,
.article.updates .bg {
    background-color: var(--updates-bg)
}

.dark .article.updates.bg,
.dark .article.updates .bg {
    background-color: var(--updates-bg-dark)
}

.article.updates .bg-span span:after {
    border-color: var(--updates-bg)
}

.dark .article.updates .bg-span span:after {
    border-color: var(--updates-bg-dark)
}

.article.updates .secondary {
    color: var(--updates-secondary)
}

.dark .article.updates .secondary {
    color: var(--updates-secondary-dark)
}

.article.ut {
    color: var(--ut-primary)
}

.dark .article.ut {
    color: var(--ut-primary-dark)
}

.article.ut.bg,
.article.ut .bg {
    background-color: var(--ut-bg)
}

.dark .article.ut.bg,
.dark .article.ut .bg {
    background-color: var(--ut-bg-dark)
}

.article.ut .bg-span span:after {
    border-color: var(--ut-bg)
}

.dark .article.ut .bg-span span:after {
    border-color: var(--ut-bg-dark)
}

.article.ut .secondary {
    color: var(--ut-secondary)
}

.dark .article.ut .secondary {
    color: var(--ut-secondary-dark)
}



.article.fieldnotes {
    color: var(--fieldnotes-primary)
}

.dark .article.fieldnotes {
    color: var(--fieldnotes-primary-dark)
}

.article.fieldnotes.bg,
.article.fieldnotes .bg {
    background-color: var(--fieldnotes-bg)
}

.dark .article.fieldnotes.bg,
.dark .article.fieldnotes .bg {
    background-color: var(--fieldnotes-bg-dark)
}

.article.fieldnotes .bg-span span:after {
    border-color: var(--fieldnotes-bg)
}

.dark .article.fieldnotes .bg-span span:after {
    border-color: var(--fieldnotes-bg-dark)
}

.article.fieldnotes .secondary {
    color: var(--fieldnotes-secondary)
}

.dark .article.fieldnotes .secondary {
    color: var(--fieldnotes-secondary-dark)
}

.article.fieldnotes a:hover .secondary {
    /*@apply text-fieldnotes-primary dark:text-fieldnotes-primary-dark*/
}

.article.insights {
    color: var(--insights-primary)
}

.dark .article.insights {
    color: var(--insights-primary-dark)
}

.article.insights.bg,
.article.insights .bg {
    background-color: var(--insights-bg)
}

.dark .article.insights.bg,
.dark .article.insights .bg {
    background-color: var(--insights-bg-dark)
}

.article.insights .bg-span span:after {
    border-color: var(--insights-bg)
}

.dark .article.insights .bg-span span:after {
    border-color: var(--insights-bg-dark)
}

.article.insights .secondary {
    color: var(--insights-secondary)
}

.dark .article.insights .secondary {
    color: var(--insights-secondary-dark)
}

.article.insights a:hover .secondary {
    /*@apply text-insights-primary dark:text-insights-primary-dark*/
}

.article:not(.article--nohover, .article--text-over-image, .article--image).projects a:hover *:not(.secondary, .nohover),
.article.projects a .hover-title:hover *:not(.secondary, .nohover) {
    color: var(--projects-primary-rollover)
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).projects a:hover *:not(.secondary, .nohover),
.dark .article.projects a .hover-title:hover *:not(.secondary, .nohover) {
    color: var(--projects-primary-rollover-dark)
}

.article:not(.article--nohover, .article--text-over-image, .article--image).projects a:hover .nohover p {
    color: var(--projects-primary) !important
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).projects a:hover .nohover p {
    color: var(--projects-primary-dark) !important
}

.article:not(.article--nohover, .article--text-over-image, .article--image).projects a:hover .secondary,
.article.projects a .hover-title:hover .secondary {
    color: var(--projects-secondary-rollover)
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).projects a:hover .secondary,
.dark .article.projects a .hover-title:hover .secondary {
    color: var(--projects-secondary-rollover-dark)
}

.article:not(.article--nohover, .article--text-over-image, .article--image).updates a:hover *:not(.secondary, .nohover),
.article.updates a .hover-title:hover *:not(.secondary, .nohover) {
    color: var(--updates-primary-rollover)
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).updates a:hover *:not(.secondary, .nohover),
.dark .article.updates a .hover-title:hover *:not(.secondary, .nohover) {
    color: var(--updates-primary-rollover-dark)
}

.article:not(.article--nohover, .article--text-over-image, .article--image).updates a:hover .nohover p {
    color: var(--updates-primary) !important
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).updates a:hover .nohover p {
    color: var(--updates-primary-dark) !important
}

.article:not(.article--nohover, .article--text-over-image, .article--image).updates a:hover .secondary,
.article.updates a .hover-title:hover .secondary {
    color: var(--updates-secondary-rollover)
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).updates a:hover .secondary,
.dark .article.updates a .hover-title:hover .secondary {
    color: var(--updates-secondary-rollover-dark)
}

.article:not(.article--nohover, .article--text-over-image, .article--image).ut a:hover *:not(.secondary, .nohover),
.article.ut a .hover-title:hover *:not(.secondary, .nohover) {
    color: var(--ut-primary-rollover)
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).ut a:hover *:not(.secondary, .nohover),
.dark .article.ut a .hover-title:hover *:not(.secondary, .nohover) {
    color: var(--ut-primary-rollover-dark)
}

.article:not(.article--nohover, .article--text-over-image, .article--image).ut a:hover .nohover p {
    color: var(--ut-primary) !important
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).ut a:hover .nohover p {
    color: var(--ut-primary-dark) !important
}

.article:not(.article--nohover, .article--text-over-image, .article--image).ut a:hover .secondary,
.article.ut a .hover-title:hover .secondary {
    color: var(--ut-secondary-rollover)
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).ut a:hover .secondary,
.dark .article.ut a .hover-title:hover .secondary {
    color: var(--ut-secondary-rollover-dark)
}

.article:not(.article--nohover, .article--text-over-image, .article--image).insights a:hover *:not(.secondary, .nohover),
.article.insights a .hover-title:hover *:not(.secondary, .nohover) {
    color: var(--insights-primary-rollover)
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).insights a:hover *:not(.secondary, .nohover),
.dark .article.insights a .hover-title:hover *:not(.secondary, .nohover) {
    color: var(--insights-primary-rollover-dark)
}

.article:not(.article--nohover, .article--text-over-image, .article--image).insights a:hover .nohover p {
    color: var(--insights-primary) !important
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).insights a:hover .nohover p {
    color: var(--insights-primary-dark) !important
}

.article:not(.article--nohover, .article--text-over-image, .article--image).insights a:hover .secondary,
.article.insights a .hover-title:hover .secondary {
    color: var(--insights-secondary-rollover)
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).insights a:hover .secondary,
.dark .article.insights a .hover-title:hover .secondary {
    color: var(--insights-secondary-rollover-dark)
}

.article:not(.article--nohover, .article--text-over-image, .article--image).fieldnotes a:hover *:not(.secondary, .nohover),
.article.fieldnotes a .hover-title:hover *:not(.secondary, .nohover) {
    color: var(--fieldnotes-primary-rollover)
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).fieldnotes a:hover *:not(.secondary, .nohover),
.dark .article.fieldnotes a .hover-title:hover *:not(.secondary, .nohover) {
    color: var(--fieldnotes-primary-rollover-dark)
}

.article:not(.article--nohover, .article--text-over-image, .article--image).fieldnotes a:hover .nohover p {
    color: var(--fieldnotes-primary) !important
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).fieldnotes a:hover .nohover p {
    color: var(--fieldnotes-primary-dark) !important
}

.article:not(.article--nohover, .article--text-over-image, .article--image).fieldnotes a:hover .secondary,
.article.fieldnotes a .hover-title:hover .secondary {
    color: var(--fieldnotes-secondary-rollover)
}

.dark .article:not(.article--nohover, .article--text-over-image, .article--image).fieldnotes a:hover .secondary,
.dark .article.fieldnotes a .hover-title:hover .secondary {
    color: var(--fieldnotes-secondary-rollover-dark)
}

.article.article--text-over-image.projects a:hover *:not(.secondary) .fade-on-hover {
    color: var(--projects-primary-rollover)
}

.dark .article.article--text-over-image.projects a:hover *:not(.secondary) .fade-on-hover {
    color: var(--projects-primary-rollover-dark)
}

.article.article--text-over-image.projects a:hover .secondary .fade-on-hover {
    color: var(--projects-secondary-rollover)
}

.dark .article.article--text-over-image.projects a:hover .secondary .fade-on-hover {
    color: var(--projects-secondary-rollover-dark)
}

.article.article--text-over-image.updates a:hover *:not(.secondary) .fade-on-hover {
    color: var(--updates-primary-rollover)
}

.dark .article.article--text-over-image.updates a:hover *:not(.secondary) .fade-on-hover {
    color: var(--updates-primary-rollover-dark)
}

.article.article--text-over-image.updates a:hover .secondary .fade-on-hover {
    color: var(--updates-secondary-rollover)
}

.dark .article.article--text-over-image.updates a:hover .secondary .fade-on-hover {
    color: var(--updates-secondary-rollover-dark)
}

.article.article--text-over-image.ut a:hover *:not(.secondary) .fade-on-hover {
    color: var(--ut-primary-rollover)
}

.dark .article.article--text-over-image.ut a:hover *:not(.secondary) .fade-on-hover {
    color: var(--ut-primary-rollover-dark)
}

.article.article--text-over-image.ut a:hover .secondary .fade-on-hover {
    color: var(--ut-secondary-rollover)
}

.dark .article.article--text-over-image.ut a:hover .secondary .fade-on-hover {
    color: var(--ut-secondary-rollover-dark)
}

.article.article--text-over-image.insights a:hover *:not(.secondary) .fade-on-hover {
    color: var(--insights-primary-rollover)
}

.dark .article.article--text-over-image.insights a:hover *:not(.secondary) .fade-on-hover {
    color: var(--insights-primary-rollover-dark)
}

.article.article--text-over-image.insights a:hover .secondary .fade-on-hover {
    color: var(--insights-secondary-rollover)
}

.dark .article.article--text-over-image.insights a:hover .secondary .fade-on-hover {
    color: var(--insights-secondary-rollover-dark)
}

.article.article--text-over-image.fieldnotes a:hover *:not(.secondary) .fade-on-hover {
    color: var(--fieldnotes-primary-rollover)
}

.dark .article.article--text-over-image.fieldnotes a:hover *:not(.secondary) .fade-on-hover {
    color: var(--fieldnotes-primary-rollover-dark)
}

.article.article--text-over-image.fieldnotes a:hover .secondary .fade-on-hover {
    color: var(--fieldnotes-secondary-rollover)
}

.dark .article.article--text-over-image.fieldnotes a:hover .secondary .fade-on-hover {
    color: var(--fieldnotes-secondary-rollover-dark)
}

.article--embed iframe {
    border-radius: 15px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.dark .article--embed iframe {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.w--large {
    /*@apply w-full col3:w-2/3 col4:w-1/2 col5:w-2/5 col6:w-2/6*/
    /*@apply w-full col3:w-[calc(66.666%_-_8px)] col4:w-1/2 col5:w-2/5 col6:w-2/6*/
    width: 100%
}

@media (min-width: 1025px) {
    .w--large {
        width: calc(66.666% - 10px)
    }
}

@media (min-width: 1600px) {
    .w--large {
        width: calc(50% - 15px)
    }
}

.w--normal {
    /*@apply w-full col2:w-1/2 col3:w-1/3 col4:w-1/4 col5:w-1/5 col6:w-1/6*/
    /*@apply w-full col2:w-1/2 col3:w-[calc(33.333%_-_10px)] col4:w-1/4 col5:w-1/5 col6:w-1/6*/
    width: 100%
}

@media (min-width: 522px) {
    .w--normal {
        width: 50%
    }
}

@media (min-width: 1025px) {
    .w--normal {
        width: calc(33.333% - 13.33px)
    }
}

@media (min-width: 1600px) {
    .w--normal {
        width: calc(25% - 22.5px)
    }
}

.w--small {
    /*@apply w-1/2 col2:w-1/4 col3:w-1/6 col4:w-1/8 col5:w-1/10 col6:w-1/12*/
    /* 5 * gutter / 6 = 12.5 */
    /*@apply w-1/2 col2:w-1/4 col3:w-[calc(16.6666%_-_13px)] col4:w-1/8 col5:w-1/10 col6:w-1/12*/
    width: calc(50% - 10px)
}

@media (min-width: 750px) {
    .w--small {
        width: 25%
    }
}

@media (min-width: 1025px) {
    .w--small {
        width: calc(16.6666% - 18px)
    }
}

@media (min-width: 1600px) {
    .w--small {
        width: calc(12.5% - 26.25px)
    }
}

.scrolled-down:not(.menu-opened) .top-bar {
    --tw-translate-y: -68px !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scrolled-down:not(.menu-opened) .main-nav {
    top: 68px !important
}

.scrolled-down:not(.menu-opened) main header {
    --tw-translate-y: -68px !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.splide__pagination__page {
    margin: 4px;
    height: 8px;
    width: 8px;
    background-color: black;
    opacity: 0.4 !important;
}

.dark .splide__pagination__page {
    background-color: white;
}

.splide__pagination__page.is-active {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    opacity: 1 !important
}
/* taywa mod 2026 unneded */
/*
.dark .splide__pagination__page.is-active {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}
*/
.main-nav .menu>li {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25 / var(--tw-border-opacity));
    padding-top: 10px;
    padding-bottom: 10px
}

.dark .main-nav .menu>li {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity))
}

.main-nav .menu>li:last-child {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25 / var(--tw-border-opacity))
}

.dark .main-nav .menu>li:last-child {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity))
}

.main-nav .menu>li a {
    display: inline-block;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.main-nav .menu>li a:hover {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity))
}

.main-nav #social>li a {
    font-weight: 400
}

.menu-opened .main-nav {
    --tw-translate-x: 0% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.menu-opened .nav-background {
    display: block !important
}

.top,
.bottom {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.menu-opened .top {
    --tw-translate-x: 1px;
    --tw-translate-y: 4.25px;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.menu-opened .bottom {
    --tw-translate-x: 1px;
    --tw-translate-y: -4px;
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.flex-text-normal {
    font-size: 14px
}

@media (min-width: 1024px) {
    .flex-text-normal {
        font-size: calc(14px + .364vw - 3.733px)
    }
}

@media (min-width: 1600px) {
    .flex-text-normal {
        font-size: 16.1px
    }
}

.flex-text-normal--size-large {
    font-size: 16.1px
}

@media (min-width: 1024px) {
    .flex-text-normal--size-large {
        font-size: calc(16.1px + .4192vw - 4.29px)
    }
}

@media (min-width: 1600px) {
    .flex-text-normal--size-large {
        font-size: 18.515px
    }
}

.flex-text-normal--size-largest {
    font-size: 18.515px
}

@media (min-width: 1024px) {
    .flex-text-normal--size-largest {
        font-size: calc(18.515px + .4821vw - 4.937px)
    }
}

@media (min-width: 1600px) {
    .flex-text-normal--size-largest {
        font-size: 21.29px
    }
}

.flex-text-notes {
    font-size: 11.2px
}

@media (min-width: 1024px) {
    .flex-text-notes {
        font-size: calc(11.2px + .2916vw - 2.99px)
    }
}

@media (min-width: 1600px) {
    .flex-text-notes {
        font-size: 12.88px
    }
}

.\!flex-text-notes {
    font-size: 11.2px
}

@media (min-width: 1024px) {
    .\!flex-text-notes {
        font-size: calc(11.2px + .2916vw - 2.99px)
    }
}

@media (min-width: 1600px) {
    .\!flex-text-notes {
        font-size: 12.88px
    }
}

.flex-text-notes--size-large {
    font-size: 12.88px
}

@media (min-width: 1024px) {
    .flex-text-notes--size-large {
        font-size: calc(12.88px + .3354vw - 3.43px)
    }
}

@media (min-width: 1600px) {
    .flex-text-notes--size-large {
        font-size: 14.812px
    }
}

.\!flex-text-notes--size-large {
    font-size: 12.88px
}

@media (min-width: 1024px) {
    .\!flex-text-notes--size-large {
        font-size: calc(12.88px + .3354vw - 3.43px)
    }
}

@media (min-width: 1600px) {
    .\!flex-text-notes--size-large {
        font-size: 14.812px
    }
}

.flex-text-notes--size-largest {
    font-size: 14.812px
}

@media (min-width: 1024px) {
    .flex-text-notes--size-largest {
        font-size: calc(14.812px + .3857vw - 3.949px)
    }
}

@media (min-width: 1600px) {
    .flex-text-notes--size-largest {
        font-size: 17.03px
    }
}

.\!flex-text-notes--size-largest {
    font-size: 14.812px
}

@media (min-width: 1024px) {
    .\!flex-text-notes--size-largest {
        font-size: calc(14.812px + .3857vw - 3.949px)
    }
}

@media (min-width: 1600px) {
    .\!flex-text-notes--size-largest {
        font-size: 17.03px
    }
}

.flex-text-medium {
    font-size: 12.5px
}

@media (min-width: 1024px) {
    .flex-text-medium {
        font-size: calc(12.5px + .3255vw - 3.33px)
    }
}

@media (min-width: 1600px) {
    .flex-text-medium {
        font-size: 14.375px
    }
}

.flex-text-medium--size-large {
    font-size: 14.375px
}

@media (min-width: 1024px) {
    .flex-text-medium--size-large {
        font-size: calc(14.375px + .374vw - 3.83px)
    }
}

@media (min-width: 1600px) {
    .flex-text-medium--size-large {
        font-size: 16.53px
    }
}

.flex-text-medium--size-largest {
    font-size: 16.53px
}

@media (min-width: 1024px) {
    .flex-text-medium--size-largest {
        font-size: calc(16.53px + .43vw - 4.41px)
    }
}

@media (min-width: 1600px) {
    .flex-text-medium--size-largest {
        font-size: 19px
    }
}

.imsc__intro-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.35
}

.dark .imsc__intro-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .imsc__intro-text {
        font-size: calc(20px + .52vw - 5.333px)
    }
}

@media (min-width: 1600px) {
    .imsc__intro-text {
        font-size: 23px
    }
}

.imsc__intro-text a {
    color: var(--updates-primary);
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important
}

.dark .imsc__intro-text a {
    color: var(--updates-primary-dark)
}

.imsc__intro-text a:hover {
    opacity: .66
}

.internal-anchor {
    height: 1rem;
    display: block;
}

.wysiwyg {
    font-size: 14px
}

@media (min-width: 1024px) {
    .wysiwyg {
        font-size: calc(14px + .364vw - 3.733px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg {
        font-size: 16.1px
    }
}

html[data-size="large"] .wysiwyg {
    font-size: 16.1px
}

@media (min-width: 1024px) {
    html[data-size="large"] .wysiwyg {
        font-size: calc(16.1px + .4192vw - 4.29px)
    }
}

@media (min-width: 1600px) {
    html[data-size="large"] .wysiwyg {
        font-size: 18.515px
    }
}

html[data-size="largest"] .wysiwyg {
    font-size: 18.515px
}

@media (min-width: 1024px) {
    html[data-size="largest"] .wysiwyg {
        font-size: calc(18.515px + .4821vw - 4.937px)
    }
}

@media (min-width: 1600px) {
    html[data-size="largest"] .wysiwyg {
        font-size: 21.29px
    }
}

.wysiwyg {
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.wysiwyg *::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.wysiwyg *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.wysiwyg::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.wysiwyg::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.dark .wysiwyg {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.dark .wysiwyg *::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.dark .wysiwyg *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.dark .wysiwyg::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.dark .wysiwyg::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.wysiwyg a {

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

}

.wysiwyg--serif {
    line-height: 1.6
}



.wysiwyg p,
.wysiwyg ol,
.wysiwyg ul,
.wysiwyg h2,
.wysiwyg hr,
.wysiwyg .bio,
.wysiwyg iframe,
.wysiwyg .iframe,
.wysiwyg .question,
.wysiwyg .answer,
.wysiwyg blockquote {
    position: relative;
    margin-bottom: 1.5em
}

.wysiwyg p:last-child,
.wysiwyg ol:last-child,
.wysiwyg ul:last-child,
.wysiwyg h2:last-child,
.wysiwyg hr:last-child,
.wysiwyg .bio:last-child,
.wysiwyg iframe:last-child,
.wysiwyg .iframe:last-child,
.wysiwyg .question:last-child,
.wysiwyg .answer:last-child,
.wysiwyg blockquote:last-child {
    margin-bottom: 0px
}

.wysiwyg blockquote p {
    font-family: ImScGraphik, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

@media (min-width: 1024px) {
    .wysiwyg blockquote p {
        font-size: calc(20px + .52vw - 5.333px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg blockquote p {
        font-size: 23px
    }
}

.wysiwyg hr {
    font-size: 14px
}

@media (min-width: 1024px) {
    .wysiwyg hr {
        font-size: calc(14px + .364vw - 3.733px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg hr {
        font-size: 16.1px
    }
}

.wysiwyg hr {
    height: 1px;
    width: 10%;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity))
}

.dark .wysiwyg hr {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}

.wysiwyg hr.hr--wide {
    font-size: 14px
}

@media (min-width: 1024px) {
    .wysiwyg hr.hr--wide {
        font-size: calc(14px + .364vw - 3.733px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg hr.hr--wide {
        font-size: 16.1px
    }
}

.wysiwyg hr.hr--wide {
    height: 1px;
    width: 90%;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity))
}

.dark .wysiwyg hr.hr--wide {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}

.wysiwyg hr {
    margin-bottom: 0.75em;
    margin-top: -0.75em;
}

.wysiwyg .small + hr {
    margin-bottom: 0.65em;
    margin-top: -1.45em;
}

.wysiwyg .medium + hr {
    margin-top: -0.65em;
}


.wysiwyg .iframe iframe {
    margin-bottom: 0;
}

.wysiwyg p>p:last-child {
    margin-bottom: 0px
}

.wysiwyg .large {
    margin-bottom: 1.35em;
    font-family: ImScGraphik, sans-serif;
    font-size: 17.5px;
    font-weight: 500;
    line-height: 1.35
}

@media (min-width: 1024px) {
    .wysiwyg .large {
        font-size: calc(17.5px + .4557vw - 4.666px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg .large {
        font-size: 20.125px
    }
}

html[data-size=large] .wysiwyg .large {
    margin-bottom: 1.35em;
    font-size: 20.125px;
    font-weight: 500;
    line-height: 1.35
}

@media (min-width: 1024px) {
    html[data-size=large] .wysiwyg .large {
        font-size: calc(20.125px + .524vw - 5.36px)
    }
}

@media (min-width: 1600px) {
    html[data-size=large] .wysiwyg .large {
        font-size: 23.143px
    }
}

html[data-size=largest] .wysiwyg .large {
    margin-bottom: 1.35em;
    font-size: 23.143px;
    font-weight: 500;
    line-height: 1.35
}

@media (min-width: 1024px) {
    html[data-size=largest] .wysiwyg .large {
        font-size: calc(23.143px + .602vw - 6.17px)
    }
}

@media (min-width: 1600px) {
    html[data-size=largest] .wysiwyg .large {
        font-size: 26.614px
    }
}

.wysiwyg .large--sub {
    margin-bottom: 1.35em;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35
}

@media (min-width: 1024px) {
    .wysiwyg .large--sub {
        font-size: calc(16px + .4166vw - 4.266px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg .large--sub {
        font-size: 18.4px
    }
}

html[data-size=large] .wysiwyg .large--sub {
    margin-bottom: 1.35em;
    font-size: 18.4px;
    font-weight: 500;
    line-height: 1.35
}

@media (min-width: 1024px) {
    html[data-size=large] .wysiwyg .large--sub {
        font-size: calc(18.4px + .479vw - 4.90px)
    }
}

@media (min-width: 1600px) {
    html[data-size=large] .wysiwyg .large--sub {
        font-size: 21.16px
    }
}

html[data-size=largest] .wysiwyg .large--sub {
    margin-bottom: 1.35em;
    font-size: 21.16px;
    font-weight: 500;
    line-height: 1.35
}

@media (min-width: 1024px) {
    html[data-size=largest] .wysiwyg .large--sub {
        font-size: calc(21.16px + .551vw - 5.64px)
    }
}

@media (min-width: 1600px) {
    html[data-size=largest] .wysiwyg .large--sub {
        font-size: 24.334px
    }
}

.wysiwyg .medium hr.hr--wide {
    width: 70%
}

.wysiwyg .small {
    font-size: 11.2px
}

@media (min-width: 1024px) {
    .wysiwyg .small {
        font-size: calc(11.2px + .2916vw - 2.99px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg .small {
        font-size: 12.88px
    }
}

.wysiwyg .small {
    margin-bottom: 2.5em;
    width: 83.855%;
    font-family: ImScGraphik, sans-serif !important
}

html[data-size=large] .wysiwyg p.small {
    font-size: 12.88px
}

@media (min-width: 1024px) {
    html[data-size=large] .wysiwyg p.small {
        font-size: calc(12.88px + .3354vw - 3.43px)
    }
}

@media (min-width: 1600px) {
    html[data-size=large] .wysiwyg p.small {
        font-size: 14.812px
    }
}

html[data-size=largest] .wysiwyg p.small {
    font-size: 14.812px
}

@media (min-width: 1024px) {
    html[data-size=largest] .wysiwyg p.small {
        font-size: calc(14.812px + .3857vw - 3.949px)
    }
}

@media (min-width: 1600px) {
    html[data-size=largest] .wysiwyg p.small {
        font-size: 17.03px
    }
}

.wysiwyg .medium {
    font-size: 12.5px
}

@media (min-width: 1024px) {
    .wysiwyg .medium {
        font-size: calc(12.5px + .3255vw - 3.33px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg .medium {
        font-size: 14.375px
    }
}

.wysiwyg .medium {
    width: 90%
}

html[data-size=large] .wysiwyg p.medium {
    font-size: 14.375px
}

@media (min-width: 1024px) {
    html[data-size=large] .wysiwyg p.medium {
        font-size: calc(14.375px + .374vw - 3.83px)
    }
}

@media (min-width: 1600px) {
    html[data-size=large] .wysiwyg p.medium {
        font-size: 16.53px
    }
}

html[data-size=largest] .wysiwyg p.medium {
    font-size: 16.53px
}

@media (min-width: 1024px) {
    html[data-size=largest] .wysiwyg p.medium {
        font-size: calc(16.53px + .43vw - 4.41px)
    }
}

@media (min-width: 1600px) {
    html[data-size=largest] .wysiwyg p.medium {
        font-size: 19px
    }
}

/* lg:text-[1.709vw] */
.wysiwyg .medium hr.hr--wide {
    width: 81%
}

.wysiwyg h2 {
    font-family: ImScGraphik, sans-serif !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

@media (min-width: 1024px) {
    .wysiwyg h2 {
        font-size: calc(20px + .52vw - 5.333px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg h2 {
        font-size: 23px
    }
}

.wysiwyg .title--sub {
    font-family: ImScGraphik, sans-serif !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

@media (min-width: 1024px) {
    .wysiwyg .title--sub {
        position: absolute;
        left: 100%;
        width: 90%;
        --tw-translate-x: 30px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        font-size: calc(25px + .651vw - 6.666px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg .title--sub {
        font-size: 27.75px
    }
}

.wysiwyg h2 span {
    display: block;
    color: var(--projects-secondary)
}

.dark .wysiwyg h2 span {
    color: var(--projects-secondary-dark)
}

.wysiwyg h3 {
    font-weight: 600
}

.wysiwyg h3+h3 {
    margin-top: 1.5em
}

.wysiwyg .title--subsub {
    margin-bottom: 1.0em;
    font-size: 17.5px;
    line-height: 1.35
}

@media (min-width: 1024px) {
    .wysiwyg .title--subsub {
        font-size: calc(17.5px + .4557vw - 4.666px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg .title--subsub {
        font-size: 20.125px
    }
}

html[data-size=large] .wysiwyg .title--subsub {
    font-size: 20.125px
}

@media (min-width: 1024px) {
    html[data-size=large] .wysiwyg .title--subsub {
        font-size: calc(20.125px + .524vw - 5.36px)
    }
}

@media (min-width: 1600px) {
    html[data-size=large] .wysiwyg .title--subsub {
        font-size: 23.143px
    }
}

html[data-size=largest] .wysiwyg .title--subsub {
    font-size: 23.143px
}

@media (min-width: 1024px) {
    html[data-size=largest] .wysiwyg .title--subsub {
        font-size: calc(23.143px + .602vw - 6.17px)
    }
}

@media (min-width: 1600px) {
    html[data-size=largest] .wysiwyg .title--subsub {
        font-size: 26.614px
    }
}

.wysiwyg .answer,
.wysiwyg .question {
    font-family: ImScGuardianTextEgyptian, serif
}

.indented {
    /*@apply md:translate-x-[14.458%]*/
}

@media (min-width: 768px) {
    .indented {
        --tw-translate-x: 15px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.wysiwyg .answer {
    /*@apply md:translate-x-[14.458%]*/
}

@media (min-width: 768px) {
    .wysiwyg .answer {
        --tw-translate-x: 15px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.wysiwyg .question {
    font-weight: 500
}

.wysiwyg strong,
.wysiwyg b {
    font-weight: 600
}

.wysiwyg.wysiwyg--serif strong,
.wysiwyg.wysiwyg--serif b {
    font-weight: 900
}

.wysiwyg.wysiwyg--serif .the-annotation strong,
.wysiwyg.wysiwyg--serif .the-annotation b,
.wysiwyg.wysiwyg--serif .the-note strong,
.wysiwyg.wysiwyg--serif .the-note b {
    font-weight: 600
}

.wysiwyg em,
.wysiwyg i {
    font-style: italic
}

.wysiwyg a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.wysiwyg a:hover {
    color: var(--projects-secondary)
}

.dark .wysiwyg a:hover {
    color: var(--projects-secondary-dark)
}

.wysiwyg--serif {
    font-family: ImScGuardianTextEgyptian, serif
}

.wysiwyg--serif p.large {
    font-family: ImScGraphik, sans-serif
}

.wysiwyg>figure:first-child {
    margin-top: 0px !important
}

.wysiwyg>ul:not(.nodots, .sub_menu, .splide__list) {
    margin-left: .6em;
}

.wysiwyg>ul:not(.nodots, .sub_menu, .splide__list) li {
    text-indent: -.6em;
}

.wysiwyg .size--large,
.wysiwyg .iframe--large {
    width: 100%
}

@media (min-width: 1024px) {

    .wysiwyg .size--large,
    .wysiwyg .iframe--large {
        width: calc(200% + 30px)
    }
}

.wysiwyg figure {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    width: 100%;
    max-width: 100%
}

@media (min-width: 1024px) {
    .wysiwyg figure {
        max-width: 90%
    }
}

.wysiwyg figure img,
.wysiwyg figure video {
    height: auto;
    width: 100%
}

.wysiwyg figure[data-enhancer='imageFullWidthSticky'] img,
.wysiwyg figure[data-enhancer='imageFullWidthSticky'] video {
    height: 100%;
    width: 100%
}

.wysiwyg figure.figure--large img,
.wysiwyg figure.figure--large video {
    width: 100%
}

@media (min-width: 1024px) {
    .wysiwyg figure.figure--large img,
        .wysiwyg figure.figure--large video {
        width: calc(200% + 30px)
    }
}

.wysiwyg .figure-grid figure.figure--large img,
.wysiwyg .figure-grid figure.figure--large video {
    width: 100%
}

@media (min-width: 1024px) {
    .wysiwyg .figure-grid figure.figure--large img,
    .wysiwyg .figure-grid figure.figure--large video {
        width: 100%
    }
}

.wysiwyg .iframe {
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.wysiwyg .iframe:first-child {
    margin-top: 0px
}

.wysiwyg .iframe:last-child {
    margin-bottom: 0px
}

.wysiwyg .iframe--large div *,
.wysiwyg .iframe--large div,
.wysiwyg .figure--large {
    max-width: 100% !important
}

.wysiwyg .figure--large img,
.wysiwyg .figure--large video {
    width: calc(200% + 30px)
}

@media (min-width: 1024px) {
    .wysiwyg .figure--large img,
        .wysiwyg .figure--large video {
        max-width: calc(200% + 30px)
    }
}

.wysiwyg .figure-grid {
    display: grid;
    gap: 30px
}

@media (min-width: 1024px) {
    .wysiwyg .figure-grid {
        width: calc(200% + 30px);
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.wysiwyg .figure-grid.figure-grid--videos {
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .wysiwyg .figure-grid.figure-grid--videos {
        display: grid
    }
}

.wysiwyg .figure-grid.figure-grid--small {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px
}

@media (min-width: 1024px) {
    .wysiwyg .figure-grid.figure-grid--small {
        width: calc(200% + 30px);
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.wysiwyg .figure-grid figure {
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 100%
}

.wysiwyg .figure-grid .figure--large {
    width: 100%
}

@media (min-width: 1024px) {
    .wysiwyg .figure-grid .figure--large {
        grid-column: span 2 / span 2
    }
}

.wysiwyg .figure-grid .figure--large img {
    width: 100%
}

.wysiwyg .iframe p,
.wysiwyg figcaption {
    font-size: 11.2px
}

@media (min-width: 1024px) {

    .wysiwyg .iframe p,
    .wysiwyg figcaption {
        font-size: calc(11.2px + .2916vw - 2.99px)
    }
}

@media (min-width: 1600px) {

    .wysiwyg .iframe p,
    .wysiwyg figcaption {
        font-size: 12.88px
    }
}

.wysiwyg figcaption {
    margin-top: 5px;
    max-width: 332px;
    font-family: ImScGraphik, sans-serif !important;
    line-height: 1.5
}

@media (min-width: 1024px) {

    .wysiwyg .iframe p,
    .wysiwyg figcaption {
        max-width: calc(332px + 8.6vw - 88px)
    }
}

.wysiwyg figcaption span {
    font-size: inherit !important;
}

html[data-size=large] .wysiwyg .iframe p,
html[data-size=large] .wysiwyg figcaption {
    font-size: 12.88px
}

@media (min-width: 1024px) {

    html[data-size=large] .wysiwyg .iframe p,
    html[data-size=large] .wysiwyg figcaption {
        font-size: calc(12.88px + .3354vw - 3.43px)
    }
}

@media (min-width: 1600px) {

    html[data-size=large] .wysiwyg .iframe p,
    html[data-size=large] .wysiwyg figcaption {
        font-size: 14.812px
    }
}

html[data-size=largest] .wysiwyg .iframe p,
html[data-size=largest] .wysiwyg figcaption {
    font-size: 14.812px
}

@media (min-width: 1024px) {

    html[data-size=largest] .wysiwyg .iframe p,
    html[data-size=largest] .wysiwyg figcaption {
        font-size: calc(14.812px + .3857vw - 3.949px)
    }
}

@media (min-width: 1600px) {

    html[data-size=largest] .wysiwyg .iframe p,
    html[data-size=largest] .wysiwyg figcaption {
        font-size: 17.03px
    }
}

.wysiwyg .iframe div:not(.icon),
.wysiwyg .iframe div *:not(.icon) {
    font-size: 11.2px
}

@media (min-width: 1024px) {

    .wysiwyg .iframe div:not(.icon),
    .wysiwyg .iframe div *:not(.icon) {
        font-size: calc(11.2px + .2916vw - 2.99px)
    }
}

@media (min-width: 1600px) {

    .wysiwyg .iframe div:not(.icon),
    .wysiwyg .iframe div *:not(.icon) {
        font-size: 12.88px
    }
}

.wysiwyg .iframe div:not(.icon),
.wysiwyg .iframe div *:not(.icon) {
    width: 100%;
    max-width: 100%;
    font-family: ImScGraphik, sans-serif !important;
    --tw-text-opacity: 1 !important;
    color: rgb(25 25 25 / var(--tw-text-opacity)) !important
}

.dark .wysiwyg .iframe div:not(.icon),
.dark .wysiwyg .iframe div *:not(.icon) {
    --tw-text-opacity: 1 !important;
    color: rgb(245 245 245 / var(--tw-text-opacity)) !important
}

@media (min-width: 1024px) {
/*
    .wysiwyg .iframe:not(.iframe--full) div:not(.icon),
    .wysiwyg .iframe:not(.iframe--full) div *:not(.icon) {
        max-width: 90%
    }
        */
}

html[data-size=large] .wysiwyg .iframe div,
html[data-size=large] .wysiwyg .iframe div * {
    font-size: 12.88px
}

@media (min-width: 1024px) {

    html[data-size=large] .wysiwyg .iframe div,
    html[data-size=large] .wysiwyg .iframe div * {
        font-size: calc(12.88px + .3354vw - 3.43px)
    }
}

@media (min-width: 1600px) {

    html[data-size=large] .wysiwyg .iframe div,
    html[data-size=large] .wysiwyg .iframe div * {
        font-size: 14.812px
    }
}

html[data-size=largest] .wysiwyg .iframe div,
html[data-size=largest] .wysiwyg .iframe div * {
    font-size: 14.812px
}

@media (min-width: 1024px) {

    html[data-size=largest] .wysiwyg .iframe div,
    html[data-size=largest] .wysiwyg .iframe div * {
        font-size: calc(14.812px + .3857vw - 3.949px)
    }
}

@media (min-width: 1600px) {

    html[data-size=largest] .wysiwyg .iframe div,
    html[data-size=largest] .wysiwyg .iframe div * {
        font-size: 17.03px
    }
}

.wysiwyg figcaption span.photographer {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity))
}

.wysiwyg .the-annotation figcaption span.photographer {
    color: var(--insights-secondary)
}

.dark .wysiwyg .the-annotation figcaption span.photographer {
    color: var(--insights-secondary-dark)
}

.wysiwyg .gray,
.wysiwyg .grey {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity))
}

.wysiwyg .splide-placeholder {
    position: relative;
    z-index: 0
}

.wysiwyg .splide--line {
    position: relative;
    z-index: 10
}

@media (min-width: 768px) {
    .wysiwyg .splide--line {
        position: absolute;
        left: 0px;
        width: 100vw
    }
}

.wysiwyg dl:not(.no-lines) {
    font-size: 11.2px
}

@media (min-width: 1024px) {
    .wysiwyg dl:not(.no-lines) {
        font-size: calc(11.2px + .2916vw - 2.99px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg dl:not(.no-lines) {
        font-size: 12.88px
    }
}

.wysiwyg dl:not(.no-lines) {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    display: flex;
    width: 90%;
    flex-wrap: wrap;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25 / var(--tw-border-opacity));
    line-height: 1.5
}

.dark .wysiwyg dl:not(.no-lines) {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity))
}

.wysiwyg dl.no-lines {
    font-size: 11.2px
}

@media (min-width: 1024px) {
    .wysiwyg dl.no-lines {
        font-size: calc(11.2px + .2916vw - 2.99px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg dl.no-lines {
        font-size: 12.88px
    }
}

.wysiwyg dl.no-lines {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    display: flex;
    width: 90%;
    flex-wrap: wrap;
    line-height: 1.5
}

html[data-size=large] .wysiwyg dl {
    font-size: 12.88px
}

@media (min-width: 1024px) {
    html[data-size=large] .wysiwyg dl {
        font-size: calc(12.88px + .3354vw - 3.43px)
    }
}

@media (min-width: 1600px) {
    html[data-size=large] .wysiwyg dl {
        font-size: 14.812px
    }
}

html[data-size=largest] .wysiwyg dl {
    font-size: 14.812px
}

@media (min-width: 1024px) {
    html[data-size=largest] .wysiwyg dl {
        font-size: calc(14.812px + .3857vw - 3.949px)
    }
}

@media (min-width: 1600px) {
    html[data-size=largest] .wysiwyg dl {
        font-size: 17.03px
    }
}

.wysiwyg dl:not(.no-lines) dt,
.wysiwyg dl:not(.no-lines) dd {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25 / var(--tw-border-opacity));
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: ImScGraphik, sans-serif !important
}

.dark .wysiwyg dl:not(.no-lines) dt,
.dark .wysiwyg dl:not(.no-lines) dd {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity))
}

.wysiwyg dl dt {
    width: 33.333333%
}

.wysiwyg dl:not(.no-lines) dt {
    font-weight: 600
}

.wysiwyg dd {
    width: 66.666667%
}

.wysiwyg .note {
    font-size: 11.2px
}

@media (min-width: 1024px) {
    .wysiwyg .note {
        font-size: calc(11.2px + .2916vw - 2.99px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg .note {
        font-size: 12.88px
    }
}

.wysiwyg .note {
    display: inline-block;
    cursor: pointer;
    padding-left: 2px;
    padding-right: 4px;
    text-indent: 0px;
    vertical-align: top;
    font-family: ImScGraphik, sans-serif !important;
    font-size: .8em;
    font-weight: 600;
    color: rgb(0 81 243 / var(--tw-text-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .25em
}

.dark .wysiwyg .note {
    color: rgb(255 188 91 / var(--tw-text-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

/*html[data-size=large] .wysiwyg .note {*/
/*    @apply flex-text-notes--size-large*/
/*}*/
/*html[data-size=largest] .wysiwyg .note {*/
/*    @apply flex-text-notes--size-largest*/
/*}*/
.wysiwyg .note--annotation {
    --tw-text-opacity: 1;
    color: rgb(0 81 243 / var(--tw-text-opacity))
}

.dark .wysiwyg .note--annotation {
    --tw-text-opacity: 1;
    color: rgb(255 188 91 / var(--tw-text-opacity))
}

.wysiwyg.wysiwyg--annotation-active img {
    /*opacity: .4;*/
}

.wysiwyg.wysiwyg--annotation-active * {
    /*@apply text-[#aaa] border-[#aaa] dark:text-[#555] dark:border-[#555]*/
}

.wysiwyg.wysiwyg--annotation-active .annotated {
    /*@apply !text-semiblack dark:!text-offwhite*/
    /*@apply !text-[#0051f3] dark:!text-[#ffbc5b]*/
}

.wysiwyg .annotated.active {
    /*@apply !text-semiblack dark:!text-offwhite*/
    --tw-text-opacity: 1 !important;
    color: rgb(0 81 243 / var(--tw-text-opacity)) !important
}

.wysiwyg .annotated.active *::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(0 81 243 / var(--tw-bg-opacity))
}

.wysiwyg .annotated.active *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(0 81 243 / var(--tw-bg-opacity))
}

.wysiwyg .annotated.active::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(0 81 243 / var(--tw-bg-opacity))
}

.wysiwyg .annotated.active::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(0 81 243 / var(--tw-bg-opacity))
}

.dark .wysiwyg .annotated.active {
    --tw-text-opacity: 1 !important;
    color: rgb(255 188 91 / var(--tw-text-opacity)) !important
}

.dark .wysiwyg .annotated.active *::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(255 188 91 / var(--tw-bg-opacity))
}

.dark .wysiwyg .annotated.active *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(255 188 91 / var(--tw-bg-opacity))
}

.dark .wysiwyg .annotated.active::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(255 188 91 / var(--tw-bg-opacity))
}

.dark .wysiwyg .annotated.active::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(255 188 91 / var(--tw-bg-opacity))
}

.wysiwyg.wysiwyg--annotation-active .the-annotation {
    font-size: 14px;
    font-weight: 400;
    --tw-text-opacity: 1 !important;
    color: rgb(0 81 243 / var(--tw-text-opacity)) !important
}

.dark .wysiwyg.wysiwyg--annotation-active .the-annotation {
    --tw-text-opacity: 1 !important;
    color: rgb(255 188 91 / var(--tw-text-opacity)) !important
}

.the-annotation {
    z-index: 100;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 20px
}

.dark .the-annotation {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.wysiwyg ul:not(.nodots, .sub_menu, .splide__list) li:before {
    content: '• ';

}

.wysiwyg .sub_menu {
    position: relative;
    z-index: 10
}

wysiwyg .internal-anchor {
    position: relative;
    z-index: 0
}

.the-annotation figure:nth-child(2),
.the-note figure:nth-child(2) {
    margin-top: 0;
}

.the-note figure:last-child {
    margin-bottom: 0;
}

.wysiwyg>*:nth-child(2) {
    margin-top: 0 !important;
    ;
}

.wysiwyg figcaption {
    position: relative
}

.wysiwyg figcaption .note {
    position: absolute;
    left: 101%;
    top: -.35rem;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.wysiwyg .bio p {
    font-size: 12.5px
}

@media (min-width: 1024px) {
    .wysiwyg .bio p {
        font-size: calc(12.5px + .3255vw - 3.33px)
    }
}

@media (min-width: 1600px) {
    .wysiwyg .bio p {
        font-size: 14.375px
    }
}

.wysiwyg .bio p {
    max-width: 90%;
    font-family: ImScGraphik, sans-serif !important
}

html[data-size=large] .wysiwyg .bio p {
    font-size: 14.375px
}

@media (min-width: 1024px) {
    html[data-size=large] .wysiwyg .bio p {
        font-size: calc(14.375px + .374vw - 3.83px)
    }
}

@media (min-width: 1600px) {
    html[data-size=large] .wysiwyg .bio p {
        font-size: 16.53px
    }
}

html[data-size=largest] .wysiwyg .bio p {
    font-size: 16.53px
}

@media (min-width: 1024px) {
    html[data-size=largest] .wysiwyg .bio p {
        font-size: calc(16.53px + .43vw - 4.41px)
    }
}

@media (min-width: 1600px) {
    html[data-size=largest] .wysiwyg .bio p {
        font-size: 19px
    }
}

.wysiwyg .bio h2,
.wysiwyg .bio h3,
.wysiwyg .bio h4,
.wysiwyg .bio h5 {
    margin-bottom: 1.0em;
    font-size: 17.5px;
    line-height: 1.35
}

@media (min-width: 1024px) {

    .wysiwyg .bio h2,
    .wysiwyg .bio h3,
    .wysiwyg .bio h4,
    .wysiwyg .bio h5 {
        font-size: calc(17.5px + .4557vw - 4.666px)
    }
}

@media (min-width: 1600px) {

    .wysiwyg .bio h2,
    .wysiwyg .bio h3,
    .wysiwyg .bio h4,
    .wysiwyg .bio h5 {
        font-size: 20.125px
    }
}

html[data-size=large] .wysiwyg .bio h2,
html[data-size=large] .wysiwyg .bio h3,
html[data-size=large] .wysiwyg .bio h4,
html[data-size=large] .wysiwyg .bio h5 {
    font-size: 20.125px
}

@media (min-width: 1024px) {

    html[data-size=large] .wysiwyg .bio h2,
    html[data-size=large] .wysiwyg .bio h3,
    html[data-size=large] .wysiwyg .bio h4,
    html[data-size=large] .wysiwyg .bio h5 {
        font-size: calc(20.125px + .524vw - 5.36px)
    }
}

@media (min-width: 1600px) {

    html[data-size=large] .wysiwyg .bio h2,
    html[data-size=large] .wysiwyg .bio h3,
    html[data-size=large] .wysiwyg .bio h4,
    html[data-size=large] .wysiwyg .bio h5 {
        font-size: 23.143px
    }
}

html[data-size=largest] .wysiwyg .bio h2,
html[data-size=largest] .wysiwyg .bio h3,
html[data-size=largest] .wysiwyg .bio h4,
html[data-size=largest] .wysiwyg .bio h5 {
    font-size: 23.143px
}

@media (min-width: 1024px) {

    html[data-size=largest] .wysiwyg .bio h2,
    html[data-size=largest] .wysiwyg .bio h3,
    html[data-size=largest] .wysiwyg .bio h4,
    html[data-size=largest] .wysiwyg .bio h5 {
        font-size: calc(23.143px + .602vw - 6.17px)
    }
}

@media (min-width: 1600px) {

    html[data-size=largest] .wysiwyg .bio h2,
    html[data-size=largest] .wysiwyg .bio h3,
    html[data-size=largest] .wysiwyg .bio h4,
    html[data-size=largest] .wysiwyg .bio h5 {
        font-size: 26.614px
    }
}

.wysiwyg .bio h2+h2,
.wysiwyg .bio h3+h3,
.wysiwyg .bio h4+h4,
.wysiwyg .bio h5+h5,
.wysiwyg .bio h2+h3,
.wysiwyg .bio h3+h4,
.wysiwyg .bio h4+h5,
.wysiwyg .bio h5+h6 {
    /*@apply !translate-y-[-1rem]*/
}

.wysiwyg .bio figure {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    max-width: 60%
}

@media (min-width: 768px) {

    .cmplz-message,
    .cmplz-categories {
        width: calc(var(--cmplz_banner_width) - 29px) !important;
    }
}

.cmplz-cookiebanner {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
    padding-top: 30px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 30px !important;
    --tw-text-opacity: 1 !important;
    color: rgb(25 25 25 / var(--tw-text-opacity)) !important
}

.dark .cmplz-cookiebanner {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

@media (min-width: 480px) {
    .cmplz-cookiebanner {
        padding-top: 20px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 30px !important
    }
}

.cmplz-cookiebanner {
    left: 30px !important;
    bottom: 30px !important;
}

@media (max-width: 600px) {
    .cmplz-cookiebanner {
        width: 100% !important;
        left: 0 !important;
        bottom: 0 !important;
    }
}

.cmplz-cookiebanner {
    box-shadow: none !important;
}

.cmplz-cookiebanner .cmplz-header {
    display: none !important
}

.cmplz-cookiebanner .cmplz-close svg {
    height: 14px !important;
    width: 14px !important
}

.cmplz-cookiebanner * {
    --tw-text-opacity: 1 !important;
    color: rgb(25 25 25 / var(--tw-text-opacity)) !important
}

.dark .cmplz-cookiebanner * {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.cmplz-btn {
    margin-bottom: 10px !important;
    height: 40px !important;
    width: 100% !important;
    border-width: 1.5px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(25 25 25 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 17px !important;
    --tw-text-opacity: 1 !important;
    color: rgb(25 25 25 / var(--tw-text-opacity)) !important
}

.cmplz-btn:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(153 153 153 / var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(153 153 153 / var(--tw-text-opacity)) !important
}

.dark .cmplz-btn {
    --tw-border-opacity: 1 !important;
    border-color: rgb(245 245 245 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(245 245 245 / var(--tw-text-opacity)) !important
}

.dark .cmplz-btn:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(85 85 85 / var(--tw-border-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(85 85 85 / var(--tw-text-opacity)) !important
}

@media (min-width: 480px) {
    .cmplz-btn {
        margin-bottom: 0px !important;
        width: auto !important;
        padding-left: 40px !important;
        padding-right: 40px !important
    }
}

.cmplz-manage-consent {
    display: none !important;
    border-style: none !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important
}

.dark .cmplz-manage-consent {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity)) !important
}

.cmplz-cookiebanner .cmplz-links.cmplz-documents {
    margin-top: 20px !important;
    justify-content: flex-start !important
}

.cmplz-categories {
    margin-bottom: 10px !important;
    border-top-width: 1.5px !important;
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(25 25 25 / var(--tw-border-opacity)) !important
}

.dark .cmplz-categories {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(255 255 255 / var(--tw-border-opacity)) !important
}

.cmplz-cookiebanner .cmplz-buttons {
    display: flex !important;
    width: 100% !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important
}

@media (min-width: 480px) {
    .cmplz-cookiebanner .cmplz-buttons {
        justify-content: flex-start !important;
        gap: 20px !important
    }
}

.cmplz-cookiebanner .cmplz-body {
    min-width: 250px !important
}

.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.cmplz-cookiebanner .cmplz-body {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.cmplz-category {
    border-bottom-width: 1.5px !important;
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(25 25 25 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important
}

.dark .cmplz-category {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity)) !important
}

.cmplz-category-header {
    cursor: pointer;
    gap: 30px !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.dark .cmplz-category-header {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity)) !important
}

.cmplz-category-title {
    font-weight: 600 !important
}

.cmplz-title {
    display: none
}

.cmplz-description {
    margin-top: -8px !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
    padding: 0px !important;
    padding-bottom: 40px !important;
    --tw-text-opacity: 1 !important;
    color: rgb(25 25 25 / var(--tw-text-opacity)) !important
}

.dark .cmplz-description {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) {
    margin-bottom: 0px !important
}

.cmplz-header,
.cmplz-links {
    display: none !important
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked+.cmplz-label::before,
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox+.cmplz-label::before {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity)) !important
}

.dark .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked+.cmplz-label::before,
.dark .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox+.cmplz-label::before {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label {
    margin-top: -4px !important
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before {
    height: 19px !important;
    width: 32px !important
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after {
    left: 2px !important;
    height: 15px !important;
    width: 15px !important;
}

.cmplz-always-active {
    font-weight: 400 !important
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked+.cmplz-label:after {
    left: 15px !important;
}

.cmplz-description {
    max-width: 75% !important
}

.cmplz-message {
    margin-bottom: 15px !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.5 !important
}

@media (min-width: 480px) {
    .cmplz-message {
        font-size: 14px !important
    }
}

.cmplz-icon svg {
    --tw-scale-x: .66 !important;
    --tw-scale-y: .66 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.cmplz-icon path {
    fill: #191919
}

.dark .cmplz-icon path {
    fill: #fff !important
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus+.cmplz-label:before,
.cmplz-cookiebanner [type='checkbox'],
.cmplz-cookiebanner [type='radio'],
.cmplz-cookiebanner [type='checkbox']:focus,
.cmplz-cookiebanner [type='radio']:focus,
.cmplz-cookiebanner [type='checkbox']:active,
.cmplz-cookiebanner [type='radio']:active {
    outline-width: 0px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox+.cmplz-label:after {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}

.dark .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox+.cmplz-label:after {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity))
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked+.cmplz-label:after {
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153 / var(--tw-bg-opacity))
}

.dark .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked+.cmplz-label:after {
    --tw-bg-opacity: 1;
    background-color: rgb(85 85 85 / var(--tw-bg-opacity))
}

.cmplz-manage-consent {
    font-size: 14px !important;
    font-weight: 600 !important
}

#cmplz-manage-consent .cmplz-manage-consent {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

#cmplz-document p,
.editor-styles-wrapper .cmplz-unlinked-mode p,
#cmplz-document li,
.editor-styles-wrapper .cmplz-unlinked-mode li,
#cmplz-document td,
.editor-styles-wrapper .cmplz-unlinked-mode td,
#cmplz-document,
#cmplz-document p {
    font-size: inherit !important;
    ;
}

#cmplz-document h2 {
    font-size: inherit !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
}

#cmplz-document li::before {
    --tw-content: '';
    content: var(--tw-content)
}

#cmplz-document .cmplz-subtitle {
    font-weight: 600 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#cmplz-cookies-overview .cmplz-dropdown summary h3,
#cmplz-document .cmplz-dropdown summary h3,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3 {
    padding: 0 !important;
    font-size: inherit !important;
    border-bottom: 0 !important;
}

#cmplz-cookies-overview .cmplz-dropdown summary div:after,
#cmplz-document .cmplz-dropdown summary div:after,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after {
    height: 10px !important;
    width: 10px !important;
}

#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
    background: transparent !important;
    margin: 0 !important;
    padding: 10px 0 !important;
}

#cmplz-cookies-overview * {
    margin-left: 0 !important;
    padding-left: 0 !important;
    background: transparent !important;
    margin: 0 !important;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category,
#cmplz-document .cmplz-category-header,
#cmplz-document .cmplz-description {
    background: transparent !important;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child) {
    margin-bottom: 0 !important;
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,
#cmplz-document .cmplz-dropdown .cookies-per-purpose,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose {
    border: 0 !important;
}

#cmplz-document #cmplz-cookies-overview {
    margin-top: 10px;
    border-top-width: 1.5px;
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25 / var(--tw-border-opacity))
}

.dark #cmplz-document #cmplz-cookies-overview {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity))
}

#cmplz-document .cmplz-dropdown {
    border-bottom-width: 1.5px;
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25 / var(--tw-border-opacity))
}

.dark #cmplz-document .cmplz-dropdown {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity))
}

#cmplz-document .cmplz-categories,
#cmplz-document #cmplz-cookies-overview {
    width: 90% !important
}

#cmplz-document .cmplz-subtitle,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle {
    margin-top: 0px !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.\!invisible {
    visibility: hidden !important
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.top-0 {
    top: 0px
}

.top-\[68px\] {
    top: 68px
}

.left-0 {
    left: 0px
}

.top-\[0px\] {
    top: 0px
}

.bottom-7 {
    bottom: 35px
}

.left-\[7px\] {
    left: 7px
}

.left-\[50\%\] {
    left: 50%
}

.top-\[50\%\] {
    top: 50%
}

.bottom-0 {
    bottom: 0px
}

.left-2 {
    left: 10px
}

.\!bottom-\[-2em\] {
    bottom: -2em !important
}

.-top-1 {
    top: -5px
}

.left-\[17\.5px\] {
    left: 17.5px
}

.\!top-\[68px\] {
    top: 68px !important
}

.right-0 {
    right: 0px
}

.left-\[101\%\] {
    left: 101%
}

.top-\[-\.35rem\] {
    top: -.35rem
}

.z-10 {
    z-index: 10
}

.z-\[9\] {
    z-index: 9
}

.z-0 {
    z-index: 0
}

.z-20 {
    z-index: 20
}

.z-\[-1\] {
    z-index: -1
}

.z-\[100\] {
    z-index: 100
}

.z-\[10\] {
    z-index: 10
}

.\!m-\[4px\] {
    margin: 4px !important
}

.my-\[1\.5em\] {
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.\!my-\[1\.5em\] {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important
}

.my-2 {
    margin-top: 10px;
    margin-bottom: 10px
}

.my-4 {
    margin-top: 20px;
    margin-bottom: 20px
}

.-mx-9 {
    margin-left: -45px;
    margin-right: -45px
}

.my-0 {
    margin-top: 0px;
    margin-bottom: 0px
}

.mt-1 {
    margin-top: 5px
}

.mt-\[0px\] {
    margin-top: 0px
}

.mb-12 {
    margin-bottom: 60px
}

.mt-\[4\.5rem\] {
    margin-top: 4.5rem
}

.mb-2 {
    margin-bottom: 10px
}

.mr-2 {
    margin-right: 10px
}

.ml-3 {
    margin-left: 15px
}

.mb-4 {
    margin-bottom: 20px
}

.mb-3 {
    margin-bottom: 15px
}

.mb-1 {
    margin-bottom: 5px
}

.mt-2 {
    margin-top: 10px
}

.\!mt-0 {
    margin-top: 0px !important
}

.mb-6 {
    margin-bottom: 30px
}

.mt-4 {
    margin-top: 20px
}

.mt-0 {
    margin-top: 0px
}

.mt-5 {
    margin-top: 25px
}

.mb-\[2px\] {
    margin-bottom: 2px
}

.mb-0 {
    margin-bottom: 0px
}

.\!mb-2 {
    margin-bottom: 10px !important
}

.-mb-6 {
    margin-bottom: -30px
}

.mt-3 {
    margin-top: 15px
}

.-mt-4 {
    margin-top: -20px
}

.\!mb-\[-42px\] {
    margin-bottom: -42px !important
}

.-ml-2 {
    margin-left: -10px
}

.mb-\[1\.5em\] {
    margin-bottom: 1.5em
}

.mb-\[1\.35em\] {
    margin-bottom: 1.35em
}

.mb-\[2\.5em\] {
    margin-bottom: 2.5em
}

.mt-\[1\.5em\] {
    margin-top: 1.5em
}

.mb-\[1\.0em\] {
    margin-bottom: 1.0em
}

.\!mt-4 {
    margin-top: 20px !important
}

.\!mt-\[-8px\] {
    margin-top: -8px !important
}

.\!mb-0 {
    margin-bottom: 0px !important
}

.\!mt-\[-4px\] {
    margin-top: -4px !important
}

.\!mb-3 {
    margin-bottom: 15px !important
}

.block {
    display: block
}

.\!block {
    display: block !important
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.\!flex {
    display: flex !important
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.\!hidden {
    display: none !important
}

.h-\[68px\] {
    height: 68px
}

.h-\[33px\] {
    height: 33px
}

.h-\[13px\] {
    height: 13px
}

.h-\[56px\] {
    height: 56px
}

.h-screen {
    height: 100vh
}

.h-2 {
    height: 10px
}

.h-0 {
    height: 0px
}

.h-full {
    height: 100%
}

.h-\[0px\] {
    height: 0px
}

.h-auto {
    height: auto
}

.h-10 {
    height: 50px
}

.\!h-auto {
    height: auto !important
}

.h-5 {
    height: 25px
}

.h-6 {
    height: 30px
}

.\!h-\[8px\] {
    height: 8px !important
}

.h-\[1px\] {
    height: 1px
}

.\!h-\[40px\] {
    height: 40px !important
}

.\!h-\[19px\] {
    height: 19px !important
}

.max-h-\[100px\] {
    max-height: 100px
}

.max-h-\[0px\] {
    max-height: 0px
}

.max-h-\[1000px\] {
    max-height: 1000px
}

.w-full {
    width: 100%
}

.w-\[33px\] {
    width: 33px
}

.w-auto {
    width: auto
}

.w-\[270px\] {
    width: 270px
}

.w-screen {
    width: 100vw
}

.w-2 {
    width: 10px
}

.w-1\/2 {
    width: 50%
}

.w-10 {
    width: 50px
}

.w-\[90\%\] {
    width: 90%
}

.w-\[calc\(100\%_\+_20px\)\] {
    width: calc(100% + 20px)
}

.\!w-full {
    width: 100% !important
}

.w-\[60\%\] {
    width: 60%
}

.w-\[83\.855\%\] {
    width: 83.855%
}

.w-6 {
    width: 30px
}

.w-\[calc\(100\%_\+_10px\)\] {
    width: calc(100% + 10px)
}

.w-\[calc\(100\%_\+_6px\)\] {
    width: calc(100% + 6px)
}

.w-\[12\.5\%\] {
    width: 12.5%
}

.w-\[10\%\] {
    width: 10%
}

.w-\[8\.333333\%\] {
    width: 8.333333%
}

.w-\[33\.3333\%\] {
    width: 33.3333%
}

.w-\[calc\(50\%_-_10px\)\] {
    width: calc(50% - 10px)
}

.\!w-\[8px\] {
    width: 8px !important
}

.w-\[70\%\] {
    width: 70%
}

.w-\[81\%\] {
    width: 81%
}

.w-\[calc\(200\%_\+_30px\)\] {
    width: calc(200% + 30px)
}

.w-1\/3 {
    width: 33.333333%
}

.w-2\/3 {
    width: 66.666667%
}

.\!w-\[14px\] {
    width: 14px !important
}

.\!w-\[32px\] {
    width: 32px !important
}

.\!w-\[90\%\] {
    width: 90% !important
}

.\!min-w-\[250px\] {
    min-width: 250px !important
}

.max-w-\[1000px\] {
    max-width: 1000px
}

.max-w-\[100px\] {
    max-width: 100px
}

.max-w-\[1024px\] {
    max-width: 1024px
}

.\!max-w-\[100\%\] {
    max-width: 100% !important
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-\[427px\] {
    max-width: 427px
}

.max-w-full {
    max-width: 100%
}

.\!max-w-full {
    max-width: 100% !important
}

.max-w-\[332px\] {
    max-width: 332px
}

.max-w-\[60\%\] {
    max-width: 60%
}

.\!max-w-\[75\%\] {
    max-width: 75% !important
}

.flex-grow {
    flex-grow: 1
}

.grow {
    flex-grow: 1
}

.-translate-x-2 {
    --tw-translate-x: -10px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-100\%\] {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-1 {
    --tw-translate-x: -5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-1 {
    --tw-translate-x: 5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1 {
    --tw-translate-y: -5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-7rem\] {
    --tw-translate-y: -7rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-3 {
    --tw-translate-y: -15px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[42px\] {
    --tw-translate-y: -42px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[21px\] {
    --tw-translate-y: -21px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-90\%\] {
    --tw-translate-y: -90%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-80\%\] {
    --tw-translate-y: -80%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-5px\] {
    --tw-translate-x: -5px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-3px\] {
    --tw-translate-x: -3px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\!translate-y-\[-68px\] {
    --tw-translate-y: -68px !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.\!translate-x-\[0\%\] {
    --tw-translate-x: 0% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-\[1px\] {
    --tw-translate-x: 1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[4\.25px\] {
    --tw-translate-y: 4.25px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-4px\] {
    --tw-translate-y: -4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[100\%\] {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[45deg\] {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-45deg\] {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\!scale-100 {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.\!scale-\[\.66\] {
    --tw-scale-x: .66 !important;
    --tw-scale-y: .66 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.cursor-default {
    cursor: default
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

.break-inside-avoid-column {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.\!flex-row {
    flex-direction: row !important
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.\!justify-start {
    justify-content: flex-start !important
}

.justify-end {
    justify-content: flex-end
}

.justify-between {
    justify-content: space-between
}

.\!justify-between {
    justify-content: space-between !important
}

.gap-8 {
    gap: 40px
}

.gap-\[\.66rem\] {
    gap: .66rem
}

.gap-7 {
    gap: 35px
}

.gap-6 {
    gap: 30px
}

.\!gap-3 {
    gap: 15px !important
}

.\!gap-6 {
    gap: 30px !important
}

.gap-x-6 {
    -moz-column-gap: 30px;
    column-gap: 30px
}

.gap-x-4 {
    -moz-column-gap: 20px;
    column-gap: 20px
}

.overflow-hidden {
    overflow: hidden
}

.rounded-none {
    border-radius: 0px
}

.rounded-\[15px\] {
    border-radius: 15px
}

.border {
    border-width: 1px
}

.\!border-\[1\.5px\] {
    border-width: 1.5px !important
}

.border-r-\[3px\] {
    border-right-width: 3px
}

.border-b-\[3px\] {
    border-bottom-width: 3px
}

.border-t {
    border-top-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-\[10vw\] {
    border-bottom-width: 10vw
}

.border-b-\[5vw\] {
    border-bottom-width: 5vw
}

.border-b-\[6\.65vw\] {
    border-bottom-width: 6.65vw
}

.border-b-\[5\.64vw\] {
    border-bottom-width: 5.64vw
}

.\!border-t {
    border-top-width: 1px !important
}

.\!border-t-\[1\.5px\] {
    border-top-width: 1.5px !important
}

.\!border-b {
    border-bottom-width: 1px !important
}

.\!border-b-\[1\.5px\] {
    border-bottom-width: 1.5px !important
}

.border-t-\[1\.5px\] {
    border-top-width: 1.5px
}

.border-b-\[1\.5px\] {
    border-bottom-width: 1.5px
}

.border-none {
    border-style: none
}

.\!border-none {
    border-style: none !important
}

.border-\[\#f00\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 0 / var(--tw-border-opacity))
}

.border-projects-primary {
    border-color: var(--projects-primary)
}

.border-updates-primary {
    border-color: var(--updates-primary)
}

.border-ut-primary {
    border-color: var(--ut-primary)
}

.border-fieldnotes-primary {
    border-color: var(--fieldnotes-primary)
}

.border-insights-primary {
    border-color: var(--insights-primary)
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.border-projects-bg {
    border-color: var(--projects-bg)
}

.border-updates-bg {
    border-color: var(--updates-bg)
}

.border-ut-bg {
    border-color: var(--ut-bg)
}

.border-fieldnotes-bg {
    border-color: var(--fieldnotes-bg)
}

.border-insights-bg {
    border-color: var(--insights-bg)
}

.border-semiblack {
    --tw-border-opacity: 1;
    border-color: rgb(25 25 25 / var(--tw-border-opacity))
}

.border-\[\#aaa\] {
    --tw-border-opacity: 1;
    border-color: rgb(170 170 170 / var(--tw-border-opacity))
}

.\!border-semiblack {
    --tw-border-opacity: 1 !important;
    border-color: rgb(25 25 25 / var(--tw-border-opacity)) !important
}

.\!border-t-semiblack {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(25 25 25 / var(--tw-border-opacity)) !important
}

.\!border-b-semiblack {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(25 25 25 / var(--tw-border-opacity)) !important
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\)\] {
    background-color: rgba(0, 0, 0, 0)
}

.bg-projects-bg {
    background-color: var(--projects-bg)
}

.\!bg-\[rgba\(0\2c 0\2c 0\2c \.075\)\] {
    background-color: rgba(0, 0, 0, .075) !important
}

.bg-updates-bg {
    background-color: var(--updates-bg)
}

.bg-ut-bg {
    background-color: var(--ut-bg)
}

.bg-fieldnotes-bg {
    background-color: var(--fieldnotes-bg)
}

.bg-insights-bg {
    background-color: var(--insights-bg)
}

.\!bg-black\/50 {
    background-color: rgb(0 0 0 / 0.5) !important
}

.bg-semiblack {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity))
}

.bg-fieldnotes-bg-dark {
    background-color: var(--fieldnotes-bg-dark)
}

.\!bg-offwhite {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important
}

.\!bg-semiblack {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity)) !important
}

.bg-offwhite {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}

.bg-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153 / var(--tw-bg-opacity))
}

.fill-projects-primary {
    fill: var(--projects-primary)
}

.fill-updates-primary {
    fill: var(--updates-primary)
}

.fill-ut-primary {
    fill: var(--ut-primary)
}

.fill-insights-primary {
    fill: var(--insights-primary)
}

.fill-fieldnotes-primary {
    fill: var(--fieldnotes-primary)
}

.fill-semiblack {
    fill: #191919
}

.fill-black {
    fill: #000
}

.fill-white {
    fill: #fff
}

.fill-inherit {
    fill: inherit
}

.fill-current {
    fill: currentColor
}

.\!fill-\[\#0051f3\] {
    fill: #0051f3 !important
}

.stroke-black {
    stroke: #000
}

.stroke-white {
    stroke: #fff
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-4 {
    padding: 20px
}

.p-2 {
    padding: 10px
}

.p-3 {
    padding: 15px
}

.p-\[10\.5px\] {
    padding: 10.5px
}

.p-1 {
    padding: 5px
}

.\!p-0 {
    padding: 0px !important
}

.px-4 {
    padding-left: 20px;
    padding-right: 20px
}

.py-2 {
    padding-top: 10px;
    padding-bottom: 10px
}

.px-1 {
    padding-left: 5px;
    padding-right: 5px
}

.px-2 {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[7\%\] {
    padding-left: 7%;
    padding-right: 7%
}

.px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px
}

.\!py-3 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px
}

.\!py-6 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.\!px-4 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.\!px-3 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.\!px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.\!py-\[8px\] {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.\!py-2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.pt-7 {
    padding-top: 35px
}

.pt-\[68px\] {
    padding-top: 68px
}

.pt-\[104px\] {
    padding-top: 104px
}

.pt-\[7\.5vw\] {
    padding-top: 7.5vw
}

.pt-\[84px\] {
    padding-top: 84px
}

.pt-0 {
    padding-top: 0px
}

.pr-4 {
    padding-right: 20px
}

.pl-2 {
    padding-left: 10px
}

.pt-2 {
    padding-top: 10px
}

.pr-2 {
    padding-right: 10px
}

.pb-6 {
    padding-bottom: 30px
}

.pr-0 {
    padding-right: 0px
}

.pb-0 {
    padding-bottom: 0px
}

.pb-3 {
    padding-bottom: 15px
}

.pt-1 {
    padding-top: 5px
}

.pb-8 {
    padding-bottom: 40px
}

.pt-\[\.25em\] {
    padding-top: .25em
}

.pr-1 {
    padding-right: 5px
}

.pt-4 {
    padding-top: 20px
}

.pb-2 {
    padding-bottom: 10px
}

.pt-\[3px\] {
    padding-top: 3px
}

.pl-\[4\.31\%\] {
    padding-left: 4.31%
}

.pb-4 {
    padding-bottom: 20px
}

.pl-\[2px\] {
    padding-left: 2px
}

.pr-\[4px\] {
    padding-right: 4px
}

.\!pb-6 {
    padding-bottom: 30px !important
}

.\!pb-8 {
    padding-bottom: 40px !important
}

.\!indent-0 {
    text-indent: 0px !important
}

.indent-0 {
    text-indent: 0px
}

.align-top {
    vertical-align: top
}

.\!font-serif {
    font-family: ImScGuardianTextEgyptian, serif !important
}

.\!font-sans {
    font-family: ImScGraphik, sans-serif !important
}

.font-sans {
    font-family: ImScGraphik, sans-serif
}

.font-serif {
    font-family: ImScGuardianTextEgyptian, serif
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[18px\] {
    font-size: 18px
}

.text-normal {
    font-size: 14px
}

.text-title-medium {
    font-size: 20px
}

.text-lede-small {
    font-size: 13.11px;
}
@media (max-width: 522px) {
    .text-lede-small {
        font-size: clamp(var(--min-size-px), 3.5vw, var(--max-size-px));
    }
}


.text-notes {
    font-size: 11.2px
}

.text-\[11\.28vw\] {
    font-size: 11.28vw
}

.text-\[3\.95vw\] {
    font-size: 3.95vw
}

.text-\[3\.70vw\] {
    font-size: 3.70vw
}

.text-\[4\.921vw\] {
    font-size: 4.921vw
}

.text-\[5\.39vw\] {
    font-size: 5.39vw
}

.text-\[2\.64vw\] {
    font-size: 2.64vw
}

.text-\[3\.5vw\] {
    font-size: 3.5vw
}

.text-\[7\.89vw\] {
    font-size: 7.89vw
}

.text-\[16\.1px\] {
    font-size: 16.1px
}

.text-\[18\.515px\] {
    font-size: 18.515px
}

.text-\[12\.88px\] {
    font-size: 12.88px
}

.text-\[14\.812px\] {
    font-size: 14.812px
}

.text-\[12\.5px\] {
    font-size: 12.5px
}

.text-\[14\.375px\] {
    font-size: 14.375px
}

.text-\[16\.53px\] {
    font-size: 16.53px
}

.text-date {
    font-size: 20px
}

.text-lede {
    font-size: 17.5px
}

.text-\[20\.125px\] {
    font-size: 20.125px
}

.text-\[23\.143px\] {
    font-size: 23.143px
}

.text-lede-sub {
    font-size: 16px
}

.text-\[18\.4px\] {
    font-size: 18.4px
}

.text-\[21\.16px\] {
    font-size: 21.16px
}

.text-\[\.8em\] {
    font-size: .8em
}

.\!text-\[14px\] {
    font-size: 14px !important
}

.\!text-\[16px\] {
    font-size: 16px !important
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.font-medium {
    font-weight: 500
}

.\!font-semibold {
    font-weight: 600 !important
}

.font-black {
    font-weight: 900
}

.\!font-\[400\] {
    font-weight: 400 !important
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.leading-wide {
    line-height: 1.5
}

.leading-none {
    line-height: 1
}

.leading-extreme {
    line-height: 1.875
}

.leading-title {
    line-height: 1.2
}

.leading-normal {
    line-height: 1.35
}

.leading-\[1\.45\] {
    line-height: 1.45
}

.leading-\[1\.2\] {
    line-height: 1.2
}

.leading-wide-extra {
    line-height: 1.6
}

.\!leading-\[17px\] {
    line-height: 17px !important
}

.\!leading-\[1\.5\] {
    line-height: 1.5 !important
}

.text-semiblack {
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.text-grey {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity))
}

.\!text-semiblack {
    --tw-text-opacity: 1 !important;
    color: rgb(25 25 25 / var(--tw-text-opacity)) !important
}

.text-projects-primary {
    color: var(--projects-primary)
}

.text-updates-primary {
    color: var(--updates-primary)
}

.text-ut-primary {
    color: var(--ut-primary)
}

.text-fieldnotes-primary {
    color: var(--fieldnotes-primary)
}

.text-insights-primary {
    color: var(--insights-primary)
}

.text-projects-secondary {
    color: var(--projects-secondary)
}

.text-updates-secondary {
    color: var(--updates-secondary)
}

.text-ut-secondary {
    color: var(--ut-secondary)
}

.text-fieldnotes-secondary {
    color: var(--fieldnotes-secondary)
}

.text-insights-secondary {
    color: var(--insights-secondary)
}

.\!text-\[\#0051f3\] {
    --tw-text-opacity: 1 !important;
    color: rgb(0 81 243 / var(--tw-text-opacity)) !important
}

.text-projects-primary-rollover {
    color: var(--projects-primary-rollover)
}

.\!text-projects-primary {
    color: var(--projects-primary) !important
}

.text-projects-secondary-rollover {
    color: var(--projects-secondary-rollover)
}

.text-updates-primary-rollover {
    color: var(--updates-primary-rollover)
}

.\!text-updates-primary {
    color: var(--updates-primary) !important
}

.text-updates-secondary-rollover {
    color: var(--updates-secondary-rollover)
}

.text-ut-primary-rollover {
    color: var(--ut-primary-rollover)
}

.\!text-ut-primary {
    color: var(--ut-primary) !important
}

.text-ut-secondary-rollover {
    color: var(--ut-secondary-rollover)
}

.text-insights-primary-rollover {
    color: var(--insights-primary-rollover)
}

.\!text-insights-primary {
    color: var(--insights-primary) !important
}

.text-insights-secondary-rollover {
    color: var(--insights-secondary-rollover)
}

.text-fieldnotes-primary-rollover {
    color: var(--fieldnotes-primary-rollover)
}

.\!text-fieldnotes-primary {
    color: var(--fieldnotes-primary) !important
}

.text-fieldnotes-secondary-rollover {
    color: var(--fieldnotes-secondary-rollover)
}

.text-\[\#0051f3\] {
    --tw-text-opacity: 1;
    color: rgb(0 81 243 / var(--tw-text-opacity))
}

.text-\[\#aaa\] {
    --tw-text-opacity: 1;
    color: rgb(170 170 170 / var(--tw-text-opacity))
}

.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.\!no-underline {
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important
}

.decoration-1 {
    text-decoration-thickness: 1px
}

.underline-offset-\[3px\] {
    text-underline-offset: 3px
}

.underline-offset-\[4px\] {
    text-underline-offset: 4px
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.underline-offset-\[\.25em\] {
    text-underline-offset: .25em
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-\[\.33\] {
    opacity: .33
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.\!opacity-\[\.9\] {
    opacity: .9 !important
}

.\!opacity-\[1\] {
    opacity: 1 !important
}

.\!opacity-30 {
    opacity: 0.3 !important
}

.\!opacity-100 {
    opacity: 1 !important
}

.opacity-\[\.66\] {
    opacity: .66
}

.\!outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.outline {
    outline-style: solid
}

.\!outline-0 {
    outline-width: 0px !important
}

.\!ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.duration-\[0ms\] {
    transition-duration: 0ms
}

.duration-\[250ms\] {
    transition-duration: 250ms
}

.duration-\[1000ms\] {
    transition-duration: 1000ms
}

.duration-300 {
    transition-duration: 300ms
}

.duration-100 {
    transition-duration: 100ms
}

.duration-\[500ms\] {
    transition-duration: 500ms
}

.duration-\[300ms\] {
    transition-duration: 300ms
}

.duration-500 {
    transition-duration: 500ms
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.content-\[\'\'\] {
    --tw-content: '';
    content: var(--tw-content)
}

.content-\[\"\"\] {
    --tw-content: "";
    content: var(--tw-content)
}

@font-face {
    font-family: 'ImScGraphik';
    font-weight: 400;
    src: url("../../fonts/graphik/Graphik-Regular-Web.woff2") format("woff2"),
        url("../../fonts/graphik/Graphik-Regular-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGraphik';
    font-weight: 400;
    font-style: italic;
    src: url("../../fonts/graphik/Graphik-RegularItalic-Web.woff2") format("woff2"),
        url("../../fonts/graphik/Graphik-RegularItalic-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGraphik';
    font-weight: 500;
    src: url("../../fonts/graphik/Graphik-Medium-Web.woff2") format("woff2"),
        url("../../fonts/graphik/Graphik-Medium-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGraphik';
    font-weight: 600;
    src: url("../../fonts/graphik/Graphik-Semibold-Web.woff2") format("woff2"),
        url("../../fonts/graphik/Graphik-Semibold-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGraphik';
    font-weight: 700;
    src: url("../../fonts/graphik/Graphik-Bold-Web.woff2") format("woff2"),
        url("../../fonts/graphik/Graphik-Bold-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGraphik';
    font-weight: 600;
    font-style: italic;
    src: url("../../fonts/graphik/Graphik-SemiboldItalic-Web.woff2") format("woff2"),
        url("../../fonts/graphik/Graphik-SemiboldItalic-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGraphik';
    font-weight: 500;
    font-style: italic;
    src: url("../../fonts/graphik/Graphik-MediumItalic-Web.woff2") format("woff2"),
        url("../../fonts/graphik/Graphik-MediumItalic-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGuardianTextEgyptian';
    font-weight: 400;
    src: url("../../fonts/guardian/GuardianTextEgyptian-Regular-Web.woff2") format("woff2"),
        url("../../fonts/guardian/GuardianTextEgyptian-Regular-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGuardianTextEgyptian';
    font-weight: 400;
    font-style: italic;
    src: url("../../fonts/guardian/GuardianTextEgyptian-RegularItalic-Web.woff2") format("woff2"),
        url("../../fonts/guardian/GuardianTextEgyptian-RegularItalic-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGuardianTextEgyptian';
    font-weight: 400;
    src: url("../../fonts/guardian/GuardianTextEgyptian-Regular-Web.woff2") format("woff2"),
        url("../../fonts/guardian/GuardianTextEgyptian-Regular-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGuardianTextEgyptian';
    font-weight: 400;
    font-style: italic;
    src: url("../../fonts/guardian/GuardianTextEgyptian-RegularItalic-Web.woff2") format("woff2"),
        url("../../fonts/guardian/GuardianTextEgyptian-RegularItalic-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGuardianTextEgyptian';
    font-weight: 500;
    src: url("../../fonts/guardian/GuardianTextEgyptian-Medium-Web.woff2") format("woff2"),
        url("../../fonts/guardian/GuardianTextEgyptian-Medium-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGuardianTextEgyptian';
    font-weight: 700;
    src: url("../../fonts/guardian/GuardianTextEgyptian-Bold-Web.woff2") format("woff2"),
        url("../../fonts/guardian/GuardianTextEgyptian-Bold-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGuardianTextEgyptian';
    font-weight: 500;
    font-style: italic;
    src: url("../../fonts/guardian/GuardianTextEgyptian-MediumItalic-Web.woff2") format("woff2"),
        url("../../fonts/guardian/GuardianTextEgyptian-MediumItalic-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGuardianTextEgyptian';
    font-weight: 700;
    font-style: italic;
    src: url("../../fonts/guardian/GuardianTextEgyptian-BoldItalic-Web.woff2") format("woff2"),
        url("../../fonts/guardian/GuardianTextEgyptian-BoldItalic-Web.woff") format("woff");
}

@font-face {
    font-family: 'ImScGuardianTextEgyptian';
    font-weight: 800;
    src: url("../../fonts/guardian/GuardianTextEgyptian-Black-Web.woff2") format("woff2"),
        url("../../fonts/guardian/GuardianTextEgyptian-Black-Web.woff") format("woff");
}

.top {
    transform-origin: center top;
}

.bottom {
    transform-origin: center bottom;
}

.splide__pagination {
    bottom: 1em !important;
}

.splide__arrow {
    width: 33% !important;
    height: 100% !important;
    border-radius: 0 !important;
    top: 0 !important;
    transform: none !important;
    background: none !important;
    opacity: 0 !important;
}

.splide__arrow--prev {
    left: 0 !important;
}

.splide__arrow--next {
    right: 0 !important;
}

.list .article.fieldnotes+.article.fieldnotes>div {
    border-color: var(--fieldnotes-primary) !important;
}

.dark .list .article.fieldnotes+.article.fieldnotes>div {
    border-color: var(--fieldnotes-primary-dark) !important;
}

.list .article.fieldnotes+.article:not(.fieldnotes)>div {
    border-color: transparent !important;
}

.list .article:not(.fieldnotes)+.article.fieldnotes>div {
    border-color: transparent !important;
}

.list .article.fieldnotes:first-child>div {
    border-color: transparent !important;
}

[data-view='list'] .grid-view {
    display: none;
}

[data-view='grid'] .list-view {
    display: none;
}

[data-view='list'] .toggle-to-list {
    display: none;
}

[data-view='grid'] .toggle-to-grid {
    display: none;
}

.page-template-template-search .article--line {
    /*border-color: #000 !important;*/
}

.dark .page-template-template-search .article--line {
    /*border-color: #fff !important;*/

}

[data-view='list'] .remove-br br {
    display: none;
}

.debug .whitespace>div {
    background: #ccc;
    height: 100%;
}

.playing .play-icon {
    opacity: 0 !important;
}

@media (any-hover: hover) {
    .vimeo:hover .pause-icon {
        opacity: 0;
    }

    .vimeo.playing:hover .pause-icon {
        opacity: 1;
    }
}

.correct-iframe iframe,
.correct-iframe .twitter-tweet {
    margin: 0 !important;
    padding: 0 !important;
}

.selection\:bg-\[\#0051f3\] *::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(0 81 243 / var(--tw-bg-opacity))
}

.selection\:bg-\[\#0051f3\] *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(0 81 243 / var(--tw-bg-opacity))
}

.selection\:bg-semiblack *::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity))
}

.selection\:bg-semiblack *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity))
}

.selection\:text-offwhite *::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.selection\:text-offwhite *::selection {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.selection\:bg-\[\#0051f3\]::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(0 81 243 / var(--tw-bg-opacity))
}

.selection\:bg-\[\#0051f3\]::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(0 81 243 / var(--tw-bg-opacity))
}

.selection\:bg-semiblack::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity))
}

.selection\:bg-semiblack::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity))
}

.selection\:text-offwhite::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.selection\:text-offwhite::selection {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.placeholder\:font-semibold::-moz-placeholder {
    font-weight: 600
}

.placeholder\:font-semibold:-ms-input-placeholder {
    font-weight: 600
}

.placeholder\:font-semibold::placeholder {
    font-weight: 600
}

.placeholder\:text-semiblack::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.placeholder\:text-semiblack:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.placeholder\:text-semiblack::placeholder {
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content)
}

.first\:mt-0:first-child {
    margin-top: 0px
}

.last\:mb-\[0px\]:last-child {
    margin-bottom: 0px
}

.last\:mb-0:last-child {
    margin-bottom: 0px
}

.last\:border-b-0:last-child {
    border-bottom-width: 0px
}

.hover\:\!border-grey:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(153 153 153 / var(--tw-border-opacity)) !important
}

.hover\:\!text-semiblack:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(25 25 25 / var(--tw-text-opacity)) !important
}

.hover\:text-grey:hover {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity))
}

.hover\:text-projects-secondary:hover {
    color: var(--projects-secondary)
}

.hover\:\!text-grey:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(153 153 153 / var(--tw-text-opacity)) !important
}

.hover\:opacity-75:hover {
    opacity: 0.75
}

.focus\:outline-0:focus {
    outline-width: 0px
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:placeholder\:text-grey:focus::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity))
}

.focus\:placeholder\:text-grey:focus:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity))
}

.focus\:placeholder\:text-grey:focus::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity))
}

.group:last-child .group-last\:border-b {
    border-bottom-width: 1px
}

.group:last-child .group-last\:pt-2 {
    padding-top: 10px
}

.group:last-child .group-last\:pb-2 {
    padding-bottom: 10px
}

.group:hover .group-hover\:max-h-\[200px\] {
    max-height: 200px
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.dark .dark\:block {
    display: block
}

.dark .dark\:hidden {
    display: none
}

.dark .dark\:\!hidden {
    display: none !important
}

.dark .dark\:border-projects-primary-dark {
    border-color: var(--projects-primary-dark)
}

.dark .dark\:border-updates-primary-dark {
    border-color: var(--updates-primary-dark)
}

.dark .dark\:border-ut-primary-dark {
    border-color: var(--ut-primary-dark)
}

.dark .dark\:border-fieldnotes-primary-dark {
    border-color: var(--fieldnotes-primary-dark)
}

.dark .dark\:border-insights-primary-dark {
    border-color: var(--insights-primary-dark)
}

.dark .dark\:border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.dark .dark\:border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.dark .dark\:border-offwhite {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245 / var(--tw-border-opacity))
}

.dark .dark\:\!border-offwhite {
    --tw-border-opacity: 1 !important;
    border-color: rgb(245 245 245 / var(--tw-border-opacity)) !important
}

.dark .dark\:\!border-t-white {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(255 255 255 / var(--tw-border-opacity)) !important
}

.dark .dark\:\!border-b-white {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)) !important
}

.dark .dark\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.dark .dark\:bg-projects-bg-dark {
    background-color: var(--projects-bg-dark)
}

.dark .dark\:\!bg-\[rgba\(255\2c 255\2c 255\2c \.1\)\] {
    background-color: rgba(255, 255, 255, .1) !important
}

.dark .dark\:bg-updates-bg-dark {
    background-color: var(--updates-bg-dark)
}

.dark .dark\:bg-ut-bg-dark {
    background-color: var(--ut-bg-dark)
}

.dark .dark\:bg-fieldnotes-bg-dark {
    background-color: var(--fieldnotes-bg-dark)
}

.dark .dark\:bg-insights-bg-dark {
    background-color: var(--insights-bg-dark)
}

.dark .dark\:\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.dark .dark\:bg-offwhite {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}

.dark .dark\:bg-fieldnotes-bg {
    background-color: var(--fieldnotes-bg)
}

.dark .dark\:\!bg-semiblack {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity)) !important
}

.dark .dark\:\!bg-offwhite {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important
}

.dark .dark\:bg-semiblack {
    --tw-bg-opacity: 1;
    background-color: rgb(25 25 25 / var(--tw-bg-opacity))
}

.dark .dark\:bg-darkgrey {
    --tw-bg-opacity: 1;
    background-color: rgb(85 85 85 / var(--tw-bg-opacity))
}

.dark .dark\:fill-projects-primary-dark {
    fill: var(--projects-primary-dark)
}

.dark .dark\:fill-updates-primary-dark {
    fill: var(--updates-primary-dark)
}

.dark .dark\:fill-ut-primary-dark {
    fill: var(--ut-primary-dark)
}

.dark .dark\:fill-insights-primary-dark {
    fill: var(--insights-primary-dark)
}

.dark .dark\:fill-fieldnotes-primary-dark {
    fill: var(--fieldnotes-primary-dark)
}

.dark .dark\:fill-offwhite {
    fill: #f5f5f5
}

.dark .dark\:fill-white {
    fill: #fff
}

.dark .dark\:\!fill-\[\#ffbc5b\] {
    fill: #ffbc5b !important
}

.dark .dark\:\!fill-white {
    fill: #fff !important
}

.dark .dark\:stroke-white {
    stroke: #fff
}

.dark .dark\:text-offwhite {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.dark .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.dark .dark\:text-darkgrey {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity))
}

.dark .dark\:text-projects-primary-dark {
    color: var(--projects-primary-dark)
}

.dark .dark\:text-updates-primary-dark {
    color: var(--updates-primary-dark)
}

.dark .dark\:text-ut-primary-dark {
    color: var(--ut-primary-dark)
}

.dark .dark\:text-fieldnotes-primary-dark {
    color: var(--fieldnotes-primary-dark)
}

.dark .dark\:text-insights-primary-dark {
    color: var(--insights-primary-dark)
}

.dark .dark\:text-projects-secondary-dark {
    color: var(--projects-secondary-dark)
}

.dark .dark\:text-updates-secondary-dark {
    color: var(--updates-secondary-dark)
}

.dark .dark\:text-ut-secondary-dark {
    color: var(--ut-secondary-dark)
}

.dark .dark\:text-fieldnotes-secondary-dark {
    color: var(--fieldnotes-secondary-dark)
}

.dark .dark\:text-insights-secondary-dark {
    color: var(--insights-secondary-dark)
}

.dark .dark\:\!text-\[\#ffbc5b\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 188 91 / var(--tw-text-opacity)) !important
}

.dark .dark\:\!text-offwhite {
    --tw-text-opacity: 1 !important;
    color: rgb(245 245 245 / var(--tw-text-opacity)) !important
}

.dark .dark\:text-projects-primary-rollover-dark {
    color: var(--projects-primary-rollover-dark)
}

.dark .dark\:\!text-projects-primary-dark {
    color: var(--projects-primary-dark) !important
}

.dark .dark\:text-projects-secondary-rollover-dark {
    color: var(--projects-secondary-rollover-dark)
}

.dark .dark\:text-updates-primary-rollover-dark {
    color: var(--updates-primary-rollover-dark)
}

.dark .dark\:\!text-updates-primary-dark {
    color: var(--updates-primary-dark) !important
}

.dark .dark\:text-updates-secondary-rollover-dark {
    color: var(--updates-secondary-rollover-dark)
}

.dark .dark\:text-ut-primary-rollover-dark {
    color: var(--ut-primary-rollover-dark)
}

.dark .dark\:\!text-ut-primary-dark {
    color: var(--ut-primary-dark) !important
}

.dark .dark\:text-ut-secondary-rollover-dark {
    color: var(--ut-secondary-rollover-dark)
}

.dark .dark\:text-insights-primary-rollover-dark {
    color: var(--insights-primary-rollover-dark)
}

.dark .dark\:\!text-insights-primary-dark {
    color: var(--insights-primary-dark) !important
}

.dark .dark\:text-insights-secondary-rollover-dark {
    color: var(--insights-secondary-rollover-dark)
}

.dark .dark\:text-fieldnotes-primary-rollover-dark {
    color: var(--fieldnotes-primary-rollover-dark)
}

.dark .dark\:\!text-fieldnotes-primary-dark {
    color: var(--fieldnotes-primary-dark) !important
}

.dark .dark\:text-fieldnotes-secondary-rollover-dark {
    color: var(--fieldnotes-secondary-rollover-dark)
}

.dark .dark\:text-\[\#ffbc5b\] {
    --tw-text-opacity: 1;
    color: rgb(255 188 91 / var(--tw-text-opacity))
}

.dark .dark\:text-\[\#555\] {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity))
}

.dark .dark\:\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.dark .dark\:opacity-\[\.5\] {
    opacity: .5
}

.dark .dark\:\!opacity-60 {
    opacity: 0.6 !important
}

.dark .dark\:selection\:bg-\[\#ffbc5b\] *::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(255 188 91 / var(--tw-bg-opacity))
}

.dark .dark\:selection\:bg-\[\#ffbc5b\] *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(255 188 91 / var(--tw-bg-opacity))
}

.dark .dark\:selection\:bg-offwhite *::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}

.dark .dark\:selection\:bg-offwhite *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}

.dark .dark\:selection\:\!text-\[\#000\] *::-moz-selection {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity)) !important
}

.dark .dark\:selection\:\!text-\[\#000\] *::selection {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity)) !important
}

.dark .dark\:selection\:text-\[\#ffbc5b\] *::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(255 188 91 / var(--tw-text-opacity))
}

.dark .dark\:selection\:text-\[\#ffbc5b\] *::selection {
    --tw-text-opacity: 1;
    color: rgb(255 188 91 / var(--tw-text-opacity))
}

.dark .dark\:selection\:text-semiblack *::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.dark .dark\:selection\:text-semiblack *::selection {
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.dark .dark\:selection\:bg-\[\#ffbc5b\]::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(255 188 91 / var(--tw-bg-opacity))
}

.dark .dark\:selection\:bg-\[\#ffbc5b\]::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(255 188 91 / var(--tw-bg-opacity))
}

.dark .dark\:selection\:bg-offwhite::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}

.dark .dark\:selection\:bg-offwhite::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}

.dark .dark\:selection\:\!text-\[\#000\]::-moz-selection {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity)) !important
}

.dark .dark\:selection\:\!text-\[\#000\]::selection {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity)) !important
}

.dark .dark\:selection\:text-\[\#ffbc5b\]::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(255 188 91 / var(--tw-text-opacity))
}

.dark .dark\:selection\:text-\[\#ffbc5b\]::selection {
    --tw-text-opacity: 1;
    color: rgb(255 188 91 / var(--tw-text-opacity))
}

.dark .dark\:selection\:text-semiblack::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.dark .dark\:selection\:text-semiblack::selection {
    --tw-text-opacity: 1;
    color: rgb(25 25 25 / var(--tw-text-opacity))
}

.dark .dark\:placeholder\:text-offwhite::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.dark .dark\:placeholder\:text-offwhite:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.dark .dark\:placeholder\:text-offwhite::placeholder {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity))
}

.dark .dark\:hover\:\!border-darkgrey:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(85 85 85 / var(--tw-border-opacity)) !important
}

.dark .dark\:hover\:text-projects-secondary-dark:hover {
    color: var(--projects-secondary-dark)
}

.dark .dark\:hover\:\!text-darkgrey:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(85 85 85 / var(--tw-text-opacity)) !important
}

.dark .dark\:focus\:placeholder\:text-darkgrey:focus::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity))
}

.dark .dark\:focus\:placeholder\:text-darkgrey:focus:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity))
}

.dark .dark\:focus\:placeholder\:text-darkgrey:focus::placeholder {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity))
}

@media (min-width: 480px) {
    .sm\:\!mb-0 {
        margin-bottom: 0px !important
    }

    .sm\:block {
        display: block
    }

    .sm\:hidden {
        display: none
    }

    .sm\:w-\[calc\(314px_\+_8\.177vw_-_83\.733px\)\] {
        width: calc(314px + 8.177vw - 83.733px)
    }

    .sm\:\!w-auto {
        width: auto !important
    }

    .sm\:max-w-\[415px\] {
        max-width: 415px
    }

    .sm\:\!justify-start {
        justify-content: flex-start !important
    }

    .sm\:\!gap-4 {
        gap: 20px !important
    }

    .sm\:px-6 {
        padding-left: 30px;
        padding-right: 30px
    }

    .sm\:px-7 {
        padding-left: 35px;
        padding-right: 35px
    }

    .sm\:px-8 {
        padding-left: 40px;
        padding-right: 40px
    }

    .sm\:px-9 {
        padding-left: 45px;
        padding-right: 45px
    }

    .sm\:px-10 {
        padding-left: 50px;
        padding-right: 50px
    }

    .sm\:\!py-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .sm\:\!px-8 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .sm\:pr-0 {
        padding-right: 0px
    }

    .sm\:pl-\[7\%\] {
        padding-left: 7%
    }

    .sm\:\!pb-6 {
        padding-bottom: 30px !important
    }

    .sm\:\!text-\[14px\] {
        font-size: 14px !important
    }

    .dark .sm\:dark\:block {
        display: block
    }

    .sm\:\!hidden {
        display: none !important;
    }

}

@media (min-width: 768px) {
    .md\:absolute {
        position: absolute
    }

    .md\:left-0 {
        left: 0px
    }

    .md\:mt-4 {
        margin-top: 20px
    }

    .md\:mt-\[2px\] {
        margin-top: 2px
    }

    .md\:mt-\[0px\] {
        margin-top: 0px
    }

    .md\:mt-7 {
        margin-top: 35px
    }

    .md\:mt-9 {
        margin-top: 45px
    }

    .md\:block {
        display: block
    }

    .md\:\!hidden {
        display: none !important
    }

    .md\:hidden {
        display: none
    }

    .md\:h-full {
        height: 100%
    }

    .md\:w-\[500px\] {
        width: 500px
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-\[100vw\] {
        width: 100vw
    }

    .md\:translate-x-3 {
        --tw-translate-x: 15px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:p-6 {
        padding: 30px
    }

    .md\:p-3 {
        padding: 15px
    }

    .md\:p-2 {
        padding: 10px
    }

    .md\:px-3 {
        padding-left: 15px;
        padding-right: 15px
    }

    .md\:px-2 {
        padding-left: 10px;
        padding-right: 10px
    }

    .md\:pb-7 {
        padding-bottom: 35px
    }

    .md\:pb-\[15px\] {
        padding-bottom: 15px
    }

    .md\:pt-8 {
        padding-top: 40px
    }
}

@media (min-width: 1024px) {
    .lg\:absolute {
        position: absolute
    }

    .lg\:left-\[calc\(100\%_\+_30px\)\] {
        left: calc(100% + 30px)
    }

    .lg\:left-\[100\%\] {
        left: 100%
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .lg\:my-0 {
        margin-top: 0px;
        margin-bottom: 0px
    }

    .lg\:-mt-7 {
        margin-top: -35px
    }

    .lg\:block {
        display: block
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-\[calc\(13px_\+_\.338vw_-_3\.46px\)\] {
        height: calc(13px + .338vw - 3.46px)
    }

    .lg\:h-\[calc\(56px_\+_1\.46vw_-_14\.932px\)\] {
        height: calc(56px + 1.46vw - 14.932px)
    }

    .lg\:w-\[calc\(50\%_-_15px\)\] {
        width: calc(50% - 15px)
    }

    .lg\:w-\[calc\(550px_\+_14\.3vw_-_147px\)\] {
        width: calc(550px + 14.3vw - 147px)
    }

    .lg\:w-\[90\%\] {
        width: 90%
    }

    .lg\:w-\[calc\(200\%_\+_30px\)\] {
        width: calc(200% + 30px)
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:max-w-\[calc\(1024px_\+_25\.3472222222vw_-_259px\)\] {
        max-width: calc(1024px + 25.3472222222vw - 259px)
    }

    .lg\:max-w-full {
        max-width: 100%
    }

    .lg\:max-w-\[calc\(200\%_\+_30px\)\] {
        max-width: calc(200% + 30px)
    }

    .lg\:max-w-\[calc\(332px_\+_8\.6vw_-_88px\)\] {
        max-width: calc(332px + 8.6vw - 88px)
    }

    .lg\:max-w-\[90\%\] {
        max-width: 90%
    }

    .lg\:translate-x-\[calc\(10\%_\+_30px_-_1rem\)\] {
        --tw-translate-x: calc(10% + 30px - 1rem);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:translate-x-\[calc\(30px_-_1rem\)\] {
        --tw-translate-x: calc(30px - 1rem);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:translate-x-\[calc\(30px_-_1rem_\+_11\%\)\] {
        --tw-translate-x: calc(30px - 1rem + 11%);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:translate-x-\[calc\(30px_-_1rem_\+_19\.145\%\)\] {
        --tw-translate-x: calc(30px - 1rem + 19.145%);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:translate-x-\[calc\(15px_\+_30px_-_1rem\)\] {
        --tw-translate-x: calc(15px + 30px - 1rem);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:translate-y-\[-90\%\] {
        --tw-translate-y: -90%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:translate-y-\[-80\%\] {
        --tw-translate-y: -80%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:translate-x-6 {
        --tw-translate-x: 30px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:pb-4 {
        padding-bottom: 20px
    }

    .lg\:text-\[calc\(14px_\+_\.347222222vw_-_3\.555px\)\] {
        font-size: calc(14px + .347222222vw - 3.555px)
    }

    .lg\:text-\[calc\(20px_\+_\.52vw_-_5\.333px\)\] {
        font-size: calc(20px + .52vw - 5.333px)
    }

    .lg\:text-\[calc\(13\.11px_\+_\.3414vw_-_3\.496px\)\] {
        font-size: calc(13.11px + .3414vw - 3.496px)
    }

    .lg\:text-\[calc\(14px_\+_\.364vw_-_3\.733px\)\] {
        font-size: calc(14px + .364vw - 3.733px)
    }

    .lg\:text-\[calc\(16\.1px_\+_\.4192vw_-_4\.29px\)\] {
        font-size: calc(16.1px + .4192vw - 4.29px)
    }

    .lg\:text-\[calc\(18\.515px_\+_\.4821vw_-_4\.937px\)\] {
        font-size: calc(18.515px + .4821vw - 4.937px)
    }

    .lg\:text-\[calc\(11\.2px_\+_\.2916vw_-_2\.99px\)\] {
        font-size: calc(11.2px + .2916vw - 2.99px)
    }

    .lg\:text-\[calc\(12\.88px_\+_\.3354vw_-_3\.43px\)\] {
        font-size: calc(12.88px + .3354vw - 3.43px)
    }

    .lg\:text-\[calc\(14\.812px_\+_\.3857vw_-_3\.949px\)\] {
        font-size: calc(14.812px + .3857vw - 3.949px)
    }

    .lg\:text-\[calc\(12\.5px_\+_\.3255vw_-_3\.33px\)\] {
        font-size: calc(12.5px + .3255vw - 3.33px)
    }

    .lg\:text-\[calc\(14\.375px_\+_\.374vw_-_3\.83px\)\] {
        font-size: calc(14.375px + .374vw - 3.83px)
    }

    .lg\:text-\[calc\(16\.53px_\+_\.43vw_-_4\.41px\)\] {
        font-size: calc(16.53px + .43vw - 4.41px)
    }

    .lg\:text-\[calc\(17\.5px_\+_\.4557vw_-_4\.666px\)\] {
        font-size: calc(17.5px + .4557vw - 4.666px)
    }

    .lg\:text-\[calc\(20\.125px_\+_\.524vw_-_5\.36px\)\] {
        font-size: calc(20.125px + .524vw - 5.36px)
    }

    .lg\:text-\[calc\(23\.143px_\+_\.602vw_-_6\.17px\)\] {
        font-size: calc(23.143px + .602vw - 6.17px)
    }

    .lg\:text-\[calc\(16px_\+_\.4166vw_-_4\.266px\)\] {
        font-size: calc(16px + .4166vw - 4.266px)
    }

    .lg\:text-\[calc\(18\.4px_\+_\.479vw_-_4\.90px\)\] {
        font-size: calc(18.4px + .479vw - 4.90px)
    }

    .lg\:text-\[calc\(21\.16px_\+_\.551vw_-_5\.64px\)\] {
        font-size: calc(21.16px + .551vw - 5.64px)
    }

    .lg\:text-\[1\.709vw\] {
        font-size: 1.709vw
    }

    .lg\:text-\[calc\(25px_\+_\.651vw_-_6\.666px\)\] {
        font-size: calc(25px + .651vw - 6.666px)
    }

    .dark .dark\:lg\:\!block {
        display: block !important
    }

    .dark .dark\:lg\:\!hidden {
        display: none !important
    }
}

@media (min-width: 1280px) {
    .xl\:max-w-\[1280px\] {
        max-width: 1280px
    }

    .xl\:px-\[8\.5\%\] {
        padding-left: 8.5%;
        padding-right: 8.5%
    }
}

@media (min-width: 1600px) {
    .xxl\:h-\[14\.95px\] {
        height: 14.95px
    }

    .xxl\:h-\[64\.4px\] {
        height: 64.4px
    }

    .xxl\:max-w-\[1170px\] {
        max-width: 1170px
    }

    .xxl\:max-w-\[1440px\] {
        max-width: 1440px
    }

    .xxl\:px-\[10\%\] {
        padding-left: 10%;
        padding-right: 10%
    }

    .xxl\:text-\[16px\] {
        font-size: 16px
    }

    .xxl\:text-\[23px\] {
        font-size: 23px
    }

    .xxl\:text-\[15\.08px\] {
        font-size: 15.08px
    }

    .xxl\:text-\[16\.1px\] {
        font-size: 16.1px
    }

    .xxl\:text-\[18\.515px\] {
        font-size: 18.515px
    }

    .xxl\:text-\[21\.29px\] {
        font-size: 21.29px
    }

    .xxl\:text-\[12\.88px\] {
        font-size: 12.88px
    }

    .xxl\:text-\[14\.812px\] {
        font-size: 14.812px
    }

    .xxl\:text-\[17\.03px\] {
        font-size: 17.03px
    }

    .xxl\:text-\[14\.375px\] {
        font-size: 14.375px
    }

    .xxl\:text-\[16\.53px\] {
        font-size: 16.53px
    }

    .xxl\:text-\[19px\] {
        font-size: 19px
    }

    .xxl\:text-\[20\.125px\] {
        font-size: 20.125px
    }

    .xxl\:text-\[23\.143px\] {
        font-size: 23.143px
    }

    .xxl\:text-\[26\.614px\] {
        font-size: 26.614px
    }

    .xxl\:text-\[18\.4px\] {
        font-size: 18.4px
    }

    .xxl\:text-\[21\.16px\] {
        font-size: 21.16px
    }

    .xxl\:text-\[24\.334px\] {
        font-size: 24.334px
    }

    .xxl\:text-\[27\.75px\] {
        font-size: 27.75px
    }
}

@media (min-width: 522px) {
    .col2\:w-2 {
        width: 10px
    }

    .col2\:w-\[49\%\] {
        width: 49%
    }

    .col2\:w-1\/2 {
        /* width: 50% */
    }

    .col2\:w-\[calc\(50\%_-_30px\)\] {
        width: calc(50% - 30px)
    }

    .col2\:w-1\/4 {
        width: 25%
    }

    .col2\:border-b-\[5\.1vw\] {
        border-bottom-width: 5.1vw
    }

    .col2\:border-b-\[2\.5vw\] {
        border-bottom-width: 2.5vw
    }

    .col2\:border-b-\[2\.66vw\] {
        border-bottom-width: 2.66vw
    }

    .col2\:border-b-\[2\.87vw\] {
        border-bottom-width: 2.87vw
    }

    .col2\:text-\[5\.80vw\] {
        font-size: 5.80vw
    }

    .col2\:text-\[2\.03vw\] {
        font-size: 2.03vw
    }

    .col2\:text-\[1\.90vw\] {
        font-size: 1.90vw
    }

    .col2\:text-\[2\.02vw\] {
        font-size: 2.02vw
    }

    .col2\:text-\[2\.90vw\] {
        font-size: 2.90vw
    }

    .col2\:text-\[1\.36vw\] {
        font-size: 1.36vw
    }

    .col2\:text-\[1\.45vw\] {
        font-size: 1.45vw
    }

    .col2\:text-\[4\.06vw\] {
        font-size: 4.06vw
    }
}

@media (min-width: 1025px) {
    .col3\:w-4 {
        width: 20px
    }

    .col3\:w-2\/3 {
        width: 66.666667%
    }

    .col3\:w-\[calc\(66\.666\%_-_8px\)\] {
        width: calc(66.666% - 8px)
    }

    .col3\:w-\[calc\(66\.666\%_-_10px\)\] {
        width: calc(66.666% - 10px)
    }

    .col3\:w-1\/3 {
        width: 33.333333%
    }

    .col3\:w-\[calc\(33\.333\%_-_10px\)\] {
        width: calc(33.333% - 10px)
    }

    .col3\:w-\[calc\(33\.333\%_-_13\.33px\)\] {
        width: calc(33.333% - 13.33px)
    }

    .col3\:w-1\/6 {
        width: 16.666667%
    }

    .col3\:w-\[calc\(16\.6666\%_-_13px\)\] {
        width: calc(16.6666% - 13px)
    }

    .col3\:w-\[calc\(16\.6666\%_-_18px\)\] {
        width: calc(16.6666% - 18px)
    }

    .col3\:border-b-\[3\.5vw\] {
        border-bottom-width: 3.5vw
    }

    .col3\:border-b-\[1\.7vw\] {
        border-bottom-width: 1.7vw
    }

    .col3\:border-b-\[1\.9vw\] {
        border-bottom-width: 1.9vw
    }

    .col3\:text-\[3\.91vw\] {
        font-size: 3.91vw
    }

    .col3\:text-\[1\.37vw\] {
        font-size: 1.37vw
    }

    .col3\:text-\[1\.28vw\] {
        font-size: 1.28vw
    }

    .col3\:text-\[1\.36vw\] {
        font-size: 1.36vw
    }

    .col3\:text-\[1\.95vw\] {
        font-size: 1.95vw
    }

    .col3\:text-\[0\.91vw\] {
        font-size: 0.91vw
    }

    .col3\:text-\[0\.97vw\] {
        font-size: 0.97vw
    }

    .col3\:text-\[2\.73vw\] {
        font-size: 2.73vw
    }
}

@media (min-width: 1600px) {
    .col4\:w-1\/8 {
        width: 12.5%
    }

    .col4\:w-6 {
        width: 30px
    }

    .col4\:w-1\/2 {
        width: 50%
    }

    .col4\:w-\[calc\(50\%_-_15px\)\] {
        width: calc(50% - 15px)
    }

    .col4\:w-1\/4 {
        width: 25%
    }

    .col4\:w-\[calc\(25\%_-_22\.5px\)\] {
        width: calc(25% - 22.5px)
    }

    .col4\:w-\[calc\(12\.5\%_-_26\.25px\)\] {
        width: calc(12.5% - 26.25px)
    }

    .col4\:border-b-\[2\.6vw\] {
        border-bottom-width: 2.6vw
    }

    .col4\:border-b-\[1\.3vw\] {
        border-bottom-width: 1.3vw
    }

    .col4\:border-b-\[1\.5vw\] {
        border-bottom-width: 1.5vw
    }

    .col4\:text-\[2\.94vw\] {
        font-size: 2.94vw
    }

    .col4\:text-\[1\.03vw\] {
        font-size: 1.03vw
    }

    .col4\:text-\[0\.96vw\] {
        font-size: 0.96vw
    }

    .col4\:text-\[1\.02vw\] {
        font-size: 1.02vw
    }

    .col4\:text-\[1\.47vw\] {
        font-size: 1.47vw
    }

    .col4\:text-\[0\.69vw\] {
        font-size: 0.69vw
    }

    .col4\:text-\[0\.73vw\] {
        font-size: 0.73vw
    }

    .col4\:text-\[2\.06vw\] {
        font-size: 2.06vw
    }
}

@media (min-width: 2400px) {
    .col5\:w-1\/10 {
        width: 10%
    }

    .col5\:w-2\/5 {
        width: 40%
    }

    .col5\:w-1\/5 {
        width: 20%
    }

    .col5\:border-b-\[2\.1vw\] {
        border-bottom-width: 2.1vw
    }

    .col5\:border-b-\[1\.0vw\] {
        border-bottom-width: 1.0vw
    }

    .col5\:border-b-\[1\.1vw\] {
        border-bottom-width: 1.1vw
    }

    .col5\:text-\[2\.36vw\] {
        font-size: 2.36vw
    }

    .col5\:text-\[0\.82vw\] {
        font-size: 0.82vw
    }

    .col5\:text-\[0\.77vw\] {
        font-size: 0.77vw
    }

    .col5\:text-\[1\.18vw\] {
        font-size: 1.18vw
    }

    .col5\:text-\[0\.55vw\] {
        font-size: 0.55vw
    }

    .col5\:text-\[0\.58vw\] {
        font-size: 0.58vw
    }

    .col5\:text-\[1\.65vw\] {
        font-size: 1.65vw
    }
}

@media (min-width: 3200px) {
    .col6\:border-b-\[1\.8vw\] {
        border-bottom-width: 1.8vw
    }

    .col6\:border-b-\[0\.85vw\] {
        border-bottom-width: 0.85vw
    }

    .col6\:border-b-\[0\.9vw\] {
        border-bottom-width: 0.9vw
    }

    .col6\:text-\[1\.97vw\] {
        font-size: 1.97vw
    }

    .col6\:text-\[0\.69vw\] {
        font-size: 0.69vw
    }

    .col6\:text-\[0\.46vw\] {
        font-size: 0.46vw
    }

    .col6\:text-\[0\.49vw\] {
        font-size: 0.49vw
    }
}

@media (hover: none) {
    .hover-none\:\!max-h-\[auto\] {
        max-height: auto !important
    }
}

@media (hover: hover) {
    @media (min-width: 768px) {
        .hover-hover\:md\:max-h-\[0px\] {
            max-height: 0px
        }
    }
}