/* Paper-shaped illustrations and a single, consistent icon family. */
.yg-icon{display:inline-block;width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.feature-icon,.binding-icon,.step-visual{display:grid;place-items:center;color:var(--ink);background:var(--orange);border:1px solid var(--ink);position:relative;isolation:isolate}
.feature-icon{width:59px;height:59px;margin-bottom:22px;box-shadow:4px 4px 0 var(--ink)}
.feature-icon .yg-icon{width:35px;height:35px}
.selling-points article:first-child .feature-icon{color:var(--white)}
.selling-points article:first-child .feature-icon .yg-icon{filter:brightness(0) invert(1)}
.selling-points article:nth-child(2) .feature-icon{background:var(--paper);transform:rotate(-4deg)}
.selling-points article:nth-child(3) .feature-icon{border-radius:50%;background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--orange)}
.binding-icon{width:58px;height:58px;margin-bottom:20px;background:var(--soft);border-radius:0 13px 0 0}
.binding-icon:after{content:'';position:absolute;right:-4px;bottom:-4px;width:13px;height:13px;background:var(--orange);border:1px solid var(--ink);z-index:-1}
.binding-icon .yg-icon{width:36px;height:36px}
.booklet-options>a:hover .binding-icon{background:#ffe5d3}
.booklet-heading h3,.booklet-ready h3{display:flex;gap:13px;align-items:center}
.booklet-heading h3 .yg-icon{width:37px;height:37px;color:#bf4a00}
.booklet-ready h3 .yg-icon{width:31px;height:31px;color:var(--orange)}
.hero-promise>span{display:inline-flex;align-items:center;gap:7px;min-width:0}
.hero-promise .yg-icon{width:17px;height:17px;color:#bf4a00}
.hero-carousel .speed-art .production-track{left:23px;bottom:20px;max-width:none;gap:6px}
.hero-carousel .speed-art .production-track>span{display:flex;flex-direction:column;justify-content:center;gap:2px;width:39px;height:47px;background:var(--paper);font-size:10px;line-height:1.1}
.hero-carousel .speed-art .production-track .yg-icon{width:21px;height:21px}
.cover-deliverables li{display:grid;grid-template-columns:29px minmax(0,1fr);column-gap:13px;row-gap:3px;align-items:start;padding-block:15px}
.cover-deliverables li>.yg-icon{grid-column:1;grid-row:1/3;width:25px;height:25px;color:var(--orange);margin-top:1px}
.cover-deliverables li>strong{grid-column:2;margin-right:0}
.cover-deliverables li>span{grid-column:2;font-size:12px;line-height:1.8}
.steps .step-visual{width:60px;height:60px;margin-top:24px;background:var(--soft);border:0;border-radius:0 15px 0 0}
.steps .step-visual .yg-icon{width:38px;height:38px}
.steps .step-visual+h3{margin-top:20px}
.workflow-story{margin-top:29px;padding:31px;background:var(--soft);border:1px solid var(--ink);border-top:4px solid var(--orange)}
.workflow-story-head{max-width:760px}
.workflow-story-head h3{font-size:29px;margin-top:14px}
.workflow-story-head p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:14px}
.workflow-cards{list-style:none;padding:0;margin:29px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.workflow-cards>li{min-width:0;padding:16px 16px 20px;background:var(--paper);border:1px solid #bcb9b0;box-shadow:3px 3px 0 #25252714;position:relative}
.workflow-illustration{width:100%;aspect-ratio:260/180;display:grid;place-items:center;margin-bottom:15px;overflow:hidden}
.workflow-illustration img{display:block;width:100%;height:100%;object-fit:contain}
.workflow-step{display:inline-flex;align-items:center;justify-content:center;min-width:29px;min-height:25px;padding:3px 6px;border:1px solid var(--ink);background:var(--orange);color:var(--white);font:700 10px/1 Arial,sans-serif;letter-spacing:1px;margin-bottom:12px}
.workflow-cards h4{font-size:21px;line-height:1.4}
.workflow-cards p{font-size:12px;line-height:1.85;color:var(--muted);margin-top:10px}
.workflow-note{font-size:11px;line-height:1.9;color:var(--muted);margin-top:21px}
@media(max-width:1050px){
 .workflow-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .workflow-cards>li{padding:20px}
 .workflow-illustration{max-width:260px;margin-inline:auto}
 .workflow-story-head h3{font-size:26px}
 .workflow-cards h4{font-size:22px}
 .feature-icon{width:53px;height:53px}
 .feature-icon .yg-icon{width:32px;height:32px}
}
@media(max-width:680px){
 .feature-icon{width:51px;height:51px;margin-bottom:19px;box-shadow:3px 3px 0 var(--ink)}
 .feature-icon .yg-icon{width:31px;height:31px}
 .binding-icon{grid-column:1/-1;width:49px;height:49px;margin-bottom:15px}
 .binding-icon .yg-icon{width:31px;height:31px}
 .booklet-heading h3{gap:10px}
 .booklet-heading h3 .yg-icon{width:30px;height:30px}
 .booklet-ready h3{gap:10px;align-items:flex-start}
 .booklet-ready h3 .yg-icon{width:27px;height:27px;margin-top:2px}
 .hero-promise{gap:10px}
 .hero-promise>span{gap:5px}
 .hero-promise .yg-icon{width:14px;height:14px}
 .hero-carousel .speed-art .production-track{left:17px;bottom:12px;gap:5px}
 .hero-carousel .speed-art .production-track>span{width:30px;height:39px;font-size:9px;gap:1px}
 .hero-carousel .speed-art .production-track .yg-icon{width:18px;height:18px}
 .cover-deliverables li{grid-template-columns:24px minmax(0,1fr);column-gap:11px;padding-block:14px}
 .cover-deliverables li>.yg-icon{width:22px;height:22px}
 .cover-deliverables li>span{font-size:11px}
 .steps .step-visual{width:53px;height:53px;margin-top:0;margin-bottom:16px}
 .steps .step-visual .yg-icon{width:34px;height:34px}
 .steps .step-visual+h3{margin-top:0}
 .workflow-story{padding:23px 19px;margin-top:24px}
 .workflow-story-head .eyebrow{font-size:9px}
 .workflow-story-head h3{font-size:24px;margin-top:13px;line-height:1.35}
 .workflow-story-head p{font-size:12px;margin-top:12px}
 .workflow-cards{grid-template-columns:1fr;gap:17px;margin-top:24px}
 .workflow-cards>li{padding:17px 18px 21px}
 .workflow-illustration{max-width:290px;margin-bottom:11px}
 .workflow-step{margin-bottom:10px}
 .workflow-cards h4{font-size:22px}
 .workflow-cards p{font-size:12px;margin-top:9px}
 .workflow-note{font-size:10px;margin-top:18px}
}
@media(max-width:360px){
 .booklets .section-top h2{font-size:28px;line-height:1.3}
 .hero-carousel .speed-art .production-track{left:13px;gap:4px}
 .hero-carousel .speed-art .production-track>span{width:28px;height:36px;font-size:8px}
 .hero-carousel .speed-art .production-track .yg-icon{width:16px;height:16px}
 .workflow-story{padding-inline:15px}
 .workflow-cards>li{padding-inline:15px}
}
@media print{
.selling-points article:first-child .feature-icon{color:var(--ink)}
.selling-points article:first-child .feature-icon .yg-icon{filter:none}
 .feature-icon,.binding-icon,.step-visual{box-shadow:none;background:none}
 .workflow-story{background:none;padding:18px;border:1px solid #aaa}
 .workflow-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .workflow-cards>li{break-inside:avoid;box-shadow:none}
 .workflow-illustration{max-width:180px}
}