/* Shared0320: concise headings and feedback for mouse, keyboard and touch. */
[data-heading-fit] span{display:inline!important}
.hero-word-break{display:none!important}
.hero-copy h1{font-size:clamp(50px,6.6vw,100px)}
.cta,.info-cta,.about-link,.work-controls button,main button{transition:filter .2s ease,box-shadow .2s ease,background-color .2s ease}
.cta:active,.info-cta:active,.about-link:active,.work-controls button:active,main button:active{filter:brightness(1.15)}
.cta:focus-visible,.info-cta:focus-visible,.about-link:focus-visible,main button:focus-visible{outline:3px solid #ffb48c;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.cta:hover,.info-cta:hover,.about-link:hover,.work-controls button:hover{filter:brightness(1.12);box-shadow:0 3px 0 rgba(255,180,140,.5)}}
@media(max-width:700px){.hero-copy h1{font-size:clamp(36px,11.4vw,46px)}.journey-chapter h2{font-size:clamp(32px,8.4vw,38px)}main>.section-pad:not(.journey) h2{font-size:clamp(28px,7.5vw,34px)}.info-page h1,.about-page .about-hero h1{font-size:clamp(32px,8.5vw,40px)}.info-page h2,.about-page .about-split h2,.about-section-head h2,.about-workshop h2{font-size:28px!important;line-height:1.15!important}.people-copy h2{font-size:32px!important}}
@media(prefers-reduced-motion:reduce){.cta,.info-cta,.about-link,.work-controls button,main button{transition:none}}

/*0325: native disclosures and navigation have the same visible affordance. */
summary:active,a[href]:active{filter:brightness(1.15)}
summary:focus-visible,a[href]:focus-visible{outline:3px solid #ffb48c;outline-offset:4px}