:root{--bg-color: #161616;--text-color: #eee;--letter-spacing: .12em;--transition-speed: .35s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--border-color-subtle: rgba(0, 0, 0, .15)}body{margin:0;font-family:Inter,sans-serif;background:var(--bg-color);color:var(--text-color);transition:background var(--transition-speed) var(--transition-ease),color var(--transition-speed) var(--transition-ease);scroll-behavior:smooth;overflow:hidden}body.detail-active{overflow:hidden}html,#root{margin:0;padding:0;width:100%;height:100%}body::-webkit-scrollbar{width:0;background:transparent}main{max-width:900px;margin:0 auto;padding:clamp(32px,5vw,48px) clamp(16px,3vw,32px)}body,h1,h2,h3,h4,h5,h6,p,a,button,span,div{text-transform:uppercase!important;letter-spacing:var(--letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button{color:var(--text-color);text-decoration:none;cursor:pointer;transition:color var(--transition-speed) var(--transition-ease)}a:focus,button:focus{outline:2px solid var(--text-color);outline-offset:2px}.corner-text{position:fixed;font-weight:700;-webkit-user-select:none;user-select:none;color:var(--text-color);z-index:500;transition:font-size var(--transition-speed) var(--transition-ease),top var(--transition-speed) var(--transition-ease),right var(--transition-speed) var(--transition-ease),left var(--transition-speed) var(--transition-ease),bottom var(--transition-speed) var(--transition-ease)}.corner-top-left{top:clamp(20px,3vw,30px);left:clamp(20px,3vw,25px);font-size:clamp(1.8rem,2vw,1.25rem);letter-spacing:-.08em}.corner-top-right{top:clamp(20px,3vw,30px);right:clamp(20px,3vw,25px);font-size:clamp(.75rem,1.5vw,.75rem)}.corner-top-right:hover,.corner-top-right:focus{text-decoration:underline}.corner-bottom-left{bottom:clamp(15px,2vw,20px);left:clamp(20px,3vw,25px);font-size:clamp(.6rem,1.5vw,.6rem);font-weight:700;line-height:1.2}.corner-bottom-right{bottom:clamp(15px,2vw,20px);right:clamp(20px,3vw,25px);display:flex;flex-direction:column;gap:clamp(3px,.8vw,6px);text-align:right;font-weight:500;font-size:clamp(.6rem,1.5vw,.6rem);letter-spacing:.15em}.corner-link:hover,.corner-link:focus{text-decoration:underline}.carousel-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(300px,90vw,1800px);display:flex;justify-content:center}.carousel{display:flex;gap:clamp(10px,1.5vw,20px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;padding:clamp(10px,1.5vw,20px) 0;transition:gap var(--transition-speed) ease}.carousel::-webkit-scrollbar{display:none}.carousel-box{flex:0 0 auto;width:clamp(40px,4vw,90px);height:clamp(120px,16vw,280px);background-color:var(--bg-color);border:2px solid transparent;scroll-snap-align:center;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:border-color var(--transition-speed) var(--transition-ease),box-shadow var(--transition-speed) var(--transition-ease)}.carousel-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;pointer-events:none;transition:background-color var(--transition-speed) var(--transition-ease)}.carousel-box:hover:after{background-color:#0009}.carousel-box:hover{border-color:#ff073a;box-shadow:0 0 8px #ff073ab3,inset 0 0 4px #ff073a80}.about-section{min-height:100vh;padding:0 clamp(16px,2vw,32px);background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.about-content{max-width:700px;text-transform:uppercase;letter-spacing:.1em;animation:fadeIn 1s ease-in-out}.about-content h2{font-size:clamp(1rem,2.5vw,1.5rem);margin-bottom:clamp(.75rem,1vw,1rem)}.about-content p{font-size:clamp(.75rem,1.75vw,1rem);line-height:1.6}.back-link{font-size:clamp(.9rem,1.2vw,1rem)}.page-transition.fade-in{opacity:1;transition:opacity var(--transition-speed) var(--transition-ease)}.page-transition.fade-out{opacity:0;transition:opacity var(--transition-speed) var(--transition-ease)}.about-page-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,2vw,1.5rem);text-align:center}.project-page-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:1000px;margin:2rem auto;padding:3rem 20px 2rem;gap:2rem;position:relative;z-index:1}.project-page-container.fullscreen .project-description{display:none}.project-page-container.fullscreen{position:fixed;top:0;right:0;left:0;bottom:40px;margin:0;padding:1.5rem;background:#000;display:flex;align-items:center;justify-content:center;z-index:200;bottom:env(safe-area-inset-bottom,40px);max-height:calc(100vh - env(safe-area-inset-bottom,40px))}.project-page-container.fullscreen .project-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-page-container.fullscreen .project-image img{max-width:90%;max-height:90%;object-fit:contain;cursor:zoom-out}.project-description{flex:1 1 40%;line-height:1.6;color:var(--text-color)}.project-image{flex:1 1 60%;max-width:600px}.project-image img{width:100%;height:auto;object-fit:cover;transition:transform .3s var(--transition-ease);cursor:zoom-in}.project-image img:hover{transform:scale(1.03)}.project-description h1{text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;font-size:clamp(1rem,2vw,1.5rem)}.project-description p{margin-bottom:1.5rem;font-size:clamp(.9rem,1.5vw,1rem)}.project-description a{display:inline-block;font-weight:500;transition:text-decoration var(--transition-speed) var(--transition-ease),color var(--transition-speed) var(--transition-ease)}.project-description a:hover{text-decoration:underline}@media (max-width: 768px){.project-page-container{flex-direction:column;padding-top:2rem}.project-description{flex:0 0 auto;width:auto;max-width:none;padding:0;margin:0 auto 1rem;text-align:center}.project-image{flex:0 0 auto;width:auto;max-height:45vh;border-width:1px;box-shadow:0 0 10px #ff073a4d,inset 0 0 15px #ff073a26;background-color:var(--bg-color)}.project-image img{width:auto;max-width:100%;height:100%;object-fit:contain}.project-page-container.active{position:fixed;top:0;left:0;right:0;bottom:40px;margin:0 auto;padding:1.5rem 1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;max-height:calc(100% - 40px);overflow-y:auto;background:var(--bg-color);z-index:200}.project-description h1{font-size:clamp(1rem,5vw,1.25rem);margin-bottom:.5rem}.project-description p{font-size:clamp(.75rem,4vw,1rem);margin-bottom:1rem}.back-link{font-size:.875rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:focus{outline:none!important;box-shadow:none!important}@media (max-width: 768px),(hover: none){.carousel-box:after{background-color:transparent!important}}@media (max-width: 768px){html{font-size:62.5%}}