@import "fonts-g-J2N3s.css";

:root {
  --c-ink: #0C3F3A; --c-accent: #159FB5; --c-accent-dark: #0F8497; --c-footer: #02393F;
  --c-cream: #FAFBD1; --c-cream-2: #F4F1CE; --c-text: #3a3a3a; --c-err: #E24A5B;
  --f-head: 'Montserrat', sans-serif; --f-body: 'Poppins', system-ui, sans-serif; --f-deva: 'Noto Sans Devanagari', sans-serif;
  --shadow-card: 0 10px 26px rgba(12,63,58,.09); --shadow-panel: 0 30px 70px rgba(12,63,58,.10);
  --wrap: 1180px; --pad: clamp(20px, 5vw, 40px);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--f-body);color:#333;background:#F7F4D9;-webkit-font-smoothing:antialiased}
a{color:var(--c-accent);text-decoration:none}
a:hover{color:var(--c-accent-dark)}
img{display:block;max-width:100%}
input,textarea,button{font-family:inherit}
::selection{background:rgba(21,159,181,.25)}
.dy-h{font-family:var(--f-head);letter-spacing:.01em}
.dy-site{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to top right,#F3EFCB 0%,#FCFBEF 55%,#FFFFFF 100%)}
.dy-main{flex:1}
.dy-wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.dy-page{animation:dyfade .35s ease}
@keyframes dyfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Header */
.dy-header{display:flex;align-items:center;justify-content:space-between;padding:26px clamp(20px,5vw,72px);gap:24px}
.dy-logo{display:flex;align-items:flex-end;gap:9px;color:var(--c-ink)}
.dy-logo svg{width:34px;height:46px}
.dy-logo-img{height:56px;width:auto;display:block}
.dy-logo-deva{font-family:var(--f-deva);font-weight:700;font-size:26px;line-height:.9}
.dy-logo-latin{font-weight:800;font-size:27px;line-height:.9}
.dy-nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px)}
.dy-navlink{font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--c-ink);transition:color .18s}
.dy-navlink:hover,.dy-navlink.is-active{color:var(--c-accent)}
.dy-nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:6px;color:var(--c-ink)}
.dy-pill{display:inline-block;cursor:pointer;background:var(--c-accent);color:#fff;font-family:var(--f-head);font-weight:700;font-size:13px;letter-spacing:.04em;padding:13px 26px;border-radius:40px;white-space:nowrap;border:0;transition:background .18s,transform .12s}
.dy-pill:hover{background:var(--c-accent-dark);color:#fff}
.dy-pill:active{transform:translateY(1px)}
.dy-pill--lg{font-size:14px;padding:15px 34px}

/* Hero (2 sloupce) */
.dy-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-top:30px;padding-bottom:20px}
.dy-hero--top{align-items:start}
.dy-hero h1{font-weight:800;font-size:40px;color:var(--c-ink);margin:0 0 22px;text-transform:uppercase;line-height:1.15}
.dy-hero h1.is-accent{color:var(--c-accent)}
.dy-hero--md h1{font-size:36px}
.dy-hero--sm h1{font-size:34px}
.dy-hero p,.dy-rt p{font-size:16px;line-height:1.7;color:var(--c-text);margin:0 0 18px}
.dy-hero-kicker{font-weight:700;font-size:15px;color:var(--c-ink);margin:0 0 12px;text-transform:uppercase;letter-spacing:.02em;line-height:1.4}
.dy-hero-img{display:flex;justify-content:center}
.dy-hero-img img{width:min(100%,360px);height:auto;filter:drop-shadow(0 20px 40px rgba(12,63,58,.15))}

/* Panel (bílá karta) */
.dy-panel{background:#fff;border-radius:26px;box-shadow:var(--shadow-panel);padding:clamp(28px,4vw,52px)}
.dy-panel--tight{border-radius:22px;padding:clamp(26px,4vw,48px)}
.dy-section{margin:36px auto}
.dy-section-title{font-weight:800;font-size:30px;color:var(--c-accent);margin:0 0 30px;text-transform:uppercase}
.dy-section-title.is-ink{color:var(--c-ink)}
.dy-section-title--sm{font-size:28px}
.dy-section-title--xs{font-size:26px}

/* Help cards */
.dy-help{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dy-help-card{background:linear-gradient(125deg,#8FBF40 0%,#1BA0AB 100%);border-radius:16px;padding:26px 24px;color:#fff}
.dy-help-card h3{font-family:var(--f-head);font-weight:700;font-size:16px;margin:0 0 14px;text-transform:uppercase;letter-spacing:.02em}
.dy-help-card p{font-size:13.5px;line-height:1.65;margin:0;color:rgba(255,255,255,.94)}

/* Project cards */
.dy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:start}
.dy-grid--tight{gap:18px}
.dy-card{display:block;cursor:pointer;background:#fff;border-radius:14px;box-shadow:var(--shadow-card);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;color:inherit}
.dy-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(12,63,58,.16);color:inherit}
.dy-card img{width:100%;height:170px;object-fit:cover;background:#e7ebe9}
.dy-grid--lg .dy-card img{height:180px}
.dy-grid--sm .dy-card img{height:130px}
.dy-card h3{font-family:var(--f-head);font-weight:700;font-size:14px;color:var(--c-ink);margin:0;text-transform:uppercase;line-height:1.3;padding:16px 16px 20px}
.dy-grid--sm .dy-card h3{font-size:12px;padding:12px 12px 16px}
.dy-more{margin-top:30px}
.dy-more--center{text-align:center;margin-top:34px}

/* Rich text (bloky) */
.dy-rt{font-size:15px;line-height:1.75;color:var(--c-text);margin:0 0 18px}
.dy-rt h3{font-family:var(--f-head);color:var(--c-ink);font-size:18px;margin:18px 0 8px}
.dy-rt p{font-size:15px;margin:0 0 14px}
.dy-rt a{color:var(--c-accent)}
.dy-rt ul,.dy-rt ol{margin:0 0 14px;padding-left:22px}
.dy-rt blockquote{background:#fff;border-radius:14px;box-shadow:0 14px 36px rgba(12,63,58,.09);padding:30px 34px;text-align:center;margin:0 0 30px}
.dy-rt blockquote p:first-child{font-family:var(--f-head);font-style:italic;font-weight:600;font-size:18px;color:var(--c-ink);margin:0 0 10px}
.dy-rt blockquote p:last-child{font-style:italic;color:#777;margin:0;font-size:14px}
.dy-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.dy-gallery img{width:100%;height:200px;object-fit:cover;border-radius:8px;box-shadow:0 8px 20px rgba(12,63,58,.12)}
.dy-video{position:relative;padding-bottom:56.25%;height:0;margin:26px 0;background:#0C3F3A;border-radius:10px;overflow:hidden}
.dy-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dy-video-consent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;text-align:center;padding:20px}
.dy-video-consent p{margin:0;color:#fff}
.dy-video-consent a{color:var(--c-cream)}
.dy-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:100;padding:30px}
.dy-lightbox.is-open{display:flex}
.dy-lightbox img{max-width:100%;max-height:100%;border-radius:6px}
.dy-lightbox-close{position:absolute;top:16px;right:20px;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}
.dy-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:72px;background:rgba(255,255,255,.12);border:0;color:#fff;font-size:46px;line-height:1;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s}
.dy-lightbox-nav:hover{background:rgba(255,255,255,.28)}
.dy-lightbox-nav[hidden]{display:none}
.dy-lightbox-prev{left:16px}
.dy-lightbox-next{right:16px}
.dy-lightbox-count{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:rgba(255,255,255,.8);font-size:13px;letter-spacing:.04em}
@media (max-width:768px){.dy-lightbox{padding:14px}.dy-lightbox-nav{width:40px;height:56px;font-size:36px;left:6px}.dy-lightbox-next{left:auto;right:6px}}

/* Detail projektu */
.dy-back{display:inline-block;color:var(--c-accent);font-size:13px;font-weight:600;margin-bottom:20px}
.dy-detail{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.dy-detail h1{font-weight:800;font-size:30px;color:var(--c-accent);margin:0 0 18px;text-transform:uppercase}
.dy-detail-intro{font-size:15px;line-height:1.7;color:var(--c-ink);font-weight:600;margin:0 0 22px}
.dy-detail-hero{width:100%;border-radius:10px;box-shadow:0 12px 30px rgba(12,63,58,.14)}
.dy-detail-body{margin-top:30px}
.dy-detail-side{margin-top:22px}

/* Náš příběh */
.dy-story-head{display:grid;grid-template-columns:1fr 1.15fr;gap:38px;align-items:start;margin-bottom:38px}
.dy-story-head h1{font-weight:800;font-size:30px;color:var(--c-ink);margin:0 0 18px;text-transform:uppercase;line-height:1.15}
.dy-leaflets{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dy-leaflets img,.dy-leaflets .dy-ph{width:100%;aspect-ratio:318/455;border-radius:8px;object-fit:cover;background:#e6e8d8}
.dy-founder{max-width:420px;margin:0 auto}
.dy-founder img,.dy-founder .dy-ph{width:100%;aspect-ratio:3/4;border-radius:8px 8px 30px 8px;object-fit:cover;background:#e6e8d8;box-shadow:0 12px 30px rgba(12,63,58,.14)}
.dy-founder-cap{font-size:13px;color:#555;margin-top:10px;text-align:center}
.dy-subhead{font-weight:700;font-size:15px;color:var(--c-accent);margin:0 0 22px;text-transform:uppercase;letter-spacing:.03em}

/* Kontakt */
.dy-contact-line{margin:0 0 20px;font-weight:600}
.dy-contact-line a{color:var(--c-ink);display:inline-flex;align-items:center;gap:12px}
.dy-contact-ico{font-size:26px;line-height:1}
.dy-contact-addr{font-size:15px;line-height:1.9;color:var(--c-text);margin-bottom:20px}
.dy-contact-acc{font-weight:600;color:var(--c-ink);margin:0 0 16px;display:flex;align-items:center;gap:12px}
.dy-qr{background:#fff;border-radius:6px;box-shadow:0 10px 26px rgba(12,63,58,.10);padding:16px;width:210px;text-align:center;margin-bottom:20px}
.dy-qr div{font-size:13px;color:#555;margin-top:6px}
.dy-contact-note{font-size:14px;line-height:1.7;color:var(--c-text);margin:18px 0 22px}
.dy-social{display:flex;gap:14px}
.dy-social a{width:44px;height:44px;border-radius:50%;background:var(--c-cream);color:var(--c-footer);display:flex;align-items:center;justify-content:center;transition:background .18s}
.dy-social a:hover{background:#e9e7b4}
.dy-social svg{width:20px;height:20px;fill:var(--c-footer)}
.dy-director{position:relative;width:min(100%,420px);margin:0 auto}
.dy-director img{width:100%;border-radius:8px 8px 30px 8px}
.dy-director-cap{position:absolute;left:0;right:20%;bottom:24px;background:rgba(21,159,181,.86);backdrop-filter:blur(2px);color:#fff;padding:14px 20px;border-radius:0 6px 6px 0}

/* Formulář */
.dy-form label{display:block;font-size:14px;color:#8a8a8a;margin-bottom:4px}
.dy-form .req{color:var(--c-err)}
.dy-field{margin-bottom:28px}
.dy-field--sm{margin-bottom:24px}
.dy-row2{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.dy-in{border:none;border-bottom:1.5px solid #cfcfc0;background:transparent;padding:8px 2px;font-size:15px;color:#333;width:100%;outline:none;transition:border-color .18s;border-radius:0}
.dy-in:focus{border-bottom-color:var(--c-accent)}
.dy-in.is-invalid{border-bottom-color:var(--c-err)}
.dy-ta{border:1.5px solid #d7d7c8;background:#fff;border-radius:2px;padding:12px 14px;font-size:15px;color:#333;width:100%;outline:none;resize:vertical;transition:border-color .18s}
.dy-ta:focus{border-color:var(--c-accent)}
.dy-ta.is-invalid{border-color:var(--c-err)}
.dy-file-lbl{font-family:var(--f-head);font-weight:700;font-size:13px;color:var(--c-ink);margin-bottom:8px}
.dy-file{display:flex;align-items:center;gap:16px}
.dy-file-btn{cursor:pointer;color:var(--c-accent);font-family:var(--f-head);font-weight:700;font-size:13px;letter-spacing:.03em;border:1.5px solid var(--c-accent);padding:9px 18px;border-radius:3px;background:#fff}
.dy-file-name{font-size:13px;color:#999}
.dy-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#555;margin-bottom:22px;cursor:pointer}
.dy-check input{margin-top:2px;accent-color:var(--c-accent);width:16px;height:16px}
.dy-check a{color:var(--c-err)}
.dy-form-err{color:var(--c-err);font-size:13px;margin:0 0 14px}
.dy-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dy-sent{text-align:center;padding:50px 20px}
.dy-sent-ico{width:64px;height:64px;border-radius:50%;background:var(--c-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 18px}
.dy-sent h3{font-family:var(--f-head);font-weight:800;color:var(--c-ink);font-size:22px;margin:0 0 10px;text-transform:uppercase}
.dy-sent p{color:var(--c-text);font-size:15px;margin:0 0 22px}

/* GDPR */
.dy-gdpr h1{font-weight:800;font-size:28px;color:var(--c-ink);margin:0 0 6px;text-transform:uppercase}
.dy-gdpr h2{font-weight:600;font-size:16px;color:var(--c-accent);margin:0 0 26px}
.dy-gdpr .dy-rt h3{font-size:16px;margin:26px 0 8px}
.dy-gdpr .dy-rt p{font-size:14px;line-height:1.7;color:#444;margin:0 0 12px}
.dy-gdpr .dy-rt strong{color:var(--c-ink)}

/* Footer */
.dy-footer{background:var(--c-footer);color:#e9efec;margin-top:20px}
.dy-footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:30px;align-items:start;padding-top:52px;padding-bottom:30px}
.dy-footer .dy-logo{color:var(--c-cream-2);margin-bottom:22px}
.dy-footer .dy-logo svg{width:30px;height:40px}
.dy-footer .dy-logo-img{height:64px}
.dy-footer .dy-logo-deva{font-size:22px}
.dy-footer .dy-logo-latin{font-size:23px}
.dy-footer-contact{font-size:14px;line-height:2.1;color:var(--c-cream)}
.dy-footer-contact div{display:flex;align-items:center;gap:10px}
.dy-footer-contact svg{width:16px;height:16px;flex:none}
.dy-footer-contact a,.dy-footer-contact span{color:#eae9e9}
.dy-footer-social{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.dy-footer-social a{width:42px;height:42px;border-radius:50%;background:var(--c-cream);display:flex;align-items:center;justify-content:center}
.dy-footer-social svg{width:20px;height:20px;fill:var(--c-footer)}
.dy-footer h4{font-family:var(--f-head);font-weight:700;font-size:14px;color:var(--c-cream);margin:0 0 16px;text-transform:uppercase;letter-spacing:.04em}
.dy-footer-links{display:flex;flex-direction:column;gap:8px;font-size:14px}
.dy-footer-links a{color:#eae9e9;transition:color .16s}
.dy-footer-links a:hover{color:#fff}
.dy-footer-bottom{border-top:1px solid rgba(255,255,255,.08)}
.dy-footer-bottom .dy-wrap{padding-top:16px;padding-bottom:16px;display:flex;justify-content:center;align-items:center;gap:20px;font-size:13px;color:#9fb0aa;flex-wrap:wrap}
.dy-footer-bottom a{color:#9fb0aa;text-decoration:underline}
.dy-adminlink{opacity:.5;font-size:12px;text-decoration:none!important}
.dy-adminlink:hover{opacity:1;color:#fff!important}

/* 404 */
.dy-404{text-align:center;padding:60px var(--pad)}
.dy-404 h1{font-weight:800;font-size:34px;color:var(--c-ink);text-transform:uppercase;margin:0 0 8px}
.dy-404 h2{font-weight:600;font-size:16px;color:var(--c-accent);margin:0 0 20px}

/* Cookie consent */
.dy-consent{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#02393F;color:#e9efec;box-shadow:0 -10px 30px rgba(0,0,0,.2);animation:dyfade .3s ease}
.dy-consent-inner{max-width:var(--wrap);margin:0 auto;padding:18px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.dy-consent p{margin:0;font-size:13.5px;line-height:1.6;max-width:760px}
.dy-consent a{color:var(--c-cream)}
.dy-consent-actions{display:flex;gap:10px;flex-wrap:wrap}
.dy-pill--ghost{background:transparent;border:1.5px solid var(--c-cream);color:var(--c-cream)}
.dy-pill--ghost:hover{background:rgba(255,255,255,.08);color:#fff}

/* ===== Responzivita ===== */
@media (max-width: 1024px) {
  .dy-grid{grid-template-columns:repeat(3,1fr)}
  .dy-help{grid-template-columns:1fr 1fr}
  .dy-footer-grid{grid-template-columns:1fr 1fr}
  .dy-hero h1{font-size:34px}
}
@media (max-width: 768px) {
  .dy-header{padding:18px 20px;flex-wrap:wrap}
  .dy-nav-toggle{display:inline-flex}
  .dy-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:14px;padding-top:16px}
  .dy-nav.is-open{display:flex}
  .dy-hero,.dy-detail,.dy-story-head{grid-template-columns:1fr;gap:24px}
  .dy-hero-img{order:-1}
  .dy-hero-img img{width:min(100%,260px)}
  .dy-hero h1,.dy-hero--md h1,.dy-hero--sm h1{font-size:28px}
  .dy-section-title,.dy-section-title--sm,.dy-section-title--xs{font-size:24px}
  .dy-grid,.dy-grid--lg,.dy-grid--sm{grid-template-columns:1fr 1fr;gap:14px}
  .dy-help{grid-template-columns:1fr}
  .dy-gallery{grid-template-columns:1fr 1fr}
  .dy-row2{grid-template-columns:1fr;gap:0}
  .dy-footer-grid{grid-template-columns:1fr;gap:26px;padding-top:36px}
  .dy-footer-social{flex-direction:row}
  .dy-panel,.dy-panel--tight{border-radius:16px}
  .dy-leaflets{max-width:420px}
  .dy-founder{max-width:320px;margin:0}
  .dy-director{max-width:320px}
  .dy-consent-inner{flex-direction:column;align-items:flex-start}
}
@media (max-width: 480px) {
  .dy-grid,.dy-grid--lg,.dy-grid--sm{grid-template-columns:1fr}
  .dy-gallery{grid-template-columns:1fr}
  .dy-gallery img{height:220px}
  .dy-logo-deva{font-size:22px}.dy-logo-latin{font-size:23px}
  .dy-pill--lg{width:100%;text-align:center}
  .dy-hero h1{font-size:24px}
  .dy-qr{width:100%;max-width:210px}
  .dy-footer-bottom .dy-wrap{flex-direction:column;gap:6px;text-align:center}
}