@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f6f6f2;--ink:#20221f;--orange:#e54720;--muted:#62655f;--line:#d8dad3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 112px));margin:auto}.header{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:24px;letter-spacing:-1.2px;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand-icon{background:var(--orange);color:white;font-size:21px;letter-spacing:-2px;width:39px;height:39px;display:grid;place-items:center;border-radius:5px;padding-right:3px}.brand-period{color:var(--orange)}nav{display:flex;gap:34px;font-size:14px;font-weight:600}nav a{padding:8px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--orange)}.hero{padding-top:66px}.eyebrow{font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:1.8px;margin:0 0 30px}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif}h1{font-size:clamp(46px,6.8vw,94px);letter-spacing:-5px;line-height:1.045;font-weight:500;margin:0 0 38px}h1 span{color:var(--orange)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px}.hero-bottom p{max-width:500px;font-size:18px;color:var(--muted);margin:0}.button{display:inline-block;background:var(--ink);color:white;font-weight:600;font-size:14px;padding:16px 25px;border-radius:3px;transition:background .2s}.button:hover{background:var(--orange)}.hero-foot{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-top:58px;padding-bottom:17px;font-size:12px;letter-spacing:1.6px;color:var(--muted)}.section{padding-top:80px;padding-bottom:88px}.services{display:grid;grid-template-columns:.9fr 1.4fr;gap:70px}h2{font-size:clamp(30px,3.1vw,43px);font-weight:500;line-height:1.15;letter-spacing:-1.7px;margin:0 0 26px}.service-list article{display:flex;gap:20px;border-top:1px solid var(--line);padding:27px 0}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:12px;color:var(--orange);padding-top:5px}.service-list h3{font-size:22px;font-weight:500;margin:0 0 10px;letter-spacing:-.6px}.service-list p{color:var(--muted);margin:0;font-size:16px;max-width:450px}.service-symbol{margin-left:auto;font-family:monospace;font-size:20px;color:var(--muted);white-space:nowrap}.project{background:#20251f;color:#fff}.project-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;padding-top:74px;padding-bottom:74px;align-items:center}.project-copy .eyebrow{color:#b7c1b1}.project-copy p:not(.eyebrow){color:#bfc5ba;max-width:390px}.project-tag{font-size:12px;border:1px solid #61675a;border-radius:100px;padding:7px 13px;display:inline-block;margin-top:14px}.songflex-art{background:#d6f36c;color:#22291b;border-radius:6px;min-height:350px;padding:27px;overflow:hidden}.art-top,.art-bottom{display:flex;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:1.6px;font-weight:700}.art-top{align-items:center}.art-top span:last-child{font-size:25px}.songflex-word{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;letter-spacing:-5px;font-size:clamp(48px,5.8vw,79px);line-height:1.4;margin-top:15px}.songflex-word span{font-size:15px;letter-spacing:0;vertical-align:super;margin-left:5px}.sound-bars{height:98px;display:flex;align-items:center;justify-content:space-between;gap:6px;margin:3px 0 25px}.sound-bars i{background:#22291b;width:11px;border-radius:3px;height:25%}.sound-bars i:nth-child(3n){height:62%}.sound-bars i:nth-child(4n){height:90%}.sound-bars i:nth-child(5n){height:45%}.sound-bars i:nth-child(7n){height:100%}.about{display:grid;grid-template-columns:.9fr 1.4fr;gap:70px}.about>div{max-width:600px}.about p:not(.eyebrow){font-size:18px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:30px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:19px}.footer .brand-icon{width:30px;height:30px;font-size:17px}.footer p,.footer small{font-size:12px;color:var(--muted)}.skip-link{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:10}.skip-link:focus{top:15px}@media(min-width:1600px){h1{font-size:104px}}@media(max-width:900px){.wrap{width:calc(100% - 64px)}h1{letter-spacing:-3px}.services,.about{gap:35px;grid-template-columns:1fr 1.3fr}.project-inner{gap:35px}.songflex-art{padding:20px;min-height:300px}.songflex-word{letter-spacing:-3px}.art-top,.art-bottom{font-size:12px;letter-spacing:1px}.service-symbol{display:none}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:92px;align-items:flex-start;padding-top:22px}.brand{font-size:20px;gap:8px}.brand-icon{width:32px;height:32px;font-size:18px}nav{gap:15px;font-size:12px;padding-top:4px}nav a:last-child{display:none}.hero{padding-top:42px}h1{font-size:clamp(38px,9.8vw,62px);letter-spacing:-2.3px;line-height:1.1}.eyebrow{font-size:12px;letter-spacing:1.3px;margin-bottom:23px}.hero-bottom{display:block}.hero-bottom p{font-size:16px}.button{margin-top:25px}.hero-foot{margin-top:38px;font-size:12px;letter-spacing:1px}.section{padding-top:48px;padding-bottom:48px}.services,.about,.project-inner{grid-template-columns:1fr;gap:20px}h2{font-size:34px;letter-spacing:-1.3px}.service-list h3{font-size:21px}.project-inner{padding-top:48px;padding-bottom:48px;gap:30px}.songflex-art{min-height:310px;padding:25px}.songflex-word{font-size:65px}.about p:not(.eyebrow){font-size:16px}.footer{flex-wrap:wrap}.footer p{display:none}.footer small{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-icon{width:48px;letter-spacing:0;padding:0;font-size:20px}.footer .brand-icon{width:40px;font-size:17px}
.game-button{margin-top:25px;background:#d6f36c;color:#20251f}.game-button:hover{background:white}
.contact{border-top:1px solid var(--line);padding-top:55px;padding-bottom:65px;display:flex;justify-content:space-between;gap:30px;align-items:center}.contact h2{margin-bottom:0}.contact address{font-style:normal;display:flex;flex-direction:column;gap:12px}.contact address a:hover{text-decoration:underline;text-underline-offset:6px}.contact-email{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(22px,3vw,38px);letter-spacing:-1px}.contact address a:last-child{color:var(--muted)}
@media(max-width:650px){.brand-icon{width:42px;font-size:18px}.contact{display:block;padding-top:40px;padding-bottom:45px}.contact address{margin-top:26px}.art-bottom{letter-spacing:0}.art-top{letter-spacing:.5px}.hero-foot{font-size:12px;letter-spacing:0}.songflex-word{font-size:clamp(45px,14vw,65px)}}