:root{

   

  --paper:      #FAF6EF;    

  --paper-2:    #F4EEE3;    

  --paper-3:    #EDE4D6;    

  --ivory:      #FFFDF9;



   

  --ink:        #1C160E;    

  --ink-2:      #463C2F;    

  --ink-3:      #6B6052;    



   

  --olive:      #5F6A46;    

  --olive-dark: #47502F;

  --olive-soft: #E8EBDD;

  --olive-text: #4A5435;    

  --gold:       #A98850;

  --gold-light: #C9A971;

  --gold-dark:  #785F32;    

  --terra:      #A55F3C;

  --rust:       #8B4E32;

  --sage:       #A3AE94;



  --line:       rgba(48,38,25,.13);

  --line-soft:  rgba(48,38,25,.07);

  --line-gold:  rgba(169,136,80,.34);



  --ok:         #4E6338;

  --warn:       #8A6520;

  --bad:        #8E4229;



   

  --head:   'Cormorant Garamond', Georgia, 'Times New Roman', serif;

  --body:   'Jost', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --script: 'Parisienne', 'Segoe Script', cursive;



   

  --wrap:    1380px;

  --gutter:  clamp(20px, 5vw, 64px);

  --radius:  2px;

  --shadow:     0 18px 46px rgba(48,38,25,.07);

  --shadow-lg:  0 30px 70px rgba(48,38,25,.13);



  --ease: cubic-bezier(.22,.61,.36,1);

}



*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }



body{

  margin:0;

  background:var(--paper);

  color:var(--ink);

  font-family:var(--body);

   

  font-weight:400;

  font-size:17px;

  line-height:1.7;

  -webkit-font-smoothing:antialiased;

  text-rendering:optimizeLegibility;

  overflow-x:hidden;

   

  background-image:

    radial-gradient(circle at 18% 12%, rgba(169,136,80,.045), transparent 42%),

    radial-gradient(circle at 84% 78%, rgba(117,126,92,.04), transparent 46%);

  background-attachment:fixed;

}



h1,h2,h3,h4{ font-family:var(--head); font-weight:400; margin:0; line-height:1.1; text-wrap:balance; }

p{ margin:0; }

a{ color:inherit; text-decoration:none; }

img{ max-width:100%; display:block; }

ul{ margin:0; padding:0; list-style:none; }

button{ font-family:inherit; }

::selection{ background:var(--gold-light); color:var(--ink); }



:focus-visible{ outline:2px solid var(--gold); outline-offset:4px; border-radius:2px; }



.wrap{ max-width:var(--wrap); margin:0 auto; padding:0 var(--gutter); }

.wrap-narrow{ max-width:920px; margin:0 auto; padding:0 var(--gutter); }



 

.eyebrow{

  font-size:13px; letter-spacing:.3em; text-transform:uppercase;

  color:var(--gold-dark); font-weight:400; display:block;

}

.script{

  font-family:var(--script); font-weight:400; color:var(--gold-dark);

  font-size:clamp(1.9rem, 3.6vw, 2.9rem); line-height:1; letter-spacing:.01em;

}

.lead{ font-size:clamp(1.06rem,1.5vw,1.2rem); color:var(--ink-2); line-height:1.78; }

.sr-only{

  position:absolute; width:1px; height:1px; padding:0; margin:-1px;

  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;

}



 

.orn-div{

  display:flex; align-items:center; justify-content:center; gap:20px;

  color:var(--gold); margin:0 auto; max-width:460px;

}

.orn-div .orn-line{ flex:1; height:1px; background:linear-gradient(90deg,transparent,var(--line-gold)); }

.orn-div .orn-line:last-child{ background:linear-gradient(270deg,transparent,var(--line-gold)); }

.orn-div svg{ flex:none; }



.orn-macrame{ display:block; width:100%; height:64px; color:var(--gold); }

.orn-sprig{ color:var(--sage); opacity:.55; }



.orn-step{

  position:relative; display:inline-flex; align-items:center; justify-content:center;

  width:56px; height:56px; color:var(--gold); flex:none;

}

.orn-step svg{ position:absolute; inset:0; }

.orn-step b{

  font-family:var(--head); font-size:1.529rem; font-weight:400; color:var(--gold-dark);

  position:relative; line-height:1;

}



 

.site-head{

  position:sticky; top:0; z-index:200;

  background:rgba(250,246,239,.9);

  backdrop-filter:saturate(1.3) blur(14px);

  border-bottom:1px solid transparent;

  transition:border-color .4s ease, background .4s ease;

}

