:root{color-scheme:light;--ink:#182343;--muted:#5d6578;--paper:#fbf8f1;--line:#dedfd8;--green:#1a705b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--green);outline-offset:6px}.page{max-width:1200px;margin:auto;padding:0 48px}header{padding:36px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-weight:800;font-size:23px;letter-spacing:-1px;text-decoration:none}.brand span,.project h2 span{color:var(--green)}.contact-link{font-size:14px;text-decoration:none}.contact-link span{padding-left:10px}.intro{padding:84px 0 64px;max-width:760px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:0 0 20px}h1{font-size:clamp(42px,5.5vw,72px);line-height:1.06;letter-spacing:-3px;margin:0 0 28px;font-weight:700}.lead{font-size:20px;line-height:1.65;max-width:640px;color:var(--muted);margin:0}.project{border:1px solid #dbe3e7;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#edf3f6}.project-copy{padding:42px}.project h2{font-size:34px;letter-spacing:-1.5px;margin:0 0 16px;overflow-wrap:anywhere}.project-copy>p:not(.eyebrow){line-height:1.6;font-size:18px;margin:0 0 26px;color:#455773}.button{display:inline-flex;gap:24px;align-items:center;border-radius:10px;padding:15px 19px;background:var(--ink);color:white;text-decoration:none;font-size:14px;font-weight:700}.button:hover{background:#2d4266}.project-art{background:#142747;min-height:290px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.speech{background:#ffe781;color:#132240;padding:44px 28px;border-radius:48% 52% 42% 48%;font-size:25px;font-weight:700;line-height:1.35;text-align:center;transform:rotate(-7deg);position:relative}.speech:after{content:"";position:absolute;bottom:-10px;right:35px;border-width:23px 0 0 30px;border-style:solid;border-color:transparent transparent transparent #ffe781;transform:rotate(16deg)}.spark{position:absolute;color:#ffe781}.spark-one{left:28px;top:36px;font-size:36px}.spark-two{right:24px;top:32px;font-size:52px}.spark-three{right:36px;bottom:34px;font-size:24px}.contact{display:grid;grid-template-columns:2fr 1fr;gap:48px;padding:64px 0 60px}.contact h2{font-size:24px;letter-spacing:-.6px;margin:0 0 22px}.email{font-size:19px;overflow-wrap:anywhere;color:var(--green)}.note{font-size:14px;line-height:1.7;color:var(--muted);margin:20px 0 0}.company-address h3{font-size:15px;margin:0 0 16px}.company-address address{font-size:15px;line-height:1.7;font-style:normal;color:var(--muted)}footer{padding:24px 0 32px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:16px}
@media(max-width:720px){.page{padding:0 24px}header{padding:25px 0}.brand{font-size:20px}.intro{padding:56px 0 42px}h1{letter-spacing:-2px}.lead{font-size:17px}.project{grid-template-columns:1fr}.project-copy{padding:30px 24px}.project h2{font-size:30px}.project-art{min-height:250px}.contact{grid-template-columns:1fr;gap:32px;padding:44px 0}.contact h2{font-size:22px}footer{flex-direction:column;gap:8px}.email{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
