@layer core,playground,project;@layer project{html{--mobile-design-width: 1600;--desktop-design-width: 1600;--ultrawide-design-width: 2100;font-size:calc(100 / var(--mobile-design-width) * 1vw)}@media(width>=768px){html{font-size:calc(100 / var(--desktop-design-width) * 1vw)}}@media(width>=2100px){html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-design-width) / 16 * .01rem)}}body .playground-ui-bar-top-right,body .playground-ui-bar-bottom-right,body .playground-ui-mobile-navigation select{color:#212121;opacity:1;font-weight:400}body .playground-ui-bar-top-right a:hover,body .playground-ui-bar-bottom-right a:hover,body .playground-ui-mobile-navigation select a:hover{color:#000}body .playground-ui-bar-bottom-right a:has(svg) svg{margin-right:-1px}body .playground-ui-bar-bottom-right a:has(svg) svg path{stroke-width:1px}.page{--c-black: #111;--c-red: #FA4616;--c-white: #fff;--grid-cols: 9;--grid-col-width: calc(100% / var(--grid-cols));position:relative;z-index:1;background:var(--c-white);color:var(--c-black);font-family:Aeonik,sans-serif;font-size:21rem;font-weight:350}.page .container{max-width:1600rem;height:100%;margin:0 auto;padding:0 15rem}.page .grid{display:grid;grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));position:relative;z-index:1;width:100%;height:100%}.page picture{display:block;width:100%;height:100%;aspect-ratio:4/3}.page img{width:100%;height:100%;object-fit:cover}.page a{pointer-events:auto}.page .cover{position:fixed;inset:0;left:var(--playground-ui-sidebar-width);z-index:123;background:color-mix(in srgb,var(--c-red),transparent 0%);pointer-events:none}.page .lines{position:fixed;inset:0;left:var(--playground-ui-sidebar-width);z-index:1;pointer-events:none}.page .lines .grid:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(to right,transparent,transparent calc(var(--grid-col-width) - 1px),var(--c-black) calc(var(--grid-col-width) - 1px),var(--c-black) calc(var(--grid-col-width)));opacity:.1}.page .lines .grid:after{content:"";position:absolute;inset:0 -1px;z-index:-1;border-left:1px solid var(--c-black);opacity:.1}.page .header{position:fixed;inset:0;left:var(--playground-ui-sidebar-width);z-index:2;pointer-events:none}.page .header a{pointer-events:auto}.page .header-logo{grid-column:2;grid-row:1;display:flex;align-items:flex-end;margin-top:15rem;position:relative;z-index:2;padding:20rem;background:color-mix(in srgb,var(--c-red),transparent 5%);aspect-ratio:4/3}.page .header-logo svg{width:60rem}.page .header-logo-overlay{display:flex;flex-flow:column nowrap;position:absolute;inset:0;z-index:1;padding:15rem;background:var(--c-white);color:var(--c-black);clip-path:inset(100% 0% 0% 0%);pointer-events:none}.page .header-logo-overlay p{font-size:18rem;font-weight:600}.page .header-logo-overlay p+p{margin-top:auto;font-size:12rem;font-weight:500;text-align:right;text-transform:none}.page .header-logo-small{position:absolute;inset:20rem auto auto -15rem;z-index:1;width:15rem;height:125rem;background:color-mix(in srgb,var(--c-red),transparent 5%);clip-path:inset(0% 0% 0% 100%);font-size:0}.page .header-navigation{grid-column:1;grid-row:1;display:flex;flex-flow:column nowrap;justify-content:flex-end;gap:6rem;margin-top:15rem;aspect-ratio:4/3;margin-bottom:auto;padding:20rem 15rem 0;list-style:none;font-size:12rem;font-weight:500}.page .header-tagline{grid-column:1/span 3;margin:auto 0 20rem 15rem;font-size:12rem;font-weight:500}.page .header-back{position:fixed;inset:0;z-index:1;clip-path:inset(100% 0% 0% 0%);background:var(--c-red)}.page .header-back .lines .grid:before{background:repeating-linear-gradient(to right,transparent,transparent calc(var(--grid-col-width) - 1px),var(--c-white) calc(var(--grid-col-width) - 1px),var(--c-white) calc(var(--grid-col-width)));opacity:.15}.page .header-back .lines .grid:after{border-left:1px solid var(--c-white);opacity:.15}.hero{position:relative;z-index:3;height:100vh;pointer-events:none}.hero .grid{align-items:center;z-index:3}.hero-grid-item{grid-column:1/span 1;grid-row:1;aspect-ratio:4/3}.hero-grid-item:nth-child(1){grid-column:1/span 1;margin-top:-50%}.hero-grid-item:nth-child(2){grid-column:2/span 1;margin-top:150%}.hero-grid-item:nth-child(2) .hero-picture{aspect-ratio:3/4}.hero-grid-item:nth-child(3){grid-column:3/span 2;margin-top:150%}.hero-grid-item:nth-child(4){grid-column:5/span 2;margin-top:-190%}.hero-grid-item:nth-child(5){grid-column:7/span 1;margin-top:-265%}.hero-grid-item:nth-child(5) .hero-picture{aspect-ratio:3/4}.hero-grid-item:nth-child(6){grid-column:7/span 1;margin-top:250%}.hero-grid-item:nth-child(7){grid-column:8/span 2;margin-top:125%}.hero-picture{display:block;position:relative;z-index:1;width:100%;aspect-ratio:4/3}.hero-picture-overlay{display:flex;flex-flow:column nowrap;position:absolute;inset:0;z-index:1;padding:15rem;background:var(--c-white);color:var(--c-black);clip-path:inset(100% 0% 0% 0%);pointer-events:none}.hero-picture-overlay p{font-size:18rem;font-weight:600}.hero-picture-overlay p+p{margin-top:auto;font-size:12rem;font-weight:500;text-align:right;text-transform:none}.hero-text{position:absolute;inset:0;z-index:1;font-size:72rem;font-weight:500;letter-spacing:-.02em;line-height:100%;pointer-events:none}.hero-text>div{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:100%}.hero-back{position:fixed;inset:0;left:var(--playground-ui-sidebar-width);z-index:1;clip-path:inset(100% 0% 0% 0%)}.hero-back picture,.hero-back img{position:absolute;inset:0;z-index:1}.text{font-size:21rem;line-height:150%}.text-1{grid-column:2/span 4;padding:200rem 15rem 400rem}.text-h2,.text-h3{grid-column:2/span 1;padding:2rem 15rem;font-size:12rem;font-weight:500}.text-2{grid-column:4/span 4;padding:0 15rem}.text-h3{padding-top:52rem}.text-3{grid-column:4/span 4;padding:50rem 15rem 50vh}.text-images{grid-column:1/span 12;display:grid;grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));position:relative;z-index:1;width:100%;height:50vh}.text-image{grid-column:span 1;position:relative;z-index:2;aspect-ratio:4/3}.text-image:nth-child(1){grid-column:2/span 2}.text-image:nth-child(2){grid-column:4/span 1}.text-image:nth-child(3){grid-column:7/span 2;margin-top:-25%}.text-image:nth-child(4){grid-column:6/span 1;aspect-ratio:3/4;margin-top:-25%}.text-image:nth-child(6){grid-column:3/span 1;aspect-ratio:3/4;margin-top:-100%}}