:root{--navy:#102a38;--gold:#b18c49;--paper:#f6f3eb;--muted:#637079}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--navy);font-family:Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:0}header{max-width:1440px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d4c8}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;letter-spacing:2px;font-size:20px;font-weight:bold}.brand-icon{font-size:35px;color:var(--gold)}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2.4px;margin-top:3px}nav{display:flex;gap:28px;align-items:center;font-size:12px}nav a:hover{color:#8a662c}.nav-cta{border:1px solid #c5b794;padding:11px 17px}.nav-cta span{margin-left:14px}.hero{max-width:1440px;margin:auto;padding:70px 6% 0;display:grid;grid-template-columns:1.2fr 1fr;gap:35px 65px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:3px;color:#89682f;margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(48px,5.2vw,76px);letter-spacing:-2.7px;line-height:1.08;margin-bottom:27px}em{font-weight:400;color:#967438}h1 em,h2 em{font-style:italic}.intro{max-width:445px;font-size:15px;color:#55636b;line-height:1.85}.button{display:inline-flex;gap:25px;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;padding:16px 22px;font-size:12px;border:0}.button:hover{background:#24485b}.hero-note{font-size:10px;color:#657078;margin-top:24px;display:flex;align-items:center;gap:8px}.hero-note span{width:5px;height:5px;background:var(--gold);border-radius:50%}.hero-art{background:radial-gradient(ellipse at 30% 10%,#365365 0,#162f3e 50%,#0a1d28 100%);padding:16px;min-height:475px;box-shadow:14px 18px 0 #e7e1d4;color:#c9a766;transform:rotate(1deg)}.art-border{border:1px solid #9b804d;height:100%;padding:32px 26px 22px;display:flex;align-items:center;flex-direction:column;position:relative}.art-top{text-align:center;letter-spacing:3px;font-size:9px;line-height:1.9}.hero-art svg{width:90%;height:230px;filter:drop-shadow(0 5px 5px #0006)}.art-motto{font-family:Georgia,serif;text-align:center;font-size:34px;line-height:1.25;color:#e9dfc6;margin:8px 0 24px}.art-footer{border-top:1px solid #796843;padding-top:17px;width:100%;text-align:center;font-size:8px;letter-spacing:3px}.art-footer span{margin:0 20px}.hero-bottom{grid-column:1/-1;border-top:1px solid #d8d2c4;margin-top:25px;padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#66727a}.hero-bottom>span:first-child{font-family:Georgia,serif;font-size:17px;color:var(--navy)}.hero-bottom>a{font-size:25px}.section{padding:90px max(6%,calc((100vw - 1268px)/2));scroll-margin-top:0}h2{font-size:clamp(32px,3.2vw,46px);letter-spacing:-1.2px;line-height:1.2;margin-bottom:25px}.services{background:#fffdf8;display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.section-heading>p:last-child{font-size:14px;color:var(--muted);max-width:350px}.service-list article{display:flex;gap:23px;padding:23px 0;border-top:1px solid #dcd6c8}.service-list article:last-child{border-bottom:1px solid #dcd6c8}.service-list article>span{font:12px Georgia,serif;color:#9c7c40;padding-top:5px}.service-list h3{font-size:24px;line-height:1.3;margin-bottom:10px}.service-list p{font-size:13px;color:var(--muted);margin:0;max-width:430px}.service-list b{font-weight:normal;color:var(--gold);margin-left:auto}.approach{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;background:#102a38;color:#f5f1e7}.approach .eyebrow{color:#ccac70}.approach em{color:#cfb27c}.approach-text{font-size:14px;max-width:500px;color:#bdc8cd}.signature{font:italic 25px Georgia,serif;margin:30px 0 7px}.muted{font-size:8px;letter-spacing:3px;color:#bda36e}.steps{list-style:none;padding:20px 0 0;margin:0}.steps li{display:flex;gap:25px;border-bottom:1px solid #ffffff25;padding:24px 0}.steps li>span{color:#c8a665;font:18px Georgia,serif}.steps h3{font-size:23px;margin:0 0 8px}.steps p{font-size:13px;color:#bdc8cd;margin:0}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq details{border-bottom:1px solid #d4ccbb;padding:21px 0}.faq summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::after{content:'+';color:#8b6c35;font-size:20px;line-height:1}.faq details[open] summary::after{content:'−'}.faq details p{font-size:13px;color:var(--muted);margin:18px 25px 0 0}.contact{border-top:1px solid #d7cfbd;text-align:center;background:#eee9dd}.contact p:not(.eyebrow){font-size:14px;color:#647079}.contact-links{display:flex;justify-content:center;gap:50px;margin:30px 0}.contact-links a{font-family:Georgia,serif;font-size:25px;border-bottom:1px solid #b18c49;padding-bottom:8px}.contact .privacy-note{font-size:10px!important;margin-top:25px}footer{padding:28px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:13px}footer p,footer button{font-size:10px;color:#68747a;margin:0}footer button{border:0;background:none;text-decoration:underline}dialog{border:1px solid #b18c49;background:var(--paper);color:var(--navy);max-width:600px;padding:35px}dialog::backdrop{background:#102a38b3}dialog h2{font-size:30px}dialog p{font-size:14px}@media(min-width:1500px){.section{padding-left:calc((100vw - 1268px)/2);padding-right:calc((100vw - 1268px)/2)}}@media(max-width:900px){header{gap:20px;flex-wrap:wrap}nav{width:100%;justify-content:space-between;gap:12px}.hero{gap:30px;padding-top:45px}.hero-art{min-height:420px}.art-border{padding:25px 12px}.hero-art svg{height:190px}.art-motto{font-size:28px}h1{font-size:52px}.section{padding:65px 6%;gap:45px}.contact-links{gap:25px}.contact-links a{font-size:21px}}@media(max-width:600px){header{padding:20px 6%}.brand{font-size:18px}nav{font-size:11px;flex-wrap:wrap}.nav-cta{padding:8px 10px}nav a[href="#otazky"],nav a[href="/#otazky"]{display:none}.hero{grid-template-columns:1fr;padding-top:40px;gap:30px}h1{font-size:53px;letter-spacing:-2px}.intro{font-size:14px}.hero-art{min-height:380px;margin:0 9px 0 0}.hero-art svg{height:190px}.art-border{padding-top:22px}.art-top{margin-bottom:5px}.art-motto{font-size:30px}.hero-bottom{margin-top:0;gap:20px}.hero-bottom>span:nth-child(2){display:none}.services,.approach,.faq{grid-template-columns:1fr;gap:22px}.section{padding:55px 6%}.eyebrow{margin-bottom:20px}.section-heading>p:last-child{max-width:none}.steps{padding:0}.contact-links{flex-direction:column;align-items:center;gap:20px}.contact-links a{font-size:23px}footer{flex-direction:column;align-items:flex-start;gap:15px}h2{font-size:35px}.service-list h3{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:901px) and (max-width:1150px){header{flex-wrap:wrap;gap:20px}header nav{width:100%;justify-content:space-between}}

/* Motion can be paused with the visible control next to the illustration. */
.hero-visual{position:relative;min-width:0;align-self:center;padding-bottom:36px}
@keyframes certificate-float{0%,100%{transform:translateY(0) rotate(1.2deg)}50%{transform:translateY(-15px) rotate(-1.2deg)}}
@keyframes balance-sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes certificate-sheen{0%{transform:translateX(-110%) skewX(-18deg);opacity:0}12%{opacity:.65}48%{transform:translateX(110%) skewX(-18deg);opacity:.4}60%,100%{transform:translateX(110%) skewX(-18deg);opacity:0}}
@keyframes gold-breath{0%,100%{filter:drop-shadow(0 5px 5px #0006) drop-shadow(0 0 2px #d6b97922)}50%{filter:drop-shadow(0 5px 5px #0006) drop-shadow(0 0 15px #d6b97988)}}
.hero-visual .hero-art{animation:certificate-float 5.5s ease-in-out infinite;will-change:transform}
.art-border{overflow:hidden}
.hero-visual .art-border::after{content:"";position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(110deg,transparent 32%,#e4c88420 43%,#fff5d370 50%,#e4c88420 57%,transparent 68%);animation:certificate-sheen 6s ease-in-out infinite}
.hero-visual .hero-art svg{animation:balance-sway 3.6s ease-in-out infinite,gold-breath 4s ease-in-out infinite;transform-origin:50% 25%}
.motion-toggle{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 0;border:0;background:transparent;color:#5b6870;font:10px Arial,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.motion-toggle:hover{color:#89682f}
.motion-toggle span{color:#89682f;font-size:13px}
.hero-visual[data-motion=paused] .hero-art,.hero-visual[data-motion=paused] .hero-art svg,.hero-visual[data-motion=paused] .art-border::after{animation-play-state:paused}
@media(max-width:600px){.hero-visual{margin:0 9px 0 0}.hero-visual .hero-art{margin:0}}

.menu-toggle{display:none}
@media(max-width:900px){
 html{scroll-padding-top:95px}
 body>header{position:sticky;top:0;z-index:50;max-width:none;width:100%;padding:14px 5%;flex-wrap:nowrap;gap:12px;background:#f6f3ebf5;backdrop-filter:blur(12px);box-shadow:0 3px 16px #102a3810}
 header>.brand{flex-shrink:0;font-size:18px;letter-spacing:1.5px;gap:10px}
 header>.brand .brand-icon{font-size:32px}
 header>.brand small{font-size:7px;letter-spacing:2px}
 .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex-shrink:0;width:42px;height:42px;margin-left:auto;padding:9px;background:transparent;border:1px solid #c6b68f;border-radius:3px;color:var(--navy)}
 .menu-toggle span{display:block;width:21px;height:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
 .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 header nav#primary-navigation{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;width:100%;max-height:calc(100dvh - 80px);overflow:auto;margin:0;padding:12px 5% 20px;background:var(--paper);border-bottom:1px solid #d5c9b0;box-shadow:0 14px 20px #102a3815;font-size:14px}
 header[data-menu-open=true] nav#primary-navigation{display:flex}
 header nav#primary-navigation a{display:flex;align-items:center;min-height:46px;padding:12px 4px;border-bottom:1px solid #dfd8c8}
 header nav#primary-navigation .nav-cta{justify-content:space-between;margin:12px 0 0;padding:12px 16px;border:1px solid #c5b794}
}
@media(max-width:350px){header>.brand{font-size:16px;gap:7px;letter-spacing:1px}header>.brand small{font-size:6px;letter-spacing:1.7px}header>.brand .brand-icon{font-size:28px}}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}
/* The stand stays fixed; only the beam tips, with level hanging pans. */
@keyframes balance-tip{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes balance-level{0%,100%{transform:rotate(7deg)}50%{transform:rotate(-7deg)}}
.hero-visual .hero-art{animation:none;transform:none;will-change:auto}
.hero-visual .hero-art svg{animation:gold-breath 4s ease-in-out infinite;transform:none}
.balance-beam{transform-box:view-box;transform-origin:200px 100px;animation:balance-tip 4.8s ease-in-out infinite}
.balance-pan{transform-box:view-box;animation:balance-level 4.8s ease-in-out infinite}
.balance-pan-left{transform-origin:101px 100px}
.balance-pan-right{transform-origin:299px 100px}
.hero-visual[data-motion=paused] .balance-beam,.hero-visual[data-motion=paused] .balance-pan{animation-play-state:paused}