
#idea .intro-grid{grid-template-columns:1.25fr .75fr;gap:40px}
#idea .idea-typing{font-size:clamp(80px,8.8vw,144px);line-height:.94;letter-spacing:-.025em}
#idea .idea-type-line{display:block;color:var(--ink);width:max-content;max-width:100%}
#idea .idea-type-char{display:inline;color:inherit}
#idea .idea-type-accent{color:var(--orange)}
.idea-typing.is-typing .idea-type-char{visibility:hidden}
.idea-typing.is-typing .idea-type-char.is-visible{visibility:visible}
.idea-type-char.is-current:after{content:"";display:inline-block;width:3px;height:.74em;margin-left:3px;background:currentColor;position:absolute;animation:idea-caret .7s steps(1) infinite}
@keyframes idea-caret{50%{opacity:0}}
@media(max-width:700px){#idea .intro-grid{display:block}#idea .idea-typing{font-size:clamp(60px,16vw,108px);margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.idea-type-char.is-current:after{display:none}.idea-typing.is-typing .idea-type-char{visibility:visible}}

/* Digital typing applies only to the proposal note. */
#idea .intro-copy .small-note.idea-digital-copy{font:12px/1.8 Mono,"Courier New",monospace;color:#70695e;margin-top:22px;max-width:58ch}
.idea-digital-copy.is-typing .idea-type-char{visibility:hidden}.idea-digital-copy.is-typing .idea-type-char.is-visible{visibility:visible}
.idea-digital-copy .idea-type-char.is-current:after{width:.42em;height:.88em;margin-top:.13em;margin-left:1px;background:#ff5900;opacity:.8}
@media(prefers-reduced-motion:reduce){.idea-digital-copy.is-typing .idea-type-char{visibility:visible}}

#idea .intro-copy{padding-top:18px;padding-bottom:18px}
#idea .intro-copy .idea-human-copy{line-height:1.75;margin:0 0 28px}
#idea .intro-copy .small-note.idea-digital-copy{margin-top:0;padding-top:18px;border-top:1px solid var(--line)}
#idea .idea-human-copy .idea-type-char.is-current:after{width:2px;height:.95em;margin-top:.25em;background:var(--orange)}
@media(max-width:700px){#idea .intro-copy{padding-top:8px;padding-bottom:12px}#idea .intro-copy .idea-human-copy{line-height:1.8;margin-bottom:24px}}
/* Balance the headline and supporting copy as two equal visual blocks. */
#idea .intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,5vw,80px);margin:48px 0 56px}
#idea .idea-typing{font-size:clamp(72px,7.7vw,124px);line-height:.98}
#idea .intro-copy{padding:0;max-width:600px;justify-self:end}
#idea .intro-copy .idea-human-copy{font-size:clamp(18px,1.5vw,22px);line-height:1.6;margin-bottom:24px;text-wrap:pretty}
#idea .intro-copy .small-note.idea-digital-copy{padding-top:18px;font-size:12px;line-height:1.75;max-width:none}
@media(max-width:700px){#idea .intro-grid{display:block;margin:32px 0 40px}#idea .idea-typing{font-size:clamp(56px,14.5vw,90px);margin-bottom:32px}#idea .intro-copy{max-width:none}#idea .intro-copy .idea-human-copy{font-size:18px;line-height:1.65}}
