@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-MediumItalic.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Thin.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-ThinItalic.ttf)format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Hairline.ttf)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-HairlineItalic.ttf)format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedBlack.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedLight.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedItalic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedRegular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedBold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedLight.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedItalic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedMedium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Extrabold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-ExtraboldItalic.ttf)format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-MediumItalic.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowBold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowBoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowRegular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowSemibold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-RegularItalic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedLight.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedItalic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedMedium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedThin.ttf)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:formula-semiextended;src:url(/fonts/formula/PPFormula-SemiExtendedBold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Ultralight.ttf)format("truetype");font-weight:200;font-style:normal;font-display:swap}:root{--otis-bg:#edf1e8;--otis-bg2:#d7dbd2;--otis-fg:#141414;--otis-accent1:#ed6a5a;--otis-accent2:#f4f1bb;--otis-accent3:#9bc1bc;--otis-accent4:#5d576b}.otis-page{box-sizing:border-box;background-color:var(--otis-bg);color:var(--otis-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:formula-narrow,sans-serif}.otis-page *,.otis-page :before,.otis-page :after{box-sizing:border-box}.otis-page img{object-fit:cover;width:100%;height:100%;display:block}.otis-page h1,.otis-page h2,.otis-page h3{text-transform:uppercase;margin:0;font-family:rader,sans-serif;font-style:italic;line-height:.95}.otis-page h1{font-size:5rem}.otis-page h2{font-size:4rem}.otis-page h3{font-size:2rem}.otis-page a{color:var(--otis-fg);text-decoration:none}.otis-page p,.otis-page p.ss{margin:0;font-family:formula-narrow,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.125}.otis-page p.mn{text-transform:uppercase;font-family:supply-mono,monospace;font-size:.875rem;font-weight:500;line-height:1.125}.otis-transition{z-index:100000;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.otis-transition-overlay{transform-origin:top;will-change:transform;width:100%;height:100%;animation:.6s ease-in-out forwards otisReveal;position:absolute;top:0;left:0;transform:scaleY(1)}.otis-transition-overlay.overlay-1{background-color:var(--otis-fg)}.otis-transition-overlay.overlay-2{background-color:var(--otis-accent1)}.otis-transition-overlay.overlay-3{background-color:var(--otis-accent2)}.otis-transition-overlay.overlay-4{background-color:var(--otis-accent3)}.otis-transition-overlay.overlay-5{background-color:var(--otis-accent4)}@keyframes otisReveal{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes otisExit{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}.otis-nav{z-index:100;justify-content:space-between;align-items:center;width:100vw;padding:2em;display:flex;position:fixed;top:0;left:0;overflow-x:hidden}.otis-nav .logo{background-color:var(--otis-fg);cursor:pointer;border-radius:.4em;padding:.5em .65em}.otis-nav .logo a{color:var(--otis-bg);-webkit-user-select:none;user-select:none}.otis-menu-toggle-btn{background-color:var(--otis-bg2);color:var(--otis-fg);cursor:pointer;border-radius:.4em;padding:.6em .65em .65em}.otis-menu-toggle-btn.menu-open{background-color:var(--otis-fg);color:var(--otis-bg)}.otis-menu-toggle-btn p{-webkit-user-select:none;user-select:none}.otis-menu-toggle-btn-wrapper{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);flex-direction:column;align-items:center;height:.875rem;display:flex;position:relative;overflow:hidden}.otis-nav-overlay{background-color:var(--otis-bg2);pointer-events:none;opacity:0;z-index:10;width:100vw;height:100svh;position:fixed;top:0;left:0;overflow:hidden}.otis-nav-overlay .nav-items{flex-direction:column;align-items:center;gap:1em;display:flex;position:absolute;top:47.5%;left:50%;transform:translate(-50%,-50%)}.otis-nav-overlay .nav-item{will-change:transform;opacity:0;background-color:var(--otis-bg);border-radius:.5em;position:relative;transform:translateY(100%)}.otis-nav-overlay .nav-item p{-webkit-user-select:none;user-select:none;font-size:2rem}.otis-nav-overlay .nav-item.active{background-color:var(--otis-fg)}.otis-nav-overlay .nav-item.active p a{color:var(--otis-bg)}.otis-nav-overlay .nav-item p a{padding:.5em .5em .3em;display:block}.otis-nav-overlay .nav-footer{text-align:center;justify-content:space-between;align-items:flex-end;gap:1.5em;width:100%;padding:2em;display:flex;position:absolute;bottom:0;left:0}.otis-nav-overlay .nav-footer-item{flex-direction:column;gap:.5em;display:flex}.otis-nav-overlay .nav-footer-item p{-webkit-user-select:none;user-select:none;font-size:.75rem}.otis-nav-overlay .nav-footer-item-header{opacity:0;justify-content:center;gap:.75em;display:flex;position:relative;transform:translateY(100%)}.otis-nav-overlay .nav-footer-item-header p{background-color:var(--otis-bg);color:var(--otis-fg);text-align:center;border-radius:.4em;padding:.5em .65em}.otis-nav-overlay .nav-footer-item-copy{opacity:0;justify-content:center;gap:.75em;display:flex;position:relative;transform:translateY(100%)}.otis-nav-overlay .nav-footer-item:first-child .nav-footer-item-header{justify-content:flex-start}.otis-nav-overlay .nav-footer-item:nth-child(3) .nav-footer-item-header{justify-content:flex-end}.otis-nav-overlay .nav-footer-item:last-child{margin-top:1em}@media (width<=1000px){.otis-nav-overlay .nav-item p{font-size:1.5rem}.otis-nav-overlay .nav-footer{flex-direction:column;justify-content:center;align-items:center}.otis-nav-overlay .nav-footer-item:first-child .nav-footer-item-header,.otis-nav-overlay .nav-footer-item:nth-child(3) .nav-footer-item-header{justify-content:center}.otis-nav-overlay .nav-footer-item:nth-child(2){display:none}}.otis-hero{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100svh;padding:2em;display:flex;position:relative;overflow-x:hidden}.otis-hero .hero-header h1{font-size:20vw;line-height:.9}.otis-hero .hero-header.hero-header-1{z-index:1;position:relative;transform:translate(-20%)}.otis-hero .hero-header.hero-header-2{z-index:2;position:relative;transform:translate(20%)}.otis-hero .hero-footer{justify-content:space-between;width:100%;padding:2em;display:flex;position:absolute;bottom:0}.otis-hero .hero-footer .hero-footer-scroll-down{position:absolute;left:50%;transform:translate(-50%)}.otis-hero .hero-footer .hero-footer-symbols{height:1rem}.otis-hero .hero-footer .hero-footer-symbols img{width:auto;height:100%}.otis-hero-img-holder{width:100vw;height:100svh;padding:2em;position:relative}.otis-hero-img-holder .hero-img{border:.3em solid var(--otis-fg);border-radius:2em;width:100%;height:100%;position:relative;overflow:hidden;transform:translateY(-110%)scale(.25)rotate(-15deg)}.otis-featured-work{width:100vw;height:100svh;position:relative;overflow:hidden}.otis-featured-work .featured-titles{will-change:transform;width:500vw;height:100vh;display:flex;position:relative}.otis-featured-work .featured-title-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.otis-featured-title-img{border:.2em solid var(--otis-fg);border-radius:1em;width:calc(100% - 4em);height:150px;display:none;position:relative;top:0;overflow:hidden}.otis-featured-work .featured-title-wrapper h1{text-align:center;transform:translateY(-.5em)}.otis-featured-work .featured-images{width:200vw;height:200vh;transform-style:preserve-3d;perspective:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.otis-featured-work .featured-img-card{border-radius:2em;width:300px;height:300px;position:absolute;overflow:hidden}.otis-featured-work .featured-work-indicator{background-color:var(--otis-fg);width:2rem;height:max-content;color:var(--otis-bg);z-index:10;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.25rem .65rem;display:flex;position:absolute;top:50%;right:2em;transform:translateY(-50%)}.otis-featured-work .featured-work-indicator .indicator{background-color:var(--otis-bg);opacity:.2;width:100%;height:1.5px}.otis-featured-work .featured-work-footer{z-index:2;justify-content:space-between;align-items:center;width:100%;padding:2em;display:flex;position:absolute;bottom:0}.otis-services-header{text-align:center;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2em;display:flex;position:relative}.otis-services-header .services-profile-icon{outline:.25rem solid var(--otis-accent3);border:.25rem solid var(--otis-fg);border-radius:1em;width:100px;height:100px;margin-bottom:2em;position:relative;overflow:hidden}.otis-services-header .services-header-content{flex-direction:column;justify-content:center;align-items:center;gap:1em;display:flex}.otis-services-header .services-header-title{margin-bottom:6em}.otis-services .service-card{min-height:300px;position:relative}.otis-services .service-card-inner{will-change:transform;border-radius:2em;gap:4em;width:calc(100vw - 4em);height:100%;min-height:500px;margin:0 auto;padding:2em;display:flex;position:relative}.otis-services .service-card-content{flex-direction:column;flex:3;gap:2em;display:flex}.otis-services .service-card-img{aspect-ratio:4/5;border-radius:2em;flex:1;overflow:hidden}.otis-services #service-card-1 .service-card-inner{background-color:var(--otis-accent1)}.otis-services #service-card-2 .service-card-inner{background-color:var(--otis-accent2)}.otis-services #service-card-3 .service-card-inner{background-color:var(--otis-accent3)}.otis-services #service-card-4 .service-card-inner{background-color:var(--otis-fg);color:var(--otis-bg)}.otis-contact-cta{justify-content:center;align-items:center;width:100vw;height:100svh;padding:2em;display:flex;position:relative}.otis-contact-cta .contact-button{background:linear-gradient(45deg, var(--otis-accent1), var(--otis-accent2), var(--otis-accent3), var(--otis-accent4));cursor:pointer;background-size:400% 400%;border:.75em solid #000;border-radius:20em;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:60%;height:300px;transition:transform .2s;animation:10s ease-in-out infinite gradientMove;display:flex;position:relative;overflow:hidden;box-shadow:10px 10px 0 5px #000}.otis-contact-cta a{z-index:2;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.otis-contact-cta .contact-button:before{content:"";background:repeating-linear-gradient(45deg,#00000020 0 15px,#0000 15px 30px);width:200%;height:100%;animation:30s linear infinite stripeMove;position:absolute;top:0;left:0}.otis-contact-cta .contact-text-small,.otis-contact-cta .contact-text-large{z-index:1;position:relative}.otis-contact-cta .contact-text-large h1{font-size:7rem}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes stripeMove{0%{transform:translate(-50%)}to{transform:translate(0%)}}.otis-footer{width:100vw;height:85svh;color:var(--otis-bg);flex-direction:column;justify-content:space-between;align-items:center;padding:2em;display:flex;position:relative;overflow:hidden}.otis-footer .footer-container{background-color:var(--otis-fg);border-radius:2em;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2em;display:flex;position:relative;overflow:hidden}.otis-footer .footer-header{text-align:center;position:relative}.otis-footer .footer-row{gap:2em;margin-bottom:8em;display:flex}.otis-footer .footer-col{flex-direction:column;flex:1;align-items:center;gap:1em;display:flex}.otis-footer .footer-col a,.otis-footer .copyright-info a{color:var(--otis-bg)}.otis-footer .footer-col p:not(:first-child){opacity:.35}.otis-footer .copyright-info{justify-content:center;gap:2em;width:100%;display:flex;position:relative}.otis-footer .footer-symbols{justify-content:space-between;width:100%;padding:2em;display:flex;position:absolute;left:0}.otis-footer .footer-symbols img{width:auto;height:1rem}.otis-footer .footer-symbols-1{top:0}.otis-footer .footer-symbols-2{bottom:0}.otis-footer .explosion-container{pointer-events:none;width:100%;height:200%;position:absolute;bottom:0;left:0;overflow:hidden}.otis-footer .explosion-particle-img{object-fit:cover;will-change:transform;border-radius:1rem;width:150px;height:auto;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)}.otis-work-header{text-align:center;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2em;display:flex;position:relative}.otis-work-header .work-profile-icon{outline:.25rem solid var(--otis-accent1);border:.25rem solid var(--otis-fg);border-radius:1em;width:100px;height:100px;margin-bottom:1em;position:relative;overflow:hidden}.otis-work-header .work-header-content{flex-direction:column;justify-content:center;align-items:center;gap:1em;display:flex}.otis-work-header .work-header-title{margin-bottom:6em}.otis-work-header .work-footer{justify-content:space-between;width:100%;padding:2em;display:flex;position:absolute;bottom:0}.otis-work-header .work-footer .work-footer-scroll-down{position:absolute;left:50%;transform:translate(-50%)}.otis-work-header .work-footer .work-footer-symbols{height:1rem}.otis-work-header .work-footer .work-footer-symbols img{width:auto;height:100%}.otis-work-items{flex-direction:column;gap:4em;width:100%;height:100%;min-height:100%;margin-bottom:8em;padding:2em;display:flex;position:relative;overflow-x:hidden}.otis-work-items .row{gap:2em;display:flex}.otis-work-items .row .work-item{flex:1;position:relative}.otis-work-items .row .work-item .work-item-img{aspect-ratio:5/3;border-radius:1em;margin-bottom:1em;overflow:hidden}.otis-work-items .row .work-item .work-item-content{flex-direction:column;gap:.5em;display:flex}.otis-work-header-content p,.otis-work-header-title h1{line-height:1.1}.otis-about-hero{background-color:var(--otis-fg);width:100vw;height:100svh;color:var(--otis-bg);flex-direction:column;justify-content:space-between;align-items:center;padding:8em 2em 6em;display:flex;position:relative;overflow:hidden}.otis-about-hero .about-hero-header{text-align:center}.otis-about-hero .about-hero-header h1{font-size:7.5rem}.otis-about-hero .about-hero-bio{text-align:center;flex-direction:column;gap:2em;width:50%;display:flex}.otis-about-hero .about-hero-portrait{aspect-ratio:5/7;border:.25em solid var(--otis-accent3);outline:.25em solid var(--otis-accent1);border-radius:1em;width:15%;position:absolute;top:55%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(10deg)}.otis-about-copy{width:100vw;height:100%;padding:8em 2em;position:relative}.otis-about-copy .about-copy-content{text-align:center;background-color:var(--otis-accent1);border:.25em solid var(--otis-fg);border-radius:1em;flex-direction:column;gap:2em;width:50%;margin:0 auto;padding:3em 2em;display:flex}.otis-about-copy .about-copy-content h3{font-weight:400}.otis-about-copy .about-copy-content h3 span{font-weight:900}.otis-about-copy .tag{background-color:var(--otis-fg);border-radius:.5em;width:max-content;position:absolute}.otis-about-copy .tag p{text-transform:uppercase;color:var(--otis-bg);padding:.75em .5em .5em;font-size:1rem}.otis-about-copy #tag-1{top:50%;left:25%;transform:translate(-50%,-50%)rotate(20deg)}.otis-about-copy #tag-2{top:65%;left:10%;transform:translate(-50%,-50%)rotate(-45deg)}.otis-about-copy #tag-3{top:50%;left:75%;transform:translate(-50%,-50%)rotate(5deg)}.otis-about-copy #tag-4{top:75%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.otis-about-copy #tag-5{top:100%;left:80%;transform:translate(-50%,-50%)rotate(-60deg)}.otis-skills{width:100%;height:100%;padding:4em 2em;position:relative}.otis-skills .skills-copy{text-align:center;border:.2em dashed var(--otis-fg);border-radius:1em;width:max-content;margin:0 auto;padding:2em}.otis-stats{flex-direction:column;gap:2em;padding:8em 2em;display:flex}.otis-stats .stats-row{gap:2em;display:flex}.otis-stats .stats-header{flex:1}.otis-stats .stats-item-1{background-color:var(--otis-accent1);flex:1}.otis-stats .stats-item-2{background-color:var(--otis-accent3);flex:3}.otis-stats .stats-item-3{background-color:var(--otis-fg);color:var(--otis-bg);flex:2}.otis-stats .stats-item-1,.otis-stats .stats-item-2,.otis-stats .stats-item-3{aspect-ratio:16/7;border-radius:1em;padding:2em}.otis-stats .stats-col{flex-direction:column;justify-content:space-between;display:flex}.otis-contact{background-color:var(--otis-bg);justify-content:space-between;align-items:flex-end;width:100vw;height:100svh;padding:2em;display:flex;position:relative;overflow:hidden}.otis-contact .trail-img{object-fit:cover;transform-origin:50%;pointer-events:none;will-change:transform;border-radius:1em;width:150px;height:150px;position:absolute}.otis-contact-card{border-radius:1em;flex-direction:column;gap:.5em;display:flex}.otis-contact .contact-card-header-main{flex-direction:column;gap:1em;margin-bottom:4em;display:flex}.otis-contact .contact-card-header-main p{width:50%}.otis-contact p.contact-card-header{background-color:var(--otis-fg);width:max-content;color:var(--otis-bg);border-radius:.25em;padding:.25em .5em}.otis-contact .contact-symbol{height:1rem;position:absolute;left:50%;transform:translate(-50%)}.otis-contact .contact-symbol img{width:auto;height:100%}.otis-project-hero{background-color:var(--otis-bg);flex-direction:column;justify-content:center;align-items:center;gap:6em;width:100vw;height:100svh;padding:2em;display:flex;position:relative;overflow:hidden}.otis-project-hero .project-hero-header{flex-direction:column;gap:2em;display:flex}.otis-project-hero-header-h1{align-items:center;gap:2em;display:flex}.otis-project-hero-header-h1 img{width:1rem;height:1rem}.otis-project-hero .project-tags{justify-content:center;gap:1em;display:flex}.otis-project-hero .project-hero-description{text-align:center;width:50%}.otis-project-hero .project-hero-footer{justify-content:space-between;width:100%;padding:2em;display:flex;position:absolute;bottom:0}.otis-project-hero .project-hero-footer .project-hero-footer-scroll-down{position:absolute;left:50%;transform:translate(-50%)}.otis-project-hero .project-hero-footer .project-hero-footer-symbols{height:1rem}.otis-project-hero .project-hero-footer .project-hero-footer-symbols img{width:auto;height:100%}.otis-project-preview{background-color:var(--otis-fg);z-index:0;width:100vw;height:100vh;padding:0;position:fixed;top:0;left:0;overflow:hidden}.otis-project-preview .project-preview-wrapper{gap:4em;width:160vw;height:100vh;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.otis-project-preview .project-preview-wrapper .preview-col{flex-direction:column;flex:1;gap:4em;height:100%;display:flex;position:relative}.otis-project-preview .project-preview-wrapper .preview-img{border-radius:1em;flex:1;overflow:hidden}.otis-project-preview .project-preview-wrapper .preview-img.main-preview-img img{position:relative;transform:scale(2)}.otis-project-page-whitespace{width:100vw;height:600vh}.otis-project-client-feedback{background-color:var(--otis-bg);width:100vw;padding:8em 2em;position:relative}.otis-project-client-feedback .project-client-feedback-header{text-align:center;margin-bottom:8em}.otis-project-client-feedback .project-client-feedback-copy{width:65%;margin:2em auto 4em}.otis-project-client-feedback .project-client-feedback-copy p{text-align:center;font-size:2.5rem}.otis-project-client-feedback .project-client-info{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5em;display:flex}.otis-project-client-feedback .project-client-icon{border:.2em solid var(--otis-fg);outline:.2em solid var(--otis-accent1);border-radius:1em;width:100px;height:100px;overflow:hidden}.otis-project-client-feedback .project-client-bio{flex-direction:column;gap:.25em;display:flex}.otis-project-snapshots{background-color:var(--otis-bg);flex-direction:column;gap:2em;width:100vw;padding:4em 2em;display:flex;position:relative}.otis-project-snapshots .project-snapshot{aspect-ratio:16/9;border-radius:2em;overflow:hidden}.otis-project-page .otis-contact-cta,.otis-project-page .otis-footer{background-color:var(--otis-bg)}@media (width<=1000px){.otis-page h1{font-size:2.5rem}.otis-hero .hero-footer .hero-footer-symbols{display:none}.otis-hero .hero-footer{justify-content:flex-end;display:flex}.otis-hero .hero-footer .hero-footer-scroll-down{left:2em;transform:translate(0%)}.otis-featured-work{padding:4em 0}.otis-featured-work,.otis-featured-work .featured-titles{height:max-content}.otis-featured-work .featured-title-wrapper{gap:1em}.otis-featured-work .featured-title-wrapper:first-child{margin-bottom:2em}.otis-featured-work .featured-title-wrapper h1{width:75%;transform:translateY(0)}.otis-featured-work .featured-work-footer{justify-content:center;margin-top:4em;position:relative}.otis-featured-work .featured-work-footer p:first-child,.otis-featured-work .featured-work-footer p:nth-child(2),.otis-featured-work .featured-work-indicator,.otis-featured-work .featured-images{display:none}.otis-featured-title-img{display:block}.otis-featured-work .featured-titles{flex-direction:column;gap:2em;width:100vw}.otis-services-header{height:max-content}.otis-services{flex-direction:column;gap:2em;display:flex}.otis-services .service-card-inner{text-align:center;border:.2em solid var(--otis-fg);border-radius:1em;flex-direction:column;justify-content:center;gap:1em;min-height:0}.otis-services .service-card-img{aspect-ratio:5/3;border:.2em solid var(--otis-fg);border-radius:1em}.otis-contact-cta{height:max-content;padding:8em 2em}.otis-contact-cta .contact-button{border-radius:2em;gap:1em;width:95%;height:250px}.otis-contact-cta .contact-text-small{text-align:center;width:75%}.otis-contact-cta .contact-text-large h1{font-size:3rem}.otis-footer{height:100svh}.otis-footer .copyright-info{text-align:center;flex-direction:column;gap:.5em}.otis-footer .copyright-info p:nth-child(2){display:none}.otis-footer .footer-row{flex-direction:column;margin-bottom:2em}.otis-footer .footer-row .footer-col:nth-child(2),.otis-footer .footer-row .footer-col:nth-child(4),.otis-footer .explosion-container,.otis-work-header .work-footer .work-footer-symbols{display:none}.otis-work-header .work-footer{justify-content:flex-end;display:flex}.otis-work-header .work-footer .work-footer-scroll-down{left:2em;transform:translate(0%)}.otis-work-items .row{flex-direction:column}.otis-about-hero{padding:8em 2em 4em}.otis-about-hero .about-hero-header h1{font-size:4rem}.otis-about-hero .about-hero-bio{width:100%}.otis-about-hero .about-hero-portrait{width:25%;top:50%;transform:translate(-50%,-50%)rotate(0)}.otis-about-hero .about-hero-portrait img{height:110%;position:absolute}.otis-about-copy .about-copy-content{width:100%}.otis-about-copy .about-copy-content h3{font-size:1.5rem}.otis-about-copy .tag{display:none}.otis-skills .skills-copy{text-align:center;border:none;border-radius:0;width:100%;padding:0}.otis-stats .stats-row{flex-direction:column}.otis-stats .stats-col{text-align:center;gap:4em;width:100%}.otis-stats .stats-header{gap:2em;margin-bottom:2em}.otis-contact{text-align:center;flex-direction:column;justify-content:flex-end;gap:4em;height:100svh;padding:2em}.otis-contact .contact-card{text-align:center;justify-content:center;align-items:center;width:100%}.otis-contact .contact-card-header-main p{width:100%}.otis-contact .contact-symbol,.otis-project-hero .project-hero-footer .project-hero-footer-symbols{display:none}.otis-project-hero .project-hero-footer{justify-content:flex-end;display:flex}.otis-project-hero .project-hero-footer .project-hero-footer-scroll-down{left:2em;transform:translate(0%)}.otis-project-hero .project-hero-description{width:100%}.otis-project-preview .project-preview-wrapper{width:250vw}.otis-project-client-feedback .project-client-feedback-copy{width:100%}.otis-project-client-feedback .project-client-feedback-copy p{font-size:1.5rem}.otis-project-snapshots .project-snapshot{aspect-ratio:5/7}}