/* Editorial typography and quiet, arrow-free interaction cues. */
@media(max-width:760px){.site-header{display:grid;grid-template-columns:1fr auto;height:auto;min-height:114px;padding:18px 0;gap:16px 10px}.site-header .brand{grid-column:1;grid-row:1}.site-header .header-cta{grid-column:2;grid-row:1}.site-header nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px}.site-header nav a{font-size:12px}}
:root{--font:'Source Sans 3',sans-serif;--display:'A Pompadour Display',Georgia,serif}
body{font-optical-sizing:auto}
.brand{font-weight:500;font-size:25px;letter-spacing:-.8px}
.brand-inc{font-family:var(--font);letter-spacing:0}
h1{font-weight:400;letter-spacing:-3.8px;line-height:1.04;font-size:clamp(64px,6.8vw,104px)}
.highlight{font-style:italic;font-weight:400}
.highlight:before{height:24%;bottom:8px;left:0;right:-5px;transform:rotate(-1deg)}
h2{font-weight:400;letter-spacing:-1.1px;font-size:40px}
.section-heading h2{font-size:30px;letter-spacing:-.65px}
.service h3{font-weight:500;font-size:29px;letter-spacing:-.7px}
.work-name h3{font-weight:400;font-size:26px;letter-spacing:-.5px}
.hero-description{font-size:18px}
.service p,.about-copy>p{font-size:16px}
.about-copy .large-copy{font-family:var(--display);font-size:26px;font-weight:400;line-height:1.4;letter-spacing:-.4px}
.work-row p{font-size:15px}
.contact h2{font-weight:400;font-size:57px;letter-spacing:-1.8px;line-height:1.07}
.button{justify-content:center;gap:0;padding:17px 26px;font-size:15px;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000e}
.header-cta{font-size:14px;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.header-cta:hover{transform:translateY(-1px)}
.text-link{font-size:15px}.text-link,.work-link{gap:0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .18s ease,color .18s ease}
.text-link:hover,.work-row:hover .work-link{color:var(--ink);text-decoration-color:currentColor;transform:none}
.work-row{transition:background-color .18s ease}.work-row:hover{background:#ecece280}
.work-symbol img{object-fit:contain}
.contact-aside>a{font-size:16px}.footer-name{font-family:var(--display);font-size:16px;font-weight:500}
.site-header nav a{font-size:14px;text-underline-offset:5px}.site-header nav a:hover{text-decoration:underline}
@media(max-width:1100px){h1{font-size:7.7vw;letter-spacing:-2.6px}.hero-description{font-size:17px}.button{padding:15px 22px;font-size:14px}}
@media(max-width:760px){.brand{font-size:22px}.brand-inc{font-size:11px}.header-cta{font-size:13px;padding:11px 17px}h1{font-size:clamp(59px,12.8vw,90px);letter-spacing:-2.6px}h2{font-size:35px}.section-heading h2{font-size:28px}.hero-description{font-size:18px}.hero-actions{gap:24px}.button{font-size:14px;padding:16px 22px}.text-link{font-size:14px}.about-copy .large-copy{font-size:25px}.contact h2{font-size:43px;letter-spacing:-1.3px}.contact-aside>a{font-size:15px}.work-name h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.button:hover,.header-cta:hover{transform:none}}