@font-face{font-family:"Cormorant";src:url(/ukazky-webu/fonts/cormorant.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(/ukazky-webu/fonts/cormorant-italic.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Outfit";src:url(/ukazky-webu/fonts/outfit.woff2) format("woff2");font-weight:200 700;font-style:normal;font-display:swap}
.draw path,.draw circle,.draw ellipse{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.6,0,.2,1) var(--d,0s)}
.draw.in path,.draw.in circle,.draw.in ellipse{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.draw path,.draw circle,.draw ellipse{stroke-dashoffset:0!important}}

:root{--paper:#EFE8DA;--ink:#2B2A22;--vine:#5E6B3A;--grape:#6B2E3E;--soil:#A8875E}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:300 18px/1.7 Outfit,system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}
a{color:inherit}.w{max-width:1160px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.C{font-family:Cormorant,Georgia,serif;font-weight:400;line-height:1;margin:0;letter-spacing:-.01em}.C i{font-style:italic;color:var(--grape)}
[data-r]{transition-duration:1.6s!important}.split .sw>span{transition-duration:1.6s!important;transition-delay:calc(var(--i)*110ms + .2s)!important}
.hd{display:flex;justify-content:space-between;align-items:center;padding:26px 0}.logo{font-family:Cormorant;font-size:26px;text-decoration:none;letter-spacing:.06em;text-transform:uppercase}
.nav{display:flex;gap:28px;font-size:15px;letter-spacing:.08em;text-transform:uppercase}.nav a{text-decoration:none;opacity:.7;transition:opacity .4s}.nav a:hover,.nav a[aria-current]{opacity:1}
.hero{min-height:80vh;display:grid;place-items:center;text-align:center;position:relative;padding:40px 0}
.hero h1{font-size:clamp(64px,11vw,170px);font-weight:300}.hero p{max-width:36ch;margin:24px auto 0}
.hills{position:absolute;left:0;right:0;bottom:0;height:46%;z-index:-1}.hills svg{width:100%;height:100%}
.sun{position:absolute;left:50%;top:8%;width:clamp(120px,16vw,220px);aspect-ratio:1;border-radius:50%;background:#E3C48C;transform:translateX(-50%);z-index:-2;opacity:.8}
.sec{padding:clamp(80px,12vw,180px) 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,110px);align-items:center}
.sec h2{font-size:clamp(44px,6vw,88px);font-weight:300;margin-bottom:24px}
.year{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(43,42,34,.3)}.year div{padding:26px 22px 0 0}.year b{font-family:Cormorant;font-style:italic;font-weight:400;font-size:34px;display:block;color:var(--vine)}
.wines{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.wine{text-align:center}.wine svg{height:260px;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.wine:hover svg{transform:translateY(-10px) rotate(-3deg)}
.wine h3{font-family:Cormorant;font-weight:500;font-size:30px;margin:10px 0 0}.wine p{margin:0;font-size:15px;opacity:.75}
.quote{font-family:Cormorant;font-style:italic;font-size:clamp(30px,4vw,54px);line-height:1.2;max-width:24ch;margin:0 auto;text-align:center}
.ft{padding:50px 0;border-top:1px solid rgba(43,42,34,.25);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px}
.btn{display:inline-block;margin-top:24px;border-bottom:1px solid;padding-bottom:4px;text-decoration:none;letter-spacing:.1em;text-transform:uppercase;font-size:14px;transition:letter-spacing .6s}.btn:hover{letter-spacing:.18em}
.visit{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.visit div{background:rgba(255,255,255,.4);border:1px solid rgba(43,42,34,.15);padding:28px}.visit h3{font-family:Cormorant;font-weight:500;font-size:30px;margin:0 0 6px}
@media(max-width:820px){.cols,.wines,.visit{grid-template-columns:1fr}.year{grid-template-columns:1fr 1fr}.nav{gap:14px;font-size:13px}}