:root{--color-primary: #8a0000;--color-dark: #0a0a0a;--color-light: #f0f0f0;--font-heading: "Oswald", sans-serif;--font-body: "Inter", sans-serif}body{margin:0;padding:0;background-color:var(--color-dark);color:var(--color-light);font-family:var(--font-body);overflow-x:hidden;width:100%;min-height:100vh}html,#root{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;margin:0}.canvas-container{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1}.ui-container{position:relative;z-index:10;padding:2rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#8a0000}.carousel-section{background:#000;padding:180px 0 120px;overflow:hidden}.carousel-shell{display:flex;flex-direction:column;align-items:center;gap:0}.carousel-header{width:100%;max-width:1100px;display:flex;align-items:center;justify-content:space-between;padding:0 40px 140px}.carousel-label{font-family:var(--font-heading);font-size:1.8rem;letter-spacing:.12em;text-transform:uppercase;color:#f0ede8;font-weight:700;line-height:1}.carousel-nav{display:flex;align-items:center;gap:20px}.carousel-nav-btn{background:none;border:1px solid #333;color:#888;font-size:1rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease;font-family:var(--font-body);line-height:1}.carousel-nav-btn:hover{background:#f0ede8;border-color:#f0ede8;color:#000}.carousel-nav-index{font-family:var(--font-body);font-size:.72rem;letter-spacing:.14em;color:#444;min-width:64px;text-align:center}.carousel-stage{position:relative;width:100%;height:620px;display:flex;align-items:center;justify-content:center}.carousel-card{position:absolute;width:440px;display:flex;flex-direction:column;gap:18px;cursor:pointer;transform-origin:center center;will-change:transform,opacity;top:50%;translate:0 -50%}.carousel-card__thumb{position:relative;width:100%;padding-top:130%;overflow:hidden;background:#000}.carousel-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;transition:transform .5s cubic-bezier(.22,1,.36,1)}.carousel-card--active .carousel-card__img{transform:scale(1)}.carousel-card__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;pointer-events:none}.carousel-card__label{display:flex;flex-direction:column;gap:4px;opacity:.4;transition:opacity .3s ease;text-align:center;align-items:center}.carousel-card__label.is-active{opacity:1}.carousel-card__category{font-family:var(--font-body);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:#666;font-weight:400}.carousel-card__title{font-family:var(--font-heading);font-size:1.4rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#f0ede8;line-height:1.15;margin:0}.carousel-card__cta{font-family:var(--font-body);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);margin-top:6px}.carousel-dots{display:flex;gap:8px;margin-top:52px}.carousel-dot{width:6px;height:6px;border-radius:50%;border:none;background:#333;cursor:pointer;padding:0;transition:background .25s ease,transform .25s ease}.carousel-dot.is-active{background:#f0ede8;transform:scale(1.4)}@media (max-width: 900px){.carousel-stage{height:500px}.carousel-card{width:340px}}@media (max-width: 600px){.carousel-section{padding:120px 0 96px}.carousel-stage{height:430px}.carousel-card{width:260px}.carousel-header{padding:0 20px 40px}}.mobile-menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:flex-end;cursor:pointer;z-index:101;-webkit-tap-highlight-color:transparent}.hamburger{position:relative;width:26px;height:2px;background:#fff;transition:background .2s ease-out}.hamburger:before,.hamburger:after{content:"";position:absolute;right:0;width:26px;height:2px;background:#fff;transition:transform .3s ease-out}.hamburger:before{transform:translateY(-8px)}.hamburger:after{transform:translateY(8px)}.hamburger.open{background:transparent}.hamburger.open:before{transform:translateY(0) rotate(45deg)}.hamburger.open:after{transform:translateY(0) rotate(-45deg)}@media (max-width: 768px){.main-nav{padding:1.25rem 1.5rem!important}.nav-logo{font-size:.95rem!important;white-space:nowrap}.nav-links{display:none!important}.mobile-menu-btn{display:flex!important}.nav-link{font-size:.75rem!important}.project-main{padding:6rem 16px 2rem!important}.project-grid{display:flex!important;flex-direction:column!important;gap:1.5rem!important}.project-grid>div>div{grid-column:span 12!important;width:100%!important;margin-bottom:1.5rem!important}.about-section{display:flex!important;flex-direction:column!important;padding:6rem 20px 0!important;align-items:flex-start!important;min-height:auto!important}.about-text-content{width:100%!important;text-align:left!important;margin-bottom:2rem!important}.about-title{font-size:2.8rem!important;margin-bottom:1.5rem!important}.about-text-lines{padding-left:1rem!important;font-size:.95rem!important}.about-canvas-wrapper{height:50vh!important;width:100%!important;position:relative!important}.project-nav-wrapper{padding:2rem 1rem!important}.project-nav-container{gap:.5rem!important}.project-nav-item{font-size:.7rem!important}.project-nav-item .project-nav-title{font-size:.85rem!important}.project-nav-thumb{display:none!important}.project-nav-btn{padding:.6rem 1rem!important;font-size:.7rem!important}.project-nav-label{font-size:.6rem!important}h1{font-size:clamp(2.2rem,8vw,5rem)!important}p{font-size:1rem!important}}