.site-head.is-stuck{ border-bottom-color:var(--line-soft); background:rgba(250,246,239,.97); }

.site-head .wrap{

  display:flex; align-items:center; justify-content:space-between;

  gap:22px; height:88px;

}

.logo{

  font-family:var(--head); font-size:26px; letter-spacing:.38em;

  text-transform:uppercase; color:var(--ink); white-space:nowrap;

  padding-right:.38em; line-height:1;

}



.main-nav{ display:flex; align-items:center; gap:clamp(22px,3vw,46px); }

.main-nav a{

  font-size:13px; letter-spacing:.22em; text-transform:uppercase;

  color:var(--ink-2); font-weight:400; padding:8px 0; position:relative;

  transition:color .3s ease;

}

.main-nav a::after{

  content:''; position:absolute; left:0; right:100%; bottom:2px;

  height:1px; background:var(--gold); transition:right .42s var(--ease);

}

.main-nav a:hover{ color:var(--ink); }

.main-nav a:hover::after, .main-nav a.is-active::after{ right:0; }

.main-nav a.is-active{ color:var(--ink); }



.head-tools{ display:flex; align-items:center; gap:12px; }

.cart-btn{

  position:relative; display:inline-flex; align-items:center; justify-content:center;

  width:48px; height:48px; border-radius:50%; color:var(--ink);

  transition:background .3s ease;

}

.cart-btn:hover{ background:var(--paper-2); }

.cart-btn svg{ width:24px; height:24px; stroke:currentColor; fill:none; stroke-width:1.15; }

.cart-badge{

  position:absolute; top:3px; right:3px;

  min-width:21px; height:21px; padding:0 6px;

  background:var(--terra); color:#fff; border-radius:11px;

  font-size:13px; font-weight:400; line-height:21px; text-align:center;

  font-variant-numeric:tabular-nums;

}



.burger{

  display:none; width:48px; height:48px; border:0; background:transparent;

  color:var(--ink); cursor:pointer; align-items:center; justify-content:center;

}

.burger svg{ width:26px; height:26px; stroke:currentColor; fill:none; stroke-width:1.15; }



.mobile-nav{ display:none; border-top:1px solid var(--line-soft); background:var(--ivory); padding:6px 0 16px; }

.mobile-nav.is-open{ display:block; }

.mobile-nav a{

  display:block; padding:17px var(--gutter);

  font-size:13px; letter-spacing:.2em; text-transform:uppercase;

  border-bottom:1px solid var(--line-soft); color:var(--ink-2);

}

.mobile-nav a:last-child{ border-bottom:0; }



 

.hero{

  position:relative;

  padding:clamp(38px,7vw,96px) 0 clamp(34px,5vw,62px);

}

.hero-grid{

  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);

  align-items:center; gap:clamp(28px,5vw,76px);

}

.hero-text{ display:grid; gap:22px; justify-items:start; position:relative; z-index:2; }

.hero-text .script{ margin-bottom:-14px; }

.hero-text h1{

   

  font-size:clamp(1.95rem,4.05vw,3.5rem);

  letter-spacing:.005em; text-transform:uppercase; line-height:1.08;

  font-weight:300; max-width:15ch;

}

.hero-text h1 em{

  font-style:italic; text-transform:none; font-weight:400;

  letter-spacing:0; color:var(--gold-dark);

}

.hero-text p{ max-width:44ch; }

.hero-actions{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; margin-top:6px; }



 

.hero-media{

  position:relative;

  display:grid;

  grid-template-columns:1.32fr 1fr;

  grid-template-rows:1fr 1fr;

  gap:16px;

  aspect-ratio:1/1; max-height:74vh;

}

.hero-tile{

  position:relative; overflow:hidden; display:block;

  background:var(--paper-3); box-shadow:var(--shadow);

  transition:box-shadow .5s var(--ease), transform .5s var(--ease);

}

.hero-tile img{

  width:100%; height:100%; object-fit:cover;

  transition:transform 1.2s var(--ease);

}

.hero-tile:hover{ box-shadow:var(--shadow-lg); transform:translateY(-3px); }

.hero-tile:hover img{ transform:scale(1.05); }



 

