:root{
  --navy:#011355; --navy-soft:#2b3a72; --teal:#1DE4BD; --teal-deep:#0fb896;
  --bg:#F5F7F6; --bg-deep:#EFF2F0; --muted:#5B6478; --line:#DDE3E0;
  --warn:#e8834a; --bad:#d4574f;
  --ff-d:'Fraunces',Georgia,serif; --ff-b:'Manrope',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--ff-b);background:var(--bg);color:var(--navy);overflow-x:hidden}

/* ---------- STAGE ---------- */
.stage-wrap{position:relative;height:150vh}
.stage-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(ellipse 60% 50% at 50% 42%,#fff 0%,transparent 70%),var(--bg)}
.lockup{display:flex;align-items:center;justify-content:center;width:100%}
.mark-settle{flex:0 0 auto;will-change:transform}
.mark-breathe{animation:breathe 5.5s ease-in-out infinite;transform-origin:50% 50%}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
.mark-svg{width:clamp(140px,19vw,230px);height:clamp(140px,19vw,230px);display:block;overflow:visible}
.ring{fill:none;stroke:var(--navy)}
.ring--lg{stroke-width:11}.ring--sm{stroke-width:8}
.wordmark{flex:0 0 auto;width:0;overflow:hidden;opacity:0;display:flex;align-items:center;
  white-space:nowrap;will-change:width,opacity}
.word-corpo,.word-key{font-family:var(--ff-d);font-weight:700;font-size:clamp(30px,5.4vw,54px);letter-spacing:.01em;line-height:1}
.word-corpo{color:var(--teal)}.word-key{color:var(--navy)}
.key-stack{display:flex;flex-direction:column;align-items:stretch;gap:.18em}
.skyline{display:block;width:100%;height:clamp(14px,2.4vw,24px)}
.stage-tagline{margin-top:clamp(1.4rem,3vw,2.2rem);font-family:var(--ff-d);font-weight:600;
  font-size:clamp(1.15rem,2.6vw,1.7rem);color:var(--navy);letter-spacing:-.01em;opacity:0;will-change:opacity,transform}
.scroll-cue{position:absolute;left:50%;bottom:clamp(28px,6vh,56px);transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--muted);
  font-size:11px;letter-spacing:.14em;transition:opacity .4s}
.scroll-cue-line{width:1px;height:36px;background:linear-gradient(var(--navy),transparent);
  animation:cueflow 2.2s ease infinite}
@keyframes cueflow{0%,100%{opacity:.25}50%{opacity:1}}




/* ---------- exact logo lockup (two layers, original geometry) ---------- */
.logo-lockup{
  position:relative;
  width:clamp(300px,62vw,760px);
  aspect-ratio:2.8406;
  transform-origin:16.79% 50%;
  will-change:transform;
}
.logo-lockup .ll-mark,
.logo-lockup .ll-word{position:absolute;top:0}
.logo-lockup img{width:100%;height:100%;display:block;object-fit:contain}

.ll-mark{
  left:0.0000%; top:0.0000%;
  width:33.5714%; height:100.0000%;
  animation:breathe 5.5s ease-in-out infinite;
  transform-origin:50% 50%;
}
.ll-word{
  left:25.2296%; top:0.0000%;
  width:74.7704%; height:61.7391%;
  clip-path:inset(0 100% 0 0);
  will-change:clip-path;
}
@media(prefers-reduced-motion:reduce){
  .ll-mark{animation:none}
  .ll-word{clip-path:inset(0 0 0 0)}
}

/* ---------- logo images ---------- */
.footer-logo-img{height:clamp(30px,4vw,42px);width:auto;display:block;margin-bottom:.9rem;
  filter:brightness(0) invert(1);opacity:.96}
.header-logo-img{height:clamp(22px,3vw,30px);width:auto;display:block}

