/* Shared alignments for the homepage and the packaging detail templates. */
body[data-page="home"] main{--home-surface:#f5f7f8;background:var(--home-surface)}
body[data-page="home"] main>.section,
body[data-page="home"] main>.home-quote,
body[data-page="home"] main>.custom-promise{background:var(--home-surface)}
.r45-home-hero{padding-block:clamp(16px,2.3vw,32px);display:grid;gap:clamp(15px,2vw,28px)}
.r45-hero-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(5px,1vw,12px)}
.r45-hero-boxes a{min-width:0;display:block;background:#d5d6d8;border-radius:5px;overflow:hidden}
.r45-hero-boxes img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.r45-hero-message{text-align:center;padding:clamp(5px,1vw,15px) 10px}
.r45-hero-message h1{font-size:clamp(31px,4vw,59px);letter-spacing:-.04em;line-height:1.05;margin:7px 0 10px}
.r45-hero-message>p:not(.eyebrow){font-size:clamp(14px,1.35vw,18px);max-width:650px;margin:0 auto;color:#41596e}
.r45-hero-message .button-row{justify-content:center;margin:15px 0 0;gap:16px}
.r45-hero-points{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 19px;list-style:none;padding:0;margin:13px 0 0;font-size:13px;font-weight:650;color:#294b66}
.r45-factory-advantages{margin-top:clamp(28px,4vw,55px)}
.r45-factory-advantages .section-head{margin-bottom:18px}
.r45-factory-advantages .r45-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.r45-factory-advantages .r45-cards a{display:block;padding:clamp(16px,2vw,25px);color:inherit;text-decoration:none}
.r45-factory-advantages .r45-cards a:hover{border-color:#7994a8}
.r45-factory-advantages .r45-cards h3{margin:0 0 6px}
.r45-factory-advantages .r45-cards p{margin:0}
.r45-factory-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px}
.r45-factory-footer p{margin:0}
.r39-home-box-grid .r39-home-box-card{display:grid;grid-template-rows:auto 1fr}
.r39-home-box-grid .r39-home-box-card>div{display:grid;gap:12px;align-content:space-between}
.r39-home-box-grid .r39-home-box-card>img{width:100%;aspect-ratio:4/3;object-fit:cover}
.dp-page .dp-hero:has(.dp-gallery){display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(25px,4vw,64px);align-items:center;padding-top:0;padding-bottom:clamp(30px,4vw,58px)}
.dp-page .dp-hero .dp-hero-copy{padding:0;min-width:0}
.dp-page .dp-hero h1{font-size:clamp(36px,3.5vw,56px);line-height:1.05;max-width:16ch}
.dp-page .dp-hero .dp-gallery{width:100%;min-width:0;margin:0}
.dp-page .dp-gallery-frame .dp-gallery-main{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover}
.dp-page .dp-gallery-frame .dp-thumbs{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.dp-page .dp-gallery figcaption{font-size:13px}
.dp-page .dp-local-nav{margin-top:0;margin-bottom:clamp(24px,3vw,42px)}
.dp-page .dp-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:18px 36px;align-items:end;margin-bottom:clamp(16px,2.5vw,30px)}
.dp-page .dp-section-heading>p{margin:0;max-width:51ch}
.r45-cards,.dp-page .dp-spec-list,.dp-page .dp-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,22px);border:0;background:none}
.r45-cards>a,.dp-page .dp-spec-item,.dp-page .dp-service-grid article{min-width:0;background:#fff;border:1px solid #d4e0e8;border-radius:7px;overflow:hidden}
.dp-page .dp-spec-item,.dp-page .dp-service-grid article{padding:0}
.r45-spec-image,.r45-service-image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#d5d6d8}
.r45-spec-image{border-bottom:1px solid #dbe4eb}
.dp-page .dp-service-grid .r45-service-copy{padding:clamp(16px,1.75vw,24px)}
.dp-page .dp-spec-item .r45-spec-title,.dp-page .dp-service-grid h3{font-size:clamp(17px,1.55vw,22px);line-height:1.22;margin:0 0 8px}
.dp-page .dp-spec-item .r45-spec-description,.dp-page .dp-service-grid p{color:#364f65;font-size:15px;line-height:1.54;margin:0}
.dp-page .dp-spec-item p+p{margin-top:9px}
.dp-page .dp-spec-item .r45-spec-detail{color:#263f55}
.dp-page .dp-spec-item .r45-spec-detail strong{display:block;font-size:14px}
.dp-page .dp-spec-quote{margin-top:clamp(18px,2vw,27px);padding:clamp(15px,2vw,23px);background:#edf3f7;border-radius:7px}
.dp-page .dp-spec-quote p{font-size:15px}
.dp-page .dp-spec-quote strong{display:block;color:#173d5b}
.dp-page .dp-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,22px)}
.dp-page .dp-benefit-grid article{min-width:0}
.dp-page .dp-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.dp-page .dp-service-grid article span{display:block;margin:0 0 7px;color:#3e687e;font-weight:700}
.dp-page .dp-service-grid article h3{color:#183c58}
@media(max-width:1050px){
 .dp-page .dp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
 .dp-page .dp-hero:has(.dp-gallery){grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:22px}
 .dp-page .dp-hero h1{font-size:clamp(29px,4.6vw,40px)}
 .dp-page .dp-spec-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .r45-factory-advantages .r45-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .r45-hero-boxes{grid-template-columns:repeat(3,minmax(0,1fr))}
 .r45-hero-boxes a:nth-child(n+4){display:none}
 .r45-hero-message{padding-inline:0}
 .r45-hero-message .button-row{gap:10px}
 .r45-hero-points{font-size:12px;gap:4px 10px}
 .dp-page .dp-hero:has(.dp-gallery){grid-template-columns:minmax(0,1fr);gap:16px}
 .dp-page .dp-hero .dp-gallery{order:1}
 .dp-page .dp-hero .dp-hero-copy{order:2}
 .dp-page .dp-hero h1{max-width:18ch}
 .dp-page .dp-hero .dp-gallery-frame .dp-thumbs{gap:4px;padding:6px}
 .dp-page .dp-section-heading,.dp-page .dp-spec-list,.dp-page .dp-benefit-grid{grid-template-columns:minmax(0,1fr)}
 .dp-page .dp-section-heading{gap:8px}
 .dp-page .dp-service-grid{gap:11px}
 .dp-page .dp-service-grid .r45-service-copy{padding:12px}
 .dp-page .dp-service-grid p{font-size:14px}
 .r45-factory-footer{align-items:flex-start;flex-direction:column}
}
@media(max-width:370px){
 .dp-page .dp-service-grid,.r45-factory-advantages .r45-cards{grid-template-columns:minmax(0,1fr)}
}
.r45-reference-note{padding:clamp(15px,1.7vw,24px);margin-top:clamp(18px,2.1vw,28px);border:1px solid #d6e2eb;border-left:3px solid #234966;border-radius:5px;background:#f0f5f8}
.r45-reference-note .eyebrow{margin:0 0 5px}
.r45-reference-note h2{font-size:clamp(20px,1.8vw,26px);line-height:1.2;letter-spacing:-.02em;margin:0 0 7px;color:#173a58}
.r45-reference-note p:not(.eyebrow){font-size:14px;line-height:1.55;margin:0;color:#29485f}
.r45-reference-note p:last-child{margin-top:8px;font-size:13px}
.r45-spec-media{background:#dbe4eb}
.r45-spec-media figure{margin:0;min-width:0;background:#f0f4f7}
.r45-spec-media figcaption{font-size:12px;font-weight:600;color:#34536a;min-height:32px;padding:5px 9px}
.r45-spec-media figure img{aspect-ratio:4/3;object-fit:cover}
.r45-spec-media figure img{aspect-ratio:4/3}
.dp-page .dp-spec-item .r45-spec-title{margin:17px 18px 7px}
.dp-page .dp-spec-item .r45-spec-description{padding:0 18px 19px}
.dp-page .dp-cooperation .dp-service-grid p{color:#364f65}
.dp-page .dp-service-grid h3{min-height:0}
.dp-page .dp-service-grid .r45-service-copy span{float:none;width:auto}
@media(max-width:760px){
 .dp-page .dp-hero:has(.dp-gallery){grid-template-columns:minmax(0,1fr);gap:16px}
 .dp-page .dp-hero .dp-gallery{order:1}
 .dp-page .dp-hero .dp-hero-copy{order:2}
 .dp-page .dp-hero h1{max-width:18ch}
}

#service .dp-section-heading h2{color:#fff}
#service .dp-section-heading>p{color:#e2edf6}
#service .dp-section-heading .eyebrow{color:#bed5e6}
#service .r45-service-image{aspect-ratio:4/3}

.r47-related{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 16px;line-height:1.45}
.r47-related a{color:#205174;text-decoration:underline;text-underline-offset:3px;font-size:14px}
.r47-related a:focus-visible{outline:2px solid #205174;outline-offset:3px}