:root{--bg: #f4efe6;--text: #111214;--muted: rgba(17, 18, 20, .72);--line: rgba(17, 18, 20, .14);--blue: #1d2458;--radius: 8px;--max: 1120px;--reading: 680px;--surface: #ffffff;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;text-rendering:optimizeLegibility}body{background:var(--bg)}main{background:var(--bg)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:20}.header-inner{width:min(var(--max),calc(100% - 80px));margin:0 auto;min-height:68px;display:flex;align-items:center;justify-content:space-between}.header-brand{display:inline-flex;align-items:center;gap:10px}.header-brand img{display:block;height:33px;width:auto}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a{color:var(--muted);text-decoration:none;font-size:.94rem;font-weight:400;line-height:1}.container{max-width:var(--max);margin:0 auto;padding:0 40px;text-align:left}section{padding:clamp(36px,4.5vw,70px) 0}section:first-of-type{padding:0}.hero{position:relative;min-height:90vh;display:flex;align-items:center;background-image:linear-gradient(#fff8eb38,#fff8eb38),url(/assets/hero_cloud_sky_mobile.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero:before{content:"";position:absolute;inset:0;background:#fff8eb3d;z-index:0}.hero-content{position:relative;z-index:1;max-width:100%;padding-top:72px;text-align:center;display:flex;flex-direction:column;align-items:center}.eyebrow{margin:0 0 32px;font-size:.76rem;letter-spacing:.14em;color:var(--muted)}h1,h2{margin:0;font-weight:500;letter-spacing:.01em;color:var(--text)}h1{font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.02em;max-width:18ch}.hero h1{max-width:18ch}.hero h1 span{display:block;white-space:nowrap}h2{font-size:clamp(26px,2.4vw,36px);line-height:1.35;margin-bottom:var(--space-24)}p{margin:0 0 var(--space-16);color:var(--muted);line-height:1.6;font-size:clamp(16px,1.2vw,18px);max-width:var(--reading)}.lead{margin:28px 0 0;max-width:54ch}.hero .lead{margin-left:auto;margin-right:auto}.architectural-divider{display:none}.plain-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-16);color:var(--muted);line-height:1.6;font-size:clamp(16px,1.2vw,18px);max-width:var(--reading)}.cta-row{margin-top:36px;display:flex;flex-wrap:nowrap;gap:var(--space-12)}.hero .cta-row{justify-content:center}.btn{appearance:none;background:var(--blue);color:#fff;border:0;border-radius:var(--radius);padding:12px 18px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.95rem;line-height:1;min-width:188px;min-height:48px;white-space:nowrap;cursor:pointer;box-shadow:none}.btn:hover{opacity:.92}.btn:active{transform:translateY(1px)}.contact-headline{margin-bottom:var(--space-24);color:var(--text)}#contact .cta-row{margin-bottom:40px}.contact-form{display:grid;gap:18px;max-width:var(--reading)}.contact-form .btn{justify-self:start}.contact-form label{display:grid;gap:8px;font-size:.9rem;letter-spacing:.01em;color:var(--muted)}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);min-height:48px;padding:12px 14px;border-radius:2px;font:inherit}.form-status{font-size:14px;color:var(--muted);margin-top:12px}#vision{background:#f8f4ec}#vision .container{text-align:center}#vision p{margin-left:auto;margin-right:auto;max-width:52ch;font-size:clamp(17px,1.35vw,20px)}#chaos-clarity .container{display:grid;grid-template-columns:1fr 1px 1fr;column-gap:clamp(64px,6vw,96px);row-gap:var(--space-24);align-items:start}#chaos-clarity h2{grid-column:1 / -1}#chaos-clarity h3{margin:0;font-size:1.05rem;text-transform:none;letter-spacing:normal;color:var(--text);font-weight:700}#chaos-clarity h3:nth-of-type(1),#chaos-clarity .plain-list:nth-of-type(1){grid-column:1}#chaos-clarity h3:nth-of-type(2),#chaos-clarity .plain-list:nth-of-type(2){grid-column:3}#chaos-clarity h3:nth-of-type(1),#chaos-clarity h3:nth-of-type(2){grid-row:2}#chaos-clarity .plain-list:nth-of-type(1),#chaos-clarity .plain-list:nth-of-type(2){grid-row:3}#chaos-clarity .container:before{content:"";grid-column:2;grid-row:2 / 4;width:1px;align-self:stretch;background:#11121417}#what-i-do .plain-list{max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-48);row-gap:var(--space-32)}#what-i-do .plain-list li{color:var(--muted)}#what-i-do .plain-list strong{color:var(--text);display:inline-block;margin-bottom:var(--space-12);font-size:1.05rem}.reveal{opacity:0;transform:translateY(10px);animation:fadeUp .7s ease forwards}.reveal:nth-of-type(1){animation-delay:.12s}.reveal:nth-of-type(2){animation-delay:.18s}.reveal:nth-of-type(3){animation-delay:.24s}.reveal:nth-of-type(4){animation-delay:.3s}.reveal:nth-of-type(5){animation-delay:.36s}.reveal:nth-of-type(6){animation-delay:.42s}.reveal:nth-of-type(7){animation-delay:.48s}.reveal:nth-of-type(8){animation-delay:.54s}.reveal:nth-of-type(9){animation-delay:.6s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.site-nav{gap:var(--space-16)}.site-nav a{font-size:.9rem}#what-i-do .plain-list{grid-template-columns:1fr;row-gap:var(--space-24)}}@media(min-width:901px){.hero{background-image:linear-gradient(#fff8eb3d,#fff8eb3d),url(/assets/hero_cloud_sky_desktop.jpg)}}@media(max-width:768px){section{padding:clamp(28px,4vw,36px) 0}.container{padding:0 24px}.header-inner{width:min(var(--max),calc(100% - 48px));min-height:64px}.header-brand img{height:25px}.site-nav{gap:12px}.site-nav a{font-size:.88rem}.hero-content{padding-top:64px}.hero{min-height:80vh}.hero h1 span{white-space:normal}.cta-row{flex-direction:column;align-items:flex-start;gap:var(--space-12)}.btn{width:150px;min-width:150px}#contact>.container>.cta-row{align-items:flex-start}#contact>.container>.cta-row .btn{width:150px;min-width:150px;min-height:48px}#chaos-clarity .container{display:block}#chaos-clarity .container:before{display:none}#chaos-clarity h3{margin-top:20px}#chaos-clarity .plain-list{margin-top:10px}}
