@import url('https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--paper:#f3efe8;--ink:#171514;--violet:#6724a5;--muted:#68605a;--line:#cfc7bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);background-image:radial-gradient(#51483a12 .65px,transparent .65px);background-size:6px 6px;font:16px/1.5 Barlow,Arial,sans-serif}a{color:inherit}nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px max(24px,calc((100vw - 1120px)/2));font:800 14px 'Barlow Condensed',sans-serif;letter-spacing:.11em}nav .links{display:flex;gap:20px}nav a{text-decoration:none}nav a:hover{color:var(--violet)}.dot{color:var(--violet)}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.hero{min-height:69vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:50px 0 90px}.hero .logo{width:min(100%,460px);display:block}.overline{font:700 14px 'Barlow Condensed',sans-serif;letter-spacing:.18em;text-transform:uppercase}.hero h1,h2,.giant{font:900 clamp(56px,7vw,112px)/.86 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;margin:16px 0}.hero p{max-width:440px;font-size:17px}.violet{color:var(--violet)}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid var(--ink);padding:13px 18px;font-weight:700;text-decoration:none;transition:.15s}.cta:hover{background:var(--ink);color:white}.cta.primary{background:var(--violet);color:white;border-color:var(--violet)}.cta.primary:hover{background:#4e1883}.section{border-top:1px solid var(--line);padding:70px 0}.section h2{font-size:clamp(50px,6vw,90px)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:38px}.tile{background:#e8e0d6;padding:24px 15px;font:800 25px/1 'Barlow Condensed',sans-serif;min-height:115px}.artists{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.artist{border:1px solid var(--line);background:#f9f5ef;padding:24px;display:flex;flex-direction:column;min-height:335px}.artist .art{height:150px;display:flex;align-items:center;justify-content:center}.artist img{max-width:100%;max-height:140px;object-fit:contain}.artist h3{font:800 28px/1 'Barlow Condensed',sans-serif;margin:20px 0 4px}.artist p{font-size:14px;color:var(--muted);margin:0 0 15px}.artist a{margin-top:auto;font-size:13px;font-weight:800;text-underline-offset:4px}.statement{font:900 clamp(40px,5.8vw,86px)/.94 'Barlow Condensed',sans-serif;max-width:850px}.contact{display:flex;justify-content:space-between;align-items:end;gap:25px}.contact a{display:block;margin:7px 0}.foot{border-top:1px solid var(--line);padding:25px 0 45px;font-size:12px;display:flex;justify-content:space-between}.personal{max-width:520px;margin:30px auto 80px;padding:0 22px}.personal .brand{text-align:center;padding:20px 0 40px}.personal .brand img{width:min(100%,340px)}.personal h1{font:900 clamp(65px,14vw,90px)/.87 'Barlow Condensed',sans-serif;margin:0 0 18px}.personal .buttons{display:grid;gap:10px;margin:25px 0 50px}.personal .buttons .cta{width:100%}.personal .small{font-size:13px;color:var(--muted)}@media(max-width:760px){nav{padding:20px 24px}nav .links{gap:12px}.hero{grid-template-columns:1fr;gap:10px;min-height:auto;padding:55px 0 65px}.hero .logo{max-width:340px}.hero h1{font-size:75px}.grid4{grid-template-columns:repeat(2,1fr)}.artists{grid-template-columns:1fr}.artist{min-height:260px}.artist .art{height:110px}.artist img{max-height:105px}.section{padding:50px 0}.contact{display:block}.foot{display:block}}

/* KUA uppercase display typography: bold condensed style inspired by Zuume Rough */
.hero h1,h2,.statement,.personal h1,.artist h3,.service h3,.overline,.tile{font-family:'Anton','Barlow Condensed',Impact,sans-serif}
.hero h1,h2,.statement,.personal h1{font-weight:400;letter-spacing:.005em;line-height:1.04}
.overline{font-size:13px;letter-spacing:.14em}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px}
.service{padding:25px;background:#e8e0d6;border-left:5px solid var(--violet)}
.service h3{font-size:29px;line-height:1.1;font-weight:400;margin:0 0 13px}
.service p{font-size:16px;line-height:1.55;margin:0 0 12px;max-width:57ch}
.service p:last-child{margin-bottom:0}
.service-wide{grid-column:1/-1;background:#e9ddf2}
.artist-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:16px}
.artist .artist-actions a{margin-top:0;display:inline-block;padding:9px 12px;border:1px solid var(--violet);color:var(--violet);text-decoration:none;font-weight:800;font-size:13px}
.artist .artist-actions a:hover{background:var(--violet);color:#fff}
@media(max-width:760px){.services-grid{grid-template-columns:1fr}.service-wide{grid-column:auto}.hero h1{font-size:clamp(57px,12vw,75px)}}