.color-block{width:100%;margin:auto}.color-sticker{max-width:100%;width:100%;aspect-ratio:1/1;margin-bottom:1rem;box-shadow:var(--box-shadow);transition:all .5s}.color-sticker:hover{transform:scale(1.1)}.color-hex{width:100%;text-align:center;color:var(--text-color);font-weight:400}#standard-header{box-shadow:0 0 4px 2px var(--shadow);display:grid;padding:1rem 0;grid-template-columns:minmax(0,2rem) minmax(10rem,15rem) minmax(150px,1fr) minmax(0,2rem);grid-template-areas:"... logo nav ...";background-color:var(--paper);width:100%;position:fixed;z-index:99}#header-logo-wrapper{grid-area:logo}#header-logo{max-width:10rem;box-shadow:none}#nav{grid-area:nav}#nav>ul{display:flex;gap:3rem;list-style-type:none;justify-content:flex-end;align-items:center}#nav>ul,#nav>ul>li{height:100%}#nav>ul>li>a{margin:auto;height:100%;color:var(--light-text);display:flex;align-items:center;transition:all .3s}#nav>ul>li>a:hover>p{color:var(--theme)}#nav>ul>li>a>p{font-size:1.2rem;font-weight:400;transition:all .3s}.icon-card{box-shadow:var(--box-shadow);padding:2rem;transition:all .3s}.icon-card:hover{transform:translateY(-5px)}.icon-svg{max-width:150px;width:50%;box-shadow:none;margin:2rem auto}.icon-card>h3{margin-bottom:1rem}.icon-link{width:3rem;display:block;transition:all .3s}.icon-link:hover{transform:translateY(-5px)}.social-icon{width:100%;box-shadow:none;filter:invert(50%) sepia(15%) saturate(14%) hue-rotate(60deg) brightness(98%) contrast(85%)}.high-light{filter:var(--theme-filter)}footer{background-color:var(--background-color);box-shadow:var(--box-shadow);padding:2rem 0}#footer-contact-info>h2{margin-bottom:2rem}#social-grid{border-left:1px solid var(--light-text);padding-left:2rem;display:grid;grid-gap:.2rem 2rem;gap:.2rem 2rem;grid-template-columns:auto 1fr 1fr;grid-template-areas:"name name icons" "email-t email icons" "phone-t phone icons"}#social-grid :first-child{grid-area:name}#social-grid :nth-child(2){grid-area:email-t}#social-grid :nth-child(3){grid-area:email}#social-grid :nth-child(4){grid-area:phone-t}#social-grid :nth-child(5){grid-area:phone}#social-grid :nth-child(6){grid-area:icons}#social-name{font-size:1.2rem;font-weight:400;margin-bottom:.5rem}#social-icons{display:flex;justify-content:flex-end;align-items:flex-end;gap:.5rem}@media (max-width:400px){#social-grid{grid-template-columns:auto 1fr;grid-template-areas:"name name" "email-t email" "phone-t phone" "... ..." "icons icons"}#social-icons{margin-top:2rem}}section{margin:5rem 0}.column{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin-top:1rem}#info,.nowrap{flex-wrap:nowrap}#info{display:flex;flex-direction:row;align-items:stretch}#designer-dis{display:flex;flex-direction:column;justify-content:space-between;flex-grow:3}#designer-photo{max-width:500px;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:0 30%;flex-grow:1;box-shadow:var(--box-shadow)}#bio>h1{margin-bottom:1.5rem}#experience{display:flex;flex-direction:column;gap:1.5rem;margin-top:4rem}.history>h3{font-weight:300;color:var(--light-text);font-size:1rem;margin-bottom:.8rem}.history{display:grid;grid-template-columns:22.5rem 6rem 1fr;grid-template-areas:"content year";grid-gap:.1rem .5rem;gap:.1rem .5rem}.history>li{font-weight:400;grid-column:content;text-wrap:nowrap}.year{font-weight:300;font-size:.8rem;margin-left:1rem;grid-column:year}#abilities{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;flex-wrap:wrap}.abilities-li{display:flex;flex-direction:column;gap:.2rem;text-wrap:nowrap}.abilities-li>li{color:var(--light-text);font-weight:400}.item-list{margin-bottom:2rem;margin-right:2.5rem;width:max-content}.item-list>h3{font-weight:500}#awards{grid-column:1/3;margin-right:0}@media (max-width:768px){#info{display:flex;flex-direction:row;flex-wrap:wrap-reverse;align-items:stretch}#designer-photo{max-width:768px;aspect-ratio:4/3}#experience{margin:4rem auto 0}#abilities{justify-content:space-around}#abilities-sect{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}}@media (max-width:600px){#abilities{display:grid;grid-template-columns:auto;justify-content:left;margin-bottom:2rem}}#cover-page{display:grid;grid-template-columns:2fr 3fr;grid-gap:2rem 0;gap:2rem 0;grid-template-areas:"logo ..." "... text"}@media (max-width:992px){#cover-page{display:grid;grid-template-columns:2fr 4fr;grid-gap:2rem 0;gap:2rem 0;grid-template-areas:"logo logo" "... text"}}#home-logo{box-shadow:none;max-width:500px;width:70dvw;grid-area:logo;margin:1rem}#home-text{grid-area:text;margin-left:2rem;padding-left:2rem;padding-bottom:4rem;border-left:1px solid var(--light-text)}img{max-width:100%;box-shadow:var(--box-shadow)}#info-sect{padding-top:5rem;padding-bottom:5rem}#title{margin:2rem 0}#main-title{font-size:2.5rem;font-weight:400}#sub-title{font-size:1.5rem;font-weight:300;color:var(--light-text)}#info-box{display:flex;justify-content:flex-end}#project-info{font-size:.9rem;font-weight:300;display:flex;flex-direction:column;gap:.2rem;border-left:1px solid var(--light-text);padding-left:1.5rem;padding-right:1.5rem;width:max-content}#icons-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1rem;gap:1rem}#end-section{margin-top:2rem;padding:2rem;background-image:linear-gradient(90deg,var(--background-color) 10%,var(--theme),var(--theme),var(--background-color) 90%)}#end-section>div>h2{text-align:center;margin-bottom:2rem}#end-section>div>.call-to-action{margin:auto}#cms-timeline{box-shadow:none;padding:2rem}#deliver-btns{display:flex;justify-content:space-evenly;gap:.5rem;margin-bottom:4rem}.logo-btn{display:flex;flex-direction:column;justify-content:start;gap:2rem;box-shadow:var(--box-shadow);max-width:19rem;width:50%;aspect-ratio:3/4;padding:2rem;transition:all .3s}.logo-btn:hover{transform:translateY(-5px)}.logo-btn>img{height:60%;box-shadow:none}#project-page-dis{margin-top:4rem}#projects{margin:4rem 0}.cat-title{margin:1rem 0;font-weight:300}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:1.2rem .5rem;gap:1.2rem .5rem}@media (max-width:992px){.projects-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:460px){.projects-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.project{display:grid;grid-template-rows:auto 2.4rem 2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s}.project:hover{transform:translateY(-4px)}.project>h3{margin:.8rem 0 0;font-weight:500}.project-sub{font-weight:300;-webkit-user-select:none;-moz-user-select:none;user-select:none}.img-wrapper{aspect-ratio:4/3;width:100%;box-shadow:var(--box-shadow);border-radius:6px;overflow:hidden}.img-wrapper>img{object-fit:cover;height:100%;width:100%}.dis-img{margin:2rem 0}#sws-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:2rem 1rem;gap:2rem 1rem;margin-bottom:2rem}.sw-wrapper{height:100%}.sw-wrapper>img{box-shadow:none;max-width:50%;margin:1rem auto}.sw-wrapper>h3{text-align:center}#renderings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-top:4rem;margin-bottom:4rem}.grid-column{display:flex;flex-direction:column}.grid-column>img{background-color:var(--paper-1)}iframe{width:100%;border-style:none;aspect-ratio:16/9}#project-content{box-shadow:var(--box-shadow);padding:0}#project-content>img{box-shadow:none}.dis-title{margin-bottom:2rem}#history-photo,.dis-title{margin-top:2rem}#design-concept-img{box-shadow:none;margin:4rem 2rem}#color-sect{margin:2rem 0}#color-scheme{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:2.5rem 1rem;gap:2.5rem 1rem;margin-top:3rem;padding-bottom:3rem}#visual-grid{display:grid;grid-template-columns:1fr 1fr;background-image:linear-gradient(150deg,#a32035,#76161b,#a32035);background-size:200%;animation:gradient-rotate 10s infinite alternate;padding:2rem;box-shadow:var(--box-shadow)}@keyframes gradient-rotate{0%{background-position:0 0}25%{background-position:100% 0}75%{background-position:0 50%}to{background-position:50% 100%}}#visual-grid>img{box-shadow:none;width:80%;margin:auto}#visual-grid>:nth-child(3){grid-column:1/3}#souvenir-grid{grid-template-columns:3fr 5fr}#souvenir-grid,.grid-column{display:grid;grid-gap:.5rem;gap:.5rem}.grid-column{align-items:stretch}.grid-column>img{object-fit:cover}@media (max-width:768px){#visual-grid{grid-template-columns:1fr}#visual-grid>:nth-child(3){grid-column:initial}}#section-2{max-height:80dvh;height:100dvh;background-image:url(/project-img/Breeze/Breeze-2560w0005.webp);background-size:cover;background-position-x:70%;background-attachment:fixed;display:flex;justify-content:center;align-items:center}#section-2>div>h3{margin-bottom:2rem;font-size:2rem}#concept-card{z-index:80;transform:translateY(-12rem);display:flex}#concept-card>img{max-width:50%;aspect-ratio:1/1;object-fit:cover;box-shadow:none}#concept-card>p{height:max-content;margin:auto;color:var(--text-color)}#strate-sect{display:grid;grid-template-columns:2fr 3fr;grid-gap:.5rem;gap:.5rem}#strate-sect :nth-child(3){grid-area:2/1/3/3}#strate-dis{display:flex;flex-direction:column;justify-content:flex-end;padding:0 1rem 2rem 0}#strate-dis>h3{font-size:1.5rem;padding-bottom:2rem}#detail-1{display:flex;align-items:flex-end;gap:2rem}#detail-1>img{max-width:60%}#detail-1>p{max-width:40%;margin-bottom:2rem;height:max-content}#section-5{position:relative;max-height:max-content}#section-5>.trans-card{position:absolute;max-width:250px;width:80dvw;bottom:2rem;right:2rem}#section-5>.trans-card>p{color:var(--text-color)}#section-5>img{top:0;box-shadow:none;width:100%;height:110%}#end-sect{background-image:url(/project-img/Breeze/Breeze-2560w0001.webp);background-attachment:fixed;background-size:cover;background-position-x:40%;height:90dvh;display:flex;align-items:center}#end-sect>div>.trans-card{max-width:700px;min-width:250px;width:50dvw;padding:4rem;display:grid;grid-template-columns:3fr 2fr;grid-gap:1rem 2rem;gap:1rem 2rem;justify-content:center;background-color:var(--frosted-glass-0);img{margin-bottom:5%}#end-designer-name{font-size:1.8rem;margin-bottom:12%}p{color:var(--background-color);width:max-content;height:max-content;margin:auto 0 0;text-wrap:nowrap}hr{height:0;width:100%;margin:auto}div{display:flex;gap:1rem;margin-left:1rem}}