.hero-tile-1{ grid-row:1 / 3; clip-path:url(#bohoArch); }

.hero-tile-2{ grid-column:2; grid-row:1; }

.hero-tile-3{ grid-column:2; grid-row:2; }



 

.hero-tile-label{

  position:absolute; left:0; right:0; bottom:0; z-index:2;

  display:grid; gap:3px; padding:44px 20px 18px;

  background:linear-gradient(to top, rgba(18,13,7,.86) 0%, rgba(18,13,7,.55) 55%, transparent 100%);

  color:#fff; text-align:left;

}

.hero-tile-label .c{

  font-size:13px; letter-spacing:.2em; text-transform:uppercase;

  color:rgba(255,253,249,.88); font-weight:500;

}

.hero-tile-label .n{

  font-family:var(--head); font-size:1.235rem; font-weight:500; line-height:1.2;

  color:#fff;

}

.hero-tile-label .p{

  font-size:13px; color:rgba(255,253,249,.9); font-variant-numeric:tabular-nums;

}

.hero-tile-1 .hero-tile-label{ padding:54px 26px 30px; }

.hero-tile-1 .hero-tile-label .n{ font-size:1.529rem; }

.hero-tile-2 .hero-tile-label, .hero-tile-3 .hero-tile-label{ padding:36px 16px 14px; }

.hero-tile-2 .hero-tile-label .n, .hero-tile-3 .hero-tile-label .n{ font-size:1.235rem; }



.hero-media .orn-sprig{

  position:absolute; left:-44px; top:-26px; width:88px; height:88px; z-index:3;

  transform:scaleX(-1) rotate(-8deg);

}



@media (max-width:980px){

  .hero-grid{ grid-template-columns:1fr; gap:36px; }

  .hero-media{ order:-1; aspect-ratio:4/3; max-height:none; gap:12px; }

  .hero-media .orn-sprig{ display:none; }

  .hero-text{ justify-items:center; text-align:center; }

  .hero-text h1{ max-width:none; }

  .hero-text p{ max-width:56ch; }

  .hero-actions{ justify-content:center; }

}

@media (max-width:560px){

  .hero-media{ aspect-ratio:auto; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; }

  .hero-tile-1{ grid-column:1 / 3; grid-row:1; aspect-ratio:4/3; clip-path:none; }

  .hero-tile-2{ grid-column:1; grid-row:2; aspect-ratio:1; }

  .hero-tile-3{ grid-column:2; grid-row:2; aspect-ratio:1; }

  .hero-tile-1 .hero-tile-label{ padding:44px 18px 18px; }

}



 

.section{ padding:clamp(46px,7vw,104px) 0; }

.section-tint{ background:var(--paper-2); }

.section-head{ display:grid; gap:14px; justify-items:center; text-align:center; margin-bottom:clamp(30px,4.5vw,56px); }

 

.section-head h2{ font-size:clamp(1.75rem,2.9vw,2.6rem); }

.section-head p{ max-width:56ch; color:var(--ink-2); font-size:1rem; }

.section-head .orn-div{ margin-top:6px; }



.section-head-row{

  display:flex; align-items:flex-end; justify-content:space-between;

  gap:24px; flex-wrap:wrap; margin-bottom:clamp(24px,3.5vw,40px);

}

.section-head-row h2{ font-size:clamp(1.8rem,3.4vw,2.7rem); }



.count-line{

  font-size:13px; letter-spacing:.17em; text-transform:uppercase;

  color:var(--ink-3); font-variant-numeric:tabular-nums;

}



 

.filters{

  display:flex; gap:11px; flex-wrap:wrap; justify-content:center;

  padding:0 0 clamp(30px,4.5vw,52px);

}

.pill{

  display:inline-flex; align-items:center; gap:9px;

  padding:13px 26px; border:1px solid var(--line);

  border-radius:999px; background:transparent;

  font-size:13px; letter-spacing:.17em; text-transform:uppercase;

  color:var(--ink-2); font-weight:400; cursor:pointer; white-space:nowrap;

  transition:border-color .32s var(--ease), color .32s ease, background .32s ease;

}

.pill:hover{ border-color:var(--gold); color:var(--ink); }

.pill.is-active{ background:var(--olive); border-color:var(--olive); color:var(--ivory); }

.pill .cnt{ font-size:13px; opacity:.6; font-variant-numeric:tabular-nums; }

.pill.is-active .cnt{ opacity:.8; }



@media (max-width:680px){

  .filters{

    flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; justify-content:flex-start;

    margin:0 calc(-1 * var(--gutter)); padding-left:var(--gutter); padding-right:var(--gutter);

    scroll-snap-type:x proximity;

  }

  .filters::-webkit-scrollbar{ display:none; }

  .pill{ scroll-snap-align:start; }

}



 

.grid{

  display:grid; grid-template-columns:repeat(3,1fr);

  gap:clamp(30px,3.6vw,54px) clamp(22px,2.6vw,40px);

}

@media (max-width:1080px){ .grid{ grid-template-columns:repeat(2,1fr); } }

@media (max-width:640px){  .grid{ grid-template-columns:1fr; gap:42px; } }



 

.card{

  display:flex; flex-direction:column; position:relative;

  background:var(--ivory);

  border:1px solid var(--line-soft);

  box-shadow:0 1px 2px rgba(28,22,14,.04);

  transition:box-shadow .45s var(--ease), transform .45s var(--ease), border-color .45s ease;

}

.card:hover{

  transform:translateY(-4px);

  box-shadow:var(--shadow-lg);

  border-color:var(--line-gold);

}



.card-media{

  position:relative; display:block; aspect-ratio:4/3;

  background:var(--paper-3); overflow:hidden;

}

.card-media img{

  width:100%; height:100%; object-fit:cover;

  transition:transform 1.1s var(--ease);

}

.card:hover .card-media img{ transform:scale(1.05); }



.card-flag{

  position:absolute; top:14px; right:14px; z-index:2;

  padding:7px 13px; background:rgba(255,253,249,.95);

  font-size:13px; letter-spacing:.16em; text-transform:uppercase;

  color:var(--gold-dark); font-weight:500;

  box-shadow:0 2px 8px rgba(28,22,14,.1);

}



.card-body{ display:flex; flex-direction:column; gap:9px; flex:1; padding:22px 24px 24px; }



.card-cat{

  font-size:13px; letter-spacing:.22em; text-transform:uppercase;

  color:var(--olive-text); font-weight:500;

}

.card-title{

  font-family:var(--head); font-size:clamp(1.45rem,1.95vw,1.68rem); line-height:1.18;

  color:var(--ink); font-weight:500;

  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;

  overflow:hidden; min-height:calc(2 * 1.18em);

}

.card-title a{ transition:color .3s ease; }

.card:hover .card-title a{ color:var(--gold-dark); }



.card-perex{

  font-size:.95rem; color:var(--ink-2); line-height:1.6;

  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;

}



 

.card-meta{

  display:flex; gap:7px 16px; flex-wrap:wrap; align-items:center;

  font-size:13px; color:var(--ink-3); padding-top:3px;

}

.card-meta span{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }

.card-meta b{ color:var(--ink-2); font-weight:500; font-variant-numeric:tabular-nums; }



.card-price{

  display:flex; align-items:baseline; gap:9px; flex-wrap:wrap;

  margin-top:auto; padding-top:16px;

  border-top:1px solid var(--line-soft);

}

.card-price .from{ font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); }

.card-price .amount{

  font-family:var(--head); font-size:2rem; color:var(--ink); font-weight:500;

  font-variant-numeric:tabular-nums; line-height:1;

}

.card-price .unit{ font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); }



