@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap");@import url("https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/liberation-sans.min.css");body{font-family:"DM Sans",sans-serif;color:#333}h1{font-family:"DM Sans",sans-serif;color:#333}h5{font-family:"DM Sans",sans-serif;font-weight:300;color:blue}h3{font-family:"DM Sans",sans-serif;padding-top:2rem}h5{font-family:"DM Sans",sans-serif;color:blue}.layout{display:flex;height:100vh}.left{width:20%;padding:20px;position:sticky;top:0;height:100vh;overflow:hidden}.right{width:80%;height:100vh;overflow-y:auto;padding:20px}html,body{height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}.home-split{display:flex;flex-wrap:wrap;height:auto;margin-top:0px;gap:2rem;overflow-y:auto}.home-left{width:100%;padding:40px;flex:0 0 100%;overflow:visible}.home-right{width:100%;padding:40px;overflow:visible;flex:0 0 100%;scrollbar-width:none;-ms-overflow-style:none}@media (orientation: portrait){.home-split{display:flex;flex-direction:column;height:auto;overflow-y:auto}.home-left{width:100%;flex:0 0 100%;overflow:visible}.home-right{width:100%;flex:0 0 100%;overflow:visible}}@media (orientation: landscape) and (min-width: 768px){.home-split{height:calc(100vh - 60px);flex-wrap:nowrap;overflow-y:visible}.home-left{width:30%;flex:0 0 30%;overflow-y:auto}.home-right{width:70%;flex:0 0 70%;overflow-y:auto}}@media (orientation: landscape) and (min-width: 1024px){.home-left{width:25%;flex:0 0 25%;margin-right:2rem;overflow-y:auto}.home-right{width:calc(75% - 2rem);flex:0 0 calc(75% - 2rem);overflow-y:auto}}.home-right::-webkit-scrollbar{display:none;}.home-right .project-title{font-size:2.5rem;max-width:450px}.home-right .body{font-size:.9rem;line-height:1.5;max-width:450px}.item{margin:0;padding:8px 0}.inverse{background-color:#333;color:#fff}.inverse h1{font-family:"DM Sans",sans-serif;font-size:1.25rem}.page-title{padding-top:1em;font-family:"DM Sans",sans-serif;font-size:2rem;font-weight:bold;text-transform:uppercase}.container{max-width:1800px;margin-top:auto;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.section{padding:0rem 0;height:calc(100vh - 60px);overflow-y:auto}.topbar{text-decoration:none;font-family:"DM Sans",sans-serif;color:blue;border-bottom:2px solid #000;position:sticky;top:0;z-index:1000;background-color:#fff}.topbar a,.topbar a:visited{color:inherit;text-decoration:none}.topbar__inner{font-family:"DM Sans",sans-serif;display:flex;align-items:center;text-decoration-style:none;justify-content:space-between;height:48px;margin:auto;margin-top:1rem;padding-bottom:.6em}.topbar__nav{font-family:"DM Sans",sans-serif;display:flex;align-items:center;justify-content:space-between;height:48px;padding:.4rem .75rem;border:1px solid #333;text-transform:uppercase;line-height:1}.year{display:flex;padding-right:4rem;font-weight:bold;padding-top:4rem}.project-list{display:flex;padding-right:4rem;font-weight:bold;padding-top:4rem}.project-title{max-width:435px;font-family:"Roboto Mono",monospace}.projstruct{margin-bottom:-.75em;max-width:600px;font-family:"DM Sans",sans-serif;display:flex;align-items:center;justify-content:left;height:48px;padding:.4rem;padding-bottom:.1rem;padding-top:1rem}.y2{max-width:600px;align-items:center;justify-content:left;padding-left:.5rem;padding-right:4rem}.pro{max-width:600px;align-items:center;justify-content:left;padding-left:.5rem}.liststruct{display:flex;padding-top:2rem}.logo{font-weight:bold;padding:.4rem;font-size:1rem;align-items:center;text-decoration:none;text-transform:uppercase}.nav{display:flex;justify-content:space-between;font-weight:medium;font-size:1rem;alight-items:center;color:#333;text-transform:uppercase;color:red}.project{font-weight:bold;font-size:1rem;padding:.4rem;align-items:center;color:#333}.text{font-weight:bold;font-size:2rem;padding-top:10px;align-items:center;padding:.4rem}.text-body-bold{font-weight:bold;font-size:1rem;padding-top:10px;align-items:center;padding:.4rem;line-height:1.8;max-width:435px}.text-body{font-size:1rem;padding-top:10px;align-items:center;padding:.4rem;line-height:1.8;max-width:435px}.project-page{margin:auto;overflow:hidden;max-width:768px;padding:2rem}.project-page-black{margin:auto;overflow:hidden;max-width:768px;padding:2rem;font-family:"Roboto Mono",monospace}.project-title{font-family:"DM Sans",sans-serif;font-weight:bold;font-size:4rem;padding-left:0rem;text-transform:uppercase;max-width:435px;overflow:auto}.project-subtitle{font-family:"DM Sans",sans-serif;font-size:2rem;font-weight:300;padding-left:0rem;margin-bottom:2rem;max-width:435px;overflow:auto;color:blue}.project-title-black{font-family:"Roboto Mono",monospace;font-weight:bold;font-size:4rem;padding-left:0rem;text-transform:uppercase;max-width:435px;overflow:auto}.project-subtitle-black{font-family:"Roboto Mono",monospace;font-size:2rem;font-weight:300;padding-left:0rem;margin-bottom:2rem;max-width:435px;overflow:auto;color:blue}.content h3{font-family:"DM Sans",sans-serif;# margin-top:rem}.content h4{font-family:"DM Sans",sans-serif;margin-top:2rem}.content h2{font-family:"DM Sans",sans-serif;margin-top:4rem;color:#000}.about{padding:.4rem;font-weight:bold;font-size:1rem;align-items:center;color:#333}.contact{padding:.4rem;font-weight:medium;font-size:1rem;align-items:center;color:#333;border:1px solid #333}.body{font-family:"DM Sans",sans-serif}.intro{display:flex;# justify-content:center;# align-self:left}.per_intro{font-family:"DM Sans",sans-serif;max-width:400px;margin-top:1.4rem;padding-right:6rem}.practice{font-family:"DM Sans",sans-serif;font-weight:bold;color:gray;max-width:600px;margin-top:1.4rem;padding-right:6rem}.interest{font-family:"DM Sans",sans-serif;max-width:400px;margin-top:1.4rem}.grid-row{display:grid;max-width:1500px;margin:0 auto;grid-template-columns:repeat(2, minmax(0, 1fr));gap:40px;padding:20px}.grid-column{display:column;max-width:1500px;overflow:hidden;grid-template-columns:1fr 1fr;gap:20px}.grid-item{overflow:hidden;display:flex;flex-direction:column;}.home-right .grid-row{grid-template-columns:3fr 7fr;gap:20px}.home-right .grid-item img{width:100%}.grid-item img{box-sizing:border-box;border:1px solid #000;width:75%;aspect-ratio:1/1;object-fit:cover;display:block}.social-link i{font-size:76px;color:#000;transition:.3s;}.text-column{border:none;padding:0;overflow:visible}.about-page{display:grid;grid-template-columns:2fr 1fr;gap:80px;max-width:1200px;margin:80px auto;padding:0 40px}.section-title{font-size:1.25 rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:15px;display:inline-block;padding-bottom:5px}.bio-text{font-size:1.1rem;line-height:1.8;max-width:600px}.contact-links{display:flex;flex-direction:column;gap:20px;}.about-page .about-column{border:none !important;padding:0}.social-link{text-decoration:none;color:#000;font-size:1rem;display:flex;align-items:center;gap:12px;transition:opacity .3s ease}.social-link:hover{opacity:.6}.social-link i{font-size:1.2rem}@media (max-width: 768px){.about-page{grid-template-columns:1fr;gap:40px}}.WHO{# display:flex;font-weight:bold;font-size:3rem;padding-right:20.8rem}.WHAT{# display:flex;font-weight:bold;font-size:3rem;padding-right:28.2rem}.HOW{# display:flex;font-weight:bold;font-size:3rem;padding-right:6rem}.whoo{display:flex}.imageframe{max-width:400px;width:100%;aspect-ratio:4/3;display:flex;border:1px solid #000;align-items:center;justify-content:center}.imagestuct{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.imagestut{gap:1rem;padding-left:10rem;padding-top:2rem;display:grid;align-items:center;justify-content:center}.overallStructure{gap:1rem;display:flex}.overallStructure{gap:1rem;display:flex}.image-gallery{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;margin:20px 0;width:100%}.gallery-item{position:relative;overflow:hidden;aspect-ratio:1;background:#f5f5f5;cursor:pointer;border:1px solid #ddd}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.image-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);animation:fadeIn .3s ease}.image-modal.active{display:flex;align-items:center;justify-content:center}.modal-content{position:relative;max-width:90vw;max-height:90vh}.modal-image{max-width:100%;max-height:85vh;object-fit:contain}.modal-close{position:absolute;top:20px;right:30px;color:#fff;font-size:28px;font-weight:bold;cursor:pointer;z-index:2001}.modal-close:hover{color:#ccc}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:28px;cursor:pointer;user-select:none;z-index:2001;padding:10px 15px}.modal-nav:hover{color:#ccc}.modal-prev{left:20px}.modal-next{right:20px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}