/* 1.7.7 – direct home icon and readable editable About narrative */
.nav .ddd-nav-home{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;min-width:42px;height:42px;min-height:42px;padding:0!important;border:1px solid #dce8ed;border-radius:14px;background:linear-gradient(145deg,#edf9fd,#fff0f5);color:#168db0;box-shadow:0 4px 14px #16465a0d;transition:transform .25s ease, background .25s ease,box-shadow .25s ease}
.nav .ddd-nav-home:hover,.nav .ddd-nav-home:focus-visible{color:#ed0b58;background:linear-gradient(135deg,#ffe2ee,#e7faff);transform:translateY(-2px);box-shadow:0 9px 18px #ed0b5820}
.nav .ddd-nav-home svg{width:20px;height:20px;stroke-width:1.7;flex:none}
.nav .ddd-nav-home span{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
body.page-template-page-onas .nav a[href*="/onas"],body.page-template-page-o-nas .nav a[href*="/onas"]{color:#d70e56}
/* Hero */
.ddd-about-177{background:linear-gradient(180deg,#fff9fb,#fff)}
.ddd-about-hero177{position:relative;overflow:hidden;background:radial-gradient(ellipse 67% 88% at -10% 5%,#ffdae9 0%,transparent 73%),radial-gradient(ellipse 57% 82% at 105% 87%,#cceff7 0%,transparent 74%),linear-gradient(110deg,#fffafd,#f7fcff);padding:74px 0 78px}
.ddd-about-hero177:after{content:"";position:absolute;right:-190px;top:-200px;width:560px;height:560px;border:1px solid rgba(48,163,187,.16);border-radius:50%;pointer-events:none}
.ddd-about-hero177-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:clamp(28px,5vw,82px);position:relative;z-index:1}
.ddd-about-hero177-copy .eyebrow{color:#e90e60;font-weight:850;letter-spacing:.17em;font-size:12px;margin-bottom:16px}
.ddd-about-hero177 h1{font-size:clamp(58px,6vw,98px);line-height:1.03;letter-spacing:-.065em;color:#263d4e;margin:0 0 26px}
.ddd-about-hero177-lead{font-size:clamp(18px,2vw,23px);line-height:1.65;color:#496879;max-width:580px;font-weight:600;margin:0 0 32px}
.ddd-about-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:435px}
.ddd-about-milestones>div{background:rgba(255,255,255,.88);border:1px solid #e4edf1;border-radius:18px;padding:17px 14px;box-shadow:0 12px 30px #1d52630d}
.ddd-about-milestones strong{display:block;color:#ef0b5b;font-weight:900;font-size:27px;letter-spacing:-.04em}
.ddd-about-milestones>div:nth-child(2) strong{color:#158fb3}
.ddd-about-milestones>div:nth-child(3) strong{color:#249d91}
.ddd-about-milestones span{display:block;color:#637d8b;font-size:12px;line-height:1.4;margin-top:4px}
.ddd-about-hero177-image{position:relative;aspect-ratio:5/4;border:9px solid #fff;border-radius:30px;box-shadow:0 28px 65px #22455824;transform:rotate(1.3deg)}
.ddd-about-hero177-image>img{width:100%;height:100%;object-fit:cover;border-radius:21px;display:block}
.ddd-about-photo-label{position:absolute;left:-25px;bottom:28px;display:inline-flex;align-items:center;gap:11px;padding:12px 17px;background:#fff;color:#264c61;font-size:13px;font-weight:800;border-radius:17px;box-shadow:0 12px 35px #193f511b;transform:rotate(-1.3deg)}
.ddd-about-photo-label svg{width:24px;height:24px;color:#ed0b5b}
/* All paragraphs and photos are WordPress-managed. No story text is hard-coded in the template. */
.ddd-about-story177{padding:65px 0 72px;background:linear-gradient(180deg,#fff,#f8fcfe)}
.ddd-about-story177-body{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.ddd-about-story177-body>.ddd-about-chapter,.ddd-about-story177-body>.wp-block-group.ddd-about-chapter{padding:clamp(26px,4vw,50px);border:1px solid #e8edf1;border-radius:27px;box-shadow:0 12px 38px #153e5210;background:#fff;position:relative;overflow:hidden}
.ddd-about-chapter:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ec0d5c,#50b6ad)}
.ddd-about-chapter:nth-child(2){background:linear-gradient(130deg,#f3fbfd,#fff 76%)}
.ddd-about-chapter:nth-child(3){background:linear-gradient(130deg,#fff3f8,#fff 76%)}
.ddd-about-story177-body h2{font-size:clamp(23px,2.4vw,34px);letter-spacing:-.04em;color:#263d4e;margin:0 0 20px}
.ddd-about-story177-body p{max-width:790px;font-size:clamp(15px,1.25vw,17px);font-weight:450;line-height:1.85;color:#4b687b;margin:0 0 17px}
.ddd-about-story177-body p:last-child{margin-bottom:0}
.ddd-about-story177-body a{color:#d90a53;text-decoration:underline;text-underline-offset:3px}
.ddd-about-story177-body img{max-width:100%;height:auto;border-radius:18px}
.ddd-about-177 .ddd-about-team{background:linear-gradient(130deg,#fff0f6,#ebf8fc 68%,#f8fffd)}
.ddd-about-177 .ddd-about-team .person{transition:transform .32s ease,box-shadow .32s ease}
.ddd-about-177 .ddd-about-team .person:hover{transform:translateY(-5px);box-shadow:0 22px 42px #254b5b19}
.ddd-about-177 .ddd-about-team .avatar svg{width:42px;height:42px;color:#e70c59}
/* Subtle hover lift while all paragraphs remain fully readable. Headings already use the site-wide scroll animation. */
@media(min-width:801px){.ddd-about-story177-body>.ddd-about-chapter{transition:transform .35s ease,box-shadow .35s ease}.ddd-about-story177-body>.ddd-about-chapter:hover{transform:translateY(-3px);box-shadow:0 20px 44px #153e5218}}
@media(max-width:1080px){.nav{gap:8px}.nav .ddd-nav-home{width:38px;min-width:38px;height:38px}}
@media(max-width:800px){.nav .ddd-nav-home{width:100%;min-height:44px;height:44px;justify-content:flex-start;padding:10px 14px!important;gap:12px}.nav .ddd-nav-home span{position:static;clip:auto;width:auto;height:auto;overflow:visible;white-space:normal;font-weight:800}.ddd-about-hero177{padding:44px 0 54px}.ddd-about-hero177-grid{grid-template-columns:1fr;gap:32px}.ddd-about-hero177-image{transform:none;max-width:650px;aspect-ratio:16/10;margin:0 auto}.ddd-about-photo-label{left:15px;bottom:15px;transform:none}.ddd-about-story177{padding:40px 0 52px}}
@media(max-width:530px){.ddd-about-hero177 h1{font-size:57px}.ddd-about-hero177-lead{font-size:17px}.ddd-about-milestones{gap:7px}.ddd-about-milestones>div{border-radius:13px;padding:13px 9px}.ddd-about-milestones strong{font-size:21px}.ddd-about-milestones span{font-size:11px}.ddd-about-story177-body{gap:13px}.ddd-about-story177-body>.ddd-about-chapter{padding:23px 20px;border-radius:19px}.ddd-about-photo-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ddd-about-177 *{animation:none!important;transition:none!important}.ddd-about-story177-body>.ddd-about-chapter{opacity:1!important;transform:none!important}}
body.calm-mode .ddd-about-177 *{animation:none!important;transition:none!important}