.card-foot{

  display:flex; align-items:center; justify-content:space-between;

  gap:12px; flex-wrap:wrap; padding-top:16px; margin-top:2px;

}



 

.badge{

  display:inline-flex; align-items:center; gap:8px;

  font-size:13px; letter-spacing:.17em; text-transform:uppercase; font-weight:400;

  white-space:nowrap; color:var(--ink-3);

}

.badge::before{ content:''; width:6px; height:6px; border-radius:50%; background:currentColor; flex:none; }

.badge-ok{   color:var(--olive-dark); }

.badge-warn{ color:var(--warn); }

.badge-bad{  color:var(--bad); }

.badge-buy{  color:var(--gold-dark); }



 

.badge-solid{ padding:6px 13px; border-radius:2px; }

.badge-solid.badge-ok{   background:var(--olive-soft); }

.badge-solid.badge-bad{  background:#F6E4DE; }

.badge-solid.badge-buy{  background:#F2EAD9; }



 

 

.btn{

  display:inline-flex; align-items:center; justify-content:center; gap:11px;

  padding:16px 30px; border-radius:var(--radius); cursor:pointer;

  font-size:13px; letter-spacing:.2em; text-transform:uppercase; font-weight:400;

  border:1px solid var(--ink); background:transparent; color:var(--ink);

  position:relative; text-align:center; line-height:1.25;

  transition:background-color .25s ease, border-color .25s ease;

}

 

.btn:hover{ box-shadow:inset 0 0 0 999px rgba(28,22,14,.10); }

.btn:active{ box-shadow:inset 0 0 0 999px rgba(28,22,14,.18); }



.btn-sm{ padding:12px 20px; font-size:13px; letter-spacing:.17em; }

.btn-lg{ padding:19px 42px; font-size:13px; }

.btn-block{ width:100%; }



 

.btn-primary{ background:var(--olive); border-color:var(--olive); color:var(--ivory); }

.btn-gold{ background:var(--gold); border-color:var(--gold); color:var(--ivory); }

.btn-ghost{ border-color:var(--line); color:var(--ink-2); }



.btn[disabled], .btn.is-disabled{ opacity:.35; pointer-events:none; }



 

.link-gold{

  display:inline-flex; align-items:center; gap:10px;

  font-size:13px; letter-spacing:.19em; text-transform:uppercase; color:var(--gold-dark);

  padding-bottom:5px; border-bottom:1px solid var(--line-gold);

  transition:gap .34s var(--ease), border-color .34s ease;

}

.link-gold:hover{ gap:16px; border-bottom-color:var(--gold); }



 

.quote{ text-align:center; display:grid; gap:24px; justify-items:center; }

.quote blockquote{

  font-family:var(--head); font-size:clamp(1.55rem,3.2vw,2.5rem);

  line-height:1.34; font-style:italic; color:var(--ink); margin:0; max-width:24ch;

}

.quote cite{

  font-style:normal; font-size:13px; letter-spacing:.26em;

  text-transform:uppercase; color:var(--ink-3);

}



 

.steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(26px,3.6vw,54px); }

@media (max-width:820px){ .steps{ grid-template-columns:1fr; gap:34px; } }

.step{ display:grid; gap:14px; justify-items:start; }

.step h3{ font-size:1.529rem; }

.step p{ color:var(--ink-2); font-size:1rem; line-height:1.7; }



 

.pager{ display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; padding:clamp(42px,6vw,76px) 0 0; }

.pager a, .pager span{

  min-width:48px; height:48px; padding:0 14px;

  display:inline-flex; align-items:center; justify-content:center;

  border:1px solid var(--line); border-radius:var(--radius);

  font-size:13px; color:var(--ink-2); font-variant-numeric:tabular-nums;

  transition:border-color .3s ease, background .3s ease, color .3s ease;

}

.pager a:hover{ border-color:var(--gold); color:var(--ink); }

.pager .is-current{ background:var(--olive); border-color:var(--olive); color:var(--ivory); }

.pager .gap{ border:0; color:var(--ink-3); min-width:26px; }

.pager .nav-prev, .pager .nav-next{ letter-spacing:.17em; text-transform:uppercase; font-size:13px; }

.pager .is-off{ opacity:.3; pointer-events:none; }



 

.empty{ padding:clamp(52px,8vw,110px) 24px; text-align:center; display:grid; gap:16px; justify-items:center; }

.empty h3{ font-size:2rem; }

.empty p{ color:var(--ink-2); max-width:46ch; }



 

.site-foot{

  background:var(--ink); color:rgba(250,246,239,.72);

  margin-top:clamp(50px,8vw,110px);

  padding:0 0 34px;

  font-size:.97rem;

}

.site-foot .orn-macrame{ color:var(--gold); opacity:.5; height:56px; margin-bottom:clamp(34px,5vw,60px); }

.foot-grid{

  display:grid; grid-template-columns:1.5fr 1fr 1fr 1.25fr; gap:clamp(28px,4vw,60px);

  padding-bottom:42px; border-bottom:1px solid rgba(250,246,239,.13);

}

@media (max-width:880px){ .foot-grid{ grid-template-columns:1fr 1fr; gap:34px; } }

@media (max-width:540px){ .foot-grid{ grid-template-columns:1fr; } }

.site-foot .logo{ color:var(--paper); font-size:26px; margin-bottom:16px; }

.site-foot .script{ color:var(--gold-light); font-size:1.529rem; }

.foot-grid h4{

  font-family:var(--body); font-size:13px; letter-spacing:.24em;

  text-transform:uppercase; color:var(--gold-light); margin-bottom:16px; font-weight:400;

}

.foot-grid li{ margin-bottom:11px; }

.foot-grid a{ transition:color .3s ease; }

.foot-grid a:hover{ color:var(--paper); }

.foot-bottom{

  display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap;

  padding-top:26px; font-size:.88rem; color:rgba(250,246,239,.5);

}



 

.flash-wrap{

  position:fixed; top:104px; right:24px; z-index:400;

  display:grid; gap:12px; max-width:min(400px, calc(100vw - 40px));

}

.flash{

  padding:17px 22px; box-shadow:var(--shadow-lg);

  background:var(--ivory); border-left:2px solid var(--olive);

  font-size:.97rem; color:var(--ink); line-height:1.55;

  animation:flashIn .46s var(--ease) both;

}

.flash.is-err{ border-left-color:var(--bad); }

@keyframes flashIn{ from{ opacity:0; transform:translateX(18px); } to{ opacity:1; transform:none; } }



 

.reveal{ opacity:1; transform:none; }

.js .reveal{ opacity:0; transform:translateY(22px); }

.js .reveal.is-in{

  opacity:1; transform:none;

  transition:opacity .85s var(--ease), transform .85s var(--ease);

}



@media (prefers-reduced-motion:reduce){

  *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }

  html{ scroll-behavior:auto; }

  .js .reveal{ opacity:1 !important; transform:none !important; }

}



 

