:root{--bg:#16181a;--surface:#1e2124;--surface2:#191c1e;--ink:#eef1f3;--soft:#9aa3ab;--line:#2c3033;--a1:#f07a1e;--a1d:#d1620d;--a2:#6b7684;--accent-ink:#ffffff;--a2-ink:#ffffff;--radius:4px;--radius-s:3px;--head:"Rajdhani",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--headbg:rgba(22,24,26,.9);--footbg:#0f1113;--foot-ink:#ffffff;--foot-soft:rgba(238,241,243,.6);--ebc:#f07a1e;--a1p:#b45b16;--a1dc:#d57125;--a2p:#6b7684;--ovl:rgba(16,18,20,.92);--ov-soft:#c7cdd2;--htt:uppercase;--hls:.01em;--brtt:uppercase;--brls:.08em;--navtt:uppercase;--navls:.06em;}
/* BASE — sdílená struktura ukázkových webů. Vizuál řídí per-obor :root tokeny
   + body archetyp třídy (hero: h-split/h-overlay/h-center/h-panel; karty:
   c-flat/c-bordered/c-elevated; tvar dán --radius). NE token-swap: kombinace
   archetyp × paleta × font × tvar dává každému oboru vlastní tvář. */
*{box-sizing:border-box;}html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--bg);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:var(--head);font-weight:var(--hw,600);line-height:1.08;margin:0 0 .4em;letter-spacing:var(--hls,-0.01em);text-transform:var(--htt,none);}
h1{font-size:clamp(2.6rem,6.4vw,4.8rem);}h2{font-size:clamp(1.9rem,4vw,2.9rem);}h3{font-size:1.28rem;}
/* h1 na vnitřních stranách (nabídka/o nás/kontakt/rozcestník) sedí v běžné sekci —
   drží velikost nadpisu sekce, hero h1 (.hero) zůstává velké. */
.section h1{font-size:clamp(1.9rem,4vw,2.9rem);}
p{margin:0 0 1rem;}a{color:var(--a1d);text-decoration:none;}a:hover{text-decoration:underline;}img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw,1160px);margin:0 auto;padding:0 clamp(20px,5vw,44px);}
.eyebrow{font-family:var(--eb,var(--head));text-transform:uppercase;letter-spacing:var(--ebls,.24em);font-size:.72rem;font-weight:600;color:var(--ebc,var(--a1));margin-bottom:1rem;}
.section{padding:clamp(60px,8vw,116px) 0;}.section--alt{background:var(--surface2);}
.section--accent{background:var(--a1p,var(--a1));color:var(--accent-ink);}.section--accent h2{color:var(--accent-ink);}.section--accent .eyebrow{color:var(--accent-ink);opacity:.85;}.section--accent .lead{color:var(--accent-ink);opacity:.9;}
.center{text-align:center;}.lead{font-size:1.16rem;color:var(--soft);max-width:60ch;}.center .lead{margin-left:auto;margin-right:auto;}
.sec-head{max-width:58ch;margin-bottom:clamp(2rem,4vw,3.3rem);}.center.sec-head{margin-left:auto;margin-right:auto;}
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--btf,var(--head));font-weight:600;font-size:var(--btfs,.94rem);text-transform:var(--btt,none);letter-spacing:var(--btls,.01em);padding:.85em 1.8em;border-radius:var(--btr,var(--radius));border:var(--btb,1.5px) solid transparent;cursor:pointer;transition:all .18s;}
.btn:hover{text-decoration:none;}.btn--primary{background:var(--a1p,var(--a1));color:var(--accent-ink);}.btn--primary:hover{background:var(--a1d);}
.btn--outline{border-color:var(--ink);color:var(--ink);background:transparent;}.btn--outline:hover{background:var(--ink);color:var(--bg);}
.btn--light{background:var(--surface);color:var(--ink);}
.section--accent .btn--outline{border-color:var(--accent-ink);color:var(--accent-ink);}.section--accent .btn--outline:hover{background:var(--accent-ink);color:var(--a1);}
.site-header{position:sticky;top:0;z-index:40;background:var(--headbg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;}
.brand{font-family:var(--head);font-size:1.5rem;font-weight:700;color:var(--brandc,var(--ink));display:flex;align-items:baseline;gap:.4rem;text-transform:var(--brtt,none);letter-spacing:var(--brls,normal);}
.brand:hover{text-decoration:none;color:var(--brandc,var(--ink));}.brand small{font-family:var(--body);font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--soft);font-weight:600;}
.nav-links{display:flex;gap:clamp(1rem,2.2vw,2rem);align-items:center;list-style:none;margin:0;padding:0;}
.nav-links a:not(.btn){color:var(--navc,var(--ink));font-family:var(--eb,var(--body));font-weight:500;font-size:.92rem;text-transform:var(--navtt,none);letter-spacing:var(--navls,normal);}
.nav-links a:not(.btn):hover,.nav-links a.active:not(.btn){color:var(--a1dc,var(--a1d));}
/* CTA v hlavičce je tlačítko, ne odkaz v menu. Bez :not(.btn) přebíjelo
   `.nav-links a` specificitou barvu `.btn--primary` a text v tlačítku
   dostal --ink místo --accent-ink (na tmavých webech až 1,36:1). */
