/* Narrow-screen containment only; approved desktop rules remain untouched. */
@media(max-width:1099px){body{min-width:0}.wrap{width:calc(100% - 64px)}.header{height:auto;min-height:86px;flex-wrap:wrap;padding-block:24px}.header nav{order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap}.preview-note{height:auto;min-height:34px;flex-wrap:wrap;padding-block:8px;gap:12px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-copy{padding-right:24px}.hero-photo figcaption{flex-wrap:wrap}.section-heading{flex-wrap:wrap}.custom-layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.custom-copy{min-width:0}.custom-copy dl>div{grid-template-columns:80px minmax(0,1fr)}.custom-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)}.final-layout{gap:40px}.footer-main,.footer-main nav{flex-wrap:wrap}.development-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.how-row{grid-template-columns:repeat(3,minmax(0,1fr))}dialog{width:calc(100% - 40px)}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{gap:22px}.header nav{gap:15px}.header .button.small{gap:12px;padding:13px}.logo img{width:110px;height:auto}.preview-note{padding-inline:20px}.preview-note button{margin-left:0}#design-notes{padding-inline:20px}.hero,.custom-layout,.final-layout{grid-template-columns:minmax(0,1fr)}.hero-copy{padding-right:0}.hero-photo{margin-top:35px}.hero-photo>img{height:auto;aspect-ratio:1;object-fit:contain}.development-grid{grid-template-columns:minmax(0,1fr)}.capability-row{grid-template-columns:minmax(0,1fr)}.capability-row article{margin-right:0}.material-photo{min-height:0;aspect-ratio:1}.material-photo>img{height:100%}.photo-caption{left:12px;right:12px;bottom:12px}.how-row{grid-template-columns:repeat(2,minmax(0,1fr))}.final-layout>img{height:auto;aspect-ratio:1}.custom-details>img{min-width:0}.set-image{max-width:100%}.footer-main nav{line-height:1.8}.section-heading{gap:30px}.footer-bottom{gap:20px}.legal{margin-left:15px}dialog{padding:30px 20px}.hero-copy h1{overflow-wrap:normal}.solution-grid{gap:24px 16px}}
@media(max-width:359px){.header .button.small{gap:8px;padding:12px 8px}.header{gap:10px}.solution-grid{grid-template-columns:minmax(0,1fr)}h1{font-size:50px}.custom-copy h2,.final-layout h2{font-size:48px}}