*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f2ed;font-family:Bodoni Moda,Playfair Display,Georgia,serif;overflow-x:hidden}#root{width:100%}.scroll-container{height:600vh;position:relative}.fixed-title{z-index:10;pointer-events:none;position:fixed;top:5vh;left:5vw}.fixed-tagline{z-index:10;pointer-events:none;position:fixed;top:calc(5vh + 2.2em);left:5vw}.brand{letter-spacing:.3em;text-transform:uppercase;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(16px,2vw,24px);font-weight:400}.tagline{letter-spacing:.1em;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(13px,1.4vw,17px);font-style:italic;font-weight:300}.hero-nav{z-index:10;pointer-events:auto;justify-content:center;gap:3em;width:100%;display:flex;position:fixed;bottom:5vh;left:0}.hero-nav-link{letter-spacing:.2em;text-transform:uppercase;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(12px,1.2vw,15px);font-weight:400;text-decoration:none;transition:opacity .3s}.hero-nav-link:hover{opacity:1!important}.theme-toggle{z-index:20;cursor:pointer;pointer-events:auto;background:0 0;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .4s;display:flex;position:fixed;top:5vh;right:5vw}.theme-toggle:hover{opacity:.8;transform:scale(1.1)}.site-nav{z-index:100;pointer-events:auto;justify-content:space-between;align-items:center;padding:2.5vh 5vw;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{letter-spacing:.3em;text-transform:uppercase;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(14px,1.6vw,20px);font-weight:400;text-decoration:none;transition:opacity .3s}.nav-brand:hover{opacity:.7}.nav-links{align-items:center;gap:2.5em;display:flex}.nav-link{letter-spacing:.15em;text-transform:uppercase;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(11px,1.1vw,14px);font-weight:400;text-decoration:none;transition:opacity .3s}.nav-link:hover,.nav-link.active{opacity:1!important}.theme-toggle-nav{cursor:pointer;background:0 0;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:all .4s;display:flex}.theme-toggle-nav:hover{opacity:.8;transform:scale(1.1)}.page{min-height:100vh;transition:background .4s,color .4s}.page-content{max-width:960px;margin:0 auto;padding:14vh 5vw 10vh}.page-header{margin-bottom:8vh}.page-title{letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5em;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(28px,4vw,48px);font-weight:400}.page-subtitle{letter-spacing:.05em;max-width:560px;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(14px,1.5vw,18px);font-style:italic;font-weight:300}.section{margin-bottom:8vh}.section-title{letter-spacing:.3em;text-transform:uppercase;margin-bottom:3em;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(11px,1vw,13px);font-weight:400}.service-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2em;display:grid}.service-card{border:1px solid;padding:2.5em 2em;transition:border-color .3s}.service-tier{letter-spacing:.3em;text-transform:uppercase;margin-bottom:1em;font-size:11px}.service-name{margin-bottom:.3em;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(16px,1.8vw,22px);font-weight:400}.service-price{margin-bottom:1.5em;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(14px,1.4vw,18px);font-weight:400}.service-scope{margin-bottom:1.5em;padding:0;list-style:none}.service-scope li{letter-spacing:.02em;font-size:clamp(12px,1.1vw,14px);line-height:2}.service-scope li:before{content:"— ";opacity:.3}.service-timeline{letter-spacing:.2em;text-transform:uppercase;font-size:11px}.industry-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5em;display:grid}.industry-card{border:1px solid;padding:2em 1.5em}.industry-name{margin-bottom:1em;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(14px,1.4vw,18px);font-weight:400}.industry-problems{padding:0;list-style:none}.industry-problems li{letter-spacing:.02em;font-size:clamp(11px,1vw,13px);line-height:2}.philosophy-text{letter-spacing:.01em;max-width:640px;font-size:clamp(14px,1.3vw,17px);line-height:1.8}.philosophy-text p{margin-bottom:1.5em}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2em;display:grid}.project-card{border:1px solid;padding:2.5em 2em;text-decoration:none;transition:border-color .3s,transform .3s;display:block}.project-card:hover{transform:translateY(-2px)}.project-name{margin-bottom:.8em;font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(16px,1.8vw,22px);font-weight:400}.project-what{margin-bottom:1.2em;font-size:clamp(12px,1.1vw,14px);line-height:1.7}.project-tech{letter-spacing:.15em;text-transform:uppercase;font-size:11px}.contact-section{max-width:480px}.contact-grid{flex-direction:column;gap:1.5em;display:flex}.contact-card{border:1px solid;padding:2em;text-decoration:none;transition:border-color .3s,transform .3s;display:block}.contact-card:hover{transform:translate(4px)}.contact-label{letter-spacing:.3em;text-transform:uppercase;margin-bottom:.5em;font-size:11px}.contact-card div:last-child{font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:clamp(14px,1.4vw,18px)}
