*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;font-family:var(--font-body);font-size:var(--step-0);line-height:1.7;color:var(--ue-black);background:var(--ue-paper);-webkit-font-smoothing:antialiased}
img,video,svg{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul[class],ol[class]{list-style:none;padding:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--ue-black);outline-offset:3px}
.sec--black :focus-visible,.footer :focus-visible{outline-color:var(--ue-yellow)}

.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--ue-black);color:var(--ue-yellow);padding:.75rem 1rem}
.skip:focus{left:0}

.container{width:min(100% - var(--gutter) * 2,var(--container));margin-inline:auto}
.sec{padding-block:var(--space-6)}
.sec--yellow{background:var(--ue-yellow)}
.sec--black{background:var(--ue-black);color:var(--ue-white)}
.sec--paper{background:var(--ue-paper)}
.sec--white{background:var(--ue-white)}
.sec-head{margin-bottom:var(--space-4)}
.sec-head .lead{margin-top:var(--space-2)}

.display{font-size:var(--step-4);line-height:1.1;font-weight:900;letter-spacing:-.01em;text-wrap:balance}
.h2{font-size:var(--step-3);line-height:1.18;font-weight:900;text-wrap:balance}
.h3{font-size:var(--step-2);line-height:1.25;font-weight:900;text-wrap:balance}
.lead{font-size:var(--step-1);color:var(--ue-gray-5);max-width:34em}
.sec--black .lead{color:rgba(255,255,255,.72)}
.sec--yellow .lead{color:var(--ue-black)}
.eyebrow{font-size:var(--step--1);font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.en{font-family:var(--font-display);font-weight:400;letter-spacing:.02em}
.hl{display:inline-block;font-style:normal;line-height:1.08;background:var(--ue-black);color:var(--ue-yellow);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sec--black .hl{background:var(--ue-yellow);color:var(--ue-black)}

.cut{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .reveal{opacity:1;transform:none;transition:none}
}