:root{--green: #3F6F63;--orange: #D47A2C;--text-primary: #111111;--text-secondary: #555555;--border: rgba(0, 0, 0, .07);--divider: rgba(0, 0, 0, .08);--max-w: 720px;--nav-h: 62px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:#fff;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav{position:fixed;inset:0 0 auto;z-index:100;background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1120px;margin:0 auto;padding:0 32px;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:14px;font-weight:600;color:var(--green);letter-spacing:-.01em;-webkit-user-select:none;user-select:none}.nav-links{display:flex;align-items:center;gap:36px}.nav-link{font-family:inherit;font-size:13px;font-weight:400;color:var(--text-secondary);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;letter-spacing:.01em;transition:color .2s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{transform:scaleX(1)}.nav-link--cta{color:var(--green);font-weight:500}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:var(--nav-h);animation:heroFadeIn 1.2s ease-out}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(63,111,99,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(63,111,99,.07) 1px,transparent 1px);background-size:64px 64px;animation:gridDrift 40s linear infinite;pointer-events:none;will-change:background-position}@keyframes gridDrift{0%{background-position:0 0}to{background-position:120px 0}}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.hero-inner{position:relative;width:100%;max-width:var(--max-w);margin:0 auto;padding:80px 32px 120px}.hero-headline{display:flex;flex-direction:column;gap:.06em;font-size:clamp(2.6rem,5.5vw,4.4rem);line-height:1.1;letter-spacing:-.035em;margin-bottom:36px}.hero-line-1{display:block;font-weight:700;color:var(--text-primary)}.hero-line-2{display:block;font-weight:300;color:var(--text-secondary)}.hero-subtext{font-size:1.05rem;color:var(--text-secondary);line-height:1.75;max-width:600px;margin-bottom:52px}.btn-primary{font-family:inherit;font-size:13px;font-weight:500;color:#fff;background:var(--green);border:none;padding:13px 28px;cursor:pointer;letter-spacing:.02em;transition:opacity .2s ease}.btn-primary:hover{opacity:.84}.fade-section{padding:112px 0;border-top:1px solid var(--divider);opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.fade-section.visible{opacity:1;transform:translateY(0)}.section-inner{max-width:var(--max-w);margin:0 auto;padding:0 32px}.section-inner h2{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:24px}.section-inner h3{font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:10px}.section-inner p{font-size:1.05rem;color:var(--text-secondary);line-height:1.65;margin-bottom:16px}.section-inner p:last-child{margin-bottom:0}.section-inner>div+div{margin-top:36px}.section-inner small{display:block;margin-top:32px;font-size:11px;color:#bbb;letter-spacing:.06em;text-transform:uppercase}.section-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:52px}.prose p{font-size:1.05rem;color:#444;line-height:1.85;margin-bottom:28px}.prose p:last-child{margin-bottom:0}.statement{font-size:1.22rem!important;font-weight:500!important;color:var(--text-primary)!important;line-height:1.85!important;margin-bottom:44px!important}.work-list{display:flex;flex-direction:column}.work-item{padding:36px 0;border-bottom:1px solid var(--border)}.work-item:first-child{border-top:1px solid var(--border)}.work-title{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:10px}.work-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:14px}.link-subtle{display:inline-block;font-size:.85rem;font-weight:400;color:var(--text-secondary);text-decoration:none;letter-spacing:.01em;position:relative;transition:color .2s ease}.link-subtle:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.link-subtle:hover{color:var(--text-primary)}.link-subtle:hover:after{transform:scaleX(1)}.explore-lines{display:flex;flex-direction:column;gap:28px;margin-bottom:48px}.explore-lines p{font-size:1.05rem;color:var(--text-primary);line-height:1.5;letter-spacing:-.01em}.updated-note{font-size:11px;color:#bbb;letter-spacing:.06em;text-transform:uppercase}.section-contact{padding-bottom:140px}.contact-text{font-size:1.05rem;color:var(--text-secondary);line-height:1.85;max-width:540px;margin-bottom:44px}.signature{max-width:var(--max-w);margin:64px auto 48px;padding:0 32px;font-size:.85rem;color:#aaa;letter-spacing:.01em}.site-footer{border-top:1px solid var(--border);padding:36px 40px}.footer-inner{max-width:var(--max-w);margin:0 auto;font-size:12px;color:#bbb;letter-spacing:.01em}@media (max-width: 768px){.nav-inner{padding:0 24px}.nav-links{gap:24px}.hero-inner{padding:60px 24px 100px}.fade-section{padding:72px 0}.section-inner{padding:0 24px}.section-contact{padding-bottom:100px}.site-footer{padding:32px 24px}}@media (max-width: 480px){.nav-inner{padding:0 20px}.nav-links{gap:18px}.hero-inner{padding:48px 24px 80px}.site-footer{padding:28px 20px}.hero-headline{font-size:clamp(2rem,9vw,2.6rem);letter-spacing:-.025em}}.contact-form{margin-top:32px}.contact-form label{display:block;font-size:14px;margin-bottom:6px;color:#444}.contact-form input,.contact-form textarea{width:100%;padding:14px;border:1px solid #e5e5e5;border-radius:8px;font-size:16px;background:#fff;transition:border-color .2s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#3f6f63}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{margin-top:16px;padding:14px 22px;background:#3f6f63;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:background .2s ease}.contact-form button:hover{background:#355e54}