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}img,.loop-video{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:2vw;display:flex;flex-direction:row;flex:1}.intro-text{gap:3vh;margin-top:7vh;width:40vw}.intro-text p{font-size:clamp(1.25rem,1.45vw,1.65rem)}.intro-text .flex-row{gap:.7vw}.intro .hover-container{opacity:0;animation:fadeIn 1s ease .3s forwards}.footer{width:100%;height:30vh}.footer-text{margin:12vh 3vw 0 auto;gap:4vh;text-align:right}@media(max-width:1024px){.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-top:-2vh;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}.pic-zone .selectbox h2{color:var(--indigo);margin:2vh 0 3vh}.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;aspect-ratio:16 / 9;background-color:#929299}.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 2vw -4vh 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);padding-top:4vh;width:85vw;max-height:90vh;overflow-y:auto;filter:drop-shadow(#383838 2px 6px 6px);gap:0vh}.project-info{padding:4vh 6vw 8vh 6vw;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),.overlay-content .loop-video:not(.half-img){border-radius:0;border-bottom:1.5px solid black}.overlay-content img:not(.half-img):first-of-type,.overlay-content .loop-video:not(.half-img){border-top:1.5px solid black}.overlay-content img:not(.half-img):last-of-type{border-bottom:none}.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-color:#e4eae5;border:8px solid rgb(81,96,14)}.quantum{background-color:#121217;scrollbar-color:rgb(28,35,116) rgb(80,80,110);color:#fff;border:8px solid rgb(8,8,15)}.artifex{scrollbar-color:rgb(218,76,0) rgb(107,92,87);background-color:#181616;border:8px solid rgb(63,15,4);color:#ffd771}.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 2vw -4vh 0}}.password-modal,.overlay-status{position:relative;background-color:var(--light-gray);border:4px solid var(--light-blue);border-radius:12px;filter:drop-shadow(#383838 2px 6px 6px);padding:5vh 3vw;width:min(560px,85vw);gap:2.5vh}.password-modal h2,.overlay-status h2{color:var(--indigo)}.password-close{background-color:var(--red);transition:all .2s ease 0s;color:#fff;position:absolute;top:16px;right:16px;padding:.7em 1em .4em;display:flex;justify-content:center;align-items:center;border-radius:6px;border:none;cursor:pointer;line-height:1}.password-close:hover{background-color:#ab280e}.password-form{gap:.7vw;align-items:stretch}.password-form input{flex:1;min-width:0;border:3px solid var(--indigo);border-radius:6px;background-color:#fff;padding:.5em .7em;color:var(--dark-green);font-family:Zen Kurenaido,sans-serif;font-size:clamp(1.1rem,1.25vw,1.5rem)}.password-form input:focus{outline:3px solid var(--blue)}.password-form button{border:3px solid var(--indigo);background-color:var(--indigo);cursor:pointer;white-space:nowrap}.password-form button:hover:not(:disabled){transform:scale(1.05)}.password-form button:disabled,.password-form input:disabled{opacity:.6;cursor:default}.password-error{color:var(--red)}.overlay-status{align-items:center;text-align:center}.protected-img-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:12px;border:2px solid black;background-color:#929299}.protected-img-placeholder.loading{animation:placeholder-pulse 1.4s ease-in-out infinite}.half-img.protected-img-placeholder{width:40%;aspect-ratio:1 / 1;border:none}@keyframes placeholder-pulse{0%,to{opacity:.45}50%{opacity:.8}}@media(max-width:768px){.password-modal,.overlay-status{padding:5vh 6vw}.password-form{flex-direction:column;gap:1.5vh}.half-img.protected-img-placeholder{display:none}}