@font-face{
  font-family:"EB Garamond";
  font-style:normal;font-weight:400 500;font-display:swap;
  src:url("fonts/eb-garamond-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"EB Garamond";
  font-style:normal;font-weight:400 500;font-display:swap;
  src:url("fonts/eb-garamond-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"EB Garamond";
  font-style:italic;font-weight:400;font-display:swap;
  src:url("fonts/eb-garamond-italic-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"EB Garamond";
  font-style:italic;font-weight:400;font-display:swap;
  src:url("fonts/eb-garamond-italic-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root{
  --paper:#f7f2ea;
  --paper-2:#efe7db;
  --sand:#e2d5c3;
  --clay:#a98f70;
  --espresso:#2b2320;
  --espresso-2:#3d332d;
  --ink:#2f2823;
  --ink-2:#5b4f46;
  --muted:#72665b;
  --muted-on-dark:#98897a;
  --clay-text:#77654f;
  --line:#ded1bd;

  --serif:"EB Garamond",Georgia,"Times New Roman",serif;
  --sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;

  --pad:clamp(1.25rem,5vw,3rem);
  --sec:clamp(4.5rem,12vw,9.5rem);
  --col:min(680px,100%);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);
  font-size:clamp(1rem,.35vw + .92rem,1.08rem);
  line-height:1.8;font-weight:350;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body.locked{overflow:hidden}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.15;margin:0 0 .55em}
h1{font-size:clamp(2.6rem,7.5vw,5rem);line-height:1.05}
h2{font-size:clamp(1.9rem,4.4vw,3rem)}
h3{font-size:clamp(1.3rem,2.2vw,1.6rem);margin-bottom:.45em}
em{font-style:italic}
p{margin:0 0 1.2em}
a{color:inherit}

html[lang="en"] .sk,html[lang="sk"] .en{display:none}

.skip{position:absolute;left:-9999px;top:0;background:var(--espresso);color:var(--paper);padding:.7rem 1rem;z-index:200}
.skip:focus{left:0}

.bar{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem var(--pad);
  background:color-mix(in srgb,var(--paper) 90%,transparent);
  backdrop-filter:blur(10px) saturate(1.3);
  -webkit-backdrop-filter:blur(10px) saturate(1.3);
  contain:paint;
  transition:background .35s,box-shadow .35s;
}
.bar.floating,.bar.inverted{background:transparent;backdrop-filter:none}
.bar.floating .brand,.bar.floating .menu-btn,
.bar.inverted .brand,.bar.inverted .menu-btn{color:var(--paper)}
.bar.floating .menu-lines i,.bar.inverted .menu-lines i{background:var(--paper)}
.bar.inverted{z-index:110}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);transition:color .35s}
.brand-text{font-family:var(--serif);font-size:1.02rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}

.menu-btn{
  display:flex;align-items:center;gap:.6rem;background:none;border:0;cursor:pointer;
  color:var(--ink);font:inherit;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;
  padding:.5rem;transition:color .35s;
}
.menu-lines{display:block;width:22px}
.menu-lines i{display:block;height:1px;background:var(--ink);transition:transform .35s,opacity .35s,background .35s}
.menu-lines i+i{margin-top:5px}
.menu-btn[aria-expanded="true"] .menu-lines i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .menu-lines i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .menu-lines i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:520px){.menu-word{display:none}}