@media (max-width:980px){

  .main-nav{ display:none; }

  .burger{ display:inline-flex; }

  .site-head .wrap{ height:74px; }

}

@media (max-width:560px){

  body{ font-size:17px; }

  .logo{ font-size:21px; letter-spacing:.3em; }

  .site-head .wrap{ height:66px; }

  .flash-wrap{ top:80px; right:14px; left:14px; max-width:none; }

}



 

.facts{

  border-top:1px solid var(--line-gold);

  border-bottom:1px solid var(--line-gold);

  background:var(--ivory);

}

.facts-grid{

  display:grid; grid-template-columns:repeat(4,1fr);

  max-width:var(--wrap); margin:0 auto;

}

.fact{

  display:grid; gap:5px; padding:26px var(--gutter);

  border-right:1px solid var(--line-soft);

}

.fact:last-child{ border-right:0; }

.fact .k{

  font-family:var(--head); font-size:1.529rem; font-weight:500; color:var(--ink);

  line-height:1.1; font-variant-numeric:tabular-nums;

}

.fact .v{ font-size:13px; color:var(--ink-3); line-height:1.45; }

@media (max-width:900px){

  .facts-grid{ grid-template-columns:repeat(2,1fr); }

  .fact{ padding:20px var(--gutter); border-bottom:1px solid var(--line-soft); }

  .fact:nth-child(2n){ border-right:0; }

  .fact:nth-last-child(-n+2){ border-bottom:0; }

}

