:root{--color-dark:#0a0a0a;--color-light:#f8f7f4;--color-accent:#c4a77d;--color-muted:#6b6b6b;--font-display:"Instrument Serif",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--sidebar-width:80px;--logo-position:40px;--hero-min-height:80px;--transition-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--transition-bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-light);color:var(--color-dark);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}.hero-container{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.hero-morph{background:var(--color-dark);clip-path:inset(0 0 50% 0);height:100%;transition:clip-path .1s linear;will-change:clip-path}.hero-content,.hero-morph{left:0;position:absolute;top:0;width:100%}.hero-content{align-items:center;color:var(--color-light);display:flex;flex-direction:column;height:50vh;justify-content:center;opacity:1;padding:2rem;pointer-events:auto;text-align:center;transition:opacity .3s ease}.hero-content.hidden{opacity:0;pointer-events:none}.hero-logo{animation:fadeInUp 1s var(--transition-smooth) .2s forwards;font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:400;letter-spacing:-.02em;margin-bottom:.5rem;opacity:0;transform:translateY(30px)}.hero-phonetic{animation:fadeInUp 1s var(--transition-smooth) .4s forwards;color:var(--color-accent);font-size:clamp(1rem,2vw,1.25rem);letter-spacing:.3em;text-transform:uppercase}.hero-phonetic,.hero-tagline{font-family:var(--font-body);font-weight:300;opacity:0;transform:translateY(20px)}.hero-tagline{animation:fadeInUp 1s var(--transition-smooth) .6s forwards;color:hsla(0,0%,100%,.6);font-size:clamp(.875rem,1.5vw,1rem);margin-top:2rem;max-width:400px}.scroll-indicator{align-items:center;animation:fadeInUp 1s var(--transition-smooth) .8s forwards;bottom:2rem;color:hsla(0,0%,100%,.4);display:flex;flex-direction:column;font-size:.75rem;gap:.5rem;left:50%;letter-spacing:.1em;opacity:0;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.scroll-indicator:after{animation:scrollPulse 2s ease-in-out infinite;background:linear-gradient(to bottom,var(--color-accent),transparent);content:"";height:40px;width:1px}.sidebar-logo{color:var(--color-light);font-family:var(--font-display);font-size:1.25rem;left:var(--logo-position);letter-spacing:.1em;opacity:0;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%) rotate(-90deg);transition:opacity .5s ease .3s;white-space:nowrap;z-index:1001}.sidebar-logo.visible{opacity:1}.hero-bottom{align-items:center;background:var(--color-light);bottom:0;display:flex;height:50vh;justify-content:center;left:0;position:fixed;transition:opacity .5s ease,transform .5s ease;width:100%;z-index:999}.hero-bottom.hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.hero-cta{padding:2rem;text-align:center}.hero-cta h2{animation:fadeInUp 1s var(--transition-smooth) .5s forwards;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;margin-bottom:1.5rem}.cta-button,.hero-cta h2{opacity:0;transform:translateY(20px)}.cta-button{align-items:center;animation:fadeInUp 1s var(--transition-smooth) .7s forwards;background:var(--color-dark);border-radius:0;color:var(--color-light);display:inline-flex;font-family:var(--font-body);font-size:.875rem;font-weight:500;gap:.75rem;letter-spacing:.05em;padding:1rem 2rem;pointer-events:auto;text-decoration:none;transition:all .3s var(--transition-smooth)}.cta-button:hover{background:var(--color-accent);color:var(--color-dark);transform:translateY(-2px)}.cta-button svg{height:16px;transition:transform .3s ease;width:16px}.cta-button:hover svg{transform:translateX(4px)}.main-wrapper{min-height:300vh;padding-top:100vh;position:relative;z-index:1}.main-content{margin:0 auto;max-width:1200px;padding:4rem 2rem;transition:padding .5s var(--transition-smooth)}body.sidebars-active .main-content{padding-left:calc(var(--sidebar-width) + 3rem);padding-right:calc(var(--sidebar-width) + 3rem)}.content-section{margin-bottom:6rem;opacity:0;transform:translateY(40px);transition:all .8s var(--transition-smooth)}.content-section.visible{opacity:1;transform:translateY(0)}.section-label{color:var(--color-muted);font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.2em;margin-bottom:1rem;text-transform:uppercase}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.2;margin-bottom:1.5rem}.section-body{color:var(--color-muted);font-size:1.125rem;line-height:1.8;max-width:65ch}.section-body p+p{margin-top:1.5rem}.services-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.service-card{background:#fff;border:1px solid rgba(0,0,0,.08);padding:2rem;transition:all .4s var(--transition-smooth)}.service-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.08);transform:translateY(-4px)}.service-card h4{font-family:var(--font-display);font-size:1.5rem;font-weight:400;margin-bottom:1rem}.service-card p{color:var(--color-muted);font-size:.9375rem;line-height:1.7}.highlight{color:var(--color-dark);font-weight:500}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@media(max-width:768px){:root{--sidebar-width:40px}.sidebar-logo{display:none}.main-content{padding:2rem 1rem}body.sidebars-active .main-content{padding-left:1rem;padding-right:1rem}.services-grid{grid-template-columns:1fr}}.scroll-progress{background:var(--color-dark);border-radius:4px;bottom:1rem;color:var(--color-light);font-family:monospace;font-size:.75rem;opacity:0;padding:.5rem 1rem;position:fixed;right:1rem;z-index:9999}