.overlay{
  position:fixed;inset:0;z-index:90;
  background:var(--espresso);color:var(--paper);
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;
  padding:5rem var(--pad) 3rem;
  opacity:0;transition:opacity .4s ease;
}
.overlay.show{opacity:1}
.overlay[hidden]{display:none}
.overlay nav{display:flex;flex-direction:column;gap:.2rem;width:min(520px,100%)}
.overlay nav a{
  display:flex;align-items:baseline;gap:1.1rem;text-decoration:none;
  font-family:var(--serif);font-size:clamp(1.5rem,5vw,2.4rem);
  padding:.45rem 0;border-bottom:1px solid rgba(247,242,234,.14);
  transition:padding-left .3s,color .3s;
}
.overlay nav a:hover{padding-left:.7rem;color:var(--sand)}
.idx{font-family:var(--sans);font-size:.78rem;letter-spacing:.2em;color:var(--clay);flex:none}
.overlay-foot{display:flex;flex-direction:column;align-items:center;gap:1.3rem}
.overlay .lang-menu{justify-content:center;gap:.6rem;color:var(--muted-on-dark)}
.overlay .lang-menu button{color:var(--sand-2,#c9b79f);font-size:.9rem;letter-spacing:.14em;padding:.5rem}
.overlay .lang-menu button:hover{color:var(--paper)}
html[lang="en"] .overlay .lang-menu button[data-lang="en"],
html[lang="sk"] .overlay .lang-menu button[data-lang="sk"]{
  color:var(--paper);text-decoration:underline;text-underline-offset:4px;
}
.overlay-ig{font-family:var(--serif);font-size:1.15rem;color:var(--sand);text-decoration:none;border-bottom:1px solid var(--clay);padding-bottom:2px}

.hero{position:relative}
.hero-media{position:relative;min-height:100svh;display:flex;align-items:flex-end}
.hero-media .ph{position:absolute;inset:0;height:100%}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(43,35,32,.45) 0%,rgba(43,35,32,.1) 35%,rgba(43,35,32,.78) 100%);
}
.hero-copy{position:relative;padding:0 var(--pad) clamp(3rem,9vw,6rem);color:var(--paper);max-width:900px}
.hero-copy h1{margin-bottom:.5em}


.eyebrow{
  font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);font-weight:500;margin:0 0 1.3rem;
}
.eyebrow.light{color:var(--sand)}
.rule{display:block;width:34px;height:1px;background:var(--clay);margin-bottom:1.6rem}
.rule.light{background:var(--sand)}
.center-rule{margin-inline:auto}

.band{padding:var(--sec) var(--pad)}
.band-tint{background:var(--paper-2)}
.col{width:var(--col);margin-inline:auto}
.col.center{text-align:center}
.pull{
  font-family:var(--serif);font-style:italic;
  font-size:clamp(1.3rem,2.6vw,1.75rem);line-height:1.45;
  margin-block:1.7em;color:var(--ink);
}
.small{font-size:1.1rem}
.fine{font-size:.95rem;color:var(--muted);line-height:1.75}

.btn{
  display:inline-block;text-decoration:none;cursor:pointer;font-family:var(--sans);
  font-size:.83rem;letter-spacing:.16em;text-transform:uppercase;
  padding:1.1rem 2.3rem;border:1px solid var(--espresso);background:var(--espresso);color:var(--paper);
  transition:background .35s,color .35s,border-color .35s;
}
.btn:hover{background:transparent;color:var(--espresso)}
.btn-light{border-color:var(--paper);background:transparent;color:var(--paper)}
.btn-light:hover{background:var(--paper);color:var(--espresso)}
.btn[disabled]{opacity:.55;pointer-events:none}

.ph{
  width:100%;
  background:
    radial-gradient(120% 100% at 25% 15%,rgba(255,252,246,.4),transparent 55%),
    linear-gradient(165deg,var(--sand) 0%,var(--clay) 60%,#8a725a 100%);
}
.ph-hero{min-height:100svh}
.ph-duo{aspect-ratio:4/5}
.ph-duo.alt{background:
    radial-gradient(120% 100% at 70% 20%,rgba(255,252,246,.35),transparent 55%),
    linear-gradient(200deg,#c9b79f 0%,#9c8264 65%,#6f5a48 100%)}
.ph-strip{aspect-ratio:21/9;min-height:280px}
.ph-cta{position:absolute;inset:0;height:100%}

.duo{display:grid;grid-template-columns:1fr 1fr}
@media (max-width:640px){.duo{grid-template-columns:1fr}}
.strip{line-height:0}

.dark-band{background:var(--espresso);color:var(--paper);padding:var(--sec) var(--pad)}
.dark-band p{color:#ded3c7}
.chips{
  list-style:none;padding:0;
  width:min(880px,100%);margin:clamp(2.5rem,6vw,3.5rem) auto;
  display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;
}
.chips li{
  border:1px solid rgba(247,242,234,.22);padding:.6rem 1.2rem;
  font-family:var(--serif);font-size:1.1rem;color:var(--sand);
}

.triad{
  list-style:none;padding:0;width:var(--col);margin:2.2rem auto;
  border-top:1px solid var(--line);
}
.triad li{
  border-bottom:1px solid var(--line);padding:1rem 0;
  font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.4rem);color:var(--ink-2);
}
.numbered{list-style:none;padding:0;counter-reset:n;width:var(--col);margin:2.2rem auto}
.numbered li{
  counter-increment:n;position:relative;padding:1rem 0 1rem 3rem;
  border-bottom:1px solid var(--line);
}
.numbered li:first-child{border-top:1px solid var(--line)}
.numbered li::before{
  content:"0" counter(n);position:absolute;left:0;top:1.15rem;
  font-family:var(--serif);font-size:.95rem;color:var(--clay-text);letter-spacing:.1em;
}

.rows{width:min(860px,100%);margin:clamp(2rem,5vw,3rem) auto 0}
.row-item{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,2.4rem);
  padding:clamp(1.8rem,4vw,2.8rem) 0;border-top:1px solid var(--line);
}
.row-item:last-child{border-bottom:1px solid var(--line)}
.row-num{font-family:var(--serif);font-size:.98rem;letter-spacing:.15em;color:var(--clay);padding-top:.5rem}
.row-item p:last-child{margin-bottom:0}

.quote{
  width:min(760px,100%);margin:clamp(2rem,5vw,3rem) auto;
  padding:clamp(1.8rem,4vw,2.8rem);background:var(--paper-2);border-left:2px solid var(--clay);
  font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2.3vw,1.55rem);line-height:1.5;
}
.note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2rem 0}
.note p{font-size:1rem;color:var(--ink-2)}

