a,abbr,acronym,address,applet,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,u,ul,var{background:#0000;border:0;font-size:100%;margin:0;padding:0;vertical-align:initial}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}li,ul{list-style:none}a{color:inherit;text-decoration:none}.intro-text-container{animation:fadeUp .8s ease-out forwards;left:50px;opacity:0;position:relative;transform:translateY(20px)}.preview-card-title{color:#333;font-size:1.2rem;font-weight:700;margin:20px 0}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.name{color:#fff;font-family:Bodoni Moda,serif;font-size:3vw;font-weight:700;letter-spacing:.05em;margin-bottom:20px}.intro-text-container:hover .name{color:#c9a66b;transition:color .3s ease}.education{color:#dfdfdf;font-size:1.5vw;font-weight:400;margin-bottom:8px}.graduation-date{color:#949494;font-size:1.2vw}.right-title{font-size:5vw;font-weight:900;padding-bottom:5vw}.right-content{padding:40px}.project-cards{display:flex;gap:20px;margin-bottom:40px}.project-card{background:linear-gradient(135deg,#fff7a0,#ffe251);border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 10px #0000000d;flex:1 1;overflow:hidden;padding:25px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.project-card:before{background:radial-gradient(circle,#fff9,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.project-card:hover:before{opacity:1}.project-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.project-card h2{color:#333;font-family:Playfair Display,serif;font-size:1.4rem;margin-bottom:15px;position:relative;z-index:2}.project-card p{color:#000;font-family:Lora,serif;font-size:1rem;position:relative;z-index:2}.project-card:after{color:#0000004d;content:">";font-size:1.5rem;font-weight:700;position:absolute;right:10%;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:3}.project-card:hover:after{color:#000000b3}.experience-section{border-top:1px solid #ddd;padding-top:20px}.experience-item{align-items:center;display:flex;margin-bottom:20px}.experience-item img{height:40px;margin-right:10px;width:40px}.experience-item .role{font-weight:700}body{margin:0;padding:0}.layout-container{display:grid;grid-template-columns:1fr 3fr;height:100vh}.left-panel{background:linear-gradient(180deg,#171717,#171717);display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative}.left-panel:before{background:#c9a66b;bottom:0;content:"";left:30px;opacity:.9;position:absolute;top:0;width:2px}.left-panel.no-line:before{content:none}.right-panel{background:#fff;box-sizing:border-box;height:100%;overflow:hidden}@media (max-width:1024px){.layout-container{grid-template-columns:1fr;grid-template-rows:1fr 2fr;height:125vh}.name{font-size:10vw}.education,.graduation-date{font-size:5vw}.intro-text-container{padding:10vh 0}}@media (max-width:768px){.layout-container{grid-template-columns:1fr;grid-template-rows:auto 2fr;height:150vh}.left-panel,.right-panel{height:auto;width:100%}.left-panel:before{display:none}}.project-detail-left{background:linear-gradient(135deg,#ffe551,#ffcc4b);border-radius:15px;box-shadow:5px 5px #8e7900;display:flex;flex-direction:column;justify-content:center;margin:40px}.project-detail-left h1{color:#000;font-family:Bodoni Moda,serif;font-size:2.5vw;font-weight:700;margin-bottom:20px;padding:20px;text-shadow:0 2px 4px rgba(0,0,0,.181);transition:color .3s ease,text-shadow .3s ease}.project-detail-left p{color:#000;font-size:1.2vw;line-height:1.8;margin-top:10px;padding:20px}.project-detail-right{background:#fff;height:100%;overflow:hidden;position:relative}.selected-content-area{background:#fafafa;border-radius:8px;bottom:20vh;box-shadow:0 4px 12px #0000000d;left:0;overflow:hidden;padding:0;right:0;top:0}.nav-button,.selected-content-area{align-items:center;display:flex;justify-content:center;position:absolute}.nav-button{background:#e2ba61;border:none;border-radius:50%;color:#000;cursor:pointer;font-size:1.5rem;height:50px;top:50%;transform:translateY(-50%);transition:background .3s ease;width:50px;z-index:2}.nav-button.left{left:20px}.nav-button.right{right:20px}.nav-button:hover{background:#b18628}.nav-button:active{background:#daa520}.video-container{align-items:center;border-radius:10px;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.video-container iframe{border:none;height:100%;object-fit:contain;width:100%}.content-area{border:2px solid #c7c7c7;border-radius:15px;box-sizing:border-box;height:80%;margin:10%;overflow:hidden;width:80%}.architecture-image{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.content-area.scrollable .content-wrapper{box-sizing:initial;height:100%;overflow-y:auto}.content-area.scrollable .content-wrapper::-webkit-scrollbar{width:8px}.content-area.scrollable .content-wrapper::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}.content-area.scrollable .content-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.selected-content-area img{border-radius:15px;max-height:100%;max-width:100%;object-fit:contain}.workflow-text{color:#333;font-size:.9rem;line-height:1.4;text-align:center}.preview-row{justify-items:center}.preview-card{box-sizing:border-box;padding:0}.preview-card-content{align-items:center;bottom:30px;display:flex;justify-content:center;padding:10px;top:0}.preview-card-content,.preview-card-title{box-sizing:border-box;left:0;position:absolute;right:0}.preview-card-title{background:#333;bottom:0;color:#fff;font-size:.9rem;height:30px;margin:0;padding:5px 0;text-align:center}.preview-card.active .preview-card-title{background:#fc0;border-top:1px solid #fff3;color:#000;font-weight:700;transition:background .2s ease,color .2s ease}.preview-card:hover{box-shadow:0 4px 12px #0000001a}.preview-card.active{border:2px solid #ffae00;box-shadow:0 6px 15px #007bff4d;padding:3px;transform:scale(1.1);transform:scale(1.05);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.preview-card img{max-height:100%;max-width:100%;object-fit:contain}.play-button{background-color:#e31f1a;border-radius:15px;color:#fff;font-size:2.5vw;font-weight:700;padding:.25vw 1.75vw .5vw 2vw}@media (max-width:1024px){.project-detail-left{margin:20px}.project-detail-left h1{font-size:3vw;margin-bottom:0}.project-detail-left p{font-size:2vw}.selected-content-area{bottom:20vh}.preview-row{gap:10px;height:25vh;padding:10px}.preview-card{height:22.5vh;width:25vh}.content-area{border:2px solid #c7c7c7;border-radius:15px;box-sizing:border-box;height:80%;margin:10%;overflow:hidden;width:70%}.nav-button.left{left:10px}.nav-button.right{right:10px}}@media (max-width:768px){.project-detail-left{background:none;box-shadow:none;margin:0;padding:calc(4vw + 50px) 0 0;position:relative}.project-detail-left h1{background:#ffe551;border:2px solid #c9a66b;border-radius:0;box-sizing:border-box;color:#000;font-size:4vw;margin:0;padding:15px;position:absolute;text-align:center;top:0;width:100%}.project-detail-left p{background:none;color:#fff;font-size:5vw;line-height:1.6;padding:10vw;position:relative;text-align:justify}.selected-content-area{bottom:22.5vh}.preview-row{gap:5px;height:30vh;padding:5px}.preview-card{height:25.5vh;width:30vh}.nav-button{font-size:1.2rem;height:40px;width:40px}}.preview-row{align-items:center;background:#d6d6d6;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;gap:20px;height:20vh;justify-content:center;left:0;overflow:hidden;padding:10px 20px;position:absolute;right:0;scroll-behavior:smooth}@media (max-width:768px){.preview-row{justify-content:flex-start;overflow-x:auto}.preview-row::-webkit-scrollbar{height:8px}.preview-row::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.preview-row::-webkit-scrollbar-track{background:#f1f1f1}}.preview-card{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;flex-shrink:0;height:19vh;margin:0;overflow:hidden;position:relative;width:20vh}.workflow-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.8;padding:20px}.workflow-title{color:#444;font-size:1.8vw;font-weight:600;margin-bottom:20px;text-align:left}.workflow-steps{counter-reset:step-counter;list-style-type:none;margin:0;padding-left:0}.workflow-step{background-color:#fff;border-radius:6px;box-shadow:0 2px 5px #0000001a;font-size:1.2vw;margin-bottom:20px;padding:15px 15px 15px 60px;position:relative}.workflow-step-title{font-weight:700;margin-right:.5em}.workflow-step:before{align-items:center;background-color:#cfcfcf;border-radius:50%;color:#333;content:counter(step-counter);counter-increment:step-counter;display:flex;font-size:1.25vw;font-weight:700;height:30px;justify-content:center;left:15px;position:absolute;top:15px;transform:translateY(0);width:30px}@media (max-width:1024px){.workflow-title{font-size:2vw}.workflow-step{font-size:1.5vw}.workflow-step:before{font-size:2vw}}@media (max-width:768px){.workflow-title{font-size:5vw}.workflow-step,.workflow-step:before{font-size:4vw}}
/*# sourceMappingURL=main.5c78a23b.css.map*/