/* Final responsive layer. Shared Vitruvia structure, branch colors inherited. */
@media(max-width:1100px){
  main section[id],main [id="proces"],main [id="kura"],main [id="tym"],footer[id]{scroll-margin-top:120px!important}
  .shell{padding-inline:clamp(20px,4vw,40px)}
  .pad.shell{padding:clamp(40px,6vw,64px) clamp(20px,4vw,40px)}
  .hero{grid-template-columns:minmax(0,1fr)!important;min-height:0!important;padding-top:130px!important;padding-bottom:40px!important;gap:20px!important;text-align:left!important}
  .hero-copy{max-width:680px;width:100%;margin:0 auto!important;min-width:0}
  .hero h1{font-size:clamp(31px,5.8vw,48px)!important;line-height:1.12!important;letter-spacing:-.02em;margin:14px 0!important;overflow-wrap:normal}
  .hero h1 .hl-line{white-space:normal!important}
  .hero .eyebrow{justify-content:flex-start!important;font-size:12px!important;line-height:1.5;letter-spacing:.06em!important;gap:8px}
  .hero .eyebrow::before{width:18px;flex:none}
  .hero .hero-signature{font-size:clamp(16px,2.6vw,21px)!important;line-height:1.4!important;margin:0 0 18px!important}
  .hero p.lead{font-size:clamp(15px,2.1vw,18px)!important;line-height:1.6;max-width:48ch!important;margin-inline:0!important}
  .hero .cta-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin-top:22px!important;width:100%;max-width:580px;justify-content:stretch!important}
  .hero .cta-row .btn{display:flex;align-items:center;justify-content:center;width:100%!important;min-width:0;min-height:48px;padding:12px!important;font-size:14px!important;text-align:center;white-space:normal}
  .hero-meta,.hero .under{font-size:12px!important;line-height:1.5;letter-spacing:.045em!important;margin-top:13px!important}
  .hero-figure{order:0!important;width:100%!important;height:clamp(240px,48vw,340px)!important;min-height:0!important;max-height:340px;margin:0!important;align-self:center}
  .hero-figure .statue-wrap{height:100%!important;max-height:100%!important;width:100%!important;max-width:360px!important;margin:auto}
  .hero-figure .statue{width:auto!important;height:100%!important;max-height:100%!important;max-width:100%!important;object-fit:contain}
  .lab-readout{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:500px;justify-self:center;margin:0;padding:20px}
  .step,.step.alt{gap:24px;padding-block:32px}
  .step-copy{min-width:0}
  .step-media{min-height:0!important}
  .step-media img{max-width:100%;max-height:300px;width:auto;height:auto;object-fit:contain}
  .foundation,.duo,.duo.flip,.team{gap:32px;min-width:0}
  .foundation .col-img img,.duo-img img{max-width:100%;max-height:320px;object-fit:contain}
  .sec-title,.step-copy h3,.foundation h2,.duo h2{overflow-wrap:normal;font-size:clamp(25px,3.5vw,36px);line-height:1.2}
  .foot-grid>*{min-width:0}
  footer a{overflow-wrap:anywhere}
}
@media(max-width:800px){
  .shell{padding-inline:20px}
  .pad.shell{padding:44px 20px}
  .hero h1{max-width:22ch}
  .manifesto .quote{font-size:clamp(29px,5.2vw,42px);line-height:1.2}
  .manifesto .manifesto-fact{font-size:20px;line-height:1.5}
  .plate{grid-template-columns:minmax(0,1fr)!important;gap:28px}
  .plate .col,.plate .col.right{text-align:left;gap:22px}
  .plate .col .benefit{padding-inline:0!important}
  .plate .benefit::before,.plate .benefit::after{display:none}
  .plate .fig{aspect-ratio:auto;max-width:300px;max-height:350px;width:100%;justify-self:center}
  .plate .fig img{max-height:350px;width:auto;max-width:100%;object-fit:contain}
  .step,.step.alt,.foundation,.duo,.duo.flip,.team{grid-template-columns:minmax(0,1fr)!important}
  .step .step-copy,.step.alt .step-copy{order:0!important}
  .step .step-media,.step.alt .step-media{order:1!important;height:260px}
  .step-media img{max-height:260px}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px}
  .phases,.safety{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:389px){
  .hero .cta-row{grid-template-columns:minmax(0,1fr)}
  .hero h1{font-size:31px!important}
  .hero .hero-signature{font-size:16px!important}
  .hero-meta,.hero .under{letter-spacing:.01em!important}
  .foot-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(min-width:600px) and (max-width:800px){
  .plate .col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media(prefers-reduced-motion:reduce) and (max-width:1100px){
  .hero-copy,.hero-copy .eyebrow,.hero p.lead,.hero .cta-row,.hero-figure .statue{animation:none!important;opacity:1!important;transform:none!important}
}