/* Hero: “your photos → DAD embroidery” composition on cream. Gold text uses the darker shades for 3:1+ contrast on cream. */
#motiv-dad .hero.hv{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:4%;background:#f2efe8;color:#102e4d;padding:56px 6% 64px;overflow:hidden}
#motiv-dad .hv .hero-copy{padding:0;animation:none}
#motiv-dad .hv .eyebrow{color:#7a5a1c}
#motiv-dad .hv h1{color:#102e4d}
#motiv-dad .hv h1 em{color:#95702f}
#motiv-dad .hv .intro{color:#384655;max-width:470px}
#motiv-dad .hv .button{background:#092e52;color:#fff}
#motiv-dad .hv .button:hover{background:#0c3a66}
#motiv-dad .hv .hero-price,#motiv-dad .hv .micro{color:#384655;opacity:1}
#motiv-dad .hv-stage{position:relative;min-height:480px}
#motiv-dad .hv figure{margin:0}
#motiv-dad .hv-after{position:absolute;right:0;top:10px;width:72%;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #092a4933}
#motiv-dad .hv-after img{aspect-ratio:1;object-fit:cover;object-position:center 80%}
#motiv-dad .hv-before{position:absolute;left:0;bottom:0;width:50%;padding:8px 8px 34px;background:#fff;border-radius:6px;transform:rotate(-5deg);box-shadow:0 14px 36px #092a4930;z-index:1}
#motiv-dad .hv-before img{aspect-ratio:4/3;object-fit:cover;border-radius:3px}
#motiv-dad .hv figcaption{font-size:12px;font-weight:600;letter-spacing:.5px;color:#102e4d}
#motiv-dad .hv-before figcaption{position:absolute;left:12px;bottom:9px}
#motiv-dad .hv-after figcaption{position:absolute;left:12px;bottom:12px;padding:5px 10px;border-radius:20px;background:#fffdf9e6}
#motiv-dad .hv-arrow{position:absolute;left:38%;bottom:26%;z-index:2;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ddb16a;color:#082b4a;font-size:24px;box-shadow:0 8px 20px #092a4933}
@media(max-width:760px){
#motiv-dad .hero.hv{grid-template-columns:1fr;gap:18px;padding:16px 6% 36px}
#motiv-dad .hv-stage{order:-1;height:250px;min-height:0}
#motiv-dad .hv-after{top:0;width:80%}
#motiv-dad .hv-after img{aspect-ratio:16/11;object-position:center 82%}
#motiv-dad .hv-after figcaption{left:auto;right:10px;top:10px;bottom:auto;font-size:10px}
#motiv-dad .hv-before{bottom:-6px;width:38%;padding:5px 5px 22px}
#motiv-dad .hv-before figcaption{left:8px;bottom:5px;font-size:9px}
#motiv-dad .hv-arrow{left:31%;bottom:12%;width:38px;height:38px;font-size:17px}
#motiv-dad .hv h1{font-size:36px}
#motiv-dad .hv .intro{margin:12px 0 16px}
#motiv-dad .hero.hv .micro{display:block}
}