:root{--color-black: #000000;--color-white: #ffffff;--color-gray-light: #f8f8f8;--color-gray-medium: #e0e0e0;--color-gray-dark: #333333;--color-blue-dark: #1a2332;--color-blue-accent: #2c3e50;--color-accent: #c9a961;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--spacing-2xl: 8rem;--max-width: 1400px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-weight:300;line-height:1.6;color:var(--color-black);background-color:var(--color-white);overflow-x:hidden}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}img{max-width:100%;height:auto;display:block}h1{font-size:clamp(3rem,8vw,6rem);font-weight:200;line-height:.9;letter-spacing:-.03em;margin-bottom:var(--spacing-md)}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:200;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--spacing-lg)}h3{font-size:1.5rem;font-weight:300;line-height:1.2;letter-spacing:-.01em;margin-bottom:var(--spacing-sm)}h4{font-size:.875rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-xs)}p{font-size:1rem;font-weight:300;line-height:1.8;color:var(--color-gray-dark)}.lead{font-size:1.25rem;font-weight:300;line-height:1.7;margin-bottom:var(--spacing-md)}.menu-toggle{position:fixed;top:3rem;right:3rem;z-index:1001;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #1f268726;border:1px solid rgba(255,255,255,.18);cursor:pointer;padding:10px;width:50px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:all .3s ease;border-radius:12px}.menu-toggle:hover{background:#ffffff26;box-shadow:0 8px 32px #1f268740;transform:scale(1.05)}.menu-toggle span{display:block;width:30px;height:2px;background-color:var(--color-white);box-shadow:0 0 4px #00000080}@media (max-width: 768px){.menu-toggle span{width:24px}}.menu-toggle:hover span{box-shadow:0 0 6px #000c}.menu-toggle.active span:nth-child(1),.menu-toggle.active span:nth-child(3){position:absolute;top:50%;left:50%;width:30px;transform-origin:center}@media (max-width: 768px){.menu-toggle.active span:nth-child(1),.menu-toggle.active span:nth-child(3){width:24px}}.menu-toggle.active span:nth-child(1){transform:translate(-50%) translateY(-50%) rotate(45deg)}.menu-toggle.active span:nth-child(2){display:none}.menu-toggle.active span:nth-child(3){transform:translate(-50%) translateY(-50%) rotate(-45deg)}.nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-overlay.active{opacity:1;visibility:visible}.nav-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.nav-menu{list-style:none;margin:0;padding:0}.nav-menu li{margin:var(--spacing-sm) 0;opacity:0;transform:translateY(30px);transition:all .6s ease}.nav-overlay.active .nav-menu li:nth-child(1){transition-delay:.3s;opacity:1;transform:translateY(0)}.nav-overlay.active .nav-menu li:nth-child(2){transition-delay:.4s;opacity:1;transform:translateY(0)}.nav-overlay.active .nav-menu li:nth-child(3){transition-delay:.5s;opacity:1;transform:translateY(0)}.nav-overlay.active .nav-menu li:nth-child(4){transition-delay:.6s;opacity:1;transform:translateY(0)}.nav-overlay.active .nav-menu li:nth-child(5){transition-delay:.7s;opacity:1;transform:translateY(0)}.nav-menu a{color:var(--color-black);text-decoration:none;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:200;letter-spacing:-.02em;transition:all .3s ease;display:block;padding:var(--spacing-sm) 0}.nav-menu a:hover{color:var(--color-accent);transform:translate(20px)}.styles-submenu{margin-top:var(--spacing-md);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);opacity:0;transform:translateY(30px);transition:all .6s ease .8s}.nav-overlay.active .styles-submenu{opacity:1;transform:translateY(0)}.styles-submenu a{color:var(--color-white);text-decoration:none;font-size:1rem;font-weight:300;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.styles-submenu a:hover{color:var(--color-accent);border-color:var(--color-accent);transform:none}.primary-button{display:inline-block;background-color:var(--color-white);color:var(--color-black);padding:1rem 2rem;text-decoration:none;font-weight:400;font-size:.875rem;letter-spacing:.05em;transition:all .3s ease;border:1px solid var(--color-white)}.primary-button:hover{background-color:var(--color-black);color:var(--color-white)}.hero{height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(#0006,#0006),url(/assets/stack%203500x3980-CRuxwS2E.jpeg) center/cover;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.hero h1{color:var(--color-white);font-size:clamp(3.5rem,10vw,6rem);font-weight:200;line-height:1;letter-spacing:-.02em;margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:1.5rem;font-weight:300;margin-bottom:var(--spacing-lg);color:#ffffffe6;letter-spacing:.02em}.hero-tagline{display:block;font-size:.875rem;font-weight:300;color:#ffffffb3;letter-spacing:.1em;margin-bottom:var(--spacing-lg)}.intro-section{padding:var(--spacing-2xl) 0;background-color:var(--color-gray-light)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.intro-content h2{font-size:clamp(2rem,4vw,3rem);font-weight:200;line-height:1.1;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.intro-content .lead{font-size:1.125rem;font-weight:300;line-height:1.7;color:var(--color-gray-dark);margin-bottom:var(--spacing-lg);max-width:90%}.intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stat-item{text-align:center}.stat-value{display:block;font-size:2.5rem;font-weight:200;color:var(--color-black);line-height:1}.stat-label{display:block;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;margin-top:var(--spacing-xs);color:var(--color-gray-dark)}.intro-image{position:relative;overflow:hidden;height:600px}.intro-image img{width:100%;height:100%;object-fit:cover}.secondary-button{display:inline-block;background-color:transparent;color:var(--color-black);padding:.75rem 2rem;text-decoration:none;font-weight:300;font-size:.875rem;letter-spacing:.05em;transition:all .3s ease;border:1px solid var(--color-black)}.secondary-button:hover{background-color:var(--color-black);color:var(--color-white)}.portfolio-cta{text-align:center;padding-top:var(--spacing-lg)}.styles-hero{padding:var(--spacing-2xl) 0;background-color:var(--color-black);color:var(--color-white);text-align:center;min-height:50vh;display:flex;align-items:center}.styles-hero h1{color:var(--color-white)}.styles-hero .hero-subtitle{color:#fffc;font-size:1.25rem}.style-detail{padding:var(--spacing-2xl) 0}.style-detail.alt{background-color:var(--color-gray-light)}.style-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;max-width:1400px;margin:0 auto}.style-detail-image{position:relative;overflow:hidden;height:600px;border-radius:2px}.style-detail-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.style-detail:hover .style-detail-image img{transform:scale(1.02)}.style-detail-content{padding:var(--spacing-md) 0}.style-number{font-size:4rem;font-weight:100;color:var(--color-gray-medium);line-height:1;margin-bottom:var(--spacing-md)}.style-detail h2{font-size:clamp(2rem,3vw,2.5rem);font-weight:200;margin-bottom:var(--spacing-xs)}.style-tagline{font-size:1rem;color:var(--color-accent);font-weight:300;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-lg)}.style-specs,.style-features{margin:var(--spacing-lg) 0}.style-specs h3,.style-features h3{font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.style-specs ul,.style-features ul{list-style:none}.style-specs li,.style-features li{padding:var(--spacing-xs) 0;font-size:.875rem;color:var(--color-gray-dark);border-bottom:1px solid var(--color-gray-medium)}.style-specs li strong{color:var(--color-black);font-weight:500}.styles-cta{padding:var(--spacing-2xl) 0;background-color:var(--color-black);color:var(--color-white);text-align:center}.styles-cta h2{color:var(--color-white);margin-bottom:var(--spacing-md)}.styles-cta p{color:#fffc;font-size:1.25rem;margin-bottom:var(--spacing-lg)}.nav-links .active{color:var(--color-accent)}.portfolio{padding:var(--spacing-2xl) 0;background-color:var(--color-white)}.portfolio h2{text-align:center;font-weight:200;font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-xl);letter-spacing:-.01em}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:var(--spacing-lg);max-width:1200px;margin-left:auto;margin-right:auto}.portfolio-item{position:relative;overflow:hidden;height:400px;cursor:pointer;background-color:var(--color-gray-light)}.portfolio-item:nth-child(1){grid-row:span 2;height:801px}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .6s ease}.portfolio-item:hover img{transform:scale(1.03);filter:brightness(.95) contrast(1.05)}.portfolio-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);color:var(--color-white);padding:var(--spacing-lg);opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.portfolio-item:hover .portfolio-overlay,.portfolio-item.touched .portfolio-overlay{opacity:1;transform:translateY(0)}.portfolio-overlay h3{color:var(--color-white);font-size:1.25rem;font-weight:300;margin-bottom:var(--spacing-xs)}.portfolio-overlay p{color:#ffffffe6;font-size:1rem;font-weight:300}.features{padding:var(--spacing-2xl) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.feature{text-align:center}.feature-number{font-size:4rem;font-weight:900;color:var(--color-gray-dark);line-height:1;margin-bottom:var(--spacing-md)}.about{padding:var(--spacing-2xl) 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.stat{text-align:center}.stat-number{display:block;font-size:3rem;font-weight:900;color:var(--color-accent);line-height:1}.stat-label{display:block;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;margin-top:var(--spacing-xs)}.about-image img{width:100%;height:auto}.contact{padding:var(--spacing-2xl) 0;background-color:var(--color-gray-light)}.contact h2{text-align:center}.contact-subtitle{text-align:center;font-size:1.25rem;margin-bottom:var(--spacing-lg)}.contact-form{max-width:800px;margin:0 auto var(--spacing-lg)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:1rem;border:none;background-color:var(--color-white);font-family:var(--font-primary);font-size:.875rem;letter-spacing:.05em}.contact-form input::placeholder,.contact-form select,.contact-form textarea::placeholder{color:var(--color-gray-dark);text-transform:uppercase}.contact-form button{width:100%;border:none;cursor:pointer;margin-top:var(--spacing-md)}.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);max-width:800px;margin:0 auto;text-align:center}footer{background-color:var(--color-black);color:var(--color-white);padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:1fr auto auto;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-lg)}.footer-brand .logo{color:var(--color-white);margin-bottom:var(--spacing-xs)}.footer-brand p{color:#fff9;font-size:.875rem}.footer-links{display:flex;gap:var(--spacing-md)}.footer-links a,.footer-social a{color:var(--color-white);text-decoration:none;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;transition:color .3s ease}.footer-links a:hover,.footer-social a:hover{color:var(--color-accent)}.footer-social{display:flex;gap:var(--spacing-md)}.footer-social svg{width:20px;height:20px;transition:transform .3s ease}.footer-social a:hover svg{transform:scale(1.1)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#fff9;font-size:.875rem}@media (max-width: 1024px){.intro-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.intro-image{height:400px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-item:nth-child(1){grid-row:span 1;height:400px}.style-detail-grid{grid-template-columns:1fr}.style-detail-image{height:400px}}@media (max-width: 768px){:root{--spacing-lg: 3rem;--spacing-xl: 4rem;--spacing-2xl: 5rem}h1{font-size:clamp(2.5rem,10vw,4rem)}h2{font-size:clamp(1.75rem,6vw,2.5rem);margin-bottom:var(--spacing-md)}.lead{font-size:1.125rem}.container{padding:0 var(--spacing-sm)}.menu-toggle{top:1.5rem;right:1.5rem;width:44px;height:44px;padding:8px;gap:4px}.nav-menu a{font-size:clamp(3rem,6vw,3rem)}.hero-content{padding:0 var(--spacing-md)}.hero h1{font-size:clamp(2.5rem,10vw,4rem);margin-bottom:var(--spacing-sm)}.hero-subtitle{font-size:1.125rem;margin-bottom:var(--spacing-md)}.intro-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-value{font-size:2rem}.portfolio-grid{grid-template-columns:1fr;gap:0}.portfolio-item{height:300px}.portfolio-item:nth-child(1){height:300px}.portfolio-overlay{padding:var(--spacing-md)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.feature-number{font-size:3rem}.about-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr;gap:var(--spacing-md)}.form-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.contact-info{grid-template-columns:1fr;gap:var(--spacing-md);text-align:center}.footer-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-md)}.footer-links,.footer-social{justify-content:center}.style-detail-content{padding:var(--spacing-sm)}.style-number{font-size:2.5rem}.style-detail h2{font-size:clamp(1.75rem,5vw,2rem)}}@media (max-width: 480px){:root{--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem}h1,.hero h1{font-size:clamp(2rem,12vw,3rem)}.hero-subtitle{font-size:1rem}.intro-stats{grid-template-columns:1fr}.portfolio-item{height:250px}.portfolio-overlay h3{font-size:1.125rem}.portfolio-overlay p{font-size:.875rem}.primary-button,.secondary-button{padding:.875rem 1.5rem;font-size:.8125rem}}