@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;700;800&display=swap');
:root{--ink:#171718;--cream:#f4f0e8;--orange:#f05a3c;--yellow:#f8c84e;--muted:#706e68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #d9d4ca}.brand{font-size:15px;letter-spacing:.16em;font-weight:800}.brand span{color:var(--orange)}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}nav a:hover{color:var(--orange)}.nav-cta{border:1px solid var(--ink);padding:12px 17px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{min-height:650px;padding:100px 10vw 85px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(55px,7vw,105px);line-height:.93;letter-spacing:-.07em;margin:22px 0}.hero em,h2 em{color:var(--orange);font-style:normal}.lead{max-width:520px;color:var(--muted);font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:24px;margin-top:34px}.button{display:inline-flex;gap:24px;align-items:center;font-weight:800;font-size:13px}.button.primary{background:var(--ink);color:var(--cream);padding:17px 21px}.button.primary:hover{background:var(--orange)}.button.text{border-bottom:1px solid var(--ink);padding-bottom:5px}.button span{font-size:18px}.hero-art{height:440px;position:relative;background:var(--orange);overflow:hidden}.glow{position:absolute;width:340px;height:340px;border-radius:50%;background:var(--yellow);left:15%;top:13%;filter:blur(2px)}.cube{position:absolute;width:150px;height:150px;transform:rotate(32deg);border:2px solid var(--ink)}.cube-a{right:12%;top:16%;background:var(--cream)}.cube-b{left:20%;bottom:-14%;background:var(--ink)}.ring{position:absolute;width:245px;height:245px;border:2px solid var(--ink);border-radius:50%;right:2%;bottom:7%}.art-label{position:absolute;left:30px;bottom:27px;font:500 12px/1.5 'DM Mono',monospace;letter-spacing:.12em}.art-label strong{font-size:28px}.ticker{display:flex;justify-content:space-around;align-items:center;background:var(--ink);color:var(--cream);padding:19px 5vw;font:500 11px 'DM Mono',monospace;letter-spacing:.12em}.ticker i{color:var(--yellow);font-style:normal}.section{padding:125px 10vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading h2,.services h2,.about h2,.contact h2{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.06em;margin:0}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project{min-height:390px;padding:27px;display:flex;flex-direction:column;justify-content:space-between}.project-one{background:var(--yellow)}.project-two{background:var(--orange)}.project-three{background:#b7d8ca}.project span{font:11px 'DM Mono',monospace;text-transform:uppercase}.project h3{font-size:25px;margin:8px 0 4px}.project p{font-size:13px;color:#45433e}.project-shape{font-size:130px;line-height:1;text-align:center;margin-top:45px}.services{padding:100px 10vw;background:#e4dfd4;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.service-list>div{border-top:1px solid #aaa59a;padding:22px 0;display:grid;grid-template-columns:45px 1fr;gap:10px}.service-list b{font:12px 'DM Mono',monospace;color:var(--orange)}.service-list h3{margin:0;font-size:20px}.service-list p{grid-column:2;color:var(--muted);font-size:14px;line-height:1.5;margin:5px 0 0}.about{padding:125px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.about-mark{background:var(--ink);color:var(--yellow);aspect-ratio:1;max-width:310px;display:grid;place-content:center;text-align:center;font-size:76px;font-weight:800;line-height:.8;letter-spacing:-.1em}.about-mark span{font-size:26px;margin-top:25px}.about p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:530px}.contact{text-align:center;padding:125px 20px;background:var(--yellow)}.contact h2{margin:20px 0}.contact>p:not(.eyebrow){max-width:480px;margin:20px auto 30px;color:#57513d;line-height:1.6}.contact .button.primary{background:var(--orange)}footer{display:flex;justify-content:space-between;padding:25px 6vw;background:var(--ink);color:var(--cream);font:11px 'DM Mono',monospace}footer a{color:var(--yellow)}@media(max-width:750px){.site-header{height:70px;padding:0 6vw}.menu-toggle{display:block}nav{display:none;position:absolute;z-index:3;top:70px;left:0;right:0;background:var(--cream);padding:25px 6vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid #d9d4ca}nav.open{display:flex}.hero{padding:70px 7vw;display:block}.hero-art{height:330px;margin-top:55px}.ticker{gap:18px;overflow:hidden;justify-content:flex-start;white-space:nowrap}.ticker span:nth-of-type(n+3),.ticker i:nth-of-type(n+3){display:none}.section,.about,.services{padding:80px 7vw}.section-heading{display:block}.section-heading h2{margin-top:20px}.work-grid,.services,.about{grid-template-columns:1fr}.project{min-height:300px}.about-mark{max-width:220px}.about{gap:55px}footer{gap:15px;flex-wrap:wrap}footer span:nth-child(2){display:none}}