/* Kreativní Adél: jediný zdroj stylů a tokenů. Viz STAVEBNICE-kreativni-adel.md v kořeni projektu. Další stylesheet nezakládat. */
:root{--font-heading:Georgia,"Times New Roman",serif;--font-body:Arial,Helvetica,sans-serif;--text-body:16px;--width-content:1240px;--radius-button:3px;--shadow-paper:0 12px 32px #303c3012;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:96px;--paper:#f8f6f0;--ink:#303c30;--green:#435c43;--muted:#686c60;--line:#dedfd3;--wash:#e9eddf;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--font-heading);font-weight:400;line-height:1.07;letter-spacing:-.045em}h1{font-size:clamp(58px,6.4vw,94px)}h2{font-size:clamp(36px,3.6vw,54px)}em{font-weight:400;color:var(--green)}.wrap{max-width:var(--width-content);width:calc(100% - 112px);margin-inline:auto}header{height:104px;padding:0 56px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:auto}.brand{font:italic 29px var(--font-heading);letter-spacing:-1px;white-space:nowrap}.brand-dot{display:inline-block;font-style:normal;color:var(--green);font-size:34px;margin-left:10px;vertical-align:middle}nav{display:flex;gap:38px;font-size:14px}nav a{padding:12px 0}.hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:82px 106px;align-items:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.19em;margin-bottom:26px;color:var(--green)}.intro{max-width:370px;color:var(--muted);font-size:17px;margin-top:28px;line-height:1.8}.button{background:var(--green);color:var(--white);display:inline-flex;align-items:center;gap:36px;padding:15px 25px;border-radius:var(--radius-button);margin-top:32px;font-size:14px}.button:hover{background:var(--ink)}.signature{font:italic 29px var(--font-heading);color:var(--green);margin-top:32px;transform:rotate(-5deg);display:inline-block}.hero-copy>.signature{display:block;width:max-content}.hero-photo{transform:rotate(3deg);background:var(--white);padding:13px 13px 0;box-shadow:var(--shadow-paper);max-width:485px;justify-self:center}.hero-photo img{width:100%;height:470px;object-fit:cover}.hero-photo figcaption{text-align:center;padding:16px 5px;font:italic 17px var(--font-heading)}.gallery-section{border-top:1px solid var(--line);padding-block:68px 85px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:35px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:15px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 27px}.work:nth-child(3n+2){padding-top:42px}.image-wrap{position:relative;overflow:hidden;background:var(--wash)}.work img{width:100%;height:350px;object-fit:cover;transition:transform .3s}.work a:hover img{transform:scale(1.025)}.image-arrow{position:absolute;bottom:13px;right:13px;width:36px;height:36px;background:var(--white);border-radius:50%;text-align:center;line-height:36px}.work figcaption{padding-top:15px;display:flex;flex-direction:column;gap:1px}.work figcaption span{font:22px var(--font-heading)}.work small{color:var(--muted);font-size:12px}.text-link{display:inline-block;border-bottom:1px solid var(--green);padding-block:9px;font-size:14px}.gallery-section>.text-link{margin-top:40px}.about{background:var(--wash);padding-block:82px}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:85px}.author{display:flex;align-items:center;gap:16px;margin-top:38px}.author img{border-radius:50%;width:68px;height:68px}.author strong{display:block;font-weight:400;font-size:15px}.author span{font-size:12px;color:var(--muted)}.about-copy{padding-top:30px;max-width:480px;font-size:18px;line-height:1.85}.about-copy p+p{margin-top:22px}.contact{text-align:center;padding-block:96px}.contact>p:not(.eyebrow){margin-top:22px;color:var(--muted)}.email{display:block;width:max-content;max-width:100%;font-family:var(--font-heading);font-size:clamp(20px,3vw,34px);margin:28px auto 10px;border-bottom:1px solid var(--line);padding-bottom:10px;overflow-wrap:anywhere}.contact .text-link{color:var(--green)}footer{padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer .brand{font-size:23px}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--white);padding:10px;z-index:100}.skip:focus{top:10px}@media(min-width:1450px){header{padding-inline:100px}}@media(max-width:900px){.wrap{width:calc(100% - 56px)}header{padding-inline:28px}.hero{gap:35px}.hero-photo img{height:360px}.gallery{gap:30px 18px}.work img{height:290px}.about-inner{gap:35px}.about-copy{font-size:var(--text-body)}}@media(max-width:600px){header{height:auto;padding:20px 22px;align-items:flex-start;gap:15px;flex-direction:column}.brand{font-size:27px}nav{gap:28px;font-size:13px;width:100%;justify-content:space-between}nav a{padding:4px 0;min-height:32px}.wrap{width:calc(100% - 44px)}.hero{grid-template-columns:1fr;gap:40px;padding-block:44px 60px}.hero h1{font-size:59px}.eyebrow{margin-bottom:20px}.intro{font-size:var(--text-body)}.hero-photo{width:90%;}.hero-photo img{height:345px}.hero-photo figcaption{font-size:15px}.section-heading{display:block}.section-heading>p{margin-top:22px}.gallery-section{padding-block:44px 55px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}.work:nth-child(3n+2){padding-top:0}.work:nth-child(even){padding-top:27px}.work img{height:225px}.work figcaption span{font-size:18px;line-height:1.25}.work small{font-size:11px;margin-top:5px}.image-arrow{width:28px;height:28px;line-height:28px;bottom:8px;right:8px}.about{padding-block:48px}.about-inner{grid-template-columns:1fr;gap:15px}.about-copy{padding-top:12px}.contact{padding-block:62px}.contact h2{font-size:37px}.email{font-size:22px}footer{flex-wrap:wrap}footer .brand{width:100%;margin-bottom:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Webový manuál používá stejný soubor jako portfolio. */
.button:active,.button.is-active{transform:translateY(1px);background:var(--ink)}
.button.is-hover{background:var(--ink)}
.button:disabled{background:var(--line);color:var(--ink);cursor:not-allowed}
.button{border:0;font-family:var(--font-body);cursor:pointer;min-height:44px}
.ds-main{padding-block:var(--space-7)}
.ds-main>section{padding-block:var(--space-6);border-bottom:1px solid var(--line)}
.ds-main h1{font-size:clamp(42px,6vw,76px);max-width:900px}
.ds-main h2{margin-bottom:var(--space-4)}
.ds-main h3{font-family:var(--font-heading);font-size:26px;font-weight:400;margin-bottom:var(--space-2)}
.ds-lead{max-width:680px;margin-top:var(--space-4);color:var(--muted)}
.ds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.ds-card{border:1px solid var(--line);padding:var(--space-4);background:var(--white)}
.ds-card p{font-size:14px}.ds-card code{display:block;margin-top:var(--space-2);font-size:13px}
.ds-chip{height:120px;padding:var(--space-3);display:flex;align-items:end;margin-bottom:var(--space-3)}
.sw-paper{background:var(--paper);color:var(--ink)}.sw-green{background:var(--green);color:var(--white)}
.sw-ink{background:var(--ink);color:var(--white)}.sw-wash{background:var(--wash);color:var(--ink)}
.sw-white{background:var(--white);color:var(--ink);border:1px solid var(--line)}.sw-muted{background:var(--muted);color:var(--white)}
.ds-sample-title{font:clamp(40px,5vw,64px)/1.1 var(--font-heading);letter-spacing:-.045em}
.ds-sample-body{font:var(--text-body)/1.7 var(--font-body);max-width:600px;margin-top:var(--space-4)}
.ds-space-row{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-3)}
.ds-space-row span{min-width:90px}.ds-bar{height:16px;background:var(--green)}
.space-1{width:var(--space-1)}.space-2{width:var(--space-2)}.space-3{width:var(--space-3)}.space-4{width:var(--space-4)}
.space-5{width:var(--space-5)}.space-6{width:var(--space-6)}.space-7{width:var(--space-7)}.space-8{width:var(--space-8)}
.ds-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.ds-actions .button{margin-top:var(--space-3)}
.ds-photo{width:100%;max-height:400px;object-fit:contain;background:var(--wash)}
.ds-note{font-size:14px;color:var(--muted);margin-top:var(--space-3)}
.ds-code{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--wash);padding:var(--space-4);font-size:13px}
@media(max-width:700px){.ds-grid{grid-template-columns:1fr}.ds-main{padding-block:var(--space-5)}.ds-main>section{padding-block:var(--space-5)}}