@import"https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&family=Oswald:wght@200..700&display=swap";:root{--color-black: #263238;--color-gray: #d4d7d8;--color-light-blue-gray: #CFD8DC;--color-light-gray: #edf0f2;--color-scout-blue: #00213f;--color-blue: #40656F;--color-light-blue: #90A4AE;--color-green: #618B25;--color-light-green: #c2e197;--color-gold: #F2B705;--color-red: #e34a4a;--color-mixtape-pink: #FD0EFF;--color-tiff-orange: #ff452b;--color-providence-blue: #0099da;--color-novella-white: #f6f7f1;--black: #263238;--off-white: #d4d7d8;--white: #edf0f2;--blue: #607D8B;--green: #618B25;--lightgreen: #c2e197;--red: #e34a4a}@media(width>=1080px){.project-section--novella{width:min(100% - 2 * var(--padding-horizontal),1080px + var(--project-text-width) + var(--project-content-gap));container-type:inline-size}}.project-section{--project-content-gap: 50px;--project-text-width: 512px;--project-video-width: calc(100% - var(--project-text-width) - var(--project-content-gap));--padding-horizontal: 80px}@media(1280px<=width<1440px){.project-section{--padding-horizontal: 60px}}@media(850px<=width<1280px){.project-section{--padding-horizontal: 40px}}@media(width<850px){.project-section{--padding-horizontal: 24px}}.project-section{--padding-vertical: 70px;margin:0 auto;padding:var(--padding-vertical) var(--padding-horizontal)}@media(width<1080px){.project-section{--project-video-width: 100%;--padding-vertical: 40px;padding:var(--padding-vertical) 0}}.project-header{text-transform:uppercase;text-align:right;margin-bottom:32px}@media(width<1080px){.project-header{padding:0 var(--padding-horizontal)}}.project-content{display:flex;align-items:flex-start;gap:var(--project-content-gap);position:relative}@media(width<1080px){.project-content{flex-direction:column-reverse}}.project-content--reversed{flex-direction:row-reverse}@media(width<1080px){.project-content--reversed{flex-direction:column-reverse;align-items:flex-end}}.project-overlay{pointer-events:none;position:absolute;inset:0;width:var(--project-video-width);max-width:100svw;will-change:width;background-position:center;background-size:cover;background-repeat:no-repeat}@media(width<1080px){.project-overlay{display:none}}.project-overlay--left{right:unset;transform-origin:left center;z-index:10}.project-overlay--right{left:unset;transform-origin:right center}.project-overlay--scout{background-color:var(--color-scout-blue)}.project-overlay--novella{--novella-frame-width: min( 1080px, calc(100cqw - var(--project-text-width) - var(--project-content-gap)) );bottom:auto;height:calc(var(--novella-frame-width) * 608 / 1080);background-color:var(--color-novella-white);background-size:var(--novella-frame-width) auto;background-position:left top}.project-overlay--mixtape{background-color:#000}.project-overlay--everystep{background-color:#15181c}.project-text-content{max-width:var(--project-text-width);display:flex;flex-direction:column;gap:40px}@media(width<1080px){.project-text-content{padding:0 var(--padding-horizontal)}}.project-text-content--end{align-items:flex-end;text-align:right}.project-text-services{color:var(--color-blue)}.project-text-services--spaced{margin-bottom:64px}@media(width<1080px){.project-text-services--spaced{margin-bottom:unset}}.project-video{width:1080px;height:auto;max-width:var(--project-video-width)}.project-video:focus{outline:1.5px solid var(--color-gold)}.project-video--scout{background-color:var(--color-scout-blue)}.project-video--white{background-color:#fff}.h1{font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:300;font-size:180px;line-height:170px}@media(850px<=width<1440px){.h1{font-size:130px;line-height:126px}}@media(width<850px){.h1{font-size:68px;line-height:64px}}.h2{font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:300;font-size:130px;line-height:136px}@media(850px<=width<1440px){.h2{font-size:80px;line-height:84px}}@media(width<850px){.h2{font-size:62px;line-height:68px}}.h3{font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:300;font-size:90px;line-height:70px}@media(850px<=width<1440px){.h3{font-size:74px;line-height:70px}}@media(width<850px){.h3{font-size:56px;line-height:60px}}.h4{font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:300;font-size:60px;line-height:70px}@media(850px<=width<1440px){.h4{font-size:50px;line-height:56px}}@media(width<850px){.h4{font-size:40px;line-height:46px}}.h5{font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:400;font-size:32px;line-height:38px}@media(850px<=width<1440px){.h5{font-size:28px;line-height:30px;font-weight:300}}@media(width<850px){.h5{font-size:24px;line-height:36px;font-weight:300}}.h6{font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:400;font-size:24px;line-height:28px}@media(850px<=width<1440px){.h6{font-size:20px;line-height:24px}}@media(width<850px){.h6{font-size:16px;line-height:16px}}.h7{font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:300;font-size:20px;line-height:26px}@media(width<850px){.h7{font-size:18px;line-height:26px}}.body-large{font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:300;font-size:36px;line-height:40px}@media(850px<=width<1440px){.body-large{font-size:30px;line-height:36px}}@media(width<850px){.body-large{font-size:24px;line-height:28px}}.body-small{font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:300;font-size:24px;line-height:30px}@media(850px<=width<1440px){.body-small{font-size:20px;line-height:24px}}@media(width<850px){.body-small{font-size:18px;line-height:22px}}:root{overscroll-behavior:none}html{height:100%}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100%;overflow-x:clip;color:var(--color-black);font-family:Oswald,Arial,Helvetica,sans-serif}#viewport-background{position:fixed;inset:0;z-index:-1;pointer-events:none}#smooth-wrapper{z-index:1;flex-grow:1}#smooth-content{display:flex;flex-direction:column;min-height:100lvh;width:100%}button{color:inherit}.inner-page{--padding-top: 160px;--padding-bottom: 80px;--padding-x: 80px}@media(1280px<=width<1440px){.inner-page{--padding-x: 60px}}@media(850px<=width<1280px){.inner-page{--padding-x: 40px}}@media(width<850px){.inner-page{--padding-x: 24px}}.inner-page{box-sizing:border-box;flex-grow:1;padding:var(--padding-top) var(--padding-x) var(--padding-bottom);background-color:var(--color-light-gray)}@media(850px<=width<1280px){.inner-page{--padding-top: 140px}}@media(width<850px){.inner-page{--padding-top: 120px;--padding-bottom: 60px}}
