/* Editorial examples and interaction finishing. Updated 2026-11-03. */
.hero h1{font-size:clamp(54px,5.9vw,90px);line-height:1.06}
.hero h1 span{display:block}
.hero-copy>p{font-size:20px;max-width:620px;margin-top:32px}
.hero{padding-top:45px;min-height:656px}
.mission h2{font-size:76px;line-height:1.05}
.mission h2 span{display:block}
.mission p+p{font-size:19px}
.community-voice{display:grid;grid-template-columns:260px 1fr;gap:80px;padding-block:94px;border-bottom:1px solid var(--line)}
.community-voice>.page-label{padding-top:8px;font-size:15px}
.community-voice blockquote{margin:0;font-size:34px;font-weight:300;line-height:1.45;max-width:980px}
.quote-attribution{font-size:17px;font-weight:500;margin-top:28px;color:var(--navy)}
.quote-source{display:inline-block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px;text-underline-offset:4px}
.work-example{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:54px;border:1px solid #b2c1cc;border-radius:3px;margin-block:0 70px}
.work-example h2{font-size:40px;line-height:1.2;margin-bottom:28px}
.work-example p{font-size:18px;line-height:1.65}
.work-example .page-label{font-size:14px;margin-bottom:24px}
.work-example .example-note{font-size:13px;color:var(--muted);margin-top:24px}
.example-outputs-label{font-weight:500;color:var(--navy);margin-bottom:24px}
.example-output{padding-block:24px;border-top:1px solid var(--line)}
.example-output h3{font-size:23px;font-weight:400;margin-bottom:12px}
.example-output p{font-size:17px}
.example-context{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;border-top:1px solid var(--line);padding-block:28px 32px}
.example-context>p:first-child{font-size:23px;font-weight:500;max-width:400px}
.example-context>p:last-child{font-size:16px;line-height:1.6;max-width:680px;margin:0;color:var(--muted)}
.stage-output{background:#fff;color:#000;padding:30px 32px;margin-top:38px;border-radius:3px}
.stage-output .output-label{font-size:13px;font-weight:500;color:var(--navy);margin:0 0 14px}
.stage-output h3{font-size:29px;line-height:1.2;margin-bottom:24px}
.stage-output dl{margin:0}
.stage-output dl>div{display:grid;grid-template-columns:155px 1fr;gap:24px;border-top:1px solid var(--line);padding-block:16px}
.stage-output dt{font-size:15px;font-weight:500;color:var(--navy)}
.stage-output dd{font-size:17px;line-height:1.6;margin:0}
.footer :focus-visible,.work-section :focus-visible,.step-panels [role=tabpanel]:focus-visible{outline-color:var(--gold)}
.contact-direct-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-block:28px 24px}
.contact-context .direct-email{font-size:16px}
.contact-prompt-title{font-size:40px;margin-bottom:28px}
.contact-prompts{padding:0;margin:0 0 38px;list-style:none;counter-reset:prompts}
.contact-prompts li{counter-increment:prompts;padding:18px 0;border-bottom:1px solid var(--line);font-size:20px;display:flex;align-items:center;gap:24px}
.contact-prompts li:before{content:'0' counter(prompts);color:var(--navy);font-size:13px;font-weight:500}
.message-helper{border-top:1px solid var(--line);padding-top:25px}
.message-helper summary{font-size:18px;font-weight:500;cursor:pointer;color:var(--navy);padding-block:10px;list-style-position:outside;margin-left:20px}
.message-helper[open] summary{margin-bottom:30px}
.contact-form-area .draft-preview h2{font-size:34px}
html:not(.js) .step-tabs,html:not(.js) .menu-button,html:not(.js) .message-helper,html:not(.js) #copy-address{display:none}
html:not(.js) .step-panels [role=tabpanel]+[role=tabpanel]{margin-top:64px;padding-top:48px;border-top:1px solid #ffffff70}
@media(max-width:1190px){.hero h1{font-size:clamp(54px,5.9vw,80px)}.hero-copy>p{font-size:19px}.hero{min-height:590px}.mission h2{font-size:66px}.community-voice{grid-template-columns:210px 1fr;gap:60px}.community-voice blockquote{font-size:30px}.work-example{padding:42px;gap:54px}.work-example h2{font-size:35px}.stage-output dl>div{grid-template-columns:125px 1fr}.contact-direct-actions .button{font-size:16px}}
@media(max-width:900px){.hero h1{font-size:clamp(46px,5.7vw,60px)}.hero-copy>p{font-size:18px}.hero{min-height:520px}.mission h2{font-size:58px}.community-voice{grid-template-columns:160px 1fr;gap:40px;padding-block:70px}.community-voice blockquote{font-size:28px}.work-example{padding:32px;gap:38px}.work-example h2{font-size:31px}.work-example p{font-size:17px}.example-output p{font-size:16px}.stage-output{padding:25px}.stage-output dl>div{display:block}.stage-output dd{margin-top:8px}.example-context{gap:40px}.contact-prompt-title{font-size:32px}.contact-prompts li{font-size:18px;gap:16px}}
@media(max-width:700px){.site-header nav{max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}.hero{min-height:0;padding-top:30px}.hero h1{font-size:clamp(44px,12.2vw,70px);line-height:1.07}.hero h1 span{display:contents}.hero-copy>p{font-size:18px;margin-top:26px}.hero-art{width:75%;max-width:320px;margin-top:36px}.mission h2{font-size:43px;line-height:1.2}.mission h2 span{display:inline}.mission h2 span+span:before{content:' '}.community-voice{display:block;padding-block:62px}.community-voice>.page-label{margin-bottom:24px;padding:0;font-size:13px}.community-voice blockquote{font-size:28px;line-height:1.45}.quote-attribution{font-size:16px;margin-top:24px}.quote-source{font-size:11px}.work-example{display:block;padding:28px;margin-bottom:48px}.work-example h2{font-size:31px}.work-example .page-label{font-size:13px}.work-example p{font-size:17px}.example-outputs{margin-top:30px}.example-output h3{font-size:23px}.example-output p{font-size:16px}.example-outputs-label{font-size:15px!important;margin-bottom:20px}.example-context{display:block;padding-top:24px;padding-bottom:26px}.example-context>p:first-child{font-size:23px;margin-bottom:14px}.example-context>p:last-child{font-size:15px}.stage-output{padding:23px 20px;margin-top:30px}.stage-output h3{font-size:27px}.stage-output dt{font-size:14px}.stage-output dd{font-size:16px}.contact-direct-actions{gap:20px}.contact-context .direct-email{font-size:15px}.contact-prompt-title{font-size:34px}.contact-prompts li{font-size:18px}.message-helper summary{font-size:17px}html:not(.js) .header-inner{flex-wrap:wrap;gap:0}html:not(.js) .site-header nav{display:flex;position:static;width:100%;flex-direction:row;flex-wrap:wrap;border:0;padding:8px 0 26px;gap:16px;overflow:visible;max-height:none}html:not(.js) .site-header nav>a:not(.button){font-size:16px;padding:6px 0}html:not(.js) .site-header nav .button{margin:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.about-art img{width:100%;max-width:450px;height:auto}
.recognition{display:grid;grid-template-columns:180px 1fr;gap:80px;padding-block:64px 84px;border-top:1px solid var(--line)}
.recognition-year{font-size:72px;font-weight:300;line-height:1;color:var(--navy)}
.recognition h2{font-size:36px;margin-bottom:22px}
.recognition p{max-width:820px;font-size:20px}
.recognition-links{display:flex;flex-wrap:wrap;gap:28px;margin-top:24px}
.recognition-links .text-link{font-size:16px}
@media(max-width:700px){.recognition{display:block;padding-block:44px 64px}.recognition-year{font-size:48px;display:block;margin-bottom:28px}.recognition h2{font-size:30px}.recognition p{font-size:18px}.recognition-links{gap:16px}.recognition-links .text-link{font-size:15px}}