@media (max-width:480px){

  .facts-grid{ grid-template-columns:1fr; }

  .fact{ border-right:0; }

  .fact:last-child{ border-bottom:0; }

}



 

.catalog-bar{

  display:flex; align-items:baseline; justify-content:space-between;

  gap:20px; flex-wrap:wrap;

  padding-bottom:20px; margin-bottom:26px;

  border-bottom:1px solid var(--line);

}

.catalog-bar h2{ font-size:clamp(1.6rem,2.8vw,2.2rem); }

.catalog-bar .meta{

  display:flex; gap:20px; align-items:baseline; flex-wrap:wrap;

  font-size:13px; color:var(--ink-3);

}

.catalog-bar .meta b{ color:var(--ink-2); font-weight:500; font-variant-numeric:tabular-nums; }



 

.steps{ counter-reset:krok; }

.step{ position:relative; padding-top:4px; }

.step h3{ font-size:1.235rem; font-weight:500; color:var(--ink); }

.step p{ color:var(--ink-2); }

.step .note{

  font-size:13px; color:var(--ink-3); padding-top:10px; margin-top:4px;

  border-top:1px solid var(--line-soft); width:100%;

}

.step .note b{ color:var(--olive-text); font-weight:500; }



 

.quote cite{ color:var(--ink-3); font-weight:500; }

.quote blockquote{ color:var(--ink); font-weight:400; }



 

.eyebrow{ font-weight:500; }

.section-head p{ color:var(--ink-2); }

.pill{ color:var(--ink-2); font-weight:400; }

.pill .cnt{ opacity:1; color:var(--ink-3); }

.pill.is-active .cnt{ color:rgba(255,253,249,.85); }

.badge{ font-weight:500; }

.link-gold{ font-weight:500; }

.count-line{ color:var(--ink-3); }

.hero-badge .t{ color:var(--ink-3); font-weight:500; }

.main-nav a{ font-weight:400; }

.foot-grid li{ color:rgba(250,246,239,.82); }

