.yp{font-family:"YOCL Poppins",Poppins,"Segoe UI",Arial,sans-serif;color:#22262c}
.yp h1{font-size:clamp(56px,5vw,76px);line-height:1.05;font-weight:700}
.yp h3{font-size:24px;font-weight:600;line-height:1.3}
.yp .ct-hero{padding-bottom:72px}
.yp-hero-copy{max-width:900px}
.yp-hero-copy>p{max-width:720px}
.yp #packing{padding-top:0}
.yp .ct-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;padding:0;border-radius:8px}
.yp .ct-brief-grid article{border-radius:8px}
.yp .ct-list p,.yp .ct-steps p,.yp .ct-faq p{font-size:16px}
.yp .ct-steps h3{font-size:24px}
.yp .ct-dark .ct-steps p{color:#e3e5e8}
.yp li{margin-bottom:12px}
.yp section[id]{scroll-margin-top:110px}
.yp-visual{margin:0;min-width:0}
.yp-visual img{display:block;width:100%;height:auto;padding:0;border-radius:8px}
.yp-support-visual{margin-top:32px}
.yp-visual figcaption{margin-top:10px;font-size:12px;line-height:1.6;color:#6b7077}
@media(max-width:780px){.yp h1{font-size:40px;line-height:1.1}.yp h3,.yp .ct-steps h3{font-size:20px}.yp-hero-note{border-left:0;border-top:1px solid #22262c;padding:28px 0 0}.yp-hero-note h2{font-size:30px}.yp .ct-hero{padding-bottom:40px}}