/* ---------- stage extras ---------- */
.stage-stars{margin-top:clamp(1.2rem,2.6vw,1.9rem);font-size:clamp(1.2rem,2.6vw,1.7rem);
  letter-spacing:.28em;color:#F2B705;opacity:0;will-change:opacity}
.stage-sub{margin-top:.7rem;font-size:clamp(15px,1.9vw,17.5px);line-height:1.7;
  color:var(--muted);text-align:center;max-width:520px;opacity:0;will-change:opacity}
.stage-cta{display:inline-block;margin-top:clamp(1.4rem,3vw,2rem);font-family:var(--ff-b);
  font-size:14.5px;font-weight:700;letter-spacing:.01em;color:#fff;background:var(--navy);
  border-radius:4px;padding:.9rem 1.8rem;text-decoration:none;opacity:0;
  transition:background .3s,transform .25s;will-change:opacity}
.stage-cta:hover{background:#0a2170;transform:translateY(-2px)}

/* ---------- manifest bullets ---------- */
.cx-points{list-style:none;margin:.4rem 0 0}
.cx-points li{position:relative;padding-left:1.6rem;font-size:clamp(16px,1.9vw,17.5px);
  line-height:1.9;color:var(--muted);margin-bottom:.4rem}
.cx-points li::before{content:'';position:absolute;left:0;top:.72em;width:9px;height:9px;
  border-radius:50%;background:var(--teal)}
.cx-points strong{color:var(--navy);font-weight:700}

/* ---------- star ratings in ladder ---------- */
.rung{grid-template-columns:56px 1fr}
.rung-stars{margin-top:.55rem;font-size:15px;letter-spacing:.14em;line-height:1}
.rung-stars .s-on{color:#F2B705}
.rung-stars .s-off{color:#D8DDE2}
@media(max-width:520px){.rung{grid-template-columns:44px 1fr;gap:.8rem}}

/* ---------- shared section bits ---------- */
.sec{padding:clamp(4.5rem,9vw,7rem) 1.5rem}
.sec--deep{background:var(--bg-deep)}
.in-narrow{max-width:820px;margin:0 auto}
.in-wide{max-width:1120px;margin:0 auto}
.eyebrow-big{display:flex;align-items:center;justify-content:center;gap:1rem;
  font-family:var(--ff-d);font-style:normal;font-weight:600;letter-spacing:.01em;
  font-size:clamp(1.15rem,2.4vw,1.65rem);line-height:1.3;color:var(--teal-deep);margin-bottom:1.4rem}
.eyebrow-big::before,.eyebrow-big::after{content:'';height:1px;width:clamp(24px,6vw,64px);flex:0 0 auto;
  background:linear-gradient(90deg,transparent,var(--teal))}
.eyebrow-big::after{background:linear-gradient(90deg,var(--teal),transparent)}
@media(max-width:520px){.eyebrow-big{flex-wrap:wrap}.eyebrow-big::before,.eyebrow-big::after{display:none}}
.h2{font-family:var(--ff-d);font-weight:700;font-size:clamp(2.4rem,5.6vw,4.2rem);
  line-height:1.06;letter-spacing:-.02em;color:var(--navy)}
.lead{margin-top:1.1rem;font-size:15.5px;line-height:1.8;color:var(--muted)}
.center{text-align:center}
.head-block{text-align:center;max-width:660px;margin:0 auto clamp(3rem,6vw,4.5rem)}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.rv.in{opacity:1;transform:none}

/* ---------- manifesto ---------- */
.manifest p{font-size:clamp(16px,1.9vw,17.5px);line-height:1.9;color:var(--muted);margin-bottom:1.2rem}
.manifest strong{color:var(--navy);font-weight:600}
.pull{margin:clamp(2.5rem,5vw,3.5rem) 0;padding:clamp(1.8rem,3.4vw,2.6rem) clamp(1.6rem,3vw,2.6rem);
  border-left:4px solid var(--teal);background:rgba(29,228,189,.08);border-radius:0 8px 8px 0;
  font-family:var(--ff-d);font-style:normal;font-weight:600;letter-spacing:-.01em;
  font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.35;color:var(--navy)}

/* ---------- CX ladder ---------- */
.ladder{display:flex;flex-direction:column;gap:.7rem;max-width:820px;margin:0 auto}
.rung{display:grid;grid-template-columns:56px 1fr;gap:1.1rem;align-items:start;
  background:#fff;border:1px solid var(--line);border-radius:8px;
  padding:1.1rem 1.3rem;cursor:default;
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s}
.rung:hover{transform:translateX(6px);box-shadow:0 14px 34px rgba(1,19,85,.09)}
.rung-num{font-family:var(--ff-d);font-weight:400;font-size:2rem;line-height:1;
  text-align:center;font-variant-numeric:lining-nums}
.rung-name{font-weight:700;font-size:15px;margin-bottom:.25rem}
.rung-desc{font-size:14px;line-height:1.7;color:var(--muted)}
.rung[data-tone="bad"]{border-left:4px solid var(--bad)} .rung[data-tone="bad"] .rung-num{color:var(--bad)}
.rung[data-tone="warn"]{border-left:4px solid var(--warn)} .rung[data-tone="warn"] .rung-num{color:var(--warn)}
.rung[data-tone="mid"]{border-left:4px solid #b9c0c9} .rung[data-tone="mid"] .rung-num{color:#98a1ad}
.rung[data-tone="good"]{border-left:4px solid var(--teal-deep)} .rung[data-tone="good"] .rung-num{color:var(--teal-deep)}
.rung[data-tone="best"]{border-left:4px solid var(--navy);background:linear-gradient(90deg,rgba(29,228,189,.12),#fff 60%)}
.rung[data-tone="best"] .rung-num{color:var(--navy)}
.ladder-goal{text-align:center;margin-top:2rem;font-family:var(--ff-d);font-weight:600;
  font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.4;color:var(--navy)}

/* ---------- phases (rings) ---------- */
.phases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,2.5rem)}
@media(max-width:840px){.phases-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}
.phase-card{text-align:center;padding:clamp(2rem,4vw,2.6rem) 1.2rem;cursor:pointer;
  border-radius:10px;transition:background .3s}
.phase-card:hover,.phase-card:focus-visible{background:rgba(1,19,85,.03)}
.phase-card:focus-visible{outline:2px solid var(--teal-deep);outline-offset:4px}
.phase-ring-wrap{position:relative;width:clamp(140px,18vw,190px);height:clamp(140px,18vw,190px);
  margin:0 auto clamp(1.4rem,3vw,1.9rem);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.phase-card:hover .phase-ring-wrap{transform:scale(1.1)}
.phase-svg{width:100%;height:100%;overflow:visible}
.phase-ring-outer,.phase-ring-inner{fill:none;stroke:var(--navy);stroke-width:2.5}
.phase-fill{fill:var(--teal);opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1)}
.phase-card:hover .phase-fill{opacity:.14}
.phase-numeral{font-family:var(--ff-d);font-style:normal;font-weight:700;
  font-size:clamp(1.4rem,2.4vw,1.8rem);fill:var(--navy)}
.phase-when{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.03em;
  color:var(--navy);background:rgba(29,228,189,.2);padding:.28rem .75rem;border-radius:20px;margin-bottom:.8rem}
.phase-title{font-family:var(--ff-d);font-weight:700;font-size:clamp(1.35rem,2.4vw,1.7rem);
  color:var(--navy);margin-bottom:.6rem}
.phase-desc{font-size:14px;line-height:1.7;color:var(--muted);max-width:270px;margin:0 auto;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .45s}
.phase-card:hover .phase-desc{max-height:160px;opacity:1}
.phases-note{text-align:center;margin-top:clamp(2.5rem,5vw,3.5rem);font-size:14px;
  line-height:1.75;color:var(--muted);max-width:560px;margin-left:auto;margin-right:auto}
.phases-note strong{color:var(--navy)}

/* ---------- details ---------- */
.detail-block{display:grid;grid-template-columns:120px 1fr;gap:clamp(1.2rem,3vw,2.5rem);
  padding:clamp(2.2rem,4vw,3rem) 0;border-top:1px solid var(--line);scroll-margin-top:2rem}
.details-in .detail-block:last-child{border-bottom:1px solid var(--line)}
@media(max-width:640px){.detail-block{grid-template-columns:1fr;gap:.8rem}}
.detail-numeral{font-family:var(--ff-d);font-style:normal;font-weight:700;
  font-size:clamp(2.4rem,5vw,3.2rem);color:var(--teal-deep);line-height:1}
.detail-title{font-family:var(--ff-d);font-weight:700;font-size:clamp(1.6rem,3.2vw,2.2rem);
  color:var(--navy);margin-bottom:.7rem}
.detail-text{font-size:15.5px;line-height:1.8;color:var(--muted);max-width:560px;margin-bottom:.9rem}
.detail-out{font-size:14.5px;line-height:1.7;color:var(--navy);font-weight:600}
.detail-out span{color:var(--teal-deep)}
.detail-tag{display:inline-block;margin-top:1rem;font-size:12px;font-weight:600;letter-spacing:.03em;
  color:var(--navy);background:rgba(29,228,189,.16);padding:.3rem .8rem;border-radius:20px}

/* ---------- process steps ---------- */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.1rem}
.step{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1.6rem 1.3rem;
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s}
.step:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(1,19,85,.1);border-color:transparent}
.step-n{font-family:var(--ff-d);font-style:normal;font-weight:700;font-size:2rem;
  color:var(--teal-deep);line-height:1;margin-bottom:.6rem}
.step-t{font-weight:700;font-size:14.5px;margin-bottom:.45rem}
.step-d{font-size:13.5px;line-height:1.7;color:var(--muted)}

/* ---------- chain ---------- */
.chain{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;
  margin-top:clamp(2.5rem,5vw,3.5rem)}
.chain-item{font-weight:700;font-size:clamp(12.5px,1.6vw,14px);letter-spacing:.02em;
  padding:.6rem 1.1rem;border-radius:24px;background:#fff;border:1px solid var(--line);
  transition:transform .35s,border-color .35s,background .35s}
.chain-item:hover{transform:translateY(-3px);border-color:var(--teal)}
.chain-item.is-end{background:var(--navy);color:#fff;border-color:var(--navy)}
.chain-arrow{color:var(--teal-deep);font-size:14px}
.chain-cap{text-align:center;margin-top:1.6rem;font-family:var(--ff-d);font-weight:600;
  font-size:clamp(1.15rem,2.4vw,1.5rem);color:var(--navy)}

/* ---------- team ---------- */
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2rem,5vw,4rem)}
@media(max-width:760px){.team-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}
.person-photo{aspect-ratio:4/5;background:repeating-linear-gradient(45deg,#e7ebe9 0 12px,#eef1ef 12px 24px);
  border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;
  overflow:hidden;margin-bottom:1.4rem;
  transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.person:hover .person-photo{transform:translateY(-6px);box-shadow:0 22px 48px rgba(1,19,85,.13)}
.person-photo img{width:100%;height:100%;object-fit:cover;display:block}
.photo-hint{font-family:var(--ff-b);font-style:italic;font-size:14px;color:var(--muted);
  text-align:center;padding:1.5rem;line-height:1.7}
.person-name{font-family:var(--ff-d);font-weight:700;font-size:clamp(1.4rem,2.6vw,1.8rem);
  color:var(--navy);margin-bottom:.25rem}
.person-role{font-size:13px;font-weight:600;color:var(--teal-deep);margin-bottom:.9rem}
.person-bio{font-size:14.5px;line-height:1.78;color:var(--muted)}


.person-skills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.1rem}
.pskill{font-family:var(--ff-b);font-size:12px;font-weight:600;color:var(--navy);
  background:#fff;border:1px solid var(--line);border-radius:20px;padding:.3rem .75rem;
  transition:border-color .25s,transform .25s}
.pskill:hover{border-color:var(--teal);transform:translateY(-2px)}

/* ---------- contact ---------- */
.contact-in{max-width:620px;margin:0 auto}
.field{margin-bottom:1.5rem}
.field label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:.5rem}
.field input,.field textarea{width:100%;font-family:var(--ff-b);font-size:15px;color:var(--navy);
  background:#fff;border:1px solid var(--line);border-radius:4px;padding:.85rem 1rem;outline:none;
  transition:border-color .25s,box-shadow .25s}
.field textarea{resize:vertical;min-height:140px;line-height:1.7}
.field input::placeholder,.field textarea::placeholder{font-style:italic;color:#9aa3ad}
.field input:focus,.field textarea:focus{border-color:var(--teal-deep);box-shadow:0 0 0 3px rgba(29,228,189,.18)}
.submit-btn{width:100%;font-family:var(--ff-b);font-size:15px;font-weight:700;color:#fff;
  background:var(--navy);border:none;border-radius:4px;padding:1rem 1.5rem;cursor:pointer;
  transition:background .3s,transform .25s}
.submit-btn:hover{background:#0a2170;transform:translateY(-2px)}
.form-msg{margin-top:1rem;text-align:center;font-size:14px;color:var(--teal-deep);font-weight:600;min-height:1.2em}

/* ---------- tiles ---------- */
.tiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.2rem}
.tile{position:relative;display:block;text-decoration:none;background:#fff;border:1px solid var(--line);
  border-radius:6px;padding:clamp(1.8rem,3vw,2.4rem) 1.4rem;overflow:hidden;
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s}
.tile::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--teal);
  transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.tile:hover,.tile:focus-visible{transform:translateY(-6px);box-shadow:0 18px 40px rgba(1,19,85,.11);border-color:transparent}
.tile:hover::after,.tile:focus-visible::after{transform:scaleX(1)}
.tile-letter{font-family:var(--ff-d);font-style:normal;font-weight:700;
  font-size:clamp(2rem,3.4vw,2.5rem);color:var(--teal-deep);line-height:1;margin-bottom:.7rem}
.tile-label{font-size:14.5px;font-weight:600;color:var(--navy)}

/* ---------- footer ---------- */
.site-footer{background:var(--navy);color:#c8cfe4;padding:clamp(3rem,6vw,4.5rem) 1.5rem 2rem}
.footer-in{max-width:1120px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:clamp(1.8rem,4vw,3rem);
  padding-bottom:2.2rem;border-bottom:1px solid rgba(255,255,255,.13)}
@media(max-width:720px){.footer-top{grid-template-columns:1fr}}
.footer-brand{font-weight:800;font-size:1.4rem;letter-spacing:-.01em;margin-bottom:.7rem}
.footer-brand span{color:var(--teal)}
.footer-tag{font-size:14px;line-height:1.75;color:#9fa9c6;max-width:280px}
.footer-h{font-size:12px;font-weight:700;letter-spacing:.05em;color:#fff;margin-bottom:.9rem}
.footer-list{list-style:none}
.footer-list li{font-size:14px;line-height:1.95;color:#9fa9c6}
.footer-list a{color:#c8cfe4;text-decoration:none;transition:color .25s}
.footer-list a:hover{color:var(--teal)}
.footer-bottom{padding-top:1.6rem;display:flex;justify-content:space-between;flex-wrap:wrap;
  gap:.6rem;font-size:12.5px;color:#7d88a8}

@media(prefers-reduced-motion:reduce){
  .mark-breathe,.scroll-cue-line{animation:none}
  .rv{opacity:1;transform:none}
}

/* ============ SUBPAGE ============ */
.site-header{position:sticky;top:0;z-index:50;background:rgba(245,247,246,.9);
  backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}
.header-in{max-width:1120px;margin:0 auto;padding:.9rem 1.5rem;display:flex;
  align-items:center;justify-content:space-between;gap:1rem}
.header-logo{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.header-logo svg{width:34px;height:34px;display:block}
.hl-word{font-weight:800;font-size:1.05rem;letter-spacing:-.01em;color:var(--navy)}
.hl-word span{color:var(--teal-deep)}
.header-nav{display:flex;align-items:center;gap:clamp(.8rem,2.5vw,1.8rem)}
.header-nav a{font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;transition:color .25s}
.header-nav a:hover{color:var(--navy)}
@media(max-width:560px){.header-nav a.nav-hide{display:none}}

.page-hero{background:radial-gradient(ellipse 70% 60% at 50% 0%,#fff 0%,transparent 70%),var(--bg);
  padding:clamp(3.5rem,8vw,6rem) 1.5rem clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--line)}
.page-hero-in{max-width:820px;margin:0 auto}
.crumb{font-size:13px;color:var(--muted);margin-bottom:1.2rem}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--teal-deep)}
.page-letter{font-family:var(--ff-d);font-style:normal;font-weight:700;
  font-size:clamp(2.6rem,6vw,3.6rem);color:var(--teal-deep);line-height:1;margin-bottom:.6rem}
.page-title{font-family:var(--ff-d);font-weight:700;font-size:clamp(2.6rem,6vw,4.4rem);
  line-height:1.05;letter-spacing:-.02em;color:var(--navy);margin-bottom:1.1rem}
.page-lead{font-size:clamp(16px,2vw,18px);line-height:1.8;color:var(--muted);max-width:640px}

.page-body{background:var(--bg);padding:clamp(3rem,7vw,5rem) 1.5rem clamp(4rem,9vw,6.5rem)}
.page-body-in{max-width:820px;margin:0 auto}
.block{padding:clamp(2rem,4vw,2.8rem) 0;border-top:1px solid var(--line)}
.block:first-child{border-top:none;padding-top:0}
.block h2{font-family:var(--ff-d);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.3rem);
  color:var(--navy);margin-bottom:.9rem}
.block p{font-size:15.5px;line-height:1.85;color:var(--muted);max-width:640px;margin-bottom:1rem}
.block ul{list-style:none;max-width:640px}
.block ul li{position:relative;padding-left:1.4rem;font-size:15.5px;line-height:1.85;
  color:var(--muted);margin-bottom:.5rem}
.block ul li::before{content:'';position:absolute;left:0;top:.72em;width:7px;height:7px;
  border-radius:50%;border:2px solid var(--teal)}
.placeholder-note{background:rgba(29,228,189,.09);border-left:3px solid var(--teal);
  border-radius:0 4px 4px 0;padding:1.1rem 1.3rem;font-family:var(--ff-b);font-style:italic;
  font-size:14.5px;line-height:1.75;color:var(--muted)}

.page-cta{background:var(--bg-deep);padding:clamp(3.5rem,7vw,5rem) 1.5rem;text-align:center;
  border-top:1px solid var(--line)}
.page-cta h2{font-family:var(--ff-d);font-weight:700;font-size:clamp(2rem,4.4vw,3rem);letter-spacing:-.02em;
  color:var(--navy);margin-bottom:.8rem}
.page-cta p{font-size:15.5px;line-height:1.75;color:var(--muted);max-width:480px;margin:0 auto 1.8rem}
.cta-btn{display:inline-block;font-size:15px;font-weight:700;color:#fff;background:var(--navy);
  border-radius:4px;padding:.95rem 2rem;text-decoration:none;transition:background .3s,transform .25s}
.cta-btn:hover{background:#0a2170;transform:translateY(-2px)}
.page-siblings{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2.2rem}
.sib{font-size:13.5px;font-weight:600;color:var(--navy);background:#fff;border:1px solid var(--line);
  border-radius:20px;padding:.45rem 1.1rem;text-decoration:none;transition:border-color .25s,transform .25s}
.sib:hover{border-color:var(--teal);transform:translateY(-2px)}
.sib[aria-current="page"]{background:var(--navy);color:#fff;border-color:var(--navy)}


/* ===== LEGACY (přenesené sekce z původního webu) ===== */
:root{
  --lg-bg:#F5F7F6; --lg-surf:#F5F7F6; --lg-surf2:#EFF2F0;
  --lg-border:#DDE3E0; --lg-line:#DDE3E0;
  --lg-gold:#0fb896; --lg-gold-dim:#0d9c80; --lg-gold-pale:rgba(29,228,189,.14);
  --lg-text:#011355; --lg-muted:#5B6478; --lg-white:#ffffff;
  --lg-green:#16a34a; --lg-red:#dc2626; --lg-blue:#2563eb;
  --lg-ff-d:'Fraunces',Georgia,serif;
  --lg-ff-b:'Manrope',system-ui,sans-serif;
  --lg-ff-m:'DM Mono',monospace;
  --lg-max:1120px; --lg-gap:clamp(3rem,7vw,6rem);
}
.legacy *, .legacy *::before, .legacy *::after{box-sizing:border-box;margin:0;padding:0}
.legacy{font-family:var(--lg-ff-b);background:var(--lg-bg);color:var(--lg-text);line-height:1.75;overflow-x:hidden}
.legacy a{color:var(--lg-gold);text-decoration:none}
.legacy a:hover{color:var(--lg-gold-dim)}
.legacy img{max-width:100%;display:block}
.legacy section{padding:var(--lg-gap) 1.5rem}
.legacy .wrap{max-width:var(--lg-max);margin:0 auto}
.legacy /* ── Shared ── */
.label{font-family:var(--lg-ff-m);font-size:11px;letter-spacing:.12em;color:var(--lg-gold);display:block;margin-bottom:.6rem}
.legacy .gold-bar{width:48px;height:2px;background:linear-gradient(90deg,var(--lg-gold),transparent);margin-bottom:1.4rem}
.legacy .section-h{font-family:var(--lg-ff-d);font-size:clamp(2rem,4vw,3.2rem);font-weight:300;color:var(--lg-text);line-height:1.12;margin-bottom:2rem}
.legacy .section-h em{font-style:italic;color:var(--lg-gold)}
.legacy hr.div{border:none;border-top:1px solid var(--lg-border);margin:0}
.legacy .btn{display:inline-block;padding:.8rem 2rem;font-size:14px;letter-spacing:.02em;font-weight:500;transition:all .22s;cursor:pointer;border:none;font-family:var(--lg-ff-b)}
.legacy .btn-gold{background:var(--lg-gold);color:#fff}
.legacy .btn-gold:hover{background:var(--lg-gold-dim);color:#fff}
.legacy .btn-outline{border:1px solid var(--lg-border);color:var(--lg-muted)}
.legacy .btn-outline:hover{border-color:var(--lg-gold);color:var(--lg-gold)}
.legacy /* ── Fade-up ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.legacy .fu{opacity:0;animation:fadeUp .7s ease both}
.legacy .d1{animation-delay:.1s}
.legacy .d2{animation-delay:.2s}
.legacy .d3{animation-delay:.3s}
.legacy .d4{animation-delay:.4s}
.legacy /* ── Nav ── */
nav{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#ffffff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.legacy .nav-logo{display:flex;align-items:center}
.legacy .nav-links{display:flex;gap:1.8rem;list-style:none}
.legacy .nav-links a{font-size:14px;color:#475569;transition:color .2s}
.legacy .nav-links a:hover{color:var(--lg-gold)}
.legacy .nav-cta{font-size:14px;padding:.45rem 1.1rem;border:1px solid var(--lg-gold);color:var(--lg-gold);transition:all .2s}
.legacy .nav-cta:hover{background:var(--lg-gold);color:#fff}
.legacy /* ── Hero ── */
#hero{min-height:100vh;display:flex;align-items:center;padding-top:5rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#f0fdfb 0%,#ffffff 55%,#f8fafc 100%)}
.legacy .hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--lg-border) 1px,transparent 1px),linear-gradient(90deg,var(--lg-border) 1px,transparent 1px);background-size:58px 58px;opacity:.35;pointer-events:none}
.legacy .hero-glow{position:absolute;top:-10%;left:55%;width:600px;height:600px;background:radial-gradient(circle,rgba(14,165,160,.09) 0%,transparent 68%);pointer-events:none}
.legacy .hero-in{position:relative;display:grid;grid-template-columns:1fr 340px;gap:3.5rem;align-items:center;max-width:var(--lg-max);margin:0 auto;padding:0 1.5rem;width:100%}
.legacy .eyebrow{font-family:var(--lg-ff-m);font-size:11px;letter-spacing:.18em;color:var(--lg-gold);margin-bottom:1.2rem}
.legacy .hero-name{font-family:var(--lg-ff-d);font-size:clamp(3rem,7.5vw,5.8rem);font-weight:300;line-height:1.03;color:var(--lg-text);margin-bottom:1.4rem}
.legacy .hero-name em{display:block;font-style:italic;color:var(--lg-gold)}
.legacy .hero-sub{font-size:1.05rem;color:var(--lg-muted);max-width:480px;line-height:1.82;margin-bottom:2.2rem}
.legacy .badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.8rem}
.legacy .badge{font-family:var(--lg-ff-m);font-size:11px;letter-spacing:.08em;padding:.3rem .85rem;border:1px solid var(--lg-gold-dim);color:var(--lg-gold);background:rgba(14,165,160,.06)}
.legacy .hero-acts{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.legacy /* Stats card */
.stats-card{background:#fff;border:1px solid var(--lg-border);padding:2rem;position:relative;box-shadow:0 4px 24px rgba(0,0,0,.06)}
.legacy .stats-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:58px;background:var(--lg-gold)}
.legacy .stat-row{display:flex;flex-direction:column;padding:1.15rem 0;border-bottom:1px solid var(--lg-border)}
.legacy .stat-row:last-child{border-bottom:none}
.legacy .stat-num{font-family:var(--lg-ff-d);font-size:2.6rem;font-weight:300;color:var(--lg-gold);line-height:1;margin-bottom:.2rem}
.legacy .stat-lbl{font-size:12px;color:var(--lg-muted)}
.legacy .scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem;color:var(--lg-muted);font-size:11px;letter-spacing:.1em}
.legacy .scroll-line{width:1px;height:38px;background:linear-gradient(var(--lg-gold),transparent);animation:sp 2s ease infinite}
@keyframes sp{0%,100%{opacity:.3}50%{opacity:1}}
.legacy /* ── O mně ── */
#o-mne{background:var(--lg-surf);border-top:1px solid var(--lg-border);border-bottom:1px solid var(--lg-border)}
.legacy .about-grid{display:grid;grid-template-columns:360px 1fr;gap:4.5rem;align-items:start}
.legacy .about-photo{aspect-ratio:3/4;background:var(--lg-surf2);border:1px solid var(--lg-border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.legacy .about-photo img{width:100%;height:100%;object-fit:cover}
.legacy .photo-ph{font-family:var(--lg-ff-d);font-size:.9rem;color:var(--lg-muted);text-align:center;padding:2rem;line-height:2}
.legacy .photo-caption{position:absolute;bottom:-1.4rem;right:-1.4rem;background:var(--lg-gold);color:#fff;padding:.9rem 1.3rem;font-size:11px;letter-spacing:.05em;line-height:1.5}
.legacy .about-text{padding-top:.5rem}
.legacy .bio{font-size:1.02rem;color:var(--lg-text);line-height:1.88;margin-bottom:1.8rem}
.legacy .values-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:2rem}
.legacy .value-item{border-left:2px solid var(--lg-gold-dim);padding-left:.9rem}
.legacy .value-title{font-size:13px;font-weight:600;color:var(--lg-text);margin-bottom:.2rem}
.legacy .value-desc{font-size:12px;color:var(--lg-muted);line-height:1.55}
.legacy .skills-label{font-size:13px;font-weight:600;color:var(--lg-text);margin-bottom:.85rem;display:block}
.legacy .skill-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.legacy .skill-chip{font-family:var(--lg-ff-b);font-size:13px;padding:.35rem .9rem;border:1px solid var(--lg-border);color:var(--lg-text);background:#fff;border-radius:4px;transition:border-color .2s,color .2s}
.legacy .skill-chip:hover{border-color:var(--lg-gold-dim);color:var(--lg-gold)}
.legacy /* ── Certifikace ── */
#certifikace{background:var(--lg-bg)}
.legacy .certs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;margin-top:.5rem}
.legacy .cert-card{background:#fff;border:1px solid var(--lg-border);padding:2rem;position:relative;transition:border-color .3s,transform .3s,box-shadow .3s}
.legacy .cert-card:hover{border-color:var(--lg-gold-dim);transform:translateY(-3px);box-shadow:0 8px 28px rgba(14,165,160,.1)}
.legacy .cert-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--lg-gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.legacy .cert-card:hover::after{transform:scaleX(1)}
.legacy .cert-icon{width:44px;height:44px;border:1px solid var(--lg-border);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;background:var(--lg-surf)}
.legacy .cert-org{font-family:var(--lg-ff-m);font-size:10px;letter-spacing:.1em;color:var(--lg-gold);margin-bottom:.45rem}
.legacy .cert-name{font-family:var(--lg-ff-d);font-size:1.25rem;font-weight:400;color:var(--lg-text);line-height:1.2;margin-bottom:.65rem}
.legacy .cert-desc{font-size:13px;color:var(--lg-muted);line-height:1.65}
.legacy .cert-year{margin-top:1.3rem;font-family:var(--lg-ff-m);font-size:11px;color:var(--lg-gold-dim)}
.legacy /* ── Služby ── */
#sluzby{background:var(--lg-surf)}
.legacy .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1px;border:1px solid var(--lg-border);background:var(--lg-border);margin-top:.5rem}
.legacy .service-item{background:#fff;padding:2.4rem;transition:background .3s}
.legacy .service-item:hover{background:var(--lg-surf)}
.legacy .svc-num{font-family:var(--lg-ff-d);font-size:3rem;font-weight:300;color:var(--lg-border);line-height:1;margin-bottom:.9rem;user-select:none}
.legacy .svc-title{font-family:var(--lg-ff-d);font-size:1.35rem;font-weight:400;color:var(--lg-text);margin-bottom:.65rem;line-height:1.2}
.legacy .svc-desc{font-size:13.5px;color:var(--lg-muted);line-height:1.72;margin-bottom:1.4rem}
.legacy .svc-list{list-style:none;font-size:13px;color:var(--lg-text)}
.legacy .svc-list li{padding:.3rem 0 .3rem 1rem;position:relative}
.legacy .svc-list li::before{content:'—';position:absolute;left:0;color:var(--lg-gold)}
.legacy /* ── Nástroje ── */
#nastroje{background:var(--lg-bg)}
.legacy .tools-intro{max-width:600px;margin-bottom:2.8rem;font-size:15px;color:var(--lg-muted);line-height:1.78}
.legacy .tool-tabs{display:flex;gap:0;border-bottom:1px solid var(--lg-border);margin-bottom:2.4rem;overflow-x:auto}
.legacy .tool-tab{padding:.7rem 1.3rem;font-family:var(--lg-ff-b);font-size:13px;color:var(--lg-muted);background:none;border:none;cursor:pointer;transition:color .2s;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.legacy .tool-tab.active{color:var(--lg-gold);border-bottom-color:var(--lg-gold)}
.legacy .tool-tab:hover{color:var(--lg-text)}
.legacy .tool-panel{display:none}
.legacy .tool-panel.active{display:block}
.legacy .mockup-wrap{background:var(--lg-surf);border:1px solid var(--lg-border);overflow:hidden;border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.legacy .mockup-bar{background:#e8edf2;padding:.55rem .9rem;display:flex;align-items:center;gap:.45rem;border-bottom:1px solid var(--lg-border)}
.legacy .dot{width:8px;height:8px;border-radius:50%}
.legacy .dr{background:#e25555}
.legacy .da{background:#e2a455}
.legacy .dg{background:#55b455}
.legacy .bar-title{margin-left:.7rem;font-family:var(--lg-ff-m);font-size:10px;color:#64748b}
.legacy .mockup-body{padding:1.2rem;overflow:auto}
.legacy .tool-cap{margin-top:1.1rem;font-size:13px;color:var(--lg-muted);font-style:italic}
.legacy /* ── Projekty ── */
#projekty{background:var(--lg-surf)}
.legacy .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.4rem;margin-top:.5rem}
.legacy .proj-card{background:#fff;border:1px solid var(--lg-border);overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}
.legacy .proj-card:hover{border-color:var(--lg-gold-dim);transform:translateY(-4px);box-shadow:0 12px 32px rgba(14,165,160,.1)}
.legacy .proj-thumb{height:170px;background:var(--lg-surf2);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--lg-border);position:relative;overflow:hidden}
.legacy .proj-thumb img{width:100%;height:100%;object-fit:cover}
.legacy .proj-ph{font-family:var(--lg-ff-d);font-size:.85rem;color:var(--lg-muted);text-align:center;padding:1rem;line-height:1.8}
.legacy .proj-tag{position:absolute;top:1rem;left:1rem;background:var(--lg-gold);color:#fff;font-size:10px;letter-spacing:.04em;padding:.22rem .6rem;border-radius:3px}
.legacy .proj-body{padding:1.6rem}
.legacy .proj-title{font-family:var(--lg-ff-d);font-size:1.2rem;font-weight:400;color:var(--lg-text);margin-bottom:.45rem}
.legacy .proj-desc{font-size:13px;color:var(--lg-muted);line-height:1.68;margin-bottom:1.1rem}
.legacy .proj-metrics{display:flex;gap:1.4rem}
.legacy .metric-val{font-family:var(--lg-ff-d);font-size:1.5rem;color:var(--lg-gold);font-weight:300}
.legacy .metric-lbl{font-size:11px;color:var(--lg-muted)}
.legacy /* ── Reference ── */
#reference{background:var(--lg-bg)}
.legacy .testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.4rem;margin-top:.5rem}
.legacy .testi-card{background:#fff;border:1px solid var(--lg-border);padding:1.8rem;position:relative;transition:box-shadow .3s}
.legacy .testi-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.07)}
.legacy .quote-mark{font-family:var(--lg-ff-d);font-size:3.5rem;color:var(--lg-gold);line-height:1;margin-bottom:.4rem;opacity:.4}
.legacy .testi-text{font-family:var(--lg-ff-d);font-size:1rem;font-style:italic;color:var(--lg-text);line-height:1.75;margin-bottom:1.4rem}
.legacy .testi-author{display:flex;align-items:center;gap:.85rem}
.legacy .avatar{width:38px;height:38px;border-radius:50%;background:var(--lg-surf2);border:1px solid var(--lg-border);display:flex;align-items:center;justify-content:center;font-family:var(--lg-ff-d);font-size:.95rem;color:var(--lg-gold);flex-shrink:0;overflow:hidden}
.legacy .author-name{font-size:13px;font-weight:600;color:var(--lg-text);white-space:nowrap}
.legacy .author-role{font-size:11px;color:#0d8f8a;background:#f0fdfa;display:inline-block;padding:.15rem .5rem;border-radius:3px;margin-top:.15rem}
.legacy .testi-text strong{color:#0d8f8a;font-weight:600;font-style:normal}
.legacy /* ── Kontakt ── */
#kontakt{background:var(--lg-surf);border-top:1px solid var(--lg-border)}
.legacy .contact-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start;max-width:640px}
.legacy .contact-h{font-family:var(--lg-ff-d);font-size:clamp(2.2rem,5vw,3.6rem);font-weight:300;color:var(--lg-text);line-height:1.1;margin-bottom:1.1rem}
.legacy .contact-h em{color:var(--lg-gold);font-style:italic}
.legacy .contact-sub{font-size:1rem;color:var(--lg-muted);line-height:1.8;margin-bottom:2.2rem}
.legacy .contact-items{display:flex;flex-direction:column;gap:.9rem}
.legacy .contact-item{display:flex;align-items:center;gap:.9rem;padding:1.1rem;border:1px solid var(--lg-border);background:#fff;transition:border-color .2s,box-shadow .2s}
.legacy .contact-item:hover{border-color:var(--lg-gold-dim);box-shadow:0 2px 12px rgba(14,165,160,.08)}
.legacy .contact-item-link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.legacy .contact-item-link:hover{border-color:var(--lg-gold);box-shadow:0 4px 18px rgba(14,165,160,.14);transform:translateY(-2px)}
.legacy .contact-item-link:hover .ci-icon{background:var(--lg-gold);color:#fff;border-color:var(--lg-gold)}
.legacy .contact-item-link .ci-icon{transition:background .2s,color .2s,border-color .2s}
.legacy .ci-icon{width:34px;height:34px;border:1px solid var(--lg-border);display:flex;align-items:center;justify-content:center;color:var(--lg-gold);flex-shrink:0;background:var(--lg-surf)}
.legacy .ci-lbl{font-size:11px;color:var(--lg-muted);letter-spacing:.04em;margin-bottom:.18rem}
.legacy .ci-val{font-size:14px;color:var(--lg-text)}
.legacy .contact-form{display:flex;flex-direction:column;gap:.9rem}
.legacy .form-group{display:flex;flex-direction:column;gap:.35rem}
.legacy .form-label{font-family:var(--lg-ff-m);font-size:11px;letter-spacing:.08em;color:var(--lg-muted)}
.legacy .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.legacy .form-input, .legacy .form-textarea, .legacy .form-select{background:#fff;border:1px solid var(--lg-border);color:var(--lg-text);padding:.8rem 1rem;font-family:var(--lg-ff-b);font-size:14px;transition:border-color .2s,box-shadow .2s;outline:none;width:100%;border-radius:4px}
.legacy .form-input:focus, .legacy .form-textarea:focus, .legacy .form-select:focus{border-color:var(--lg-gold);box-shadow:0 0 0 3px rgba(14,165,160,.1)}
.legacy .form-input::placeholder, .legacy .form-textarea::placeholder{color:#94a3b8}
.legacy .form-textarea{resize:vertical;min-height:130px}
.legacy .topic-pills{display:flex;flex-wrap:wrap;gap:.5rem}
.legacy .topic-pill{font-family:var(--lg-ff-b);font-size:13px;padding:.5rem 1.1rem;border:1px solid var(--lg-border);background:#fff;color:#475569;border-radius:20px;cursor:pointer;transition:all .18s}
.legacy .topic-pill:hover{border-color:var(--lg-gold-dim);color:var(--lg-gold)}
.legacy .topic-pill.selected{background:var(--lg-gold);border-color:var(--lg-gold);color:#fff}
.legacy /* ── Footer ── */
footer{background:#ffffff;border-top:1px solid #e2e8f0;padding:1.8rem 1.5rem}
.legacy .footer-in{max-width:var(--lg-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.9rem}
.legacy .footer-logo{display:flex;align-items:center}
.legacy .footer-links{display:flex;gap:1.4rem}
.legacy .footer-links a{font-size:12px;color:#64748b}
.legacy .footer-links a:hover{color:var(--lg-gold)}
.legacy .footer-copy{font-size:12px;color:#94a3b8}
.legacy /* ── Mockup svg ── */
.mockup-body svg{width:100%;height:auto;display:block}
.legacy /* ── Mobile menu ── */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.legacy .hamburger span{display:block;width:22px;height:2px;background:#475569;transition:all .3s;border-radius:2px}
.legacy .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.legacy .hamburger.open span:nth-child(2){opacity:0}
.legacy .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.legacy .mobile-nav{display:none;position:fixed;top:61px;left:0;right:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;z-index:99;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.legacy .mobile-nav.open{display:flex;flex-direction:column;gap:.8rem}
.legacy .mobile-nav a{font-size:15px;color:#475569;padding:.5rem 0;border-bottom:1px solid #f1f5f9}
.legacy .mobile-nav a:last-child{border-bottom:none}
@media(max-width:640px){.legacy .hamburger{display:flex}
.legacy .nav-links{display:none}
.legacy .nav-cta{display:none}}
.legacy /* ── Responsive ── */
@media(max-width:900px){
  .hero-in{grid-template-columns:1fr}
  .stats-card{display:grid;grid-template-columns:1fr 1fr}
  .stat-row{border-bottom:none;border-right:1px solid var(--lg-border)}
  .stat-row:last-child{border-right:none}
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:2.8rem}
  .photo-caption{right:0;bottom:0}
}
@media(max-width:640px){.legacy nav{padding:1rem}
.legacy .nav-links{display:none}
.legacy .form-row{grid-template-columns:1fr}
.legacy .stats-card{grid-template-columns:1fr}
.legacy .stat-row{border-right:none;border-bottom:1px solid var(--lg-border)}}
/* --- person: values + skills (merged from O mně) --- */
.person-values{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.5rem}
@media(max-width:520px){.person-values{grid-template-columns:1fr}}
.pv-item{border-left:2px solid var(--teal);padding-left:.85rem}
.pv-title{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:.2rem}
.pv-desc{font-size:12.5px;line-height:1.6;color:var(--muted)}
.pv-skills-label{margin-top:1.6rem;margin-bottom:.7rem;font-size:12px;font-weight:700;
  letter-spacing:.04em;color:var(--navy)}
.pv-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.pv-chip{font-size:12.5px;font-weight:600;color:var(--navy);background:#fff;
  border:1px solid var(--line);border-radius:20px;padding:.32rem .8rem;
  transition:border-color .25s,transform .25s}
.pv-chip:hover{border-color:var(--teal);transform:translateY(-2px)}

/* --- tiles without letters: name-led --- */
.tile-label{font-family:var(--ff-d);font-weight:500;font-size:clamp(1.1rem,2vw,1.3rem);
  color:var(--navy);line-height:1.3}
.tile{display:flex;align-items:center;min-height:110px}
.tile::before{content:'';position:absolute;left:1.4rem;top:1.2rem;width:22px;height:2px;
  background:var(--teal);transition:width .45s cubic-bezier(.22,1,.36,1)}
.tile:hover::before{width:40px}


/* ===== sjednocení přenesených sekcí s novým designem ===== */
.legacy{font-family:var(--ff-b);color:var(--navy);background:transparent}
.legacy section{background:transparent;padding:clamp(3rem,7vw,5rem) 1.5rem}
.legacy .section-h{
  font-family:var(--ff-d);font-weight:700;
  font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.08;letter-spacing:-.02em;
  color:var(--navy);text-transform:none}
.legacy .section-h em{font-style:normal;color:var(--teal-deep)}
.legacy .label{
  font-family:var(--ff-d);font-weight:600;font-style:normal;
  font-size:clamp(1.05rem,2.1vw,1.4rem);letter-spacing:0;
  color:var(--teal-deep);text-transform:none}
.legacy .gold-bar{background:linear-gradient(90deg,var(--teal),transparent)}
.legacy .cert-name,.legacy .svc-title,.legacy .proj-title,
.legacy .testi-text,.legacy .person-name{font-family:var(--ff-d)}
.legacy .cert-card,.legacy .service-item,.legacy .proj-card,.legacy .testi-card{
  border-radius:8px;border-color:var(--line)}
.legacy .proj-tag{background:var(--teal-deep)}
.legacy .tool-tab.active{color:var(--teal-deep);border-bottom-color:var(--teal-deep)}
.legacy .metric-val,.legacy .cert-year,.legacy .svc-num{color:var(--teal-deep)}
.legacy .svc-num{opacity:.35}
.legacy a{color:var(--teal-deep)}