/* Adapted from the supplied Youth / Image Wall Slider template by ex nihilo.
   Original typography, fullscreen photo wall, gradient and overlay navigation. */
.youth-site{font-family:Raleway,Arial,sans-serif;background:#fff;color:#111}
.youth-site .site-header{background:transparent;display:flex;justify-content:space-between;align-items:center;padding:35px 50px;text-align:left;position:relative;z-index:4;height:130px}
.youth-site .logo img{width:130px;height:55px}.navigation-toggle{display:flex;align-items:center;gap:20px;background:none;color:inherit;border:0;padding:12px 0;border-radius:0;text-transform:uppercase;letter-spacing:2px;font:600 11px Raleway,sans-serif}
.navigation-toggle i{display:block;width:30px;height:16px;border-top:2px solid;border-bottom:2px solid;position:relative}.navigation-toggle i:after{content:'';position:absolute;top:5px;right:0;width:20px;border-top:2px solid;transition:width .25s}.navigation-toggle:hover i:after{width:30px}
.menu-open{overflow:hidden}.navigation-dialog{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:60px 25px;background:#111;color:#fff;border:0;overflow:auto;z-index:100}.navigation-dialog::backdrop{background:#111}.navigation-dialog[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}.navigation-dialog nav{display:flex;flex-direction:column;gap:18px;margin:0;text-align:center}.navigation-dialog nav a{position:relative;font:700 clamp(22px,4vh,35px)/1 Montserrat,sans-serif;text-transform:uppercase;padding:0;color:#fff;border:0;width:fit-content;align-self:center}.navigation-dialog nav a:hover,.navigation-dialog nav a[aria-current=page]{color:var(--accent)}.navigation-dialog p{font:400 11px Dosis,sans-serif;letter-spacing:4px;text-transform:uppercase;margin:40px 0 0;color:#999}.menu-close{position:absolute;right:50px;top:38px;background:none;border:0;font:600 12px Raleway,sans-serif;letter-spacing:2px;text-transform:uppercase}
.youth-site main{max-width:1400px;padding-top:35px}.youth-site .project-heading{margin-bottom:65px}.youth-site h1{font-family:Montserrat,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(32px,5vw,70px);letter-spacing:-.04em}.eyebrow{font:400 11px Dosis,sans-serif;letter-spacing:.4em;text-transform:uppercase;color:#777}.youth-site .grid{gap:48px 28px}.youth-site .card{text-align:left}.youth-site .card img{aspect-ratio:1.2;transition:filter .35s}.youth-site .card h2{font:700 17px/1.45 Montserrat,sans-serif}.youth-site .meta{font:400 13px/1.8 Raleway,sans-serif}.youth-site .project-body p{font-size:16px;line-height:1.9}.youth-site .project-body h2{font:700 26px Montserrat,sans-serif;max-width:760px;margin:65px auto 20px}.youth-site footer{font:400 11px Dosis,sans-serif;letter-spacing:.25em;text-transform:uppercase;padding:35px}
.wall-home{background:#111;color:#fff;overflow:hidden}.wall-home .site-header{position:absolute;top:0;left:0;width:100%;color:#fff;pointer-events:none}.wall-home .site-header a,.wall-home .site-header button{pointer-events:auto}.wall-home .logo img{filter:grayscale(1) brightness(0) invert(1)}.wall-home main{max-width:none;padding:0;margin:0}.wall-home footer{display:none}.home-page{position:relative;height:100svh;min-height:480px;overflow:hidden;background:#151515}#viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline-offset:-5px}#viewport.dragging{cursor:grabbing}#wall{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0}.wall-tile{display:block;overflow:hidden;position:relative;background:#1b1b1b;user-select:none;cursor:inherit}.wall-tile img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;transition:filter .35s}.wall-tile:hover img{filter:brightness(1.2)}.wall-tile:focus-visible{outline-offset:-5px;z-index:2}#wall.ready{display:block}#wall.ready .wall-tile{position:absolute;width:var(--tile-w);height:var(--tile-h);padding:1px}.home-page-overlay-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,.2) 60%,rgba(0,0,0,.65));pointer-events:none;z-index:1}.home-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:2;text-align:center}.youth-site h1.home-page-title{font:700 clamp(85px,12vw,170px)/1 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:-.04em;color:#fff;margin:-13px auto 2px}.brand-dot{color:var(--accent)}h2.home-page-title{font:400 12px Dosis,sans-serif;text-transform:uppercase;letter-spacing:.65em;color:#fff;margin:12px 0 0 6px}.explore-link{pointer-events:auto;margin-top:40px;font:600 10px Raleway,sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:12px 0;border-bottom:1px solid #ffffff70}.explore-link span{margin-left:15px;font-size:18px}.home-categories{position:absolute;bottom:43px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:26px;margin:0;flex-wrap:nowrap}.home-categories a{color:#fff;font:600 10px Raleway,sans-serif;text-transform:uppercase;letter-spacing:.15em;padding:10px 0}.wall-bottom{position:absolute;bottom:50px;left:50px;right:50px;z-index:3;display:flex;justify-content:space-between;pointer-events:none;font:400 10px Dosis,sans-serif;text-transform:uppercase;letter-spacing:2px}.wall-pause{pointer-events:auto;background:none;border:0;color:#fff;font:inherit;padding:0;letter-spacing:inherit;text-transform:uppercase}
@media(max-width:760px){.youth-site .site-header{height:105px;padding:22px 25px}.youth-site .logo img{width:105px;height:44px}.menu-close{right:25px;top:28px}.youth-site main{padding-top:25px}.youth-site .project-heading{margin-bottom:40px}.youth-site .grid{gap:35px 20px}.wall-home main{padding:0}.wall-bottom{left:25px;right:25px;bottom:25px}.home-categories{bottom:65px;gap:18px}.home-categories a{font-size:9px;letter-spacing:.1em}h2.home-page-title{font-size:11px;letter-spacing:.45em}.home-intro{padding-bottom:35px}.home-page{min-height:420px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}