@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#182822;--paper:#f3f2e9;--muted:#566157;--line:#d2d7c9;--acid:#daecaa;--green:#284b3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #64842f;outline-offset:6px}.wrap{max-width:1380px;margin:auto;padding-left:64px;padding-right:64px}header{display:flex;align-items:center;justify-content:space-between;min-height:130px}.brand{display:flex;align-items:center;gap:16px;font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:.17em;font-size:19px;line-height:1.3}.brand-sub{display:block;font-size:10px;letter-spacing:.39em;margin-top:5px}.mark{font-size:45px;letter-spacing:-.14em;font-weight:500;border:1px solid var(--ink);width:49px;height:52px;line-height:40px;padding-left:6px}.mark span{font-size:38px}nav{display:flex;gap:35px;font-size:14px}nav a{padding:12px 0}nav a:hover{box-shadow:0 1px var(--ink)}.hero{display:grid;grid-template-columns:1.17fr 1fr;align-items:center;gap:64px;padding-top:50px;padding-bottom:100px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:600;margin:0 0 28px}.dot{display:inline-block;width:7px;height:7px;background:#6b8346;border-radius:50%;margin-right:7px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(60px,6.7vw,96px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin-bottom:32px}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}h1 em{color:var(--green)}.intro{font-size:21px;line-height:1.5;max-width:360px;margin-bottom:18px}.hero-detail{max-width:440px;color:var(--muted);font-size:16px}.button{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid var(--ink);font-size:14px;padding:14px 0 10px;margin-top:16px}.button span{font-size:23px}.specimen{background:#e6e9dc;border:1px solid #d4dacb;transform:rotate(2deg);margin:0 6px}.specimen svg{width:100%;display:block}.specimen-top,.specimen-bottom{display:flex;justify-content:space-between;margin:0 22px;padding:17px 0;font:11px monospace;letter-spacing:.08em}.specimen-top{border-bottom:1px solid #bdc9b9}.specimen-bottom{border-top:1px solid #bdc9b9;align-items:center}.plus{font-size:20px}.statement{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:40px;padding-bottom:75px}.statement p:first-child{font-size:24px;line-height:1.5;letter-spacing:-.02em}.statement p:last-child{font-size:17px;max-width:515px;color:var(--muted)}.explorations{background:var(--ink);color:var(--paper);padding:80px 0 90px}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 80px}.section-head .eyebrow{grid-column:1/-1;color:var(--acid)}h2{font-weight:500;font-size:46px;letter-spacing:-.045em;line-height:1.18;margin-bottom:30px}.section-head>p:last-child{max-width:390px;color:#bec9c1;padding-bottom:14px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px}.work-art{height:235px;position:relative;overflow:hidden;margin-bottom:23px}.music{background:#dbe2c7;display:grid;place-items:center}.record{width:180px;height:180px;border-radius:50%;background:repeating-radial-gradient(circle,#273e33 0,#273e33 2px,#365043 3px,#273e33 4px);display:grid;place-items:center;transform:translate(15px,-14px)}.record div{width:57px;height:57px;background:#bfd18a;border-radius:50%;position:relative}.record div:after{content:'';width:8px;height:8px;position:absolute;left:25px;top:25px;border-radius:50%;background:#243b30}.art-note{position:absolute;bottom:16px;left:19px;font:10px monospace;letter-spacing:.05em;color:#263b2f}.voice{background:#c9d2cb;display:grid;place-items:center}.wave{height:130px;display:flex;gap:7px;align-items:center}.wave i{width:4px;height:20px;background:#3a5d4c;border-radius:4px}.wave i:nth-child(3n){height:88px}.wave i:nth-child(3n+1){height:45px}.wave i:nth-child(5n){height:125px}.interface{background:#e3decc;display:grid;place-items:center}.interface-lines{display:flex;gap:12px;transform:rotate(-32deg);padding-bottom:15px}.interface-lines span{width:35px;height:140px;border:1px solid #577662;border-radius:22px}.interface-lines span:nth-child(2n){transform:translateY(30px);background:#c7d1b5}.work-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#bbcabd;margin-bottom:18px}.work h3{font-size:22px;letter-spacing:-.035em;margin-bottom:12px;font-weight:500}.work p{font-size:15px;color:#bec9c1;line-height:1.8;margin:0}.approach{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.approach h2{font-size:52px}.approach-intro{font-size:21px;line-height:1.5;margin-bottom:34px}.person{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:23px;margin-top:23px}.person>span{font:12px monospace;padding-top:5px;color:#697663}.person h3{font-weight:600;font-size:18px;margin-bottom:8px}.person p{color:var(--muted);font-size:15px;margin:0}.contact{background:var(--acid);padding:70px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{font-size:43px;margin-bottom:20px}.contact p:last-child{margin-bottom:0;max-width:390px}.contact-link{display:flex;gap:28px;border-bottom:1px solid;padding:14px 0;font-size:22px;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:24px;padding-top:35px;padding-bottom:35px;font-size:12px;color:var(--muted)}.skip{position:absolute;left:15px;top:-100px;padding:10px;background:var(--ink);color:white;z-index:10}.skip:focus{top:10px}
@media(min-width:1600px){.hero{padding-top:75px;padding-bottom:115px}}
@media(max-width:1050px){.wrap{padding-left:36px;padding-right:36px}.hero{gap:30px}.hero .eyebrow{font-size:10px}.statement,.approach,.section-head{gap:40px}h1{font-size:72px}.work-grid{gap:20px}.work-meta{flex-direction:column;gap:3px}.contact-inner{align-items:flex-start;flex-direction:column}.contact-link{margin-top:0}.approach h2{font-size:44px}}
@media(max-width:720px){.wrap{padding-left:24px;padding-right:24px}header{min-height:100px;flex-wrap:wrap;gap:25px;padding-top:25px;padding-bottom:20px}.brand{font-size:15px}.brand-sub{font-size:8px}.mark{width:40px;height:44px;font-size:38px;line-height:34px}.mark span{font-size:31px}nav{gap:22px;font-size:13px;width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:55px;gap:50px}h1{font-size:70px}.intro{font-size:20px}.hero .eyebrow{font-size:10px}.specimen{max-width:430px;width:calc(100% - 12px);justify-self:center}.statement{grid-template-columns:1fr;gap:10px;padding-top:30px;padding-bottom:35px}.statement p:first-child{font-size:22px}.statement p:last-child{font-size:16px}.explorations{padding:55px 0}.section-head{display:block}.section-head>p:last-child{padding:0}.work-grid{grid-template-columns:1fr;gap:42px}.work-art{height:265px}.work-meta{flex-direction:row;font-size:11px}.work p{font-size:16px}.work h3{font-size:25px}h2{font-size:39px}.approach{grid-template-columns:1fr;gap:12px;padding-top:60px;padding-bottom:60px}.approach h2{font-size:44px}.person p{font-size:16px}.contact{padding:50px 0}.contact h2{font-size:36px}.contact-link{font-size:clamp(16px,5vw,22px);gap:18px;white-space:normal;overflow-wrap:anywhere}footer{flex-wrap:wrap;gap:10px 25px}footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}