.foot-bottom{ color:rgba(250,246,239,.62); }

.site-foot{ color:rgba(250,246,239,.82); }



 

.quote blockquote{ font-size:clamp(1.45rem,2.7vw,2.15rem); }

.catalog-bar h2{ font-size:clamp(1.5rem,2.3vw,1.95rem); }

.section-head-row h2{ font-size:clamp(1.5rem,2.3vw,1.95rem); }

.empty h3{ font-size:2rem; }



 

.section-head p{ font-size:1rem; line-height:1.68; }



 

.facts + .section{ padding-top:clamp(40px,6vw,86px); }



 

body{ font-size:17px; }



 

.lead{ font-size:clamp(1.1rem,1.5vw,1.26rem); }

.section-head p{ font-size:1rem; }

.card-perex{ font-size:1rem; line-height:1.62; }

.step p{ font-size:1rem; }

.empty p{ font-size:1rem; }



 

.fact .v{ font-size:15px; line-height:1.5; }

.card-meta{ font-size:13px; }

.catalog-bar .meta{ font-size:15px; }

.step .note{ font-size:15px; }

.count-line{ font-size:13px; }

.hero-tile-label .p{ font-size:13px; }

.pager a, .pager span{ font-size:15px; }

.pager .nav-prev, .pager .nav-next{ font-size:13px; }

.foot-grid li{ font-size:1rem; }

.foot-bottom{ font-size:.94rem; }

.flash{ font-size:1rem; }



 

.eyebrow{ font-size:13px; letter-spacing:.26em; }

.card-cat{ font-size:13px; letter-spacing:.19em; }

.badge{ font-size:13px; letter-spacing:.13em; }

.card-price .unit{ font-size:13px; letter-spacing:.12em; }

.card-price .from{ font-size:13px; }

.card-flag{ font-size:13px; }

.pill{ font-size:13px; letter-spacing:.15em; padding:13px 24px; }

.pill .cnt{ font-size:13px; }

.main-nav a{ font-size:13px; letter-spacing:.2em; }

.mobile-nav a{ font-size:15px; }

.link-gold{ font-size:13px; letter-spacing:.16em; }

.btn{ font-size:13px; letter-spacing:.17em; }

.btn-sm{ font-size:13px; }

.btn-lg{ font-size:15px; }

.quote cite{ font-size:13px; letter-spacing:.22em; }

.hero-tile-label .c{ font-size:13px; letter-spacing:.17em; }

.foot-grid h4{ font-size:13px; letter-spacing:.2em; }



 

.fact .k{ font-size:1.529rem; }

.card-title{ font-size:clamp(1.5rem,2vw,1.74rem); }

.card-price .amount{ font-size:2rem; }

.step h3{ font-size:1.529rem; }



@media (max-width:560px){

  body{ font-size:17px; }

  .pill{ font-size:13px; padding:12px 20px; }

}



 



 

.hero-tile-label{ padding:34px 18px 14px; gap:2px; }

.hero-tile-label .n{

  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;

  overflow:hidden;

}

.hero-tile-2 .hero-tile-label,

.hero-tile-3 .hero-tile-label{

  padding:28px 14px 12px;

  background:linear-gradient(to top, rgba(18,13,7,.88) 0%, rgba(18,13,7,.5) 62%, transparent 100%);

}

.hero-tile-2 .hero-tile-label .n,

.hero-tile-3 .hero-tile-label .n{ font-size:1rem; line-height:1.24; }

.hero-tile-2 .hero-tile-label .c,

.hero-tile-3 .hero-tile-label .c{ font-size:13px; letter-spacing:.14em; }

.hero-tile-2 .hero-tile-label .p,

.hero-tile-3 .hero-tile-label .p{ font-size:13px; }

.hero-tile-1 .hero-tile-label{ padding:52px 24px 24px; }

.hero-tile-1 .hero-tile-label .n{ font-size:1.55rem; }



 

.fact .k{ font-size:1.529rem; text-wrap:balance; line-height:1.16; }

.fact{ padding:24px var(--gutter) 26px; }

@media (min-width:1200px){

  .fact .k{ font-size:1.529rem; white-space:nowrap; }

}



 

.hero-tile-2 .hero-tile-label .c,

.hero-tile-3 .hero-tile-label .c{ display:none; }

.hero-tile-2 .hero-tile-label .n,

.hero-tile-3 .hero-tile-label .n{ -webkit-line-clamp:1; }

.hero-tile-2 .hero-tile-label,

.hero-tile-3 .hero-tile-label{ padding:24px 14px 11px; gap:1px; }



 

.hero-media{ aspect-ratio:1 / 1.1; }

@media (max-width:980px){ .hero-media{ aspect-ratio:4/3; } }

@media (max-width:560px){ .hero-media{ aspect-ratio:auto; } }



 

@media (max-width:980px){

  .hero-tile-2 .hero-tile-label .n,

  .hero-tile-3 .hero-tile-label .n{ -webkit-line-clamp:2; font-size:1rem; line-height:1.22; }

}

@media (max-width:420px){

  .hero-tile-2 .hero-tile-label .n,

  .hero-tile-3 .hero-tile-label .n{ font-size:.94rem; }

  .hero-tile-2 .hero-tile-label .p,

  .hero-tile-3 .hero-tile-label .p{ font-size:13px; }

}



 

.hero-video{

  width:100%; height:100%; object-fit:cover; display:block;

  transition:transform 1.2s var(--ease);

}

.hero-tile:hover .hero-video{ transform:scale(1.04); }



@media (prefers-reduced-motion:reduce){

   

  .hero-video{ display:none; }

  .hero-tile-1{ background-size:cover; background-position:center; }

}



 

.radek-detail{

  border-top:1px solid var(--line-soft);

  margin:-2px 0 0; padding:0;

}

.radek-detail > summary{

  display:flex; align-items:center; justify-content:space-between;

  gap:12px; flex-wrap:wrap;

  padding:10px 4px; cursor:pointer; list-style:none;

  font-size:.86rem; color:var(--ink-3);

}

.radek-detail > summary::-webkit-details-marker{ display:none; }

.radek-detail > summary:hover{ color:var(--ink-2); }

.rd-souhrn::before{

  content:"▸"; display:inline-block; margin-right:7px;

  color:var(--gold-dark); transition:transform .15s;

}

.radek-detail[open] .rd-souhrn::before{ transform:rotate(90deg); }

 

.rd-vlastni{

  margin-left:8px; padding:1px 7px; border-radius:2px;

  background:var(--olive-soft); color:var(--olive-text);

  font-size:.72rem; font-weight:500; letter-spacing:.04em;

  text-transform:uppercase;

}

.rd-odkaz{

  color:var(--gold-dark); border-bottom:1px solid var(--line-gold);

  font-size:.8rem;

}

.rd-telo{ padding:4px 4px 18px; }

.rd-info{ margin:0 0 8px; font-size:.86rem; color:var(--ink-2); }

.rd-tise{ color:var(--ink-3); font-size:.8rem; }

.rd-obsazeno{ color:var(--bad); font-weight:500; }

 

.rd-sjednoceno{ display:block; margin-top:4px; color:var(--olive-text); }

.rd-pole{

  display:grid; gap:12px 14px; margin:14px 0 16px;

  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));

}

.rd-pole label{

  display:flex; flex-direction:column; gap:4px;

  font-size:.78rem; letter-spacing:.06em; text-transform:uppercase;

  color:var(--ink-3);

}

 

 

.rd-pole .rd-siroke{ grid-column:1 / -1; position:relative; }



 

.rd-pole .rd-par{ grid-column:1 / -1; }

.rd-dvojice{ display:flex; gap:8px; align-items:center; }

 

.rd-dvojice input[type="date"]{ flex:1 1 auto; min-width:0; }

.rd-dvojice input[type="time"]{ flex:0 0 7.5rem; }

@media (max-width:420px){

  .rd-dvojice{ flex-wrap:wrap; }

  .rd-dvojice input[type="time"]{ flex:1 1 100%; }

}



 

.rd-ulozeno{

  display:inline-block; margin-top:6px;

  font-size:.8rem; color:var(--ink-3); letter-spacing:.04em;

}



 

.radek-prodlouzeni{

  display:block; margin-top:5px;

  font-size:.82rem; line-height:1.4; color:var(--ink-2);

}

.radek-prodlouzeni strong{ color:var(--terra); font-weight:500; white-space:nowrap; }



 

.rd-doprava{

  display:block; margin-top:5px;

  font-size:.82rem; color:var(--ink-3); letter-spacing:.01em;

}

.rd-pole input{

  font:inherit; font-size:.92rem; text-transform:none; letter-spacing:0;

  padding:8px 10px; border:1px solid var(--line);

  border-radius:3px; background:var(--ivory); color:var(--ink);

}

.rd-pole input:focus{ outline:2px solid var(--gold); outline-offset:1px; }