*{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline}img,picture,video,iframe,figure{max-width:100%;width:100%;display:block;object-fit:cover;object-position:center center}a{display:block}li{list-style-type:none}html{scroll-behavior:smooth;background:#2d344e}h1,h2,h3,h4,h5,h6,p,span,a,strong,blockquote,i,b,u,em{font-size:1em;font-weight:inherit;font-style:inherit;text-decoration:none;color:#f7f9ff;margin:0}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}form,input,textarea,select,button,label{font-family:inherit;font-size:inherit;-webkit-hyphens:auto;hyphens:auto;background-color:transparent;display:block;color:inherit}table,tr,td{border-collapse:collapse;border-spacing:0}svg{display:block}::selection{background-color:#1e2435}body{font-family:Karla,sans-serif;color:#f7f9ff;margin:0;padding:0;letter-spacing:-.03em;position:relative}html,body{width:100vw;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:transparent url(/assets/noise-transparent-cfuzFBYZ.png) repeat 0 0;background-size:300px 300px;animation:noise-animation .3s steps(5) infinite;will-change:transform;z-index:100;pointer-events:none}body:before .hover-link{background:#fcbb47}@keyframes noise-animation{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(-4%,2%)}30%{transform:translate(2%,-4%)}40%{transform:translate(-2%,5%)}50%{transform:translate(-4%,2%)}60%{transform:translate(3%)}70%{transform:translateY(3%)}80%{transform:translate(-3%)}90%{transform:translate(2%,2%)}to{transform:translate(1%)}}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}h1{font-size:1.5em;font-weight:800}@media (min-width: 800px){h1{font-size:6em}}@media (min-width: 1200px){h1{font-size:7em}}p{text-wrap:balance}.button{width:140px;height:30px;font-size:1.125em;font-family:Poppins,sans-serif;font-weight:500;color:#2d344e;background-color:#fcbb47;background-image:url(/assets/pattern-1-dark-C2y7V93J.svg);background-repeat:no-repeat;background-position:center;background-size:94% 97%;transition:background-color 1s ease,background-image 1s ease}.button img{width:20px;height:20px}.button:hover{cursor:pointer;background-color:#ef9924;background-image:url(/assets/pattern-1-light-Gu4eBwe4.svg);font-weight:700}@media (min-width: 768px){.button{width:170px;height:40px;font-size:1.25em}}@media (min-width: 1024px){.button{font-size:1.5em}}.load-bar{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;fill:none}.mask{width:100%;height:20%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden;position:relative}.logo-container{position:relative;z-index:5;background-image:url(/assets/pattern-Bu_UTqhu.svg);background-repeat:no-repeat;background-position:center;background-size:cover;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;width:100vw}.logo-container .logo-mask{width:100%;height:40%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden;position:relative}@media (min-width: 768px){.logo-container .logo-mask{height:50%}}.logo-container .logo{display:flex;align-items:flex-end;gap:8px;z-index:15;overflow:hidden;height:100%;pointer-events:none}.logo-container .logo .logo-letter{position:relative}.logo-container .logo .logo-letter:nth-child(1){width:25.109px;height:26.4915px}@media (min-width: 768px){.logo-container .logo .logo-letter:nth-child(1){width:57.392px;height:60.552px}}@media (min-width: 1024px){.logo-container .logo .logo-letter:nth-child(1){width:71.74px;height:75.69px}}.logo-container .logo .logo-letter:nth-child(1) svg{position:absolute;width:100%;height:100%;bottom:0;right:0}.logo-container .logo .logo-letter:nth-child(1) .outline path{transition:fill .3s ease}.logo-container .logo .logo-letter:nth-child(1) .outline path:first-child{fill:none}.logo-container .logo .logo-letter:nth-child(1) .outline path:nth-child(2){fill:#cbccd4}.logo-container .logo .logo-letter:nth-child(1) .fill{opacity:0;fill:none;transition:opacity .3s ease}.logo-container .logo .logo-letter:nth-child(2){width:27.174px;height:27.5205px}@media (min-width: 768px){.logo-container .logo .logo-letter:nth-child(2){width:62.112px;height:62.904px}}@media (min-width: 1024px){.logo-container .logo .logo-letter:nth-child(2){width:77.64px;height:78.63px}}.logo-container .logo .logo-letter:nth-child(2) svg{position:absolute;width:100%;height:100%;bottom:0;right:0}.logo-container .logo .logo-letter:nth-child(2) .outline path{transition:fill .3s ease}.logo-container .logo .logo-letter:nth-child(2) .outline path:first-child{fill:none}.logo-container .logo .logo-letter:nth-child(2) .outline path:nth-child(2){fill:#cbccd4}.logo-container .logo .logo-letter:nth-child(2) .fill{opacity:0;fill:none;transition:opacity .3s ease}.logo-container .logo .logo-letter:nth-child(3){width:18.053px;height:26.803px}@media (min-width: 768px){.logo-container .logo .logo-letter:nth-child(3){width:41.264px;height:61.264px}}@media (min-width: 1024px){.logo-container .logo .logo-letter:nth-child(3){width:51.58px;height:76.58px}}.logo-container .logo .logo-letter:nth-child(3) svg{position:absolute;width:100%;height:100%;bottom:0;right:0}.logo-container .logo .logo-letter:nth-child(3) .outline path{transition:fill .3s ease}.logo-container .logo .logo-letter:nth-child(3) .outline path:first-child{fill:none}.logo-container .logo .logo-letter:nth-child(3) .outline path:nth-child(2){fill:#cbccd4}.logo-container .logo .logo-letter:nth-child(3) .fill{opacity:0;fill:none;transition:opacity .3s ease}.logo-container .logo .logo-letter:nth-child(4){width:28.8225px;height:34.7655px}@media (min-width: 768px){.logo-container .logo .logo-letter:nth-child(4){width:65.88px;height:79.464px}}@media (min-width: 1024px){.logo-container .logo .logo-letter:nth-child(4){width:82.35px;height:99.33px}}.logo-container .logo .logo-letter:nth-child(4) svg{position:absolute;width:100%;height:100%;bottom:0;right:0}.logo-container .logo .logo-letter:nth-child(4) .outline path{transition:fill .3s ease}.logo-container .logo .logo-letter:nth-child(4) .outline path:first-child{fill:none}.logo-container .logo .logo-letter:nth-child(4) .outline path:nth-child(2){fill:#cbccd4}.logo-container .logo .logo-letter:nth-child(4) .fill{opacity:0;fill:none;transition:opacity .3s ease}.logo-container .logo .logo-letter:nth-child(5){width:11.2455px;height:26.3865px}@media (min-width: 768px){.logo-container .logo .logo-letter:nth-child(5){width:25.704px;height:60.312px}}@media (min-width: 1024px){.logo-container .logo .logo-letter:nth-child(5){width:32.13px;height:75.39px}}.logo-container .logo .logo-letter:nth-child(5) svg{position:absolute;width:100%;height:100%;bottom:0;right:0}.logo-container .logo .logo-letter:nth-child(5) .outline path{transition:fill .3s ease}.logo-container .logo .logo-letter:nth-child(5) .outline path:first-child{fill:none}.logo-container .logo .logo-letter:nth-child(5) .outline path:nth-child(2){fill:#cbccd4}.logo-container .logo .logo-letter:nth-child(5) .fill{opacity:0;fill:none;transition:opacity .3s ease}.logo-container .logo .logo-letter:nth-child(6){width:28.4515px;height:27.804px}@media (min-width: 768px){.logo-container .logo .logo-letter:nth-child(6){width:65.032px;height:63.552px}}@media (min-width: 1024px){.logo-container .logo .logo-letter:nth-child(6){width:81.29px;height:79.44px}}.logo-container .logo .logo-letter:nth-child(6) svg{position:absolute;width:100%;height:100%;bottom:0;right:0}.logo-container .logo .logo-letter:nth-child(6) .outline path{transition:fill .3s ease}.logo-container .logo .logo-letter:nth-child(6) .outline path:first-child{fill:none}.logo-container .logo .logo-letter:nth-child(6) .outline path:nth-child(2){fill:#cbccd4}.logo-container .logo .logo-letter:nth-child(6) .fill{opacity:0;fill:none;transition:opacity .3s ease}.logo-container .logo .logo-letter:nth-child(7){width:42.1435px;height:26.4495px}@media (min-width: 768px){.logo-container .logo .logo-letter:nth-child(7){width:96.328px;height:60.456px}}@media (min-width: 1024px){.logo-container .logo .logo-letter:nth-child(7){width:120.41px;height:75.57px}}.logo-container .logo .logo-letter:nth-child(7) svg{position:absolute;width:100%;height:100%;bottom:0;right:0}.logo-container .logo .logo-letter:nth-child(7) .outline path{transition:fill .3s ease}.logo-container .logo .logo-letter:nth-child(7) .outline path:first-child{fill:none}.logo-container .logo .logo-letter:nth-child(7) .outline path:nth-child(2){fill:#cbccd4}.logo-container .logo .logo-letter:nth-child(7) .fill{opacity:0;fill:none;transition:opacity .3s ease}.logo-container .logo .logo-letter:nth-child(8){width:25.3715px;height:28.021px}@media (min-width: 768px){.logo-container .logo .logo-letter:nth-child(8){width:57.992px;height:64.048px}}@media (min-width: 1024px){.logo-container .logo .logo-letter:nth-child(8){width:72.49px;height:80.06px}}.logo-container .logo .logo-letter:nth-child(8) svg{position:absolute;width:100%;height:100%;bottom:0;right:0}.logo-container .logo .logo-letter:nth-child(8) .outline path{transition:fill .3s ease}.logo-container .logo .logo-letter:nth-child(8) .outline path:first-child{fill:none}.logo-container .logo .logo-letter:nth-child(8) .outline path:nth-child(2){fill:#cbccd4}.logo-container .logo .logo-letter:nth-child(8) .fill{opacity:0;fill:none;transition:opacity .3s ease}.logo-container .intro-subtitle{opacity:0;transform:translateY(-20px);font-weight:400;font-size:1.125em;letter-spacing:1px;text-align:center;pointer-events:auto;z-index:15;width:80%}@media (min-width: 768px){.logo-container .intro-subtitle{width:50%;font-size:1.25em}}@media (min-width: 1200px){.logo-container .intro-subtitle{font-size:1.5em}}.contact{position:absolute;bottom:4rem;opacity:0;display:flex;align-content:center;justify-content:center;width:auto}@media (min-width: 768px){.contact{top:-3rem;right:2rem;height:100%}}@media (min-width: 1200px){.contact{top:0rem;height:100%;padding-right:40px}}.contact li a{display:grid;place-items:center;padding:12px;font-size:.875em;font-weight:300;letter-spacing:2px}@media (min-width: 768px){.contact li a{padding:8px;letter-spacing:1px;font-size:.875em}}.contact li a:focus{outline:none}.contact a svg{width:28px;height:28px;fill:#f7f9ff;transition:all .3s ease}@media (min-width: 768px){.contact a svg{width:24px;height:24px}}.contact a:hover{background-color:#292f46}.contact a:hover svg{width:28px;height:28px;fill:#fcbb47}.social-link-text{transition:all .3s ease}.contact a:hover .social-link-text{font-weight:500;color:#fcbb47;letter-spacing:0px}.project-fullscreen-container{display:grid;height:95dvh;grid-template-columns:20px 1fr 20px;grid-template-rows:80px 1fr 10px;grid-row-gap:40px}.frame__logo{grid-column:2/3;grid-row:1}.main-logo{height:80px;width:100%;background-color:#f7f9ff;mask-image:url(/assets/smp-logo-DSWSi8dN.svg);-webkit-mask-image:url(/assets/smp-logo-DSWSi8dN.svg);mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:contain;transition:all .3s}.frame__logo:hover{background-color:#2d344e}.frame__logo:hover .main-logo{background-color:#fcbb47;mask-image:url(/assets/smp-logo-DSWSi8dN.svg);-webkit-mask-image:url(/assets/smp-logo-DSWSi8dN.svg)}.project-card{grid-column:2/3;grid-row:2;display:flex;flex-direction:column;justify-content:center;justify-content:flex-end}.project-card .instructions{font-size:1.125em}.project-card .frame__content{display:flex;flex-direction:column;padding:1rem;text-align:left;background-color:#1e2435}.project-card .frame__content .project-title{font-family:Poppins,sans-serif;font-size:1.5em;font-weight:800;letter-spacing:.5px;line-height:2rem}.project-card .frame__content .project-category{font-size:1.125em;font-family:Poppins,sans-serif;font-weight:500;letter-spacing:.8px}.project-card .frame__content .frame__content-1{width:100%;height:auto;padding-top:8px;cursor:pointer}.project-card .frame__content .frame__img-1{background-size:cover;background-repeat:no-repeat;background-position:center top;width:100%;height:55dvh;will-change:clip-path,filter}.video-section{height:100vh;aspect-ratio:16/9;width:auto;max-width:100vw;margin:0 auto;overflow:hidden;display:flex;justify-content:center;align-items:center}.project-video{justify-content:center;height:100dvh;width:auto;object-fit:contain}@media (min-width: 768px){.frame{padding:1.5rem;position:fixed;bottom:0;left:0;height:100%;min-height:100vh;display:grid;z-index:10;width:100vw;grid-row-gap:1rem;grid-column-gap:2rem;justify-items:start;align-content:space-between;grid-template-columns:20% 15% 30% 1fr 1fr;grid-template-rows:80px 15% 1fr 1fr auto;grid-template-areas:"logo content content content content" "empty1 content content content content" "works content content content content" "works content content content content" "links content content content content"}.frame a{pointer-events:auto}.frame a.active{opacity:1;font-weight:700;color:#2d344e;background-color:#fcbb47}.frame__works{grid-area:works;display:flex;flex-direction:column;pointer-events:none}.frame__works p{margin-bottom:1.5rem;font-size:1.25em}.frame__works a{align-self:flex-start;display:inline-block;width:auto;pointer-events:auto;padding:.25rem 0;position:relative;font-family:Poppins,sans-serif;font-weight:500;letter-spacing:1px;font-size:1.25em;text-decoration:none;color:#f7f9ff;transition:all .3s;cursor:pointer}.frame__logo{display:flex;grid-area:logo;align-items:center;justify-content:flex-start;line-height:1.4;width:100%;height:100%}.frame__logo a{width:100%;height:100%}.frame__logo a:hover{background-color:#292f46;cursor:pointer}.frame__logo .main-logo{width:100%;height:100%;background-color:#f7f9ff;mask-image:url(/assets/smp-logo-stacked-BsbwrLbn.png);-webkit-mask-image:url(/assets/smp-logo-stacked-BsbwrLbn.png);mask-size:contain;-webkit-mask-size:contain;transition:all .3s}.frame__logo a:hover .main-logo{background-color:#fcbb47;mask-image:url(/assets/smp-logo-stacked-BsbwrLbn.png);-webkit-mask-image:url(/assets/smp-logo-stacked-BsbwrLbn.png)}.frame__links{grid-area:links;display:flex;flex-direction:column;width:100%;row-gap:10px}.frame__links .social-link-text{font-size:1.25em;transition:all .3s ease}.frame__links a{display:inline-block}.frame__links a:hover .social-link-text{color:#2d344e;background-color:#fcbb47}.frame__content{pointer-events:none;position:relative;grid-area:content;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);width:100%;height:100%;z-index:0}.frame__content .title{position:relative;z-index:10;text-transform:none;grid-column:1/11;grid-row:1;width:100%;height:100%;margin:0;line-height:1;font-weight:800;font-family:Poppins,sans-serif}.frame__content .title p{font-size:6em}.frame__content .category{position:relative;z-index:10;text-transform:none;grid-column:1/11;grid-row:11;width:100%;height:100%;margin:0;padding-top:20px;line-height:1;font-weight:600;letter-spacing:1px;font-family:Poppins,sans-serif}.frame__content .category p{font-size:3em}.frame__content .frame__content-1{grid-column:1/11;grid-row:2/11}.frame__content .frame__content-1 a{width:100%;height:100%}.frame__content .frame__content-1 a .frame__img-1{background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;height:100%;will-change:clip-path,filter}.frame__content .frame__content-1 a:hover{cursor:pointer;background-color:#292f46}}@media (min-width: 1200px){.frame{padding:3rem}.frame__works p,.frame__links .social-link-text{font-size:1.5em}.frame__content .title p{font-size:7em}.frame__content .category p{font-size:4em}}a:hover{font-weight:700;color:#2d344e;background-color:#fcbb47;cursor:pointer}.grid-intro{position:relative;display:grid;line-height:1;height:100dvh;width:100dvw;grid-template-columns:10% 1fr 1fr 10%;grid-template-rows:auto 1fr 1fr auto;grid-row-gap:5dvh;align-items:center;grid-column-gap:4dvw;will-change:transform}.intro__back{display:flex;align-items:center;height:40px;grid-column:2/4;grid-row:1;flex-wrap:wrap;font-size:18px}.intro__scroll{grid-column:3/4;grid-row:2;font-size:16px}.info{grid-column:2/4;grid-row:3;display:flex;flex-direction:column;row-gap:4px;font-size:16px;letter-spacing:1px}.info span{color:#cbccd4;font-family:Poppins,sans-serif;font-weight:600;letter-spacing:.8px}.info p{letter-spacing:0px;line-height:1.4em}.roles{grid-column:2/4;grid-row:3}.intro__title{grid-column:1/5;grid-row:4;font-size:16vw;will-change:color;line-height:.8}.grid-1{position:relative;display:grid;line-height:1;width:100dvw;padding:5dvh 0;grid-template-columns:3dvh 1fr 3dvh;grid-template-rows:auto 1fr auto;grid-row-gap:5dvh;align-items:center;grid-column-gap:4dvw;will-change:transform}.problem{grid-column:2;grid-row:1}.grid-img{background-size:cover;background-position:50% 50%;pointer-events:none;will-change:transform;height:min-content;aspect-ratio:17/22;z-index:100}.grid-1-img{grid-column:2;grid-row:2}.solution{grid-column:2;grid-row:3}.grid-2{position:relative;display:grid;line-height:1;width:100dvw;padding:5dvh 0 10dvh;grid-template-columns:3dvh 1fr 3dvh;grid-template-rows:repeat(9,auto);grid-row-gap:5dvh;align-items:center;grid-column-gap:4dvw;will-change:transform}.grid-2-img:nth-child(1){grid-column:2;grid-row:1}.solution-2{grid-column:2;grid-row:2}.grid-2-img:nth-child(2){grid-column:2;grid-row:3}.grid-2-img:nth-child(3){grid-column:2;grid-row:4}.solution-3{grid-column:2;grid-row:5}.grid-2-img:nth-child(4){grid-column:2;grid-row:6}.grid-2-img:nth-child(5){grid-column:2;grid-row:7}.timeframe{align-self:start;grid-column:2;grid-row:8}.tools{align-self:start;grid-column:2;grid-row:9}.footer{display:flex;flex-direction:row;justify-content:space-around;padding:5dvh 0}.video-section{height:100dvh;width:auto;margin:40px;display:flex}@media (min-width: 600px){.intro__back a{font-size:20px}.intro__scroll{font-size:18px}.info span,.info p{font-size:20px}}@media (min-width: 1200px){.project-detail{padding-top:3rem}.intro__back{font-size:22px}.intro__scroll{font-size:20px}.info span,.info p{font-size:22px}.grid-intro{grid-template-columns:20% 1fr 1fr;grid-template-rows:auto 1fr 1fr auto}.grid-1{grid-template-columns:3dvh 1fr 1fr 3dvh 1fr 1fr 3dvh;grid-template-rows:auto auto auto}.problem{grid-column:3/6;grid-row:1}.grid-1-img{grid-column:2/4;grid-row:2}.solution{grid-column:5/7;grid-row:2}.grid-2{grid-template-columns:3dvh 1fr 1fr 1fr 3dvh;grid-template-rows:auto auto auto auto}.solution-2{grid-column:3/5;grid-row:2}.grid-2-img:nth-child(2){grid-column:3;grid-row:1}.grid-2-img:nth-child(3){grid-column:4;grid-row:1}.solution-3{grid-column:4;grid-row:3}.grid-2-img:nth-child(4){grid-column:2;grid-row:3}.grid-2-img:nth-child(5){grid-column:3;grid-row:3}.timeframe{grid-column:2;grid-row:4}.tools{grid-column:3;grid-row:4}}div{width:"100vh";height:"100vw";transform:"rotate(90deg)";transformOrigin:"center";position:"absolute";top:0;left:0;overflow:"hidden"}