
/* Shared readability and touch behaviour for the explorable concepts. */
.concept-bar{font-size:14px;align-items:center;padding-block:10px;min-height:50px}
.concept-bar a{min-height:36px;display:flex;align-items:center}
.label{font-size:12px}
.line-link{font-size:14px;min-height:44px}
.concept-end p{font-size:16px;max-width:510px}
.concept-end a{min-height:52px}
.forma-header nav,.gather-header nav{font-size:14px}
.forma-header nav a,.gather-header nav a{padding-block:12px}
.forma-top>div,.forma-philosophy p:not(.label),.practice-grid p,.forma-study p:not(.label){font-size:16px}
.image-label,.practice-grid span{font-size:12px}
.gather-hero-bottom,.gather-story p:not(.label),.gather-menu>div>p:not(.label),.menu-item p{font-size:16px}
.menu-tabs button{font-size:14px;min-height:44px}
.menu-tabs{gap:22px}
.menu-panel:focus-visible{outline:2px solid #b7512e;outline-offset:6px}
@media(max-width:760px){.concept-bar{gap:15px;font-size:12px}.concept-bar a{min-height:44px;flex-shrink:0}.concept-bar span{max-width:none}.forma-header nav,.gather-header nav{font-size:14px}.concept-end p{padding-inline:0}.menu-tabs{gap:18px}.menu-tabs button{font-size:14px}.forma-hero-image{height:420px}.gather-hero-image{height:400px}.forma-top h1{font-size:clamp(54px,13.8vw,76px)}.forma-philosophy h2{font-size:clamp(43px,11.7vw,60px)}.gather-table h2{font-size:clamp(54px,15vw,78px)}}
@media(max-width:380px){.concept-bar{flex-wrap:wrap;gap:0;padding:8px 20px}.concept-bar span{font-size:12px}.concept-bar a{min-height:36px}.forma-header nav,.gather-header nav{gap:14px;font-size:13px}.forma-logo{font-size:38px}.gather-logo{font-size:40px}.forma-top h1{font-size:54px}.gather-hero .label{padding-inline:20px}.gather-hero h1{font-size:28.5vw}.menu-tabs{gap:14px;flex-wrap:wrap}.menu-tabs button{font-size:13px}.gather-story h2{font-size:49px}.gather-menu h2{font-size:54px}.forma-study h2{font-size:46px}.concept-end h2{font-size:40px}}

