/* Michroma is a close web-font match to the outlined Flemming wordmark,
   not a claim that the logo's original typeface has been identified. */
:root{--brand-font:"Michroma","Eurostile",Arial,sans-serif}
body{font-family:var(--brand-font);font-size:15px;line-height:1.8;font-synthesis:none}
button,input,textarea,select{font-family:var(--brand-font)}
h1,h2,h3,h4,h5,h6,summary{font-family:var(--brand-font);font-weight:400;line-height:1.3;overflow-wrap:anywhere}
p,li,dd,label,a,button{overflow-wrap:break-word}
input,textarea,select{font-size:16px}
.hero h1{font-size:clamp(20px,2.6vw,36px);line-height:1.3;letter-spacing:0}
.hero h1 em{font-style:normal}
.section-heading h2,.cap-intro h2,.experience-lead h2{font-size:clamp(28px,3.6vw,52px);line-height:1.3;letter-spacing:0}
.service h2,.contact h2{font-size:clamp(30px,4vw,58px);line-height:1.3}
.manifesto-pair .manifesto-lines{font-size:clamp(18px,2vw,28px);line-height:1.6;gap:14px}
.manifesto-copy{font-size:clamp(19px,2.1vw,28px);line-height:1.6}
.service-lead,.experience-lead>p:last-child,.experience-role>p:last-child{font-size:clamp(18px,1.9vw,25px);line-height:1.7}
.collaborators-heading h3{font-size:clamp(24px,2.7vw,36px);line-height:1.4}
.credentials strong{font-size:clamp(34px,4.6vw,60px);line-height:1.3}
.steps h3{font-size:clamp(20px,2vw,27px);line-height:1.4}
.site-header nav{font-size:11px;letter-spacing:.02em;gap:clamp(12px,1.6vw,26px)}

.eyebrow,.project span,.contact-info,footer{letter-spacing:.04em}
.name-grid .name-entry span{letter-spacing:.02em}
.toolbar,.workspace-grid,.field-grid,.detail-grid{min-width:0}
.toolbar>*{min-width:0}
@media(max-width:900px){.site-header nav{font-size:14px;gap:20px}.hero-copy{max-width:100%}}
@media(max-width:560px){body{font-size:14px}.hero h1{font-size:clamp(18px,4.2vw,24px)}.manifesto-pair .manifesto-lines{font-size:19px}.contact h2{font-size:30px}.studio-intro{font-size:15px}.progress{font-size:12px}.mobile-studio-link{font-size:12px}.toolbar{grid-template-columns:1fr}}
/* Consistent text links, with emphasis on Design Your Piece. */
.site-header nav .nav-cta,.site-header .mobile-studio-link,.studio-home-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:0;background:transparent;color:#000;font-size:11px;font-weight:400;font-synthesis:none;letter-spacing:.02em;line-height:1.8;text-transform:uppercase;text-align:center;text-decoration:none}
.site-header nav .nav-cta:hover,.site-header .mobile-studio-link:hover,.studio-home-cta a:hover{background:transparent;color:#000;text-decoration:underline}
.site-header nav .nav-cta:focus-visible,.site-header .mobile-studio-link:focus-visible,.studio-home-cta a:focus-visible{outline:3px solid #000;outline-offset:4px}
@media(max-width:900px){.site-header nav .nav-cta,.site-header .mobile-studio-link,.studio-home-cta a{font-size:14px}}

.site-header .mobile-studio-link{display:none}
@media(max-width:900px){.site-header .mobile-studio-link{display:inline-flex}}

.site-header nav .nav-studio,.site-header .mobile-studio-link,.studio-home-cta a{font-weight:700;font-synthesis:weight}

/* Standalone studio entry at the left of the header. */
.site-header .header-design-link{display:inline-flex;align-items:center;order:-1;flex-shrink:0;min-height:44px;padding:10px 0;background:transparent;border:0;color:#207879;font-size:12px;font-weight:700;font-synthesis:weight;letter-spacing:.02em;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.site-header .header-design-link:hover{color:#155759;text-underline-offset:5px}
.site-header .header-design-link:focus-visible{outline:3px solid #207879;outline-offset:5px}
.site-header nav{margin-left:auto}
@media(max-width:900px){.site-header .header-design-link{font-size:13px;max-width:calc(100% - 76px)}.site-header .menu-toggle{margin-left:auto}.site-header nav{margin-left:0}}