.show-menu{opacity:1;transform:translateY(100vh);transition:transform .2s ease-in-out,opacity .1s ease-in-out}.hide-menu{opacity:0;transform:translateY(-100vh);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.line-break{border-top:1px solid #000;margin:32px 0}body{background-color:#f2f3f4}.line-break{border-top:1px solid #8c8c8c;margin:32px 0}*{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}html{font-size:16px}body{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.3;color:#000}h1{font-family:"Inter"}.heading-text-grey{color:#8c8c8c;font-size:1.25rem;font-weight:300;line-height:1}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;line-height:1.5}a,button,input,textarea,select,li{all:unset;box-sizing:border-box;margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;display:inline-block;text-align:inherit;text-decoration:none}input,textarea,select{box-sizing:border-box;width:100%}li{list-style:none}img,video{display:block;max-width:100%;height:auto}a,li,button{cursor:pointer}.where{border:solid 3px red}@media screen and (min-width: 768px){.where{border:solid 3px green}}#widthbox{position:fixed;top:0}.hidden{display:none}.show{display:block}.hide{opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.grid-con{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-column-gap:16px;margin:0 16px}.full-width{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-column-gap:16px}.grid-temp-2{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:16px}.grid-temp-4{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:16px}.col-span-full{grid-column:1/-1}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}@media screen and (min-width: 768px)and (max-width: 1079px){.grid-con{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));grid-column-gap:16px;margin:0 16px}.full-width{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-column-gap:16px}.grid-temp-2{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:16px}.grid-temp-4{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:16px}.col-span-full{grid-column:1/-1}.s-col-span-1{grid-column:span 1/span 1}.s-col-span-2{grid-column:span 2/span 2}.s-col-span-3{grid-column:span 3/span 3}.s-col-span-4{grid-column:span 4/span 4}.s-col-span-5{grid-column:span 5/span 5}}@media screen and (min-width: 1080px)and (max-width: 1279px){.grid-con{display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));grid-column-gap:16px;margin:0 24px}.full-width{display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));grid-column-gap:16px}.col-span-full{grid-column:1/-1}.t-col-span-1{grid-column:span 1/span 1}.t-col-span-2{grid-column:span 2/span 2}.t-col-span-3{grid-column:span 3/span 3}.t-col-span-4{grid-column:span 4/span 4}.t-col-span-5{grid-column:span 5/span 5}.t-col-span-6{grid-column:span 6/span 6}.t-col-span-7{grid-column:span 7/span 7}}@media screen and (min-width: 1280px)and (max-width: 1439px){.grid-con{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:16px;margin:0 24px}.full-width{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:16px}.col-span-full{grid-column:1/-1}.l-col-span-1{grid-column:span 1/span 1}.l-col-span-2{grid-column:span 2/span 2}.l-col-span-3{grid-column:span 3/span 3}.l-col-span-4{grid-column:span 4/span 4}.l-col-span-5{grid-column:span 5/span 5}.l-col-span-6{grid-column:span 6/span 6}.l-col-span-7{grid-column:span 7/span 7}.l-col-span-8{grid-column:span 8/span 8}.l-col-span-9{grid-column:span 9/span 9}.l-col-span-10{grid-column:span 10/span 10}.l-col-span-11{grid-column:span 11/span 11}}@media screen and (min-width: 1440px){.grid-con{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:16px;max-width:1440px;margin:0 auto}.full-width{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:16px;padding-inline:calc((100% - 1440px)/2)}.col-span-full{grid-column:1/-1}.xl-col-span-1{grid-column:span 1/span 1}.xl-col-span-2{grid-column:span 2/span 2}.xl-col-span-3{grid-column:span 3/span 3}.xl-col-span-4{grid-column:span 4/span 4}.xl-col-span-5{grid-column:span 5/span 5}.xl-col-span-6{grid-column:span 6/span 6}.xl-col-span-7{grid-column:span 7/span 7}.xl-col-span-8{grid-column:span 8/span 8}.xl-col-span-9{grid-column:span 9/span 9}.xl-col-span-10{grid-column:span 10/span 10}.xl-col-span-11{grid-column:span 11/span 11}}#header-wrapper{position:relative;width:100%;margin:40px 0;background-color:#f2f3f4}#header__logo{display:flex;align-items:center;width:100%;z-index:999}#header__nate-logo{width:100%;height:auto}#header__nav{position:fixed;width:100%;top:96px;left:0;z-index:999}#header__nav ul{display:flex;flex-direction:column;height:100vh;padding:64px 16px;background-color:#f2f3f4}#header__nav ul li{font-size:2rem;font-weight:300}ul li:hover{color:#8c8c8c}#header__menu-button{grid-column-start:3;z-index:9999;font-size:.75rem;align-self:flex-start}#header__social-link{z-index:100}#social-link__btn{display:grid;place-items:center;width:36px;height:36px;padding:10px;border-radius:36px;color:#f2f3f4;background-color:#000}#header__bio-text{order:4;width:382px;margin-top:48px;font-size:1.15rem;font-weight:600}@media screen and (min-width: 440px)and (max-width: 767px){#header__menu-button{font-size:1rem;font-weight:400}#header__logo{width:70%}}@media screen and (min-width: 768px)and (max-width: 1079px){#header-wrapper{margin-top:48px;background-color:#f2f3f4}#header__logo{width:70%}#header__container{row-gap:32px;padding:0 16px}#header__menu-button{display:none}#header__nav{display:block;grid-column-start:4;position:unset}#header__nav ul{flex-direction:row;height:auto;gap:24px;padding:0;background-color:none}#header__nav ul li{font-size:1rem;color:#000}#header__bio-text{grid-column-start:1;order:3;margin:0;font-size:1.15rem}}@media screen and (min-width: 1080px)and (max-width: 1279px){#header__logo{width:70%}#header__bio-text{grid-column-start:3;order:0;margin:0;font-size:1rem;width:130%;text-wrap:wrap}#header__nav{display:block;grid-column-start:6;position:unset}#header__nav ul{flex-direction:row;height:auto;gap:24px;padding:0;background-color:none}#header__nav ul li{font-size:1rem;color:#000}#header__menu-button{display:none}}@media screen and (min-width: 1280px)and (max-width: 1439px){#header__logo{width:60%}#header__bio-text{grid-column-start:4;margin-top:0;order:0}#header__menu-button{display:none}#header__nav{grid-column-start:9;position:unset}#header__nav ul{flex-direction:row;height:auto;gap:24px;padding:0;background-color:none}#header__nav ul li{font-size:1rem;color:#000}}@media screen and (min-width: 1440px){#header__logo{width:100px}#header__bio-text{order:0;grid-column-start:4;margin-top:0}#header-wrapper{padding:0 64px}#header__nav{grid-column-start:9}#header__menu-button{display:none}#header__nav{grid-column-start:8;position:unset;transform:translateY(0%)}#header__nav ul{flex-direction:row;height:auto;gap:24px;padding:0;background-color:none}#header__nav ul li{font-size:1rem;color:#000}}#footer-wrapper{width:100vw;bottom:0;margin-top:48px;background-color:#000;grid-template-columns:repeat(4, 1fr);padding:24px;height:200px;min-height:100px}#footer__container{grid-column:2/8;display:grid;grid-template-columns:repeat(4, 1fr)}#footer{grid-column:1/3;width:100%;max-width:1440px;margin:0 auto;display:flex;justify-content:space-between}#footer p{font-size:2rem;font-weight:200;color:#fff}#about-nate-wrapper{margin-top:64px;display:flex;flex-direction:column;place-items:center}#about-nate__details{display:flex;flex-direction:column;place-items:center}#about-nate__card{display:none;grid-template-columns:1fr 2fr;overflow:hidden;place-items:center;padding:24px;row-gap:16px;background-color:#fff;width:330px;height:120px;border-radius:16px;margin-bottom:32px;box-shadow:rgba(149,157,165,.2) 0px 8px 24px;transition:height .3s ease-in-out}#about-nate__card ul{border-top:1px solid #8c8c8c;padding-top:8px;grid-column:2/3;width:100%;opacity:0;transition:opacity .3s ease-in-out}#about-nate__card ul li{margin-right:16px;opacity:0;transition:opacity .3s ease-in-out}#nate_image_contact{width:100%;display:grid;grid-template-columns:1fr}#nate_image_contact #contact-box-wrapper{height:70px;margin:16px 0;overflow:hidden;transition:all .3s ease-in-out}#nate_image_contact form{margin:0;overflow:hidden;transition:all .3s ease-in-out}#nate_image_contact form input{margin:0}#nate_image_contact form input:nth-of-type(1){margin-bottom:16px}#nate_image_contact #contact-box-wrapper:has(form:focus-within){height:250px}#nate-image{width:100%;height:200px;overflow:hidden;margin:0;grid-column:1/2;background-image:url("../images/nate-image.gif");background-position:0% 20%;background-size:cover}#about-nate__card:hover{height:160px}#about-nate__card:hover ul{opacity:1}#about-nate__card:hover ul li{opacity:1}#about-nate__card ul li:hover{color:#000;font-weight:600}#about-nate__avatar{width:70px;height:70px}#about-nate__avatar img{border-radius:100px}#about-nate__tag h2{font-size:1.35rem}#about-nate__tag h3{font-size:1rem;font-weight:300}#about-nate__text{width:100%;margin:0 auto;height:auto}#about-nate__text p{line-height:1.5;font-size:1.5rem;font-weight:200}#about-nate__text i{display:inline-block;animation:wiggle 1s infinite;color:salmon}@keyframes wiggle{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.reveal-text{letter-spacing:.1rem;font-kerning:normal}#contact-box-wrapper{width:100%;margin-top:24px}#contact-box__container p{text-align:center}#chat__container button{display:grid;place-items:center;width:80px;height:40px;color:#f2f3f4;border-radius:36px;background:#000;margin-top:32px;margin-bottom:64px}#about-nate__promise{margin-top:16px}@media screen and (min-width: 768px)and (max-width: 1079px){#about-nate__card{gap:16px;background-color:#fff;width:420px;height:120px}#about-nate__tag h2{font-size:1.35rem}#about-nate__tag h3{font-size:1rem;font-weight:300}#nate_image_contact{width:100%;height:220px;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}#nate_image_contact #contact-box-wrapper{width:100%;height:inherit;margin:0;overflow:visible;transition:all .3s ease-in-out;grid-column:2/2}#nate_image_contact #contact-box__container{margin:0}#nate_image_contact #contact-box__form{width:100%;margin:0}#nate_image_contact form{margin:0;overflow:hidden;transition:all .3s ease-in-out}#nate_image_contact form input{margin:0}#nate_image_contact form input:nth-of-type(1){margin-bottom:16px}#nate_image_contact #contact-box-wrapper:has(form:focus-within){height:100%}#nate-image{width:100%;height:100%;overflow:hidden;grid-column:1/2;margin:0}#about-nate__text{margin-top:48px;width:100%}#about-nate__text p{margin:0 auto;text-align:left;font-size:1.5rem}}@media screen and (min-width: 1024px){#about-nate-wrapper{margin-top:64px}#about-nate__card{gap:16px}#nate_image_contact{width:100%;height:220px;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}#nate_image_contact #contact-box-wrapper{width:100%;height:inherit;margin:0;overflow:visible;transition:all .3s ease-in-out;grid-column:2/2}#nate_image_contact #contact-box__container{margin:0}#nate_image_contact #contact-box__form{width:100%;margin:0}#nate_image_contact form{margin:0;overflow:hidden;transition:all .3s ease-in-out}#nate_image_contact form input{margin:0}#nate_image_contact form input:nth-of-type(1){margin-bottom:16px}#nate_image_contact #contact-box-wrapper:has(form:focus-within){height:100%}#nate-image{width:100%;height:100%;overflow:hidden;grid-column:1/2;margin:0}#about-nate__text{margin-top:48px;width:100%}#about-nate__text p{margin:0 auto;text-align:left;font-size:1.5rem}}@media screen and (min-width: 1440px){#about-nate__text{margin-top:48px}#about-nate__text p{font-size:1.5rem}}#chat-box{position:absolute;width:clamp(360px,40%,1000px);margin:0 auto;top:17.5vh;left:50%;transform:translateX(-50%);padding:32px;z-index:999;border-radius:16px;background-color:#000;box-shadow:-1px 1px 2px 0px rgba(0,0,0,.1019607843),-3px 3px 4px 0px rgba(0,0,0,.0901960784),-6px 7px 6px 0px rgba(0,0,0,.0509803922),-11px 12px 7px 0px rgba(0,0,0,.0117647059),-17px 19px 7px 0px rgba(0,0,0,0)}#chat-box h2{font-size:3rem;color:#fff;line-height:1}#chat-box p{color:#8c8c8c;font-weight:200;color:#8c8c8c;margin-top:16px}#chat-box ul{display:flex;gap:16px}#chat-box ul li{padding:16px 0}#chat-box ul li i{display:inline-block;font-size:1.5rem;color:#fff;pointer-events:auto}#chat-box input{max-width:500px;background-color:#fff;height:50px !important;padding:8px;border:unset !important}#chat-box button{background-color:#faebd7}#avatar{position:relative;width:100px;height:100px;margin:16px auto;overflow:visible}#avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:100%}#avatar span{width:20px;height:20px;background-color:lime;top:0;right:0;border-radius:100%;position:absolute;animation:blink 5s infinite ease-in-out}@keyframes blink{0%{background-color:rgba(0,255,0,.5019607843)}50%{background-color:lime}100%{background-color:rgba(0,255,0,.5019607843)}}#chat-box #contact-form{display:flex;flex-direction:column;align-items:center}#greeting__sociallinks{display:flex;justify-content:center;align-items:start;flex-direction:column}#chatboxBtn{font-size:2rem;color:#000;position:absolute;top:-50px;right:0;margin:0 8px;cursor:pointer;transition:transform 1s;transform:rotate(360deg)}@media screen and (min-width: 440px)and (max-width: 767px){#chat-box{width:clamp(360px,70%,1000px)}}@media screen and (min-width: 768px)and (max-width: 1079px){#chat-box{width:clamp(500px,80%,1000px)}#greeting__sociallinks{display:flex;justify-content:center;align-items:center;flex-direction:column}}@media screen and (min-width: 1080px)and (max-width: 1279px){#chat-box{width:clamp(500px,80%,950px)}#greeting__sociallinks{display:flex;justify-content:center;align-items:center;flex-direction:column}}@media screen and (min-width: 1280px)and (max-width: 1439px){#chat-box{width:clamp(500px,80%,950px)}#greeting__sociallinks{display:flex;justify-content:center;align-items:center;flex-direction:column}}@media screen and (min-width: 1440px){#chat-box{width:clamp(500px,80%,1000px)}#greeting__sociallinks{display:flex;justify-content:center;align-items:center;flex-direction:column}}#thanksmsg{background-color:#000;width:100vw;height:100vh;color:#fff;font-size:clamp(5rem,8vw,10rem);line-height:1;display:flex;flex-direction:column;justify-content:space-between}#message{padding-bottom:24px}#count{font-size:clamp(1rem,4vw,3rem);line-height:1;padding-bottom:24px}#construction{position:absolute;top:0;width:100%;height:100vh;overflow:hidden}#underconstruction{display:flex;font-size:15rem;justify-content:center;align-items:center;min-width:500%;height:40vh;background-color:#ff0;text-align:center;transform:rotate(45deg);position:sticky;transform:translate(-50%, -50%) rotate(45deg);top:50%;left:50%;color:#000;font-weight:700;line-height:1}#partition{position:absolute;width:100vw;height:100vh;background-color:#f2f3f4;z-index:1000000}#project-table{width:100%;padding:48px 0;overflow-y:auto;display:flex;flex-direction:column;margin:0 auto}.project-row{display:flex;width:100%;height:125px}.project-desc-div{flex:1 0 50%;font-size:1.5rem;padding:8px 16px;line-height:1.5rem;transition:all .5s ease}.project-desc-div span{font-size:1.25rem;font-weight:300;color:#8c8c8c;text-wrap:nowrap}.project-desc-div i{color:#f2f3f4}.project-desc-div:hover{background-color:#fff;color:#000}.project-desc-div:hover span{color:#000}.project-desc-div:hover i{color:#000}.project-image-div{flex:1 0 50%;overflow:hidden;display:flex;justify-content:center}.project-image-div a{display:flex;width:100%}.project-image-div a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media screen and (min-width: 768px)and (max-width: 1079px){#project-table{width:100%;padding:96px 0;overflow-y:auto;display:flex;flex-direction:column}.project-row{display:flex;width:100%;height:180px}}@media screen and (min-width: 1080px)and (max-width: 1279px){.project-row{display:flex;width:100%;height:150px}.project-row{display:flex;width:100%;height:200px}}@media screen and (min-width: 1280px)and (max-width: 1439px){.project-row{display:flex;width:100%;height:220px}}@media screen and (min-width: 1440px){.project-row{display:flex;width:100%;height:220px}}#login-form{display:flex;flex-direction:column;height:100vh;place-items:center;justify-content:center;gap:8px}#login-form input{border:1px solid #ccc;height:48px;margin:8px 0}#login-form button{background-color:#007bff;width:100%;height:52px;color:#fff;border:none;padding:8px 16px;cursor:pointer}#login-form button:hover{background-color:#0056b3}#project-list{display:flex;flex-direction:column;margin:0 auto;padding:64px;width:minmax(300px, 600px);height:100vh;justify-content:center}#project-list button{background-color:#007bff;width:100%;height:52px;color:#fff;border:none;padding:8px 16px;cursor:pointer}#project-list button:hover{background-color:#0056b3}#project-list #create__logout__box{display:flex;gap:24px;align-items:center}#project-list #createBtn{width:200px;display:grid;place-items:center;padding:0}#project-list table{background-color:#fff;border:1px solid #000;padding:16px 16px}#project-list .actionsBox{display:flex;justify-content:left;align-items:center;gap:16px;padding:0 24px}#project-list .actionsBox a{text-decoration:underline;color:#000}#edit-form{padding:64px 0}#edit-form a:hover{color:#007bff}#edit-form table{border:1px solid #000;background-color:#fff;width:100%;margin:0 auto;padding:64px}#edit-form table tr td:first-child{padding:8px 16px 8px 0}#edit-form table tr textarea{padding:8px 16px;height:100px;border:1px solid #000;color:gray;background-color:#fff}#edit-form table input{border:1px solid #000;background-color:#fff;color:gray;padding:8px 16px;height:50px}#edit-form table input:focus{background-color:#007bff;color:#fff}#edit-form table input[type=file]{border:none;background:none}#edit-form select{border:1px solid #000;color:gray;height:50px;display:grid;place-items:center;padding:8px 16px;background-color:#fff}#edit-form img{width:150px;margin:8px 0}#updateBtn a:hover{color:#007bff}#updateBtn td{padding:16px 0}#updateBtn td input{background-color:#007bff;width:100%;height:52px;color:#fff;border:none;padding:8px 16px;cursor:pointer}#create-form{padding:64px 0}#create-form table{border:1px solid #000;background-color:#fff;width:100%;margin:0 auto;padding:64px}#create-form table tr td:first-child{padding:8px 16px 8px 0}#create-form table tr textarea{padding:8px 16px;height:100px;border:1px solid #000;color:gray;background-color:#fff}#create-form table input{border:1px solid #000;background-color:#fff;color:gray;padding:8px 16px;height:50px}#create-form table input:focus{background-color:#007bff;color:#fff}#create-form table input[type=file]{border:none;background:none}#create-form select{border:1px solid #000;color:gray;height:50px;display:grid;place-items:center;padding:8px 16px;background-color:#fff}#create-form img{width:150px;margin:8px 0}#updateBtn td,#createBtn td{padding:16px 0}#updateBtn td input,#createBtn td input{background-color:#007bff;width:100%;height:52px;color:#fff;border:none;padding:8px 16px;cursor:pointer}#updateBtn td input:hover,#createBtn td input:hover{background-color:#0056b3}#download-cv{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:48px}#download-cv a{font-size:clamp(1rem,2vw,2rem);font-weight:100}#download-cv a:hover{color:#8c8c8c}#download-cv a:hover i{color:green}#cv-con{width:100%;height:500px;transition:all .5s ease-in-out;padding:0 16px}#cv{place-items:center;height:auto}#cv-embed{display:flex;position:relative;margin:0 24px;width:300px}#envelope,#envelope-back{width:100%;position:absolute;transition:all .5s ease-in-out;opacity:1}#cv-paper{width:95%;height:auto;position:absolute;transform:translateX(2.5%);z-index:4}#envelope{height:300px;top:150px;left:0;background-color:orange;box-shadow:0 -4px 6px rgba(0,0,0,.5);z-index:5}#envelope-back{top:100px;left:0;height:300px;background-color:#e5a733;z-index:3}@media screen and (min-width: 440px){#cv-embed{margin:0 24px;position:relative;width:clamp(400px,50vw,500px)}#cv-con{width:100%;height:700px;transition:all .5s ease-in-out;padding:0 16px}#envelope{height:clamp(380px,50vw,500px)}}#hero-wrapper{position:relative;height:100%}#hero__container{height:100%}#hero__card-deck{height:100%;display:flex;flex-direction:column;place-items:center;height:auto;gap:24px;margin:0;padding:0}.hero__card{width:100%;max-width:300px;-o-object-fit:cover;object-fit:cover;will-change:transform,opacity,top,left,width,height;cursor:pointer}.hero__card img{width:100%;filter:drop-shadow(0px 1.4px 1.1px rgba(0, 0, 0, 0.02)) drop-shadow(0px 3.3px 2.6px rgba(0, 0, 0, 0.03)) drop-shadow(0px 6.2px 5px rgba(0, 0, 0, 0.04)) drop-shadow(0px 11.1px 8.9px rgba(0, 0, 0, 0.045)) drop-shadow(0px 20.9px 16.7px rgba(0, 0, 0, 0.05)) drop-shadow(0px 50px 40px rgba(0, 0, 0, 0.06))}#hero_project-detail__wrapper{position:absolute;left:0;width:100vw;height:-moz-fit-content;height:fit-content;z-index:9999;background-color:#f2f3f4;transform:translateY(-200vh);opacity:0;box-shadow:-1px 1px 2px rgba(0,0,0,.1),-3px 3px 4px rgba(0,0,0,.09),-6px 7px 6px rgba(0,0,0,.05),-11px 12px 7px rgba(0,0,0,.01)}#hero__project-details{display:flex;flex-direction:column;margin-top:24px;background-color:#f2f3f4;gap:32px}#hero__project-details h2{font-size:1.8rem;font-weight:400}#hero__project-details span{font-size:1.8rem;font-weight:300;color:#8c8c8c}#project-details{padding:32px 16px;width:100%;opacity:1;transition:all .5 ease}#project-details__lightbox-controller{position:absolute;top:-16px;right:0;padding:16px;font-size:2rem}#project-details__image{width:100%;height:auto;order:0}#project-details__headline{margin:16px 0;font-size:3rem;line-height:1.25}#project-details__client{font-size:1rem;color:#8c8c8c}#project-details__desc{margin-top:16px;font-size:1.25rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#project-link{font-size:1.25rem;font-weight:400;color:#8c8c8c;margin-top:32px}@media screen and (min-width: 768px)and (max-width: 1079px){#hero__card-deck{display:flex;flex-wrap:wrap}.hero__card{width:300px;height:auto}}@media screen and (min-width: 1080px)and (max-width: 1279px){#hero__container{place-items:unset;min-height:400px;height:600px}#hero__project-details{height:auto;width:100%}#project-details__lightbox-controller{display:none}#project-link{display:none}#project-details__image{width:400px;aspect-ratio:16/9;grid-row:span 3;display:flex;justify-content:center;align-items:center;overflow:hidden}#project-details__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#project-details{width:100%;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(8, 1fr);-moz-column-gap:16px;column-gap:16px}#project-details__headline{grid-column:3/8;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}#project-details__client{grid-column:3/8}#project-details__desc{grid-column:3/8;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}#hero__card-deck{height:auto;display:grid;grid-template-columns:repeat(3, 1fr);width:100%;margin-top:0;row-gap:0;-moz-column-gap:0;column-gap:0}.hero__card{width:100%;height:auto}}@media screen and (min-width: 1280px)and (max-width: 1440px){#hero__container{min-height:400px;height:600px}#hero__project-details{height:auto;width:100%}#project-details__lightbox-controller{display:none}#project-link{display:none}#project-details__image{width:400px;aspect-ratio:16/9;grid-row:span 3;display:flex;justify-content:center;align-items:center;overflow:hidden}#project-details__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#project-details{width:100%;max-width:1440px;display:grid;grid-template-columns:repeat(8, 1fr);-moz-column-gap:16px;column-gap:16px}#project-details__headline{grid-column:3/8;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}#project-details__client{grid-column:3/8}#project-details__desc{grid-column:3/8;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}#hero__card-deck{width:100%;row-gap:36px;margin:0;flex-direction:row;justify-content:center}.hero__card{width:430px;height:auto}}@media screen and (min-width: 1440px){#hero__container{min-height:400px;height:600px}#hero__project-details{height:auto;width:100%}#project-details__lightbox-controller{display:none}#project-link{display:none}#project-details__image{width:400px;aspect-ratio:16/9;grid-row:span 3;display:flex;justify-content:center;align-items:center;overflow:hidden}#project-details__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#project-details{width:100%;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(8, 1fr);-moz-column-gap:16px;column-gap:16px}#project-details__headline{grid-column:3/8;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}#project-details__client{grid-column:3/8}#project-details__desc{width:100%;grid-column:3/8;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}#hero__card-deck{width:100%;row-gap:36px;margin:0;flex-direction:row;justify-content:center}.hero__card{width:430px;height:auto}}#testimonial-wrapper{width:100%;height:300px;margin:24px auto;display:grid;place-items:center}#testimonial__container{width:100%;position:relative;height:auto;padding:24px;margin:16px auto}.testimonial__card{width:100%;max-width:100%;height:auto;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:24px;border-radius:24px;gap:8px;font-size:1rem;color:#000;box-shadow:rgba(149,157,165,.2) 0px 8px 24px;opacity:1;transition:opacity .5s ease-in-out}.fade-out{opacity:0}.fade-in{opacity:1}.card__client_company{position:relative;width:100%;flex:0 1 100px}.card__client{width:100px;height:100%;aspect-ratio:1/1}.card__client img{width:100px;height:100%;border-radius:50px}.card__company{position:absolute;border-radius:10px;width:32px;height:32px;bottom:-10px;right:0;box-shadow:rgba(149,157,165,.2) 0px 8px 24px}.card__company img{border-radius:10px}.card__text{flex:0 1 70%;margin-left:24px}.card__testimonial-text{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card__testimonial-cite{margin-top:8px;font-weight:600}.testimonial__card:nth-child(1){animation-delay:0s}.testimonial__card:nth-child(2){animation-delay:2s}.testimonial__card:nth-child(3){animation-delay:4s}.testimonial__card:nth-child(4){animation-delay:6s}.testimonial__card:nth-child(5){animation-delay:8s}.testimonial__card:nth-child(6){animation:slideShowSix 18s infinite;animation-delay:12s}@media screen and (min-width: 768px)and (max-width: 1079px){#testimonial__container{height:300px;margin:0 auto;width:80%;padding:24px}.testimonial__card{height:200px;margin-top:24px}}@media screen and (min-width: 1080px)and (max-width: 1279px){#testimonial__container{width:800px;height:auto;margin:0 auto}.testimonial__card{height:200px}}@media screen and (min-width: 1280px)and (max-width: 1439px){#testimonial-wrapper{margin:48px auto}#testimonial__container{width:800px;height:300px;margin:24px auto}.testimonial__card{height:200px}}@media screen and (min-width: 1440px){#testimonial-wrapper{height:330px}#testimonial__container{width:800px;height:300px;margin:24px auto}.testimonial__card{margin-top:0;height:250px}}#stacks__container{background-color:none;padding:24px;z-index:100}#stacks__container section p{font-size:2rem}#stacks__container section span{color:#8c8c8c}@media screen and (min-width: 768px){#stacks__container section{text-align:center}#stacks__container section p{font-size:1.25rem}}#showreel__container{width:100%;height:100%;margin:0;padding:0}#showreel__video-container{width:100%;height:100%;aspect-ratio:16/9;margin:0 auto;-o-object-fit:cover;object-fit:cover}#showreel__video-container video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:24px}@media screen and (min-width: 768px)and (max-width: 1079px){#showreel__video-container{width:100%;height:100%;aspect-ratio:16/9}}@media screen and (min-width: 1080px){#showreel__video-container{width:600px;height:400px;aspect-ratio:16/9}}#contact-box__container{margin-bottom:48px}#contact-box__container p{font-size:1.25rem;text-align:center}#contact-box__form{margin-top:32px;margin:0 auto}#contact-box__form input{width:100%;border:2px #8c8c8c solid;padding:18px;font-size:1;margin-top:16px}#contact-box__form input:focus{background-color:#fff}#contact-box__form button{width:100%;text-align:center;color:#f2f3f4;background-color:#000;padding:18px;font-size:1;margin-top:16px}@media screen and (min-width: 768px)and (max-width: 1079px){#contact-box__form{width:50%}}@media screen and (min-width: 1080px)and (max-width: 1279px){#contact-box__form{margin:0 auto;width:50%}}#project-wrapper{margin-top:32px;margin-bottom:72px}.inside-grid{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:16px;row-gap:8px}#hero__image-containter{width:auto;height:330px;margin-bottom:32px;border-radius:24px}#hero__image-containter img{width:100%;min-width:100px;height:100%;border-radius:24px;-o-object-fit:cover;object-fit:cover}#details__project-name{font-size:1.75rem;line-height:1}#details__project-headline{font-size:1.25rem;color:#8c8c8c;font-weight:300;margin-bottom:24px;line-height:2}#details__name{margin-top:32px}#details__completion-year{grid-column-start:2;margin-bottom:24px}.heading-text{font-weight:600}.grid-container{display:grid;grid-template-columns:1fr 4fr;grid-column-gap:16px;grid-row-gap:8px}.grid-container-fullwidth{display:grid;grid-template-columns:1fr;grid-column-gap:16px;grid-row-gap:8px;padding:0 16px;margin:24px 0 0 0}#project__desc{margin-top:32px}.project-image-style{width:auto;height:400px;margin:32px 0 16px 0;transition:all .3s ease-in-out}.project-image-style img{width:100%;height:100%;pointer-events:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.project-image-style:active{height:600px}#other-project__containter{margin-bottom:0}.other-project__card{display:flex;-moz-column-gap:16px;column-gap:16px;width:100%;height:85px;margin-bottom:24px}.other-project__project-headline{color:#8c8c8c}.other-project__image{display:flex;width:25%;min-width:120px;height:100%}.other-project__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 768px){.grid-container{display:grid;grid-template-columns:1fr 4fr;grid-column-gap:16px;grid-row-gap:8px}.grid-container-fullwidth{display:grid;grid-template-columns:2fr 3fr;grid-column-gap:16px;grid-row-gap:8px;padding:0 16px}#desc__college{display:grid;grid-template-columns:2fr 4fr;grid-column-gap:16px;grid-row-gap:8px;padding:0 16px}#other-project-wrapper{overflow:hidden}#other-project__containter{display:flex;flex-wrap:nowrap}.other-project__card{height:100px}.other-project__project-name,.other-project__project-headline{font-size:1.2rem}.other-project__project-headline{font-weight:300}.other-project__image{width:30%;height:90%}}@media screen and (min-width: 1024px){.grid-container{display:grid;grid-template-columns:1fr 5fr;grid-column-gap:16px;grid-row-gap:0;height:90px}.grid-container-fullwidth{display:grid;grid-template-columns:2fr 4fr 2fr;grid-column-gap:16px;grid-row-gap:8px;padding:0 16px}#details__project-name{padding:0 16px}#details__project-headline{padding:0 16px}#desc__brief{position:relative}#desc__college{width:300px;position:absolute;right:0}#hero__image-containter{height:500px}}@media screen and (min-width: 1440px){#other-project-wrapper{width:1440px;margin-bottom:64px;margin:0 auto}#other-project__containter{display:flex;flex-wrap:nowrap;width:100%;margin:24px auto}.other-project__image{width:30%;height:100%}.other-project__image a{aspect-ratio:16/9;-o-object-position:center;object-position:center}.other-project__image a img{height:100%}}/*# sourceMappingURL=main.css.map */