.cta{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(80svh,640px);padding:var(--sec) var(--pad);isolation:isolate}
.cta::after{content:"";position:absolute;inset:0;background:rgba(43,35,32,.6);z-index:-1}
.cta .ph{z-index:-2}
.cta-inner{position:relative;text-align:center;color:var(--paper);width:min(680px,100%)}
.cta-inner p{color:#e3d9cd;margin-bottom:2rem}

.form{width:min(760px,100%);margin:clamp(2.5rem,6vw,3.5rem) auto 0}
.row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
@media (max-width:520px){.row{grid-template-columns:1fr}}
.field{margin-bottom:1.2rem;display:flex;flex-direction:column}
.field label,.check{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}
.field input,.field textarea{
  font:inherit;font-size:.95rem;color:var(--ink);
  padding:.9rem 0;border:0;border-bottom:1px solid var(--line);
  background:transparent;width:100%;transition:border-color .3s;
}
.field textarea{resize:vertical;min-height:120px}
.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--clay)}
.field input:user-invalid,.field textarea:user-invalid{border-bottom-color:#b4614f}
.check{display:flex;gap:.7rem;align-items:flex-start;text-transform:none;letter-spacing:0;font-size:.93rem;line-height:1.65;color:var(--ink-2);margin:1rem 0 1.8rem;cursor:pointer}
.check input{margin-top:.35rem;accent-color:var(--clay);width:16px;height:16px;flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{margin:1.1rem 0 0;font-size:.95rem;min-height:1.4em}
.form-status.ok{color:#4f7a52}
.form-status.err{color:#b4614f}

.foot{background:var(--espresso);color:var(--paper)}
.foot-top{text-align:center;padding:clamp(3.5rem,9vw,5.5rem) var(--pad) clamp(2.5rem,6vw,3.5rem)}
.foot-brand{font-family:var(--serif);font-size:1.45rem;letter-spacing:.22em;text-transform:uppercase;margin:0 0 .3rem}
.foot-tag{font-family:var(--serif);font-style:italic;color:var(--sand);margin:0 0 1.5rem}
.foot-ig{font-size:.86rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sand);text-decoration:none;border-bottom:1px solid var(--clay);padding-bottom:3px}
.foot-bottom{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem 2rem;
  padding:1.4rem var(--pad);border-top:1px solid rgba(247,242,234,.12);
}
.foot-bottom > :first-child{justify-self:start}
.foot-bottom > :last-child{justify-self:end}
@media (max-width:720px){
  .foot-bottom{grid-template-columns:1fr;justify-items:center;text-align:center;gap:1.2rem}
  .foot-bottom > :first-child,.foot-bottom > :last-child{justify-self:center}
}
.foot-bottom p{margin:0;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-on-dark)}
.foot-links{display:flex;gap:1.5rem}
.foot-links a{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sand);text-decoration:none;transition:color .25s}
.foot-links a:hover{color:var(--paper)}
.lang{display:flex;align-items:center;gap:.5rem;color:var(--muted-on-dark)}
.lang button{background:none;border:0;color:var(--sand);cursor:pointer;font:inherit;font-size:.88rem;letter-spacing:.14em;padding:.5rem;transition:color .25s}
.lang button:hover{color:var(--paper)}
html[lang="en"] .lang button[data-lang="en"],
html[lang="sk"] .lang button[data-lang="sk"]{color:var(--paper);text-decoration:underline;text-underline-offset:4px}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease-out,transform .55s ease-out;will-change:opacity,transform}
.reveal.in{opacity:1;transform:none;will-change:auto}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

