html{scroll-behavior:smooth}:root{--cream: #FFF8EA;--gold: #F3D38C;--gold2: #BD894D;--gold3: #95653B;--gold4: #6B4625;--dark-green: #303D00;--red: #DF3E1E;--orange: #ea5e07;--pink: #ef4357;--green: #747f23;--greenblue: #009f85;--cyan: #0097c5;--blue: #4E69F0;--indigo: #5142d6;--light-gray: #E4E9FF;--light-blue: #B6C2FF}body{background-color:var(--cream);background-image:url(/bg-texture.webp);background-repeat:repeat;min-width:320px;min-height:100vh;color:var(--dark-green)}*{box-sizing:border-box;margin:0;padding:0;font-weight:400}h1{font-family:Irish Grover,serif;font-size:clamp(4rem,6vw,7rem)}h2{font-family:Maiden Orange,serif;font-size:clamp(2rem,3vw,3.5rem)}h3{font-family:Maiden Orange,serif;font-size:clamp(1.5rem,1.7vw,2rem)}h4{font-family:Irish Grover,serif;font-size:clamp(3rem,5vw,4.5rem)}p{font-family:Zen Kurenaido,sans-serif;font-size:clamp(1.1rem,1.25vw,1.5rem)}a{color:inherit}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.font-red{color:var(--red)}img{max-width:100%;height:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navbar{position:fixed;z-index:10;width:23vw;height:100vh;top:0;opacity:0;animation:fadeIn .8s ease .5s forwards}.intro{width:70vw;height:auto;margin:10vh 8vw 0 auto;align-items:center;gap:0vw;display:flex;flex-direction:row;flex:1}.intro-text{gap:3vh;margin-top:7vh}.intro-text .flex-row{gap:.7vw}.intro .hover-container{opacity:0;animation:fadeIn .8s ease .2s forwards}.footer{width:100%;height:40vh}.footer-text{margin:8vh 3vw 0 auto;gap:4vh;text-align:right}@media(max-width:768px){.intro{flex-direction:column;margin:10vh auto;gap:4vh;justify-content:center;align-items:center}.intro-text{text-align:center;justify-content:center;margin:auto}.intro .hover-container{max-width:80%;align-self:center}.navbar{display:none}.intro-text .flex-row{align-self:center}.footer-text{margin:8vh 6vw;justify-content:center;align-items:center;text-align:center}.project-card .hover-container:hover img:first-child{opacity:1}.project-card .hover-container:hover img:last-child{opacity:0}}.logo{position:fixed;z-index:10;right:2vw;top:3vh;width:140px;height:140px;display:grid;place-items:center;cursor:pointer}.logo img{position:absolute;object-fit:contain}.logo-text{max-width:80px}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo:hover>.logo-star{animation:logo-spin infinite .7s linear}@media(max-width:480px){.logo{display:none}}@media(max-width:768px){.logo{width:120px;height:120px}.logo-text{max-width:60px}}.main-content{margin-top:100px}.tab-bar{margin:0 8vw 0 auto;width:380px;height:43px;gap:-10vw;justify-content:flex-end}.active-tab,.near-tab,.mid-tab{clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);width:140px;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 18px 5px 10px;margin:0 -10px -1px 0;cursor:pointer;transition:all .2s ease 0s}.near-tab,.mid-tab{color:#fff}.active-tab:hover{color:var(--gold2)}.near-tab:hover,.mid-tab:hover{color:#ecd1b3}.active-tab{background-color:var(--gold);z-index:3;color:var(--gold4)}.near-tab{background-color:var(--gold2);z-index:2}.mid-tab{background-color:var(--gold3);z-index:1}#foot-tabs .active-tab,#foot-tabs .near-tab,#foot-tabs .mid-tab{clip-path:polygon(0% 0%,100% 0%,100% 100%,20% 100%);margin:-1px -10px 0 0;padding:0 18px 8px 10px}.file-content{width:87vw;height:auto;margin:0 0 0 auto;background-color:var(--gold);border-radius:12px;padding:4vh 0vw 4vh 2vw}.file-page{background-color:#fff;border-radius:12px;height:auto;padding:10vh 6vw}.file-page div h2{margin-bottom:2vh}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:3vw;margin-top:9vh}.about{gap:4vh}.pic-zone{justify-content:center;align-items:center;gap:4vw;margin-bottom:6vh;display:flex;flex-direction:row;flex:1}.selectbox{width:auto;height:auto;background-color:var(--light-gray);border:4px solid var(--light-blue);border-radius:12px;padding:5vh 2vw}.selectbox h2{color:var(--indigo)}.selectbox .keyword,.unselected{border:3px solid var(--indigo);display:inline-block;margin:.5vw}.unselected{border-radius:6px;padding:.45em .5em .25em;width:auto;font-family:Maiden Orange,serif;font-size:clamp(1.2rem,1.4vw,1.6rem);color:var(--indigo);transition:all .2s ease 0s;cursor:pointer;line-height:1}.unselected:hover{transform:scale(1.08)}@media(max-width:768px){.file-content{width:100%;margin:0 auto;padding:4vh 2vw}.page-grid{grid-template-columns:1fr;gap:8vh}.pic-zone{flex-direction:column-reverse}.tab-bar{width:300px}.active-tab,.near-tab,.mid-tab{padding:0 10px 5px}#foot-tabs .active-tab,#foot-tabs .near-tab,#foot-tabs .mid-tab{padding:0 10px 8px}}.project-card{gap:2vh}.project-card img{border-radius:12px;transition:all .2s ease 0s;cursor:pointer;filter:drop-shadow(#c2bfbb 1px 7px 4px);border:2px solid black}.project-card>h3{align-self:flex-start;cursor:pointer;transition:all .15s ease 0s}.project-card>h3:hover{color:#9ca49a}.keywords{gap:.7vw}.keyword{border-radius:6px;background-color:var(--blue);padding:.45em .5em .25em;width:auto;font-family:Maiden Orange,serif;font-size:clamp(1.2rem,1.4vw,1.6rem);color:#fff;transition:all .2s ease 0s;display:inline-flex;align-items:center;justify-content:center;line-height:1}.hover-container{position:relative;margin-bottom:2vh}.hover-container img:last-child{position:absolute;top:0;left:0;opacity:0;transition:opacity .2s ease .1s}.hover-container img:first-child{transition:opacity .2s ease}.hover-container:hover img:first-child{opacity:0;transition:opacity .2s ease .1s}.hover-container:hover img:last-child{opacity:1;transition:opacity .2s ease}.overlay-bg{position:fixed;inset:0;background-color:#0000006f;z-index:100;display:flex;align-items:center;justify-content:center}.close-overlay{background-color:var(--red);transition:all .2s ease 0s;color:#fff;position:sticky;top:0;padding:.7em 1em .4em;display:flex;justify-content:center;align-items:center;align-self:flex-end;margin:0 -30px -6vh 0;border-radius:6px;border:none;z-index:100;line-height:1}.close-overlay:hover{background-color:#ab280e}.overlay-content{border-radius:12px;border:8px solid var(--green);width:85vw;max-height:90vh;padding:4vh 6vw 8vh 6vw;overflow-y:auto;filter:drop-shadow(#383838 2px 6px 6px);gap:4vh}.project-info{flex:1;justify-content:space-between;align-items:center;margin:4vh 0;gap:4vw}.info-text{gap:3vh;min-width:0}.half-img{width:40%;height:auto;object-fit:cover}.overlay-content img:not(.half-img){border-radius:12px;border:2px solid black}.normal,.models{scrollbar-color:var(--light-blue) var(--light-gray);background-color:#fff}.watchtower,.cloverknots{background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.blink-container{gap:3vw;justify-content:center;max-width:30%;align-self:center}.watchtower{background-color:#262638;scrollbar-color:rgb(22,22,35) rgb(76,76,102);color:#fff;background-image:url(/watchtower/bg.webp);border:8px solid rgb(8,8,15)}.cloverknots{scrollbar-color:rgb(89,116,39) rgb(183,195,131);background-image:url(/cloverknots/bg.webp);background-color:#fff4e4;border:8px solid rgb(81,96,14)}.quantum{background-color:#121217;scrollbar-color:rgb(8,8,65) rgb(80,80,110);color:#fff;border:8px solid rgb(8,8,15)}.models .model,.models Canvas{border-radius:12px;background-color:var(--light-blue);background-image:radial-gradient(#ffffff 1px,transparent 1px);background-size:20px 20px}.models .model{width:100%;height:70vh;border:2px solid black}@media(max-width:768px){.half-img{display:none}.project-info{text-align:center;justify-content:center;align-items:center}.project-info .keywords{align-self:center}.overlay-content{max-height:75vh}.close-overlay{margin:0 -15px -6vh 0}}