/* Shared, task-led refinements for the reviewed DE and EN marketing pages. */
:root{
  --studio-body:clamp(16px,1.05vw,18px);
  --studio-meta:13px;
  --studio-fast:140ms;
  --studio-state:240ms;
  --studio-ease:cubic-bezier(.2,.7,.2,1);
}
.premium-header .brand{flex-shrink:0}
.premium-header .contact{white-space:nowrap}
.hero-context{font-size:14px;line-height:1.5}
.hero-bottom>p{font-size:17px;max-width:39ch}
.hero-bottom>p>span{font-size:14px}
.cosmos-hint{font-size:12px}
.hero .sequence button{min-height:44px;font-size:12px}
.hero .motion-buttons button{min-width:44px;min-height:44px}
.ww-work .ww-all,.ww-work .ww-case-link,.ww-work .ww-view-switch button{font-size:14px;min-height:44px}
.ww-work .ww-choice-detail,.ww-work .ww-location,.ww-work .ww-attribution,.ww-work .ww-view figcaption{font-size:var(--studio-meta);line-height:1.65}
.ww-work .ww-description{font-size:var(--studio-body);line-height:1.7;max-width:38ch}
.ww-work .ww-summary{line-height:1.12;text-wrap:balance}
.ww-work .ww-project-copy{align-self:center}
.ww-work .ww-choice:focus-visible,.ww-work .ww-view-switch button:focus-visible{outline-offset:5px}
.ww-work .ww-choice-marker{opacity:.7}
.ww-work .ww-screen{background:#172128}
.ww-work .ww-view-switch{flex-wrap:wrap;gap:8px 24px}
.ww-work .ww-view-tools{gap:12px;align-items:center}
.ww-work .ww-view-caption{font-size:12px;line-height:1.6}
.ww-work .ww-project-copy h3{overflow-wrap:anywhere}
#erleben .lab-heading>p,.st-service-head>p,.st-service-body>p,.st-people-head>p,.re-faq details p{font-size:var(--studio-body);line-height:1.7}
#erleben .lab-letter-copy,#erleben .lab-route-step p{font-size:14px;line-height:1.65}
#erleben .lab-context,#erleben .lab-bottom>p,#erleben .lab-calendar-note{font-size:13px;line-height:1.65}
#erleben .lab-demo-link,.wf-demo-doors a,.st-detail-link{font-size:14px;min-height:44px}
#erleben .lab-input label,#erleben .lab-input legend{font-size:14px}
#erleben .lab-run{min-height:48px;font-size:15px}
#erleben fieldset label>span{font-size:14px;min-height:44px;display:flex;align-items:center}
.st-service-toggle{gap:24px;min-height:84px}
.st-service-toggle .st-row-note{font-size:14px;line-height:1.5}
.st-service-body .st-detail-link{margin-top:22px;display:inline-flex;align-items:center}
.st-service-foot,.st-team-foot,.st-founder-name>p,.st-founder-name>a{font-size:14px;line-height:1.6}
.st-founder-name>a{display:inline-flex;min-height:44px;align-items:center}
.st-service-panel[hidden]{display:none!important}
.st-service-list .st-service{border-radius:0;box-shadow:none}
.re-faq summary{font-size:18px;line-height:1.5;gap:20px}
.re-faq details p{max-width:65ch}
.st-topic-list span{font-size:15px;min-height:52px;display:flex;align-items:center}
.st-contact legend,.st-topic-note,.st-contact-mail{font-size:14px;line-height:1.65}
.st-contact-mail{display:inline-flex;min-height:44px;align-items:center}
.st-footer-bottom{font-size:13px;line-height:1.6}
.st-footer-bottom nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.st-footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
.premium-subpage .ed-hero-copy>p:last-child,.premium-subpage .ed-detail p,.re-case p,.re-products p,.sg-description>p{font-size:var(--studio-body);line-height:1.7}
.premium-subpage .ed-hero h1,.sg-intro h1,.re-case h1{text-wrap:balance}
.premium-subpage .ed-detail h2{max-width:24ch}
.sg-shortcuts>a{min-height:56px}
.sg-description a,.re-case .re-link{min-height:44px;align-items:center}
.premium-subpage textarea,.premium-subpage select,.premium-subpage input{font-size:16px}
.premium-subpage .ed-contact-form button{min-height:48px}
.premium-subpage .ed-breadcrumb{font-size:13px;line-height:1.6}

/* Keep the distinctive project image plane. Readable details must not shrink to fit. */
@media(min-width:901px){
  html[lang^="en"] .hero h1{font-size:clamp(46px,5.1vw,104px)}
}
@media(min-width:1060px){
  .ww-work .ww-project{grid-template-columns:minmax(260px,.85fr) minmax(0,1.85fr);gap:6%}
  .ww-work .ww-inner{width:min(1360px,89%)}
}
@media(max-width:1059px) and (min-width:761px){
  .ww-work .ww-project{grid-template-columns:minmax(235px,.85fr) minmax(0,1.55fr);gap:4%}
  .ww-work .ww-description{font-size:16px}
  .ww-work .ww-choice-detail{font-size:12px}
}
@media(max-width:900px){
  .hero-bottom>p{font-size:16px}
  .hero-context{font-size:13px}
}
@media(max-width:760px){
  .ww-work .ww-heading h2{font-size:clamp(32px,8vw,42px)}
  .ww-work .ww-heading{display:block}
  .ww-work .ww-all{margin-top:12px;width:max-content}
  .ww-work .ww-rail{gap:12px}
  .ww-work .ww-choice-name{font-size:clamp(19px,5.1vw,28px);white-space:normal;line-height:1.15}
  .ww-work .ww-choice-detail{font-size:12px;line-height:1.45;max-width:16ch}
  .ww-work .ww-project-copy{display:block;max-width:560px;align-self:stretch}
  .ww-work .ww-location{font-size:13px;margin-bottom:12px}
  .ww-work .ww-summary{font-size:clamp(29px,7.3vw,38px);margin-bottom:18px;max-width:23ch}
  .ww-work .ww-description{font-size:16px;max-width:44ch;margin-bottom:16px}
  .ww-work .ww-attribution{font-size:13px;max-width:45ch;margin-bottom:16px}
  .ww-work .ww-case-link{font-size:14px;max-width:300px}
  .ww-work .ww-view-switch{gap:4px 18px}
  .ww-work .ww-view-switch button{font-size:13px}
  .ww-work .ww-view-tools{margin-bottom:12px}
  .ww-work .ww-view figcaption{font-size:12px;line-height:1.6;gap:16px}
  .ww-work .ww-view figcaption a{min-height:44px;display:inline-flex;align-items:center}
  #erleben .lab-heading>p{font-size:16px;line-height:1.65}
  #erleben .lab-tabs{gap:14px}
  #erleben .lab-tabs button{min-height:52px;font-size:15px}
  #erleben .lab-letter-copy,#erleben .lab-route-step p{font-size:14px}
  #erleben .lab-letter{padding:24px}
  #erleben .lab-bottom>p{font-size:13px}
  .st-service-head>p,.st-service-body>p,.st-people-head>p{font-size:16px}
  .st-service-toggle>span:first-child{font-size:clamp(28px,7.6vw,35px)}
  .st-service-toggle .st-row-note{display:none}
  .st-founder-name>p,.st-founder-name>a,.st-service-foot,.st-team-foot{font-size:14px}
  .re-faq summary{font-size:17px}
  .re-faq details p{font-size:16px}
  .st-topic-list span{font-size:14px}
  .st-footer-bottom nav{gap:4px 20px}
  .premium-subpage .ed-hero h1{font-size:clamp(36px,10vw,48px)!important}
  .premium-subpage .ed-hero-copy>p:last-child{font-size:16px}
}
@media(max-width:380px){
  .ww-work .ww-rail{grid-template-columns:1fr 1fr 1.15fr;gap:10px}
  .ww-work .ww-choice-name{font-size:20px}
  .ww-work .ww-choice-detail{font-size:11px}
  .hero-context{font-size:12px}
  .hero-bottom>p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .ww-work .ww-rail-track,.ww-work .ww-view,.st-service-panel{transition:none!important;animation:none!important}
}