@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-bg:#f8f8f6;--color-surface:#fff;--color-text:#1a1a1a;--color-text-muted:#5c5c5c;--color-accent:#2e2e2e;--color-border:#e2e2e0;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo:cubic-bezier(.87, 0, .13, 1)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:400;line-height:1.1}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.5rem,3vw,2.5rem)}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{width:100%;max-width:1440px;padding:0 var(--spacing-md);margin:0 auto}.grid-2{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr}}.btn{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;transition:all .4s var(--ease-out-expo);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:#000;transform:translateY(-2px)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background-color:#0000}.btn-secondary:hover{border-color:var(--color-accent);background-color:#00000005}.eyebrow{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-size:.75rem;font-weight:600;display:block}.reveal-text{overflow:hidden}.reveal-text>span{opacity:0;animation:revealUp 1s var(--ease-out-expo) forwards;display:inline-block;transform:translateY(100%)}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn 1.2s var(--ease-out-expo) forwards}@keyframes fadeIn{to{opacity:1}}.image-wrapper{position:relative;overflow:hidden}.image-zoom-out{animation:zoomOut 2s var(--ease-out-expo) forwards;transform:scale(1.1)}@keyframes zoomOut{to{transform:scale(1)}}section{padding:var(--spacing-lg) 0}@media (width>=768px){section{padding:var(--spacing-xl) 0}}.header{z-index:100;width:100%;padding:var(--spacing-md) 0;transition:all .4s var(--ease-out-expo);background:0 0;position:fixed;top:0;left:0}.header-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-sm) 0;background:#f8f8f6f2;box-shadow:0 1px #0000000d}.header-container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);letter-spacing:-.05em;color:var(--color-text);font-size:1.5rem;font-weight:700}.nav-desktop{display:none}.mobile-menu-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;display:block}@media (width>=768px){.nav-desktop{align-items:center;gap:var(--spacing-md);display:flex}.nav-links{gap:var(--spacing-md);display:flex}.nav-links a{font-size:.875rem;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--color-text-muted)}.mobile-menu-btn{display:none}}.mobile-menu{background:var(--color-surface);width:100%;padding:var(--spacing-md);position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0000001a}.mobile-nav-links{gap:var(--spacing-sm);flex-direction:column;display:flex}.hero{height:100vh;min-height:600px;padding-bottom:var(--spacing-xl);color:#fff;align-items:flex-end;display:flex;position:relative}.hero-background{z-index:-1;background-color:var(--color-accent);width:100%;height:100%;position:absolute;top:0;left:0}.hero-image{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(#0000001a 0%,#0003 50%,#000c 100%);position:absolute;inset:0}.hero-content{z-index:10;position:relative}.hero-text-block{max-width:800px}.hero h1{color:#fff}.hero-subtitle{max-width:500px;margin:var(--spacing-md) 0;opacity:.9;font-size:1.125rem;line-height:1.6}.hero-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.btn-secondary-light{color:#fff;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;transition:all .4s var(--ease-out-expo);cursor:pointer;background-color:#0000;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-secondary-light:hover{background-color:#ffffff1a;border-color:#fff}.social-proof{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.social-proof-grid{gap:var(--spacing-md);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=992px){.social-proof-grid{gap:var(--spacing-lg);grid-template-columns:1fr 2fr}}.social-proof-score h2{margin-bottom:.5rem;font-size:4rem;font-weight:700}.stars{color:#f59e0b;margin-bottom:.5rem;display:flex}.social-proof-score p{color:var(--color-text-muted);font-size:.875rem}.social-proof-quotes{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.social-proof-quotes{grid-template-columns:1fr 1fr}}.quote-card{padding:var(--spacing-md);background:var(--color-bg);border-radius:12px}.quote-card p{margin-bottom:var(--spacing-sm);font-size:1.125rem;font-style:italic;line-height:1.5}.quote-card cite{color:var(--color-text-muted);font-size:.875rem;font-style:normal;font-weight:600}.scroll-reveal{opacity:0;transition:opacity 1s var(--ease-out-expo), transform 1s var(--ease-out-expo);transform:translateY(30px)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.section-title{margin-bottom:var(--spacing-md)}.projects-grid{gap:var(--spacing-sm);grid-template-columns:1fr;display:grid}@media (width>=768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{border-radius:8px;position:relative;overflow:hidden}.project-card.col-span-2{grid-column:1/-1}.project-image-wrapper{aspect-ratio:4/3;overflow:hidden}.project-card.col-span-2 .project-image-wrapper{aspect-ratio:16/9}.project-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out-expo)}.project-card:hover .project-image-wrapper img{transform:scale(1.05)}.project-info{width:100%;padding:var(--spacing-md);color:#fff;background:linear-gradient(#0000,#000c);position:absolute;bottom:0;left:0}.project-info h3{margin-bottom:.25rem;font-size:1.5rem}.project-info p{color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.materials{background-color:var(--color-surface)}.materials-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}@media (width>=768px){.materials-header{flex-direction:row;justify-content:space-between;align-items:flex-end}.materials-desc{text-align:right;max-width:400px}}.materials-desc{color:var(--color-text-muted);font-size:1.125rem;line-height:1.6}.materials-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=992px){.materials-grid{grid-template-columns:2fr 1fr}}.material-card{border-radius:12px;position:relative;overflow:hidden}.material-image-wrapper{aspect-ratio:16/9}.material-image-wrapper img{object-fit:cover;width:100%;height:100%}.material-info{bottom:var(--spacing-md);left:var(--spacing-md);background:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;position:absolute}.material-info h3{margin-bottom:.125rem;font-size:1.25rem}.material-info p{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.material-text-card{background-color:var(--color-bg);padding:var(--spacing-md);border-radius:12px;flex-direction:column;justify-content:center;display:flex}.material-text-card h3{margin-bottom:var(--spacing-sm);font-size:2rem}.material-text-card p{color:var(--color-text-muted);margin-bottom:var(--spacing-md);line-height:1.6}.materials-list li{border-bottom:1px solid var(--color-border);padding:.75rem 0;font-weight:500}.materials-list li:last-child{border-bottom:none}.about{background-color:var(--color-bg)}.about-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (width>=992px){.about-grid{grid-template-columns:1fr 1fr}}.about-text p{color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-size:1.125rem;line-height:1.6}.process-list{gap:var(--spacing-md);flex-direction:column;display:flex}.process-item{gap:var(--spacing-md);align-items:flex-start;display:flex}.process-number{font-family:var(--font-heading);color:var(--color-border);font-size:2rem;font-weight:300;line-height:1}.process-item h3{margin-bottom:.25rem;font-size:1.25rem}.process-item p{color:var(--color-text-muted);font-size:.875rem}.showroom{background-color:var(--color-surface)}.showroom-grid{gap:var(--spacing-md);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=992px){.showroom-grid{grid-template-columns:1fr 1fr}}.showroom-image{aspect-ratio:4/3;border-radius:12px;overflow:hidden}.showroom-image img{object-fit:cover;width:100%;height:100%}.showroom-desc{color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-size:1.125rem;line-height:1.6}.showroom-address{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-bg);border-radius:8px;display:flex}.text-accent{color:var(--color-accent)}.footer{background-color:var(--color-accent);color:#fff;padding-top:var(--spacing-xl)}.cta-section{text-align:center;padding-bottom:var(--spacing-xl);border-bottom:1px solid #ffffff1a}.cta-section h2{margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,5vw,4rem)}.btn-large{color:var(--color-accent);background-color:#fff;padding:1.25rem 3rem;font-size:1.125rem}.btn-large:hover{background-color:var(--color-bg);color:var(--color-accent)}.footer-bottom{gap:var(--spacing-md);padding:var(--spacing-md) 0;flex-direction:column;display:flex}@media (width>=768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer-bottom .logo{color:#fff}.footer-links{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-links a{color:#ffffffb3;font-size:.875rem;transition:color .3s}.footer-links a:hover{color:#fff}.footer-legal{color:#ffffff80;text-align:right;font-size:.75rem}