@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600&family=Great+Vibes&display=swap');:root{--black:#130e0a;--gold:#d5aa70;--cream:#f6ead9;--ink:#33241b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:'DM Sans',sans-serif}h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;margin:0}h2{font-size:clamp(2.7rem,5vw,5rem);line-height:1.05}p{line-height:1.7}a{color:inherit;text-decoration:none}section{scroll-margin-top:75px}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:28px;justify-content:space-between;padding:12px 5%;background:#100c09ed;border-bottom:1px solid #c9a06b45;min-height:76px}.logo{display:flex;align-items:center;gap:12px;color:var(--gold);font:30px 'Cormorant Garamond',serif;letter-spacing:5px;line-height:.9}.logo small{display:block;font:11px 'DM Sans',sans-serif;letter-spacing:5px;text-align:center;margin-top:7px}.butterfly{font-size:45px}.header nav{display:flex;gap:24px}.header nav a{font-size:11px;letter-spacing:1.5px}.header nav a:hover,.text-link:hover{color:var(--gold)}.btn{display:inline-block;background:#e9c69a;color:#281b10;padding:17px 25px;border:0;cursor:pointer;font:600 11px 'DM Sans',sans-serif;letter-spacing:1.4px;text-align:center}.btn:hover{background:#f8dcb6}.btn.small{padding:13px 17px;font-size:10px}.menu-toggle{display:none}.hero{min-height:690px;position:relative;display:flex;align-items:center;padding:80px 7%;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background:url('assets/home.webp') center right/cover}.hero-shade{background:linear-gradient(90deg,#0b0806 0%,#0b0806ed 23%,#0b0806a3 45%,transparent 83%)}.hero-content{position:relative;max-width:620px}.eyebrow{color:var(--gold);letter-spacing:5px;font:14px 'Cormorant Garamond',serif;margin-bottom:18px}.hero h1{font-size:clamp(3.2rem,5.4vw,6rem);line-height:.98}.hero em,.audience em,.contact em{color:var(--gold);font:normal clamp(3.2rem,6vw,6rem) 'Great Vibes',cursive}.hero p{max-width:355px;margin:30px 0}.dark{background:var(--black);color:var(--cream)}.cream{background:var(--cream);color:var(--ink)}.meaning{text-align:center;padding:85px 6% 75px;background:radial-gradient(ellipse at 50% 10%,#302115,#130e0a 65%)}.meaning>p{margin:10px 0 40px}.values{display:grid;grid-template-columns:repeat(4,1fr);max-width:1150px;margin:auto}.values>div{padding:10px 25px;border-right:1px solid #d5aa7055}.values>div:last-child{border:0}.values b{display:block;color:var(--gold);font:clamp(5rem,9vw,9rem) 'Cormorant Garamond',serif;line-height:1}.values h3{font-size:24px;letter-spacing:2px;color:var(--gold)}.values p{font-size:13px}.meaning .tagline{color:var(--gold);letter-spacing:4px;margin:50px 0 0}.script{font:40px 'Great Vibes',cursive;color:var(--gold)}.story{display:grid;grid-template-columns:1fr 1fr;min-height:550px}.story-text{padding:90px 12%;align-self:center}.story-text p{max-width:470px}.story-photo{background:url('assets/story.webp') center/cover;min-height:400px}.text-link{font-size:12px;letter-spacing:2px;border-bottom:1px solid;padding-bottom:8px;display:inline-block;margin-top:20px}.install{padding:90px 6%}.install>.eyebrow,.install>h2,.install>.lead,.gallery{text-align:center}.lead{font-family:'Cormorant Garamond',serif;font-size:26px;color:var(--gold)}.install-hero{height:480px;background:url('assets/gate.webp') center/cover;margin:35px 0}.install-info{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.install-info h3,.price h3{font-size:36px}.install-info p{max-width:660px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.specs>div{border-bottom:1px solid #d5aa7055;padding:14px}.specs strong{display:block;color:var(--gold);font:34px 'Cormorant Garamond',serif}.specs span{font-size:12px}.subheading{font-size:38px;margin:65px 0 20px;text-align:center}.variants{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;text-align:center}.variant-image{height:230px;background:url('assets/gate.webp') center/cover}.v2{filter:hue-rotate(320deg) saturate(1.2)}.v3{filter:hue-rotate(40deg) saturate(.75)}.v4{filter:hue-rotate(315deg) saturate(1.8)}.variants h4{font-size:24px;margin-top:13px}.variants p{font-size:12px;margin-top:3px}.note{font-size:12px;opacity:.7;text-align:center}.price{border-top:1px solid #d5aa7066;margin-top:60px;padding-top:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.price p{max-width:700px}.audience{padding:90px 7%;text-align:center}.audience h2 em{font-size:clamp(2.8rem,5vw,5rem)}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px;text-align:left}.audience-grid article{padding:35px;min-height:210px;background:#fff9f0;border:1px solid #decab1}.audience-grid span{color:#a67b4c;font-size:12px}.audience-grid h3{font-size:29px;margin:12px 0}.audience-grid p{font-size:13px}.gallery{padding:85px 6%}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:35px}.gallery-grid img{width:100%;height:260px;object-fit:cover}.steps{padding:75px 7%;text-align:center}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.step-grid b{font:42px 'Cormorant Garamond',serif;color:#a77944}.step-grid h3{font-size:26px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:95px 8%}.contact h2{font-size:clamp(3rem,5vw,5rem)}.contact a{color:var(--gold)}form{display:grid;gap:15px}label{font-size:12px;letter-spacing:1px}input,textarea{display:block;width:100%;margin-top:8px;padding:15px;border:1px solid #8b735a;background:#241a13;color:#fff;font:15px 'DM Sans',sans-serif}input:focus,textarea:focus{outline:2px solid var(--gold)}.form-note{font-size:11px;opacity:.75}footer{padding:25px 6%;display:flex;justify-content:space-between;font-size:12px;color:#c8a476}footer a{color:var(--gold)}@media(max-width:950px){.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#120d09;padding:25px;flex-direction:column}.header nav.open{display:flex}.menu-toggle{display:block;margin-left:auto;background:none;border:0;color:var(--gold);font-size:28px}.header .btn.small{display:none}.story,.contact,.install-info{grid-template-columns:1fr}.story-photo{min-height:430px}.values{grid-template-columns:repeat(2,1fr);gap:30px}.values>div:nth-child(2){border:0}.variants,.gallery-grid{grid-template-columns:repeat(2,1fr)}.audience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero{min-height:640px;padding:70px 6%}.hero-photo{background-position:60% center}.hero-shade{background:linear-gradient(90deg,#0b0806ed,#0b080699)}.hero h1{font-size:3.3rem}.values{gap:10px}.values>div{padding:10px}.values b{font-size:5rem}.values h3{font-size:17px}.values p{font-size:11px}.story-text{padding:65px 7%}.install,.gallery,.audience{padding:65px 5%}.install-hero{height:300px}.variants{gap:8px}.variant-image{height:150px}.specs{gap:5px}.audience-grid,.step-grid{grid-template-columns:1fr}.gallery-grid img{height:190px}.price{flex-direction:column;align-items:start}.contact{padding:70px 6%;gap:30px}.meaning .tagline{font-size:11px;letter-spacing:1px}footer{gap:20px}}

