/* Dieťa do dlaní 1.7.0 — hero composition from the supplied visual reference.
   Scoped to the first screen: all other sections and the three service pages remain unchanged. */
.hero.ddd-hero-illustrated{
  position:relative;isolation:isolate;overflow:hidden;
  padding:27px 0 66px;
  background:
    radial-gradient(ellipse 46% 60% at 5% 23%,rgba(249,203,221,.51),transparent 90%),
    radial-gradient(ellipse 40% 78% at 85% 26%,rgba(242,205,237,.58),transparent 88%),
    radial-gradient(ellipse 52% 55% at 77% 100%,rgba(174,231,244,.52),transparent 95%),
    linear-gradient(111deg,#fffafd 8%,#fff8fc 51%,#ecfaff 100%);
}
.hero.ddd-hero-illustrated:before{
 content:"";position:absolute;left:-10%;right:-10%;bottom:-130px;height:345px;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse 39% 58% at 15% 95%,rgba(249,203,225,.45),transparent 95%),radial-gradient(ellipse 62% 58% at 84% 82%,rgba(169,229,242,.40),transparent 90%);
 border-radius:50% 50% 0 0;
}
.hero.ddd-hero-illustrated .hero-grid{
 max-width:1380px;width:calc(100% - 80px);position:relative;z-index:1;
 display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
 min-height:565px;gap:14px;align-items:start;
}
.hero.ddd-hero-illustrated .hero-copy{
 position:relative;z-index:3;max-width:605px;width:100%;padding:44px 0 12px;
}
.hero.ddd-hero-illustrated .hero-copy h1{
 max-width:555px;font-size:clamp(48px,4.55vw,69px);line-height:1.06;
 letter-spacing:-.073em;font-weight:900;margin:0 0 36px;text-wrap:normal;
}
.hero.ddd-hero-illustrated .hero-copy h1 span{color:#f30960}
.hero.ddd-hero-illustrated .hero-intro{max-width:460px;padding-left:20px;padding-top:1px;padding-bottom:1px}
.hero.ddd-hero-illustrated .hero-intro-lead{font-size:clamp(16px,1.31vw,19px);max-width:450px;color:#20374e;line-height:1.56}
.hero.ddd-hero-illustrated .hero-intro-detail{font-size:clamp(14px,1.09vw,16px);max-width:450px;line-height:1.65;color:#365a70;margin-top:14px!important}
/* This is a dedicated transparent illustration, not a screenshot background or text layer. */
.hero .ddd-hero-boy{
 display:block;position:absolute;top:100px;left:calc(50% - 418px);
 width:min(42vw,535px);height:auto;opacity:.27;z-index:0;
 pointer-events:none;user-select:none;filter:saturate(.88);transform:rotate(-2deg);
 animation:ddd-boy-breathe 10s ease-in-out infinite alternate;
}
.hero .ddd-hero-heart{
 position:absolute;top:6px;left:calc(50% - 303px);width:60px;height:60px;
 color:#f3a4bc;opacity:.74;transform:rotate(-9deg);pointer-events:none;z-index:0;
}
@keyframes ddd-boy-breathe{from{transform:translate3d(0,2px,0) rotate(-2deg)}to{transform:translate3d(5px,-7px,0) rotate(-.8deg)}}
.hero.ddd-hero-illustrated .hero-art{min-height:560px;max-width:none;width:100%;margin-top:0;position:relative;z-index:2}
.hero.ddd-hero-illustrated .hero-photo{
 inset:22px 0 36px 19%;border-radius:34px;border:7px solid #fff;
 box-shadow:0 25px 62px rgba(34,71,91,.20);animation:ddd-mosaic-primary 11s ease-in-out infinite alternate;
}
.hero.ddd-hero-illustrated .photo2{
 left:1%;bottom:4px;top:auto;width:42%;height:37%;border:6px solid #fff;border-radius:25px;
 box-shadow:0 18px 38px rgba(24,69,86,.17);animation:ddd-mosaic-secondary 12s ease-in-out infinite alternate;
}
.hero.ddd-hero-illustrated .hero-photo-third{
 left:1%;top:5%;width:37%;height:35%;border:6px solid #fff;border-radius:25px;
 box-shadow:0 18px 37px rgba(24,69,86,.16);animation:ddd-mosaic-third 11s ease-in-out infinite alternate;
}
.hero.ddd-hero-illustrated .hero-photo .hero-slide{object-position:center 50%}
.hero.ddd-hero-illustrated .hero-slider-controls{bottom:20px;right:24%;z-index:7}
.hero.ddd-hero-illustrated .float-label{right:-5px;top:5px;z-index:8;background:rgba(255,255,255,.96);max-width:200px}
.hero.ddd-hero-illustrated .hero-bubble{right:4px;bottom:10px;z-index:8}
.hero.ddd-hero-illustrated .hero-dots{top:12px;left:8%;z-index:4;opacity:.72}
.hero.ddd-hero-illustrated .hero-slider .hero-slide{transition:opacity 1.4s ease-in-out,transform 6.5s cubic-bezier(.17,.55,.29,1)}
/* retain headings and logos as actual text, illustration and photos are distinct editables */
@media(max-width:1180px){
 .hero.ddd-hero-illustrated .hero-grid{width:calc(100% - 44px);grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr)}
 .hero.ddd-hero-illustrated .hero-copy{padding-top:33px}
 .hero.ddd-hero-illustrated .hero-copy h1{font-size:clamp(42px,4.8vw,60px)}
 .hero .ddd-hero-boy{left:calc(50% - 330px);width:min(49vw,535px)}
}
@media(max-width:980px){
 .hero.ddd-hero-illustrated{padding:24px 0 53px}
 .hero.ddd-hero-illustrated .hero-grid{width:calc(100% - 40px);grid-template-columns:1fr;gap:8px;min-height:0}
 .hero.ddd-hero-illustrated .hero-copy{padding:14px 0 5px;max-width:760px}
 .hero.ddd-hero-illustrated .hero-copy h1{max-width:740px;font-size:clamp(43px,6.6vw,65px);margin-bottom:23px}
 .hero.ddd-hero-illustrated .hero-intro{max-width:690px}
 .hero.ddd-hero-illustrated .hero-art{max-width:800px;min-height:525px;margin-top:12px}
 .hero .ddd-hero-boy{left:auto;right:2%;top:18px;width:52vw;opacity:.19}
 .hero .ddd-hero-heart{left:auto;right:35%;top:5px}
}
@media(max-width:640px){
 .hero.ddd-hero-illustrated{padding:13px 0 37px}
 .hero.ddd-hero-illustrated .hero-grid{width:calc(100% - 26px);gap:7px}
 .hero.ddd-hero-illustrated .hero-copy{padding:13px 3px 3px}
 .hero.ddd-hero-illustrated .hero-copy h1{font-size:clamp(36px,9.7vw,54px);max-width:540px;line-height:1.08;letter-spacing:-.065em;margin-bottom:18px}
 .hero.ddd-hero-illustrated .hero-intro{max-width:550px;padding-left:14px}
 .hero.ddd-hero-illustrated .hero-intro-lead{font-size:15.7px}
 .hero.ddd-hero-illustrated .hero-intro-detail{font-size:13.8px;margin-top:10px!important}
 .hero .ddd-hero-boy{top:63px;right:-10%;width:73vw;opacity:.07}
 .hero .ddd-hero-heart{right:13%;top:12px;width:42px;height:42px;opacity:.4}
 .hero.ddd-hero-illustrated .hero-art{width:100%;min-height:360px;max-width:none;margin-top:10px}
 .hero.ddd-hero-illustrated .hero-photo{inset:17px 2px 44px 18%;border-width:5px;border-radius:23px}
 .hero.ddd-hero-illustrated .photo2{width:44%;height:35%;left:0;bottom:13px;border-width:5px;border-radius:18px}
 .hero.ddd-hero-illustrated .hero-photo-third{left:0;top:4%;width:36%;height:34%;border-width:5px;border-radius:18px}
 .hero.ddd-hero-illustrated .float-label{font-size:9px;max-width:148px;top:0;right:0}
 .hero.ddd-hero-illustrated .hero-bubble{right:0;bottom:3px}
 .hero.ddd-hero-illustrated .hero-slider-controls{right:17%;bottom:30px}
}
@media(max-width:380px){
 .hero.ddd-hero-illustrated .hero-art{min-height:318px}
 .hero.ddd-hero-illustrated .hero-copy h1{font-size:clamp(33px,9.1vw,40px)}
 .hero .ddd-hero-boy{top:95px;right:-8%;opacity:.06}
 .hero.ddd-hero-illustrated .float-label{display:none}
}
@media(prefers-reduced-motion:reduce){.hero .ddd-hero-boy{animation:none!important;transform:none!important}}
body.calm-mode .hero .ddd-hero-boy{animation:none!important;transform:none!important}