.nav-links .btn{font-family:var(--eb,var(--body));font-weight:600;font-size:.92rem;text-transform:var(--navtt,none);letter-spacing:var(--navls,normal);}
.nav-toggle{display:none;background:none;border:0;font-size:1.5rem;cursor:pointer;color:var(--ink);}
/* HERO base */
.hero__chip{background:var(--a1p,var(--a1));color:var(--accent-ink);font-family:var(--eb,var(--head));font-weight:600;font-size:.82rem;padding:.5rem 1.1rem;border-radius:999px;display:inline-block;}
.hero h1{margin-bottom:.3em;}.hero__cta{display:flex;gap:.9rem;flex-wrap:wrap;}
.hero__strip{display:flex;gap:2.2rem;flex-wrap:wrap;margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid var(--line);}
.hero__strip div{font-size:.9rem;color:var(--soft);}.hero__strip strong{display:block;font-family:var(--head);font-weight:600;font-size:1.12rem;color:var(--ink);}
.hero__media img{display:block;}
/* h-split: text + rounded media */
.h-split .hero{padding:clamp(30px,5vw,56px) 0 clamp(50px,7vw,84px);}
.h-split .hero__wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,64px);align-items:center;}
.h-split .hero__text p{font-size:1.2rem;color:var(--soft);max-width:42ch;margin-bottom:1.8rem;}
.h-split .hero__media{position:relative;}.h-split .hero__media img{width:100%;border-radius:var(--radius);aspect-ratio:4/5;object-fit:cover;}
.h-split .hero__chip{position:absolute;bottom:16px;left:16px;}
/* h-center: centered text, wide media below */
.h-center .hero{padding:clamp(30px,5vw,54px) 0 clamp(46px,6vw,80px);}
.h-center .hero__wrap{display:block;text-align:center;}
.h-center .hero__text{max-width:720px;margin:0 auto clamp(28px,4vw,44px);}
.h-center .hero__text p{font-size:1.2rem;color:var(--soft);max-width:48ch;margin:0 auto 1.6rem;}.h-center .hero__cta{justify-content:center;}
.h-center .hero__strip{justify-content:center;}
.h-center .hero__media{position:relative;}.h-center .hero__media img{width:100%;border-radius:var(--radius);aspect-ratio:21/9;object-fit:cover;}
.h-center .hero__chip{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);}
/* h-panel: text left, media fullbleed right edge */
.h-panel .hero{overflow:hidden;}
.h-panel .hero__wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:0;align-items:stretch;min-height:80vh;}
.h-panel .hero__text{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,80px) clamp(28px,4vw,56px) clamp(40px,6vw,80px) 0;}
.h-panel .hero__text p{font-size:1.2rem;color:var(--soft);max-width:40ch;margin-bottom:2rem;}
.h-panel .hero__media{position:relative;margin-right:calc(-1 * ((100vw - min(100vw,var(--maxw,1160px)))/2 + clamp(20px,5vw,44px)));}
.h-panel .hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.h-panel .hero__chip{position:absolute;bottom:18px;left:18px;}
/* h-overlay: media fullbleed behind, text overlay (tmavé) */
.h-overlay .hero{position:relative;overflow:hidden;}
.h-overlay .hero__wrap{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px);}
.h-overlay .hero__media{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;z-index:0;}.h-overlay .hero__media img{width:100%;height:100%;object-fit:cover;}
.h-overlay .hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--ovl,rgba(15,15,15,.9)) 0%,rgba(15,15,15,.55) 55%,rgba(15,15,15,.25) 100%);}
.h-overlay .hero__text{position:relative;z-index:2;max-width:600px;}.h-overlay .hero__text p{font-size:1.22rem;color:var(--ov-soft,#dcdcdc);max-width:42ch;margin-bottom:2rem;text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.4);}
.h-overlay .hero__cta,.h-overlay .hero__strip{position:relative;z-index:2;}
.h-overlay .hero__chip{margin-bottom:1.2rem;position:relative;z-index:2;}
.h-overlay .hero__strip{border-top-color:rgba(255,255,255,.18);}
/* světlý web s overlay hero: text musí být čitelný na fotce (--ov-ink).
   Tmavé weby token nenastavují -> fallback na --ink, chování beze změny. */
.h-overlay .hero__text h1{color:var(--ov-ink,var(--ink));text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.4);}
.h-overlay .hero__text .eyebrow{color:var(--ov-eb,var(--a1));}
.h-overlay .hero__strip strong{color:var(--ov-ink,var(--ink));}
.h-overlay .hero__strip div{color:var(--ov-soft,var(--soft));}
.h-overlay .hero__cta .btn--outline{border-color:var(--ov-ink,var(--ink));color:var(--ov-ink,var(--ink));}
.h-overlay .hero__cta .btn--outline:hover{background:var(--ov-ink,var(--ink));color:var(--a1);}
/* split section */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center;}.split img{border-radius:var(--radius);width:100%;object-fit:cover;}
/* grid + cards */
.grid{display:grid;gap:clamp(18px,2.6vw,30px);}.grid--3{grid-template-columns:repeat(3,1fr);}.grid--2{grid-template-columns:repeat(2,1fr);}.grid--4{grid-template-columns:repeat(4,1fr);}
.card .ico{font-size:1.8rem;margin-bottom:.5rem;}.card h3{margin-bottom:.3rem;}.card p{color:var(--soft);font-size:.96rem;margin:0;}
.c-elevated .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.7rem;text-align:center;transition:transform .18s;}.c-elevated .card:hover{transform:translateY(-4px);}
.c-bordered .card{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:1.9rem 1.6rem;}
.c-flat .card{padding:1.6rem 0 0;border-top:2px solid var(--a1);}.c-flat .card .ico{font-size:1.5rem;}.c-flat .card h3{margin-top:.4rem;}
.card h3{color:var(--ink);}
/* menu / ceník */
.menu-group{margin-bottom:2.2rem;}.menu-group h3{color:var(--a1dc,var(--a1d));border-bottom:2px solid var(--line);padding-bottom:.5rem;margin-bottom:1rem;}
.price-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line);}.price-item:last-child{border-bottom:0;}
.price-item .p-name{font-family:var(--head);font-weight:600;font-size:1.05rem;}.price-item .p-desc{color:var(--soft);font-size:.86rem;}
.price-item .p-price{font-family:var(--head);font-weight:600;color:var(--a1dc,var(--a1d));white-space:nowrap;font-variant-numeric:tabular-nums;}
.tag{display:inline-block;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;background:var(--a2p,var(--a2));color:var(--a2-ink,#fff);padding:.15em .6em;border-radius:5px;margin-left:.4rem;vertical-align:middle;}
/* gallery */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}.gallery img{border-radius:var(--radius-s);width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;}.gallery .tall{grid-row:span 2;aspect-ratio:auto;}
/* quotes */
.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(22px,4vw,44px);}
.q-card .quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem;}
.q-bar .quote{border-left:3px solid var(--a1);padding-left:1.4rem;}
.quote p{font-size:1.14rem;color:var(--ink);}.quote .who{font-size:.85rem;color:var(--soft);font-weight:600;}.stars{color:var(--a1);letter-spacing:2px;}
/* kontakt */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,60px);}.info-row{display:flex;gap:.9rem;margin-bottom:1.1rem;}
.info-row .k{font-family:var(--eb,var(--head));font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ebc,var(--a1));min-width:88px;padding-top:.2rem;font-weight:600;}.info-row .v{color:var(--ink);}
form.reserve{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;}.field{margin-bottom:1.1rem;}
.field label{display:block;font-family:var(--eb,var(--body));font-size:.78rem;font-weight:600;margin-bottom:.35rem;color:var(--soft);text-transform:var(--lbtt,none);letter-spacing:var(--lbls,normal);}
.field input,.field textarea,.field select{width:100%;padding:.8em 1em;border:1.5px solid var(--line);border-radius:var(--radius-s);font:inherit;background:var(--bg);color:var(--ink);}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--a1);}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.form-note{font-size:.78rem;color:var(--soft);margin-top:.8rem;}.map-embed{border-radius:var(--radius);height:250px;background:var(--surface2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--soft);font-size:.9rem;text-align:center;margin-top:1rem;}
/* footer */
.site-footer{background:var(--footbg);color:var(--foot-soft);padding:58px 0 28px;font-size:.92rem;border-top:1px solid var(--line);}
.site-footer h4{color:var(--foot-ink);font-family:var(--eb,var(--head));font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:1rem;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2.4rem;margin-bottom:2.4rem;}.site-footer a{color:var(--foot-soft);}.site-footer a:hover{color:var(--foot-ink);}
.footer-brand{font-family:var(--head);font-size:1.6rem;font-weight:700;color:var(--foot-ink);margin-bottom:.5rem;text-transform:var(--brtt,none);letter-spacing:var(--brls,normal);}
.footer-bottom{border-top:1px solid var(--line);padding-top:1.3rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;font-size:.82rem;color:var(--foot-soft);opacity:.75;}
.sample-bar{background:var(--a1p,var(--a1));color:var(--accent-ink);text-align:center;font-size:.82rem;padding:.5rem 1rem;font-family:var(--eb,var(--body));}.sample-bar a{color:var(--accent-ink);text-decoration:underline;}
/* framing pkg */
.pkg-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:var(--surface);}
.pkg-card .shot{aspect-ratio:16/10;overflow:hidden;}.pkg-card .shot img{width:100%;height:100%;object-fit:cover;}.pkg-card .body{padding:1.8rem;display:flex;flex-direction:column;flex:1;}
.pkg-badge{align-self:flex-start;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:.3em .8em;border-radius:999px;margin-bottom:.8rem;color:var(--accent-ink);}.pkg-badge.start{background:var(--a2);color:var(--a2-ink,#fff);}.pkg-badge.prez{background:var(--a1);}
.pkg-card ul{list-style:none;padding:0;margin:.6rem 0 1.4rem;}.pkg-card li{padding:.35rem 0 .35rem 1.5rem;position:relative;color:var(--soft);font-size:.95rem;}.pkg-card li::before{content:"›";position:absolute;left:0;color:var(--ebc,var(--a1));font-weight:700;}.pkg-card .btn{margin-top:auto;}
/* responsive */
@media(max-width:900px){
.h-split .hero__wrap,.split,.contact-grid{grid-template-columns:1fr;}.h-split .hero__media{order:-1;}
.h-panel .hero__wrap{grid-template-columns:1fr;min-height:auto;}.h-panel .hero__media{min-height:50vh;margin-right:calc(-1*clamp(20px,5vw,44px));margin-left:calc(-1*clamp(20px,5vw,44px));}.h-panel .hero__text{padding:clamp(36px,7vw,56px) 0;}
.h-overlay .hero__wrap{min-height:68vh;}
.grid--3,.grid--4{grid-template-columns:repeat(2,1fr);}.quotes{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr 1fr;}.gallery{grid-template-columns:repeat(3,1fr);}
.nav-links{position:fixed;inset:74px 0 auto 0;flex-direction:column;align-items:flex-start;background:var(--surface2);padding:1.3rem clamp(20px,5vw,44px);gap:1rem;border-bottom:1px solid var(--line);transform:translateY(-140%);transition:transform .25s,visibility .25s;visibility:hidden;pointer-events:none;}.nav-links.open{transform:translateY(0);visibility:visible;pointer-events:auto;}.nav-toggle{display:block;}}
@media(max-width:560px){.grid--3,.grid--4,.grid--2{grid-template-columns:1fr;}.gallery{grid-template-columns:repeat(2,1fr);}.form-row{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr;}.h-center .hero__media img{aspect-ratio:16/11;}}