/* VEVA brand identity v2 */
.logo{display:flex;align-items:center;flex:0 0 auto;width:158px;max-width:24vw;letter-spacing:normal}.logo img{width:100%;height:58px;object-fit:contain;object-position:left center}.gallery-logo{height:260px;background:#0b0806;display:flex;align-items:center;justify-content:center;padding:22px}.gallery-logo img{width:100%;height:100%;object-fit:contain}.footer-logo{width:66px;height:42px;object-fit:contain;margin-right:12px;vertical-align:middle}footer{align-items:center;flex-wrap:wrap}@media(max-width:600px){.logo{width:128px;max-width:42vw}.logo img{height:52px}.gallery-logo{height:190px}}
/* Original unretouched photo supplied by VEVA founders. */
.story-photo{background-image:url('assets/realna-fotografia-veronika-valery.jpg');background-position:center 49%;background-size:cover}

/* VERZIA 4: úpravy pôvodnej verzie 3 podľa VEVA2; pôvodná fotografia sa zobrazuje bez úprav. */
:root{--veva-gold:#d7ad76;--veva-soft-gold:#f0c997;}
.hero-content{max-width:800px}
.hero h1{font-size:clamp(3.25rem,5.2vw,6.4rem);line-height:.99;letter-spacing:-.02em;text-wrap:balance}
.hero .hero-wings{display:block;width:max-content;max-width:100%;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(5rem,8.75vw,9.2rem);font-weight:600;line-height:.87;letter-spacing:-.035em;color:#f0c384;text-shadow:0 2px 22px rgba(219,150,67,.2);margin:6px 0 24px}
.meaning .values p{max-width:245px;margin:15px auto;color:#eaded0}
.story-new{position:relative;isolation:isolate;overflow:hidden;padding:95px 6% 55px;background:radial-gradient(ellipse at 85% 35%,#302016 0,#140e0a 45%,#080706 100%);color:#f7eee4}
.story-new::before,.story-new::after{content:"";position:absolute;pointer-events:none;z-index:-1;opacity:.3;width:470px;height:470px;border-radius:50%;border:1px solid #b48a4b88;box-shadow:0 0 0 55px #c29a4720,0 0 0 115px #c29a470b}
.story-new::before{top:-380px;left:-320px}.story-new::after{bottom:-375px;right:-310px}
.story-new-inner{max-width:1280px;margin:0 auto}
.story-intro-bar{display:flex;justify-content:space-between;gap:20px;color:#d3ae80;font:12px 'Cormorant Garamond',serif;letter-spacing:3px;padding:0 0 52px;border-bottom:1px solid #d3ae8040}
.story-main-title{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-top:48px;padding-bottom:38px}
.story-main-title .eyebrow{display:flex;align-items:center;gap:16px}
.story-main-title .line{width:110px;height:1px;background:#d7ad76;display:inline-block}
.story-main-title h2{font-size:clamp(4.4rem,7.75vw,8.1rem);font-weight:500;line-height:.84;letter-spacing:-.04em;color:#fbf2e8}
.story-main-title h2 span{color:#e9b879}
.story-top-quote{font:italic clamp(1.3rem,2.2vw,2.15rem) 'Cormorant Garamond',Georgia,serif;color:#eac498;max-width:320px;line-height:1.3;text-align:right;flex-shrink:0}
.story-top-quote span{display:block;font-style:normal;font-size:34px}
.story-two-col{display:grid;grid-template-columns:minmax(265px,.9fr) minmax(400px,1.25fr);gap:clamp(35px,6vw,110px);align-items:center;padding:12px 0 20px}
.story-copy{max-width:500px;font:clamp(1.13rem,1.75vw,1.5rem) 'Cormorant Garamond',Georgia,serif;line-height:1.31}
.story-copy p{line-height:1.35;margin:0 0 24px}
.story-copy .story-lead{font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.3;margin-bottom:28px}
.story-copy .story-lead strong{font-weight:500}
.story-cta{display:inline-flex;align-items:center;gap:20px;border:1px solid #d8b180;padding:15px 24px;font:12px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:10px;transition:background .2s,color .2s}
.story-cta:hover{background:#d8b180;color:#160f0a}
.story-original-photo{margin:0;min-width:0;position:relative}
.story-original-photo img{display:block;width:min(100%,520px);height:auto;margin-inline:auto;/* no filters, retouching or cropping */}
.story-original-photo figcaption{font:12px 'DM Sans',sans-serif;letter-spacing:1.2px;color:#d6b58e;text-align:center;padding-top:13px}
.story-original-photo figcaption span{padding:0 8px}
.story-mantra{text-align:center;font:clamp(3rem,7vw,6.5rem) 'Great Vibes','Cormorant Garamond',cursive;color:#f0c38f;line-height:.93;margin:55px auto 55px;transform:rotate(-3deg)}
.story-mantra span{padding-left:2.5em}
.story-values{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 0 28px;gap:0}
.story-values>div{text-align:center;padding:8px 18px;border-right:1px solid #d8b18066}
.story-values>div:last-child{border:0}
.story-values .story-symbol{display:inline-flex;justify-content:center;align-items:center;width:66px;height:66px;border:1px solid #d8b180;border-radius:50%;color:#e7be88;font:38px 'Cormorant Garamond',serif;margin-bottom:10px}
.story-values h3{font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:2px;color:#f2e7d8;margin:0 0 4px}
.story-values p{font:clamp(1rem,1.6vw,1.35rem) 'Cormorant Garamond',serif;line-height:1.25;margin:0}
.story-end{display:flex;align-items:center;gap:18px;justify-content:center;flex-wrap:wrap;color:#d8b180;font:28px 'Cormorant Garamond',serif;margin-top:38px}
.story-end span{width:clamp(60px,17vw,200px);height:1px;background:#d8b180}
.story-end small{display:block;width:100%;font-size:13px;letter-spacing:4px;text-align:center}
@media(max-width:950px){.story-main-title{gap:24px}.story-two-col{grid-template-columns:1fr 1fr;gap:35px}.story-new{padding:70px 5% 45px}.story-main-title h2{font-size:clamp(3.8rem,7vw,6rem)}.story-top-quote{max-width:240px}}
@media(max-width:650px){.hero{padding:65px 6%}.hero h1{font-size:clamp(2.85rem,9vw,4rem);line-height:1.03}.hero .hero-wings{font-size:clamp(4.4rem,15.5vw,6.2rem);margin:9px 0 25px;line-height:.93}.hero-content p{font-size:15px}.story-new{padding:54px 6% 35px}.story-intro-bar{font-size:9px;letter-spacing:1px;padding-bottom:24px}.story-intro-bar span:last-child{display:none}.story-main-title{display:block;padding:25px 0 23px}.story-main-title h2{font-size:clamp(3.9rem,13.5vw,6rem);line-height:.86}.story-top-quote{max-width:85%;text-align:left;margin:24px 0 0;font-size:1.5rem}.story-top-quote span{display:inline;padding-left:15px}.story-two-col{display:flex;flex-direction:column;gap:26px;align-items:stretch}.story-copy{font-size:1.3rem}.story-copy p{margin-bottom:18px}.story-original-photo img{max-height:none;height:auto;width:100%}.story-mantra{font-size:clamp(3.2rem,12vw,4.5rem);margin:46px auto}.story-mantra span{padding-left:1.1em}.story-values{grid-template-columns:repeat(2,1fr);row-gap:25px}.story-values>div{padding:6px 8px}.story-values>div:nth-child(2){border:0}.story-values h3{font-size:1.35rem}.story-values p{font-size:1.07rem}}
@media(max-width:380px){.hero h1{font-size:2.6rem}.hero .hero-wings{font-size:4.25rem}.story-main-title h2{font-size:3.65rem}.story-mantra span{padding-left:.3em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* VEVA 4.1 – RESPONSIVE ABOUT SECTION ONLY.
   All selectors are scoped to #o-nas. The source photo stays unaltered,
   uncropped and displayed at its natural aspect ratio in every browser. */
#o-nas {
  padding: clamp(48px, 6vw, 96px) clamp(18px, 5vw, 82px) clamp(48px, 5vw, 80px);
  overflow: hidden;
}
#o-nas *, #o-nas *::before, #o-nas *::after { box-sizing: border-box; }
#o-nas .story-new-inner { width: 100%; max-width: 1240px; margin: 0 auto; }
#o-nas .story-intro-bar {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 10px 24px; padding-bottom: clamp(16px, 2.4vw, 32px);
  font-size: clamp(10px, .9vw, 13px); line-height: 1.5;
  letter-spacing: .16em;
}
#o-nas .story-main-title {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(215px, 28%);
  align-items: end; gap: clamp(22px, 4vw, 58px);
  padding: clamp(32px, 4vw, 54px) 0 clamp(26px, 3vw, 42px);
}
#o-nas .story-main-title > div { min-width: 0; }
#o-nas .story-main-title .eyebrow { font-size: clamp(12px, 1vw, 15px); }
#o-nas .story-main-title .line { max-width: 95px; width: 10vw; }
#o-nas .story-main-title h2 {
  font-size: clamp(3.4rem, 6.9vw, 7.5rem);
  line-height: .92; letter-spacing: -.035em;
  overflow-wrap: normal; max-width: 100%;
}
#o-nas .story-main-title h2 span { display: inline-block; }
#o-nas .story-top-quote {
  min-width: 0; width: 100%; max-width: 320px; margin: 0 0 4px auto;
  font-size: clamp(1.25rem, 1.95vw, 2rem); line-height: 1.34;
  text-align: right;
}
#o-nas .story-two-col {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1fr);
  align-items: center;
  column-gap: clamp(36px, 6.5vw, 100px);
  row-gap: 32px;
  padding: clamp(4px, 1.5vw, 18px) 0 18px;
}
#o-nas .story-copy {
  width: 100%; max-width: 520px; min-width: 0;
  font-size: clamp(1.25rem, 1.65vw, 1.52rem);
  line-height: 1.4;
}
#o-nas .story-copy p { line-height: 1.45; margin: 0 0 1.05em; }
#o-nas .story-copy .story-lead {
  font-size: clamp(1.65rem, 2.15vw, 2.15rem);
  line-height: 1.25; margin-bottom: .9em;
}
#o-nas .story-cta {
  min-height: 48px; max-width: 100%; line-height: 1.45;
  flex-wrap: wrap; justify-content: center; text-align: center;
  padding: 13px 21px; margin-top: 7px;
}
#o-nas .story-cta:focus-visible { outline: 2px solid #f5d2a6; outline-offset: 4px; }
#o-nas .story-original-photo { width: 100%; max-width: 470px; min-width: 0; margin: 0 auto; }
#o-nas .story-original-photo img {
  display: block; width: 100%; max-width: 100%; height: auto;
  max-height: none; margin: 0;
  object-fit: contain; object-position: center;
  filter: none; transform: none; border: 0;
}
#o-nas .story-original-photo figcaption {
  padding: 12px 5px 0; font-size: clamp(10px, .85vw, 12px);
  line-height: 1.5; letter-spacing: .09em;
}
#o-nas .story-mantra {
  margin: clamp(36px, 5vw, 70px) auto clamp(36px, 5vw, 64px);
  font-size: clamp(3.2rem, 6.7vw, 6.2rem); line-height: 1.1;
  transform: none; text-align: center;
}
#o-nas .story-mantra span { padding-left: 0; }
#o-nas .story-values {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  row-gap: 25px; padding: 0 0 12px;
}
#o-nas .story-values > div { min-width: 0; padding: 12px clamp(9px, 1.6vw, 22px); }
#o-nas .story-values h3 { font-size: clamp(1.2rem, 1.7vw, 1.6rem); line-height: 1.2; }
#o-nas .story-values p { font-size: clamp(1.04rem, 1.3vw, 1.28rem); line-height: 1.32; }
#o-nas .story-end { margin-top: clamp(20px, 3vw, 38px); }
@media (min-width: 1700px) {
  #o-nas .story-main-title h2 { font-size: 7.7rem; }
}
@media (max-width: 1050px) {
  #o-nas .story-main-title { grid-template-columns: minmax(0, 1fr) minmax(185px, 30%); }
  #o-nas .story-main-title h2 { font-size: clamp(3.25rem, 6.8vw, 5.5rem); }
  #o-nas .story-two-col { gap: clamp(24px, 4vw, 50px); }
  #o-nas .story-copy { font-size: clamp(1.16rem, 1.8vw, 1.4rem); }
  #o-nas .story-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #o-nas .story-values > div:nth-child(2) { border-right: 0; }
}
@media (max-width: 760px) {
  #o-nas { padding: 52px clamp(18px, 5.5vw, 40px) 45px; }
  #o-nas .story-intro-bar { font-size: 10px; letter-spacing: .12em; }
  #o-nas .story-intro-bar span:last-child { display: none; }
  #o-nas .story-main-title {
    display: flex; flex-direction: column; align-items: stretch;
    gap: 19px; padding: 28px 0 25px;
  }
  #o-nas .story-main-title h2 { font-size: clamp(3rem, 10vw, 5.5rem); line-height: .94; }
  #o-nas .story-top-quote { max-width: 540px; width: 100%; margin: 0; text-align: left; font-size: clamp(1.27rem, 3.2vw, 1.7rem); }
  #o-nas .story-top-quote span { display: inline; padding-left: 7px; font-size: 1.45em; }
  #o-nas .story-two-col { display: flex; flex-direction: column; align-items: stretch; gap: 28px; padding: 0 0 14px; }
  #o-nas .story-copy { order: 1; font-size: clamp(1.17rem, 3.6vw, 1.44rem); max-width: 620px; }
  #o-nas .story-copy .story-lead { font-size: clamp(1.6rem, 4.2vw, 2rem); }
  #o-nas .story-original-photo { order: 2; max-width: 440px; width: 100%; }
  #o-nas .story-original-photo img { width: 100%; height: auto; }
  #o-nas .story-mantra { font-size: clamp(3.15rem, 9.5vw, 5rem); margin: 37px auto; }
}
@media (max-width: 430px) {
  #o-nas { padding: 42px 20px 37px; }
  #o-nas .story-main-title h2 { font-size: clamp(2.68rem, 10.6vw, 3.45rem); }
  #o-nas .story-main-title .eyebrow { letter-spacing: .15em; }
  #o-nas .story-main-title .line { width: 55px; }
  #o-nas .story-top-quote { font-size: 1.24rem; }
  #o-nas .story-copy { font-size: 1.22rem; }
  #o-nas .story-cta { width: 100%; }
  #o-nas .story-mantra { font-size: clamp(2.9rem, 12vw, 3.7rem); }
  #o-nas .story-values { gap: 17px 0; }
  #o-nas .story-values > div { padding: 8px 7px; }
  #o-nas .story-values .story-symbol { width: 53px; height: 53px; font-size: 30px; }
  #o-nas .story-values h3 { font-size: 1.15rem; letter-spacing: .055em; }
  #o-nas .story-values p { font-size: 1rem; }
  #o-nas .story-end span { width: 22vw; }
}
@media (max-width: 340px) {
  #o-nas { padding-left: 14px; padding-right: 14px; }
  #o-nas .story-main-title h2 { font-size: 2.47rem; }
  #o-nas .story-values { grid-template-columns: minmax(0, 1fr); }
  #o-nas .story-values > div { border-right: 0; border-bottom: 1px solid #d8b18044; }
  #o-nas .story-values > div:last-child { border-bottom: 0; }
}