/* Webdesign microsite 06 — targeted opening correction, not a redesign.
   Anna reference: recovered components.css + tokens.css in this conversation.
   Charter-led lettering and 3px/2px teal outline; yellow blur 12px -> 1.8px.
   New approved change: prominent Webdesign masthead in the existing yellow band.
   client05 Light/Lens styling, the footer, tokens and decision/print JS are unchanged. */
.header-under.header-band {flex-wrap:wrap;gap:16px 28px;padding-block:18px;align-items:center;}
.header-band > .webdesign-masthead {display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;min-width:0;max-width:100%;font-family:var(--serif);text-transform:none;letter-spacing:normal;text-decoration:none;}
.webdesign-masthead .masthead-title {font:700 clamp(40px,5.6vw,78px)/1.06 var(--serif);letter-spacing:-.055em;color:var(--ink);}
.webdesign-masthead .masthead-byline {font:600 clamp(13px,1.4vw,18px)/1.4 var(--sans);letter-spacing:.015em;}
.header-band > span {margin-left:auto;}
.header-band #motion-control {min-height:44px;}
.webdesign-masthead:focus-visible {outline:3px solid var(--ink);outline-offset:5px;}
.hero .client-wordmark {line-height:1;margin:0 0 15px;}
.identity-link {display:inline-block;max-width:100%;text-decoration:none;color:inherit;}
.identity-link:hover {text-decoration:none;}
.identity-link:focus-visible {outline:3px solid var(--anna-teal);outline-offset:8px;}
.client-wordmark .anna-name {position:relative;display:table;isolation:isolate;font:700 clamp(4.5rem,16vw,9rem)/.9 var(--serif);letter-spacing:-.065em;margin-left:0;color:var(--anna-teal);-webkit-text-stroke:3px var(--anna-teal);paint-order:stroke fill;filter:none;transition:text-shadow 620ms cubic-bezier(.22,.61,.36,1),-webkit-text-stroke 620ms cubic-bezier(.22,.61,.36,1);}
.client-wordmark .anna-echo {position:absolute;inset:0;z-index:1;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(--lj-yellow-2);-webkit-text-stroke:0 transparent;paint-order:fill;opacity:0;filter:blur(12px);pointer-events:none;transition:opacity 680ms cubic-bezier(.22,.61,.36,1),filter 680ms cubic-bezier(.22,.61,.36,1);}
@media(hover:hover) {.identity-link:hover .anna-echo {opacity:.92;filter:blur(1.8px);}}
.identity-link:focus-visible .anna-echo {opacity:.92;filter:blur(1.8px);}
@media(max-width:1000px) {
 .webdesign-masthead .masthead-byline {display:block;}
 .header-band > .webdesign-masthead {flex-direction:column;gap:6px;}
}
@media(max-width:767px) {
 .client-wordmark .anna-name {-webkit-text-stroke:2px var(--anna-teal);}
}
@media(max-width:640px) {
 .header-under.header-band {padding:16px;gap:10px 14px;}
 .header-band > .webdesign-masthead {max-width:none;}
 .webdesign-masthead .masthead-title {font-size:clamp(36px,9.4vw,60px);line-height:1.1;}
 .webdesign-masthead .masthead-byline {font-size:12px;}
 .header-band #motion-control {margin-left:auto;font-size:11px;white-space:nowrap;}
 .client-wordmark .anna-name {font-size:clamp(7.5rem,39vw,11rem);line-height:.9;margin-left:0;}
}
/* Keep the original letterforms inside this microsite's narrower gutters. */
@media(max-width:450px) {
 .client-wordmark .anna-name {font-size:36vw;}
}
@media(max-width:359px) {
 .client-wordmark .anna-name {font-size:34vw;}
 .header-band #motion-control {font-size:11px;}
}
body[data-motion="off"] .identity-link .anna-name {transition:none;}
body[data-motion="off"] .identity-link .anna-echo {opacity:0!important;filter:none!important;transition:none!important;}
@media(prefers-reduced-motion:reduce) {
 .client-wordmark .anna-name {transition:none!important;}
 .client-wordmark .anna-echo {opacity:0!important;filter:none!important;transition:none!important;}
}
@media(forced-colors:active) {
 .client-wordmark .anna-name {color:CanvasText;-webkit-text-stroke:0;}
 .client-wordmark .anna-echo {display:none;}
 .identity-link:focus-visible {outline-color:Highlight;}
}
@media print {
 .identity-link .anna-name {font-size:45pt;-webkit-text-stroke:0;color:black;}
 .identity-link .anna-echo {display:none!important;}
}