/* Flyer and social image design service. */
.design-page { background:#fff; }
.design-hero { background:radial-gradient(ellipse at 90% 30%,#eaf7ff,transparent 55%),linear-gradient(135deg,#fffdfb,#fff4f8); overflow:hidden; }
.design-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:55px; align-items:center; padding:35px 0 65px; }
.design-pill { display:inline-block; color:var(--pink); background:#fff; border:1px solid #efc9da; border-radius:30px; padding:5px 16px; font-size:.82rem; font-weight:700; margin-bottom:23px; }
.design-hero h1 { font-size:clamp(2rem,3.5vw,3.15rem); letter-spacing:-.045em; line-height:1.55; }
.design-hero h1 span { color:var(--pink); }
.design-lead { color:var(--muted); margin-top:24px; line-height:2; font-size:.95rem; }
.design-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:28px; align-items:center; }
.design-secondary { font-size:.84rem; font-weight:700; color:#765122; text-decoration:underline; text-underline-offset:5px; padding:12px; }
.design-hero-note { font-size:.72rem; color:var(--muted); margin-top:15px; }
.design-collage { position:relative; height:430px; max-width:470px; width:100%; margin:0 auto; }
.design-paper { position:absolute; padding:10px; background:#fff; border:1px solid #e0e5ee; border-radius:7px; box-shadow:0 12px 35px #17243c1c; }
.design-paper img { width:100%; height:auto; display:block; }
.design-paper-main { top:3px; left:1%; width:53%; transform:rotate(-7deg); z-index:2; }
.design-paper-side { top:58px; right:0; width:51%; transform:rotate(7deg); }
.design-paper span { display:block; text-align:center; padding-top:7px; font-size:.62rem; color:#536275; }
.design-seal { position:absolute; bottom:18px; right:6px; border-radius:50%; width:114px; height:114px; display:flex; align-items:center; justify-content:center; flex-direction:column; font-size:.72rem; color:#67500c; background:#fbd762; border:4px solid #fff; transform:rotate(-7deg); z-index:3; }
.design-seal { text-align:center; line-height:1.6; }
.design-seal span { font-size:.57rem; white-space:nowrap; }
.design-seal strong { font-size:.9rem; white-space:nowrap; }
.design-collage>figcaption { position:absolute; bottom:0; left:9%; font-size:.63rem; color:#657083; }
.design-strip { border-block:1px solid #e8e9ef; }
.design-strip>.container { display:flex; justify-content:space-around; gap:20px; padding:18px 0; font-size:.85rem; font-weight:700; }
.design-strip b { margin-right:10px; color:var(--pink); font-size:.72rem; }
.design-heading { text-align:center; margin-bottom:38px; }
.design-heading h2 { font-size:clamp(1.7rem,2.5vw,2.3rem); letter-spacing:-.035em; }
.design-heading>p:last-child:not(.section-label) { margin-top:16px; color:var(--muted); font-size:.88rem; }
.design-service-grid { display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.design-service-card { padding:34px; border:1px solid #f1d8e3; background:#fff5f9; border-radius:18px; }
.design-service-card:nth-child(2) { background:#f0f8ff; border-color:#d8e8f2; }
.design-card-label { font-size:.75rem; letter-spacing:.1em; font-weight:800; color:var(--pink); }
.design-service-card:nth-child(2) .design-card-label { color:#087bae; }
.design-service-card h3 { margin-top:15px; font-size:1.75rem; }
.design-service-card>p:not(.design-card-label) { color:var(--muted); font-size:.9rem; margin-top:15px; }
.design-tags { list-style:none; padding:0; margin:23px 0; display:flex; flex-wrap:wrap; gap:9px; }
.design-tags li { border:1px solid #ecdce4; border-radius:25px; padding:5px 13px; font-size:.75rem; background:#fff; }
.design-card-tip { border-top:1px solid #dddae1; padding-top:18px; }
.design-principles { margin-top:34px; padding:27px 32px; border:1px solid #e3e8ed; border-radius:14px; display:flex; justify-content:space-between; align-items:center; gap:28px; }
.design-principles h3 { font-size:1.15rem; flex-shrink:0; }
.design-principles p { color:var(--muted); font-size:.87rem; max-width:620px; }
.design-examples { background:#f7f8fc; }
.design-examples .flyer-preview img { background:#f5f6f9; }
.design-example-note { text-align:center; margin-top:22px; font-size:.75rem; color:var(--muted); }
.design-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; list-style:none; margin:0; padding:0; }
.design-steps li { background:#f9f8f3; padding:24px; border-radius:15px; }
.design-steps li>span { display:inline-block; color:var(--pink); font-family:Arial,sans-serif; font-size:1.5rem; margin-bottom:16px; font-weight:700; }
.design-steps h3 { font-size:1.1rem; }
.design-steps p { margin-top:12px; font-size:.83rem; color:var(--muted); }
.design-brief { background:#fff7eb; }
.design-brief-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.design-brief h2 { font-size:clamp(1.7rem,2.5vw,2.3rem); }
.design-brief-copy { color:var(--muted); margin-top:20px; font-size:.9rem; }
.design-checklist { list-style:none; margin:0; padding:28px; background:#fff; border:1px solid #f2e6d1; border-radius:16px; }
.design-checklist li { padding:15px 0; display:grid; grid-template-columns:28px 1fr; gap:10px; font-size:.83rem; color:var(--muted); }
.design-checklist li+li { border-top:1px solid #eee7df; }
.design-checklist li>b { color:var(--pink); }
.design-checklist strong { display:block; color:var(--ink); font-size:.95rem; margin-bottom:3px; }
.design-print-note { margin-top:25px; padding:20px 23px; border-left:4px solid #edbd32; background:#fffcf7; }
.design-print-note h3 { font-size:1.03rem; }
.design-print-note p { color:var(--muted); font-size:.84rem; margin-top:8px; }
.design-contact { padding:75px 0; background:linear-gradient(135deg,#fff0f7,#eff7ff); text-align:center; }
.design-contact h2 { font-size:clamp(1.8rem,2.7vw,2.5rem); }
.design-contact-lead { font-size:.94rem; color:var(--muted); margin-top:20px; }
.design-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:910px; margin:35px auto 22px; }
.design-contact-card { display:block; border:1px solid #f0d9e3; background:#fff; border-radius:16px; padding:28px 22px; }
.design-contact-card:hover { border-color:var(--pink); box-shadow:0 6px 20px #aa245d0d; }
.design-contact-card span { display:block; font-size:.79rem; color:var(--muted); }
.design-contact-card strong { display:block; font-size:clamp(1.25rem,2.25vw,1.9rem); color:var(--pink); margin:8px 0; overflow-wrap:anywhere; }
.design-contact-card:last-child strong { font-size:clamp(1.1rem,1.7vw,1.45rem); }
.design-price-note { font-size:.8rem; color:var(--muted); }
.design-line-link { display:inline-block; color:var(--line-dark); text-decoration:underline; text-underline-offset:5px; font-size:.84rem; margin-top:24px; padding:8px; }
.home-design-section { padding:30px 0 0; }
.home-design-banner { padding:31px 36px; display:flex; align-items:center; justify-content:space-between; gap:25px; border-radius:18px; background:linear-gradient(110deg,#fff3f8,#f1f7ff); border:1px solid #eddde8; }
.home-design-banner .section-label { font-size:.72rem; margin-bottom:8px; }
.home-design-banner h2 { font-size:clamp(1.3rem,2.1vw,1.8rem); }
.home-design-banner p:last-child { font-size:.85rem; margin-top:10px; color:var(--muted); }
.home-design-banner .button { flex-shrink:0; font-size:.86rem; }
@media(max-width:1000px) { .design-hero-grid { gap:25px; } .design-collage { height:370px; } .design-seal { width:98px; height:98px; right:0; bottom:8px; } .design-steps { grid-template-columns:1fr 1fr; } .design-service-card { padding:27px; } }
@media(max-width:850px) { .design-hero-grid { grid-template-columns:1fr; padding-top:20px; gap:40px; } .design-hero-copy { text-align:center; } .design-actions { justify-content:center; } .design-collage { max-width:430px; height:405px; } .design-service-grid,.design-brief-grid { grid-template-columns:1fr; } .design-brief-grid { gap:30px; } .design-principles { flex-direction:column; align-items:flex-start; gap:13px; } .home-design-banner { flex-direction:column; align-items:flex-start; } .design-contact-grid { gap:16px; } }
@media(max-width:600px) { .design-page { padding-bottom:0; } .design-hero-grid { padding-bottom:38px; } .design-hero h1 { font-size:clamp(1.75rem,7.1vw,2.5rem); } .design-lead { font-size:.86rem; } .design-actions { gap:7px; } .design-hero-note { font-size:.68rem; } .design-collage { height:345px; max-width:350px; } .design-paper { padding:7px; } .design-seal { width:86px; height:86px; font-size:.6rem; bottom:18px; } .design-seal strong { font-size:.94rem; } .design-collage>figcaption { font-size:.59rem; bottom:4px; left:4%; } .design-strip>.container { flex-wrap:wrap; justify-content:center; gap:9px 18px; font-size:.73rem; padding-block:15px; } .design-strip b { margin-right:5px; } .design-heading { margin-bottom:28px; } .design-service-card { padding:26px 23px; } .design-service-card h3 { font-size:1.55rem; } .design-principles { padding:23px; } .design-principles h3 { flex-shrink:1; } .design-steps { grid-template-columns:1fr; gap:15px; } .design-steps li { display:grid; grid-template-columns:38px 1fr; gap:6px 13px; } .design-steps li>span { grid-row:1/3; font-size:1.2rem; margin:0; } .design-steps p { margin-top:0; } .design-checklist { padding:16px 22px; } .design-contact { padding-block:55px; } .design-contact-grid { grid-template-columns:1fr; gap:15px; margin-top:27px; } .design-contact-card strong { font-size:1.7rem; } .design-contact-card:last-child strong { font-size:1.35rem; } .design-contact-lead { font-size:.87rem; } .home-design-banner { padding:26px 23px; gap:22px; } .home-design-banner .button { width:100%; } }
@media(max-width:360px) { .design-collage { height:297px; } .design-paper-side { top:46px; } .design-seal { bottom:12px; } }
@media print { .design-paper { box-shadow:none; } .design-contact-card { break-inside:avoid; } }