:root{--content-width:1250px;--page-gutter:15px}
/* Full-width backgrounds, one shared inner content alignment. */
section:not(.hero){padding:80px max(var(--page-gutter),calc((100% - var(--content-width))/2))}
.design-preview section:not(.hero){padding:80px max(var(--page-gutter),calc((100% - var(--content-width))/2))}
section.detail,.design-preview section.detail{width:calc(100% - 2 * var(--page-gutter));max-width:var(--content-width);margin-inline:auto;padding:70px 0}
.detail>h1,.design-preview .detail>h1{max-width:none}
.detail-section>p,.detail>p,.company-intro,.company-summary>p,.section-head{max-width:900px}
.detail-section>p:has(strong),.detail-section>p.notice{max-width:1100px}
.detail-image,.design-preview .detail-image{width:100%;max-height:580px}
.company-summary,.prepare,.knowledge,.request{width:100%}
header,.design-preview header{padding-inline:max(var(--page-gutter),calc((100% - var(--content-width))/2))}
footer,.design-preview footer{padding-inline:max(var(--page-gutter),calc((100% - var(--content-width))/2))}
.hero{width:100%}.hero-copy{padding-left:max(var(--page-gutter),calc((100vw - var(--content-width))/2));padding-right:45px}
.design-preview .hero-copy{padding-left:max(var(--page-gutter),calc((100vw - var(--content-width))/2));padding-right:45px}
.proof-strip,.design-preview .proof-strip{padding-inline:max(var(--page-gutter),calc((100% - var(--content-width))/2))!important}
@media(max-width:1000px){:root{--page-gutter:15px}section.detail,.design-preview section.detail{padding-block:55px}.hero-copy,.design-preview .hero-copy{padding:55px 28px}.detail-image,.design-preview .detail-image{max-height:480px}}
@media(max-width:640px){:root{--page-gutter:15px}section:not(.hero),.design-preview section:not(.hero){padding:50px var(--page-gutter)}section.detail,.design-preview section.detail{padding:45px 0}.hero-copy,.design-preview .hero-copy{padding:50px var(--page-gutter)}.detail-image,.design-preview .detail-image{max-height:350px}.proof-strip,.design-preview .proof-strip{padding:24px var(--page-gutter)!important}.detail-section>p{max-width:100%}}