:focus-visible{outline:2px solid var(--clay);outline-offset:3px}
::selection{background:var(--sand);color:var(--espresso)}

.ig-glyph{
  width:1em;height:1em;flex:none;
  fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.ig-glyph .dot{fill:currentColor;stroke:none}

.bar-right{display:flex;align-items:center;gap:clamp(.6rem,2vw,1.4rem)}
.bar-ig{display:inline-flex;align-items:center;font-size:1.2rem;color:var(--ink);transition:color .35s,opacity .3s;padding:.3rem}
.bar-ig:hover{color:var(--clay)}
.bar.floating .bar-ig,.bar.inverted .bar-ig{color:var(--paper)}
.bar.floating .bar-ig:hover,.bar.inverted .bar-ig:hover{color:var(--sand)}

.hero-actions{
  display:flex;align-items:center;gap:clamp(1rem,3vw,2rem);
  flex-wrap:wrap;margin-top:.5rem;
}
.hero-ig{
  display:inline-flex;align-items:center;gap:.55rem;
  text-decoration:none;color:var(--sand);
  font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;transition:color .3s;
  padding:.5rem 0;
}
.hero-ig .ig-glyph{font-size:1.25rem}
.hero-ig:hover{color:var(--paper)}

.overlay-ig{display:inline-flex;align-items:center;gap:.55rem}
.foot-ig{display:inline-flex;align-items:center;gap:.5rem}
.foot-ig .ig-glyph{font-size:1.05rem}

.ig-band{background:var(--espresso);color:var(--paper);padding:var(--sec) 0}
.ig-band .col{padding-inline:var(--pad)}
.ig-band p{color:#ded3c7}
.ig-handle{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:var(--serif);font-size:clamp(1.25rem,2.2vw,1.6rem);
  text-decoration:none;color:var(--sand);
  border-bottom:1px solid var(--clay);padding-bottom:3px;
  margin-top:.6rem;transition:color .3s;
}
.ig-handle:hover{color:var(--paper)}

.ig-grid{
  display:grid;grid-template-columns:repeat(7,1fr);gap:2px;
  margin-top:clamp(2.5rem,6vw,4rem);
}
@media (max-width:1000px){.ig-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.ig-grid{grid-template-columns:repeat(2,1fr)}}
.ig-tile{
  position:relative;display:block;aspect-ratio:1/1;overflow:hidden;
  background:linear-gradient(150deg,var(--sand) 0%,var(--clay) 60%,#7d6650 100%);
}
.ig-tile.t2{background:linear-gradient(200deg,#e9dcc8 0%,#b0906c 70%,#6e5947 100%)}
.ig-tile.t3{background:linear-gradient(120deg,#c9b294 0%,#96795d 55%,#5d4b3c 100%)}
.ig-tile.t4{background:linear-gradient(170deg,#f0e6d6 0%,var(--sand) 60%,#a08b70 100%)}
.ig-tile.t5{background:linear-gradient(210deg,#dccbb2 0%,#ab8f6e 60%,#7a6350 100%)}
.ig-tile.t6{background:linear-gradient(140deg,#eadfcb 0%,var(--clay) 100%)}
.ig-tile.t7{background:linear-gradient(160deg,#e7dac6 0%,#a98a67 65%,#6b5745 100%)}
.ig-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.ig-tile:hover img{transform:scale(1.05)}
.ig-tile-hover{
  position:absolute;inset:0;display:grid;place-items:center;
  background:rgba(43,35,32,.5);color:var(--paper);font-size:1.7rem;
  opacity:0;transition:opacity .35s ease;
}
.ig-tile:hover .ig-tile-hover,.ig-tile:focus-visible .ig-tile-hover{opacity:1}

.ph:has(img){background:none}
.ph:has(img)::after{content:none}
.ph picture{display:block;width:100%;height:100%}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.hero-media .ph img{object-position:50% 12%}
@media (max-width:700px){.hero-media .ph img{object-position:50% 50%}}
.ig-tile picture{display:block;width:100%;height:100%}
.ig-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}