/* Jakobović Vina v3 - Melodrama (display) + Switzer (text). Dark = Podrum (default), light = Vinograd. */
@font-face{font-family:"Melodrama";src:url(../fonts/melodrama-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Melodrama";src:url(../fonts/melodrama-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Melodrama";src:url(../fonts/melodrama-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Boska";src:url(../fonts/boska-200i.woff2) format("woff2");font-weight:200;font-style:italic;font-display:swap}
@font-face{font-family:"Switzer";src:url(../fonts/switzer-300.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Switzer";src:url(../fonts/switzer-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Switzer";src:url(../fonts/switzer-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Switzer";src:url(../fonts/switzer-600.woff2) format("woff2");font-weight:600;font-display:swap}

:root{--disp:"Melodrama",Didot,serif;--sans:"Switzer",system-ui,sans-serif;--ital:"Boska",Georgia,serif;--ease:cubic-bezier(.16,1,.3,1);--g:clamp(20px,3vw,48px)}
[data-theme=dark]{--bg:#0d0a08;--bg2:#17120f;--ink:#f3ebdc;--mute:#b9aa93;--gold:#d2ad68;--line:rgba(243,235,220,.16);--line2:rgba(243,235,220,.34);color-scheme:dark}
[data-theme=light]{--bg:#efe8da;--bg2:#e5dccb;--ink:#1d1712;--mute:#5f5243;--gold:#8c6422;--line:rgba(29,23,18,.16);--line2:rgba(29,23,18,.36);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}html.lenis,html.lenis body{height:auto}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased;transition:background-color .8s var(--ease),color .8s var(--ease)}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
p{margin:0 0 1em;max-width:62ch}
em{font-family:var(--ital);font-style:italic;font-weight:200;color:var(--gold)}
.skip{position:absolute;left:-999px;top:10px;z-index:300;background:var(--gold);color:var(--bg);padding:10px 16px}.skip:focus{left:10px}
.lbl{font:500 13px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}
.sec-t{font:600 clamp(48px,6.4vw,112px)/.98 var(--disp);letter-spacing:-.01em;margin:0 0 .3em;padding-bottom:.06em}
.big{font:400 clamp(22px,2vw,30px)/1.32 var(--sans);letter-spacing:-.01em;color:var(--ink);max-width:30ch}
.big a{border-bottom:1px solid var(--line2)}
.fine{font-size:14px;color:var(--mute);margin-top:16px;max-width:52ch}
.lnk{font:500 15px var(--sans);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px;white-space:nowrap}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font:500 15px var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:20px 32px;background:var(--gold);color:#1b130a;border-radius:999px;overflow:hidden}
.btn span{position:relative;z-index:1}.btn::before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .6s var(--ease)}.btn:hover::before{transform:none}.btn:hover{color:var(--bg)}
.pill{display:inline-flex;align-items:center;gap:8px;font:500 15px var(--sans);padding:13px 22px;border-radius:999px;border:1px solid currentColor;transition:background .35s,color .35s}
.pill:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.pill-solid{background:#1d1712;color:#f3ebdc;border-color:#1d1712}.pill-solid:hover{background:transparent;color:#1d1712}
.pill.added{background:var(--gold)!important;border-color:var(--gold)!important;color:#1b130a!important}

/* header */
.hd{position:fixed;inset:0 0 auto;z-index:60;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:20px var(--g);transition:transform .6s var(--ease),background .5s,color .5s}
.hd.away{transform:translateY(-110%)}.hd.solid{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hd-logo img{height:30px;width:auto}[data-theme=light] .hd-logo img,.on-light .hd-logo img{filter:brightness(.45) saturate(1.6)}
.hd-nav{display:flex;justify-content:center;gap:clamp(16px,1.9vw,32px);font:500 15px var(--sans)}
.hd-nav a{position:relative;padding:6px 0;opacity:.72;transition:opacity .3s}.hd-nav a:hover,.hd-nav a[aria-current]{opacity:1}
.hd-nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor}
.hd-r{display:flex;align-items:center;gap:18px}
.theme{display:flex;align-items:center;gap:10px;font:500 14px var(--sans)}.theme span{opacity:.55;transition:opacity .3s}
.theme i{position:relative;width:40px;height:22px;border:1px solid currentColor;border-radius:22px;opacity:.7}.theme i::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:currentColor;transition:transform .6s var(--ease)}
[data-theme=light] .theme i::after{transform:translateX(18px)}[data-theme=dark] .th-a,[data-theme=light] .th-b{opacity:1}
.cart-btn{display:flex;align-items:center;gap:10px;font:500 15px var(--sans);padding:11px 18px;border:1px solid currentColor;border-radius:999px}
.cart-n{min-width:24px;height:24px;border-radius:12px;background:var(--gold);color:#1b130a;font-size:13px;display:grid;place-items:center;padding:0 6px}
.hd-burger{display:none;width:46px;height:46px;position:relative}.hd-burger i{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;transition:.4s var(--ease)}.hd-burger i:first-child{top:18px}.hd-burger i:last-child{top:27px}
.menu-open .hd-burger i:first-child{top:22px;transform:rotate(45deg)}.menu-open .hd-burger i:last-child{top:22px;transform:rotate(-45deg)}
.ov{position:fixed;inset:0;z-index:55;background:var(--bg);clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--ease);overflow:auto}
.menu-open .ov{clip-path:inset(0)}
.ov-in{min-height:100%;padding:120px var(--g) 40px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-content:center}
.ov nav a{display:flex;gap:18px;align-items:baseline;font:600 clamp(44px,6vw,84px)/1.08 var(--disp);border-bottom:1px solid var(--line);padding:4px 0 8px}.ov nav a em{font:500 14px var(--sans);font-style:normal;color:var(--gold)}
.ov-meta{align-self:end}.ov-meta p{font-size:20px;margin:0 0 8px}
.hd.on-light{color:#1d1712}.hd.on-light .hd-logo img{filter:brightness(.45) saturate(1.6)}.hd.on-photo{color:#f6f0e4}.hd.on-photo .hd-logo img{filter:none}
.hd.on-light.solid,.hd.on-photo.solid{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}

/* veil (page transition) */
.veil{position:fixed;inset:0;z-index:150;background:var(--bg2);display:grid;place-items:center;pointer-events:none;clip-path:inset(100% 0 0 0);transition:clip-path .8s var(--ease)}
.veil img{width:min(300px,56vw);opacity:0;transition:opacity .4s .2s}[data-theme=light] .veil img{filter:brightness(.45) saturate(1.6)}
.veil.go{clip-path:inset(0);pointer-events:all}.veil.go img{opacity:1}.veil.in{clip-path:inset(0);transition:none}.veil.in img{opacity:1;transition:none}
.veil.in.out{clip-path:inset(0 0 100% 0);transition:clip-path 1s var(--ease) .1s}.veil.in.out img{opacity:0}

/* cart drawer */
.cart{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.4s}.cart-open .cart{opacity:1;visibility:visible}
.cart-in{position:absolute;right:0;top:0;bottom:0;width:min(480px,100%);background:var(--bg);color:var(--ink);padding:28px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .6s var(--ease)}.cart-open .cart-in{transform:none}
.cart-h{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.cart-h .lbl{margin:0}.cart-x{font:500 15px var(--sans);text-decoration:underline}
.cart-list{flex:1;overflow:auto;padding:10px 0}.ci{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.ci img{height:96px;width:54px;object-fit:contain}.ci b{display:block;font:600 24px/1.1 var(--disp)}.ci small{color:var(--mute);font-size:14px}
.ci .stepper{gap:8px}.cart-empty{color:var(--mute)}.has-items .cart-empty,.has-items .ord-empty{display:none}
.cart-f{border-top:1px solid var(--line);padding-top:18px}.cart-sum{display:flex;justify-content:space-between;font-size:18px;max-width:none}.cart-f .btn{width:100%}
.stepper{display:inline-flex;align-items:center;gap:12px}.stepper button{width:36px;height:36px;border:1px solid var(--line2);border-radius:50%;font-size:18px;line-height:1}.stepper output{min-width:22px;text-align:center;font:500 18px var(--sans)}

/* loader */
.loader{position:fixed;inset:0;z-index:200;background:#0d0a08;color:#f3ebdc;display:grid;place-content:center;justify-items:center;gap:10px;transition:clip-path 1.2s var(--ease)}.loader.done{clip-path:inset(0 0 100% 0)}
.ld-n{font:600 clamp(110px,22vw,320px)/.9 var(--disp);color:#d2ad68;font-variant-numeric:tabular-nums;padding-bottom:.06em}.ld-t{font:400 22px var(--sans);margin:0}
.ld-bar{width:min(320px,60vw);height:1px;background:rgba(243,235,220,.2);margin-top:22px;position:relative;overflow:hidden}.ld-bar i{position:absolute;inset:0;background:#d2ad68;transform:scaleX(var(--p,0));transform-origin:left}

/* world + hero (kept from v2) */
.world{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;transition:opacity .7s var(--ease)}.world.hide{opacity:0}
main{position:relative;z-index:3}section{position:relative}
.s-hero{height:100svh;min-height:640px;z-index:1;overflow:hidden}
.hero-word{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;justify-content:center;font:600 clamp(96px,24vw,420px)/.8 var(--disp);letter-spacing:-.02em;z-index:-1;padding:0 var(--g);pointer-events:none}
.hero-word span{display:block;padding-bottom:.04em}.hero-word span:last-child{align-self:flex-end;color:transparent;-webkit-text-stroke:1px var(--gold)}
.hero-meta{position:absolute;left:var(--g);bottom:clamp(30px,6vh,64px);z-index:4}.hero-meta .lbl{margin-bottom:12px}
.hero-s{font:600 clamp(34px,3.8vw,60px)/1.05 var(--disp);margin:0;max-width:none}
.hero-lead{position:absolute;right:var(--g);bottom:clamp(30px,6vh,64px);width:min(400px,34vw);font-size:17px;z-index:4;margin:0;color:var(--mute)}
.hero-scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font:500 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);z-index:4}
.hero-scroll i{width:1px;height:46px;background:linear-gradient(var(--gold),transparent);animation:drip 2.4s var(--ease) infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* statement (Klimt) */
.s-st{height:240vh}
.st-pin{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden;background:var(--st-bg,var(--bg));transition:background-color .2s}
.st-k{position:absolute;top:clamp(110px,15vh,150px);left:50%;transform:translateX(-50%);margin:0}
.st-t{position:relative;z-index:2;font:500 clamp(30px,3.7vw,62px)/1.14 var(--sans);letter-spacing:-.02em;text-align:center;max-width:24ch;margin:0;padding:0 var(--g)}
.st-t span{opacity:.18;transition:opacity .4s}.st-t span.on{opacity:1}
.st-b{position:absolute;z-index:3;height:min(78vh,760px);width:auto;left:50%;top:50%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.35));will-change:transform;transform:translate(-50%,-50%) rotate(var(--r,-38deg)) translate(var(--x,40vw),var(--y,-60vh))}

/* wine chapters (Klimt) */
.s-wn{height:calc(var(--n) * 85vh + 100vh)}
.wn-pin{position:sticky;top:0;height:100svh;overflow:hidden;color:#1d1712}
.wn-pin.dk{color:#f3ebdc}
.wn-bg{position:absolute;inset:0;transition:background-color 1.1s var(--ease);overflow:hidden}
.gobo{position:absolute;width:42vw;height:150vh;top:-25vh;background:linear-gradient(90deg,transparent,rgba(255,250,235,.38) 30%,rgba(255,250,235,.38) 70%,transparent);filter:blur(38px);transform:rotate(28deg);animation:gobo 22s ease-in-out infinite alternate;mix-blend-mode:soft-light}
.g1{left:-12vw}.g2{left:38vw;width:18vw;animation-delay:-7s;opacity:.8}.g3{left:70vw;width:30vw;animation-delay:-13s;opacity:.7}
.gobo::after{content:"";position:absolute;inset:0 44%;background:rgba(0,0,0,.18)}
@keyframes gobo{to{transform:rotate(31deg) translateX(6vw)}}
.wn-line{position:absolute;left:0;right:0;top:clamp(150px,21vh,200px);height:1px;background:currentColor;opacity:.25;z-index:1}
.wn{position:absolute;inset:0;z-index:2;pointer-events:none}.wn.on{pointer-events:auto}
.wn-t{position:absolute;left:var(--g);top:clamp(70px,8vh,92px);margin:0;font:600 clamp(60px,9vw,150px)/1 var(--disp);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;padding:0 0 .08em;z-index:1}
.wn-t .wn-i{font-weight:400}
.wn-k{position:absolute;left:var(--g);top:calc(clamp(150px,21vh,200px) + 18px);display:flex;align-items:center;gap:10px;font:500 16px var(--sans);margin:0}.wn-k i{width:8px;height:8px;border-radius:50%;background:currentColor}.wn-k a{border-bottom:1px solid currentColor}
.wn-y{position:absolute;left:66%;top:calc(clamp(150px,21vh,200px) + 18px);font:500 16px var(--sans);margin:0}
.wn-note{position:absolute;left:var(--g);top:40%;width:min(30vw,440px);font:400 clamp(24px,2.3vw,36px)/1.2 var(--sans);letter-spacing:-.015em;margin:0}
.wn-r{position:absolute;left:66%;top:40%;width:min(29vw,420px)}
.wn-r h3{font:400 clamp(24px,2.3vw,34px)/1.15 var(--sans);letter-spacing:-.015em;margin:0 0 14px}
.wn-r p{font-size:17px;line-height:1.55;margin:0 0 18px;opacity:.9}
.wn-r dl{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:4px 28px;margin:0 0 22px}.wn-r dt{font:500 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.65}.wn-r dd{margin:2px 0 0;font:500 18px var(--sans)}
.wn-act{display:flex;gap:10px;flex-wrap:wrap}
.dk .pill-solid,.s-vn.dk .pill-solid{background:#f3ebdc;color:#1d1712;border-color:#f3ebdc}
.wn .wn-t,.wn .wn-k,.wn .wn-y,.wn .wn-note,.wn .wn-r{opacity:0;transform:translateY(34px);transition:opacity .6s var(--ease),transform .9s var(--ease)}
.wn.on .wn-t,.wn.on .wn-k,.wn.on .wn-y,.wn.on .wn-note,.wn.on .wn-r{opacity:1;transform:none}
.wn.on .wn-note{transition-delay:.12s}.wn.on .wn-r{transition-delay:.2s}
.wn-stage{position:absolute;left:50%;top:clamp(110px,14vh,140px);bottom:clamp(90px,12vh,120px);width:min(24vw,340px);transform:translateX(-50%);z-index:3;pointer-events:none}
.wn-btl{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:none;transform:translateX(-50%) translateY(14%) rotate(14deg) scale(.86);opacity:0;transition:transform 1.1s var(--ease),opacity .6s var(--ease);filter:drop-shadow(0 34px 40px rgba(40,25,10,.32))}
.wn-btl.on{opacity:1;transform:translateX(-50%)}
.wn-btl.out{opacity:0;transform:translateX(-50%) translateY(-12%) rotate(-12deg) scale(.86)}
.wn-pick{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:6}
.wn-pill{display:flex;align-items:center;gap:12px;background:#fbf8f1;color:#1d1712;border-radius:999px;padding:6px 10px 6px 6px;font:500 16px var(--sans);box-shadow:0 10px 30px rgba(0,0,0,.12);min-width:230px}
.wn-pill img{width:42px;height:42px;border-radius:50%;background:#e8e2d5;object-fit:contain;padding:3px}.wn-pill span{flex:1;text-align:left}
.wn-pill i{width:32px;height:32px;border-radius:50%;background:#ebe5d8;position:relative}.wn-pill i::after{content:"";position:absolute;left:12px;top:10px;width:7px;height:7px;border-right:1.5px solid #1d1712;border-bottom:1.5px solid #1d1712;transform:rotate(45deg)}
.wn-menu{position:absolute;bottom:64px;left:50%;transform:translateX(-50%) translateY(10px);list-style:none;margin:0;padding:8px;background:#fbf8f1;color:#1d1712;border-radius:22px;width:300px;max-height:60vh;overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,.18);opacity:0;visibility:hidden;transition:.35s var(--ease)}
.pick-open .wn-menu{opacity:1;visibility:visible;transform:translateX(-50%)}
.wn-menu button{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;width:100%;padding:6px 10px;border-radius:14px;text-align:left;font:500 15px var(--sans)}.wn-menu button:hover{background:#efe9dc}.wn-menu img{height:44px;width:34px;object-fit:contain}.wn-menu small{opacity:.55;font-size:12px}
.wn-count{position:absolute;right:var(--g);bottom:36px;font:500 16px var(--sans);margin:0;z-index:5}.wn-count b{font-weight:600}

/* single wine page */
.s-vn{min-height:100svh;color:#1d1712;overflow:hidden}.s-vn.dk{color:#f3ebdc}
.s-vn .wn-t,.s-vn .wn-k,.s-vn .wn-y,.s-vn .wn-note,.s-vn .wn-r{z-index:2}
.s-vn .wn-t{top:clamp(100px,12vh,130px)}.s-vn .wn-line{top:clamp(190px,24vh,240px)}.s-vn .wn-k,.s-vn .wn-y{top:calc(clamp(190px,24vh,240px) + 18px)}
.vn-btl{position:absolute;left:50%;transform:translateX(-50%);top:clamp(150px,18vh,190px);height:calc(100svh - clamp(190px,24vh,240px) - 20px);width:auto;max-width:none;z-index:1;filter:drop-shadow(0 34px 40px rgba(40,25,10,.32))}
.s-vn .wn-r dl{grid-template-columns:repeat(3,auto)}.pair{font-size:17px}

/* terroir (photo) */
.s-tr{height:200vh}
.tr-pin{position:sticky;top:0;height:100svh;overflow:hidden;color:#f6f0e4}
.tr-img{position:absolute;inset:0}.tr-img img{width:100%;height:100%;object-fit:cover;transform:scale(var(--z,1.18));will-change:transform}
.tr-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.55),rgba(10,8,6,.05) 40%,rgba(10,8,6,.75))}
.tr-in{position:absolute;inset:0;padding:clamp(110px,15vh,150px) var(--g) clamp(36px,6vh,60px);display:grid;grid-template-rows:auto auto 1fr auto}
.tr-in .lbl{color:#f0d9a3}.tr-t{font:600 clamp(72px,13vw,230px)/.88 var(--disp);margin:0;letter-spacing:-.02em;padding-bottom:.06em}
.tr-lead{font:400 clamp(20px,1.7vw,26px)/1.4 var(--sans);max-width:38ch;margin:18px 0 0}
.tr-f{align-self:end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;border-top:1px solid rgba(246,240,228,.35);padding-top:22px}
.tr-f dt{font:600 clamp(56px,6vw,104px)/1 var(--disp);padding-bottom:.05em}.tr-f dt small{font:500 .3em var(--sans);margin-left:6px}.tr-f dd{margin:6px 0 0;font-size:17px;max-width:26ch}

/* family (Pasqua editorial) */
.s-fam{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(30px,5vw,90px);padding:clamp(100px,14vh,160px) var(--g)}
.fam-sticky{position:sticky;top:clamp(100px,14vh,130px)}
.fam-years{position:relative;height:clamp(140px,16vw,260px);margin-top:20px}
.fy{position:absolute;left:0;top:0;font:600 clamp(110px,15vw,260px)/.9 var(--disp);color:var(--gold);opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease),transform .8s var(--ease);padding-bottom:.05em}.fy.on{opacity:1;transform:none}
.fm{padding:0 0 clamp(70px,10vh,120px)}
.fm figure{margin:0 0 26px;aspect-ratio:16/10;overflow:hidden;border-radius:4px;position:relative}.fm figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}.fm:hover figure img{transform:scale(1.04)}
.fm figcaption{position:absolute;left:14px;bottom:12px;font:500 13px var(--sans);color:#fff;background:rgba(0,0,0,.45);padding:5px 10px;border-radius:999px}
.fm-y{font:500 15px var(--sans);letter-spacing:.12em;color:var(--gold);margin:0 0 8px}
.fm h3{font:600 clamp(36px,3.4vw,58px)/1.02 var(--disp);margin:0 0 14px;padding-bottom:.05em}.fm p:last-child{font-size:19px;color:var(--mute)}

/* visit: expanding panels */
.s-vs{padding:clamp(80px,12vh,140px) var(--g)}
.vs-h{display:grid;grid-template-columns:1fr minmax(0,440px);gap:30px;align-items:end;margin-bottom:40px}.vs-lead{font-size:20px;color:var(--mute);margin:0}
.pns{display:flex;gap:14px;height:clamp(460px,72vh,720px)}
.pn{position:relative;flex:1;overflow:hidden;border-radius:6px;transition:flex 1s var(--ease);cursor:pointer;outline:none}
.pn.on{flex:3.2}.pn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}.pn.on img{transform:scale(1.03)}
.pn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,6,4,.8))}
.pn-c{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;color:#f6f0e4;opacity:0;transform:translateY(20px);transition:.7s var(--ease)}.pn.on .pn-c{opacity:1;transform:none;transition-delay:.35s}
.pn-c .lbl{color:#f0d9a3}.pn-c h3{font:600 clamp(40px,3.6vw,62px)/1 var(--disp);margin:0 0 12px;padding-bottom:.05em}.pn-c p{font-size:18px;max-width:46ch;margin:0}
.pn-v{position:absolute;left:24px;bottom:28px;z-index:2;color:#f6f0e4;font:600 30px var(--disp);writing-mode:vertical-rl;transform:rotate(180deg);transition:opacity .4s}.pn.on .pn-v{opacity:0}
.vs-cta{display:flex;gap:28px;align-items:center;margin-top:34px;max-width:none}

/* shelf (shop teaser) */
.s-sh{padding:clamp(80px,12vh,140px) 0 clamp(60px,9vh,110px)}
.sh-h{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:0 var(--g);margin-bottom:34px}
.shelf{display:flex;gap:clamp(18px,2.4vw,40px);overflow-x:auto;padding:30px var(--g) 30px;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative}
.shelf::-webkit-scrollbar{display:none}
.sh{flex:0 0 clamp(170px,15vw,230px);scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start}
.sh-img{display:grid;place-items:end center;height:clamp(300px,34vw,440px);width:100%;border-bottom:1px solid var(--line2);padding-bottom:0;margin-bottom:16px;position:relative}
.sh-img img{height:92%;width:auto;transition:transform .9s var(--ease);filter:drop-shadow(0 20px 22px rgba(0,0,0,.28))}.sh:hover .sh-img img{transform:translateY(-14px) rotate(-3deg)}
.sh-n{font:600 26px/1.1 var(--disp);margin:0 0 4px}.sh-m{font-size:15px;color:var(--mute);margin:0 0 14px}

/* awards: medal wall */
.s-aw{padding:clamp(80px,12vh,140px) var(--g)}
.medals{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:var(--line);border:1px solid var(--line)}
.md{background:var(--bg);padding:clamp(24px,2.6vw,40px);min-height:clamp(260px,24vw,340px);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .5s}
.md::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(210,173,104,.22),transparent 40%);opacity:0;transition:opacity .5s}.md:hover::before{opacity:1}
.md-y{font:600 clamp(64px,6vw,104px)/1 var(--disp);background:linear-gradient(120deg,#8c6422,#f0d9a3 45%,#b8892f 60%,#f6e3b4 80%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.05em;position:relative}
.md-a{font:500 clamp(18px,1.4vw,21px)/1.35 var(--sans);margin-top:auto;position:relative}.md-e{font-size:14px;color:var(--mute);margin-top:10px;position:relative;letter-spacing:.04em}
.more{margin-top:34px}

/* faq */
.s-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(30px,5vw,90px);padding:clamp(80px,12vh,140px) var(--g);border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font:500 clamp(20px,1.7vw,26px)/1.3 var(--sans);letter-spacing:-.01em}
.faq summary::after{content:"+";font-size:28px;line-height:1;color:var(--gold);transition:transform .5s var(--ease)}.faq details[open] summary::after{transform:rotate(45deg)}.faq p{margin:14px 0 0;font-size:18px;color:var(--mute)}

/* page hero (photo) */
.ph{position:relative;height:100svh;min-height:620px;overflow:hidden;color:#f6f0e4}
.ph-img{position:absolute;inset:0}.ph-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:phz 2.4s var(--ease) forwards}@keyframes phz{to{transform:scale(1)}}
.ph-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.5),rgba(10,8,6,.1) 40%,rgba(10,8,6,.78))}
.ph-in{position:absolute;inset:auto var(--g) clamp(40px,8vh,80px);display:grid;grid-template-columns:1fr minmax(0,420px);gap:30px;align-items:end}
.ph-in .lbl{grid-column:1/-1;color:#f0d9a3;margin:0}.ph-t{font:600 clamp(80px,13vw,220px)/.86 var(--disp);margin:0;letter-spacing:-.02em;padding-bottom:.06em}.ph-lead{font-size:20px;margin:0 0 10px}

/* text + gallery + grapes (vinogradi) */
.s-txt{padding:clamp(90px,13vh,150px) var(--g)}.tx-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(30px,5vw,90px)}.tx-g p:not(.big){font-size:19px;color:var(--mute);max-width:56ch}
.s-gal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;padding:0 var(--g) clamp(80px,12vh,140px)}
.s-gal figure{margin:0;overflow:hidden;border-radius:4px}.s-gal img{width:100%;height:100%;object-fit:cover}
.g1{grid-column:1/8;aspect-ratio:16/10}.g2{grid-column:8/13;aspect-ratio:4/5;align-self:end}.g3{grid-column:1/6;aspect-ratio:4/3}.g4{grid-column:6/13;aspect-ratio:16/9}
.s-grapes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(30px,5vw,90px);padding:clamp(60px,10vh,120px) var(--g) clamp(90px,13vh,150px)}
.grapes{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.grapes li{display:flex;gap:20px;align-items:baseline;font:600 clamp(36px,3.6vw,60px)/1.15 var(--disp);border-bottom:1px solid var(--line);padding:14px 0 10px}.grapes span{font:500 15px var(--sans);color:var(--gold)}

/* services + booking */
.s-svs{padding:clamp(60px,10vh,120px) var(--g)}
.sv{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:end;padding:clamp(40px,7vh,90px) 0;border-bottom:1px solid var(--line)}
.sv figure{margin:0;overflow:hidden;border-radius:4px}.sv img{width:100%;height:100%;object-fit:cover}
.sv-a{grid-column:1/7;aspect-ratio:4/3}.sv-b{grid-column:7/10;aspect-ratio:3/4}.sv-t{grid-column:10/13;align-self:center}
.sv:nth-child(even) .sv-a{grid-column:7/13;order:3}.sv:nth-child(even) .sv-b{grid-column:4/7;order:2}.sv:nth-child(even) .sv-t{grid-column:1/4;order:1}
.sv-t .big{font-size:clamp(18px,1.4vw,22px)}
.s-book{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:clamp(30px,5vw,90px);padding:clamp(90px,13vh,150px) var(--g);background:var(--bg2)}
.bk-l{font:500 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:24px 0 10px}
.b-days,.b-slots{display:flex;flex-wrap:wrap;gap:8px}
.b-days button,.b-slots button{border:1px solid var(--line2);padding:12px 16px;font:500 17px var(--sans);border-radius:14px;min-width:76px;display:flex;flex-direction:column;align-items:center;line-height:1.2;transition:.3s}
.b-days small{font-size:12px;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.b-days button.on,.b-slots button.on{background:var(--gold);color:#1b130a;border-color:var(--gold)}
.b-row{display:grid;grid-template-columns:auto 1fr 1fr;gap:26px;margin:30px 0;align-items:end}
label{display:block;font:500 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
input,textarea{display:block;width:100%;margin-top:8px;background:transparent;border:0;border-bottom:1px solid var(--line2);color:var(--ink);font:400 20px var(--sans);padding:10px 0;border-radius:0;letter-spacing:0;text-transform:none}
input:focus,textarea:focus{outline:0;border-color:var(--gold)}.bad{border-color:#c4554b!important}
label.chk{display:flex;gap:12px;align-items:center;text-transform:none;letter-spacing:0;font-size:17px;color:var(--ink)}label.chk input{width:auto;margin:0}
.sent-ok{display:none}.sent>*:not(.sent-ok){display:none}.sent .sent-ok{display:block}
.form label{margin-bottom:24px}

/* shop */
.s-shop{padding:clamp(130px,17vh,180px) var(--g) clamp(60px,9vh,100px)}
.shop-t{font-size:clamp(56px,8vw,140px)}.shop-h .big{max-width:40ch;color:var(--mute)}
.flt{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 30px}.flt button{font:500 15px var(--sans);padding:12px 20px;border:1px solid var(--line2);border-radius:999px;transition:.3s}.flt button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.prs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pr{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:var(--bg2)}.pr.off{display:none}
.pr-img{display:grid;place-items:center;height:clamp(380px,36vw,520px);background:var(--w);position:relative;overflow:hidden}
.pr-img img{position:relative;height:84%;width:auto;filter:drop-shadow(0 26px 30px rgba(40,25,10,.3));transition:transform 1s var(--ease)}.pr:hover .pr-img img{transform:translateY(-10px) scale(1.03)}
.pr-t{padding:22px 22px 6px}.pr-n{font:600 32px/1.05 var(--disp);margin:0 0 6px}.pr-m{font-size:15px;color:var(--mute);margin:0 0 6px}.pr-p{font-size:15px;margin:0}
.pr-a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px 22px;margin-top:auto}
.pr-a .pill-solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.s-order{padding:clamp(80px,12vh,140px) var(--g);background:var(--bg2)}
.ord-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,90px)}.ord-list .ci{grid-template-columns:54px 1fr auto}.ord-empty{color:var(--mute)}

/* contact */
.s-ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);padding:clamp(90px,13vh,150px) var(--g)}.ct-i .big{margin-bottom:34px}

/* next page */
.nx{position:relative;z-index:3;border-top:1px solid var(--line);background:var(--bg)}
.nx-a{position:relative;display:block;padding:clamp(60px,10vh,120px) var(--g);min-height:62vh;overflow:hidden}
.nx-k{display:flex;justify-content:space-between;font:500 14px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:clamp(30px,6vh,70px)}
.nx-t{display:block;font:600 clamp(68px,12vw,210px)/.9 var(--disp);letter-spacing:-.02em;padding-bottom:.06em;position:relative;z-index:2;transition:transform .9s var(--ease)}.nx-a:hover .nx-t{transform:translateX(24px)}
.nx-l{display:block;font-size:clamp(20px,1.7vw,26px);color:var(--mute);margin-top:14px;position:relative;z-index:2;max-width:36ch}
.nx-b{position:absolute;right:var(--g);bottom:clamp(40px,8vh,90px);width:clamp(96px,9vw,140px);aspect-ratio:1;border-radius:50%;background:var(--gold);color:#1b130a;display:grid;place-items:center;z-index:3;transition:transform .8s var(--ease)}.nx-b svg{width:40%}.nx-a:hover .nx-b{transform:scale(1.1) rotate(-14deg)}
.nx-p{position:absolute;right:calc(var(--g) + 12vw);top:50%;width:clamp(200px,22vw,320px);aspect-ratio:4/5;overflow:hidden;border-radius:4px;opacity:0;transform:translateY(-40%) rotate(4deg) scale(.92);transition:opacity .7s var(--ease),transform 1s var(--ease);z-index:1}.nx-p img{width:100%;height:100%;object-fit:cover}
.nx-a:hover .nx-p{opacity:1;transform:translateY(-50%) rotate(-2deg)}

/* footer */
.ft{position:relative;z-index:3;background:var(--bg2);padding:clamp(70px,10vh,120px) var(--g) 30px}
.ft-top{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:50px}
.ft-big{font:600 clamp(60px,9vw,160px)/.9 var(--disp);margin:0;max-width:none;letter-spacing:-.02em;padding-bottom:.06em}.ft-big span{color:var(--gold)}
.ft-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:40px 0}.ft-g p{font-size:18px}.ft-nav a{display:inline-block;margin:0 16px 6px 0}.ft-nav a:hover{color:var(--gold)}
.ft-b{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:14px;color:var(--mute);max-width:none;margin:0}.ft-b img{height:30px;width:auto}[data-theme=light] .ft-b img{filter:brightness(.45) saturate(1.6)}

/* responsive */
@media (max-width:1180px){.hd-nav{display:none}.hd{grid-template-columns:auto 1fr auto}.hd-burger{display:block}.hd-r{grid-column:3}
.medals{grid-template-columns:repeat(3,minmax(0,1fr))}.prs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){body{font-size:17px}.hd{padding:14px 16px;gap:12px}.theme span,.cart-btn span{display:none}.cart-btn{padding:8px 10px}.hd-logo img{height:24px}
.ov-in{grid-template-columns:1fr;padding:96px 20px 30px}.hero-word{font-size:30vw;justify-content:flex-start;padding-top:22vh}.hero-lead,.hero-scroll{display:none}.hero-meta{right:16px}
.st-t{font-size:clamp(26px,7vw,36px)}.st-b{height:56vh}
.s-wn{height:calc(var(--n) * 100vh + 100vh)}.wn-t{font-size:clamp(44px,12vw,70px);top:78px;white-space:normal;right:16px;line-height:.95}.wn-line{top:calc(78px + 2.1em)}
.wn-line{display:none}.wn-k{top:auto;bottom:calc(46vh + 34px)}.wn-y{display:none}
.wn-stage{top:auto;bottom:calc(46vh - 10px);height:34vh;width:40vw}
.wn-note{left:16px;right:16px;width:auto;top:auto;bottom:calc(46vh + 70px);font-size:20px;display:none}
.wn-r{left:16px;right:16px;width:auto;top:auto;bottom:86px}.wn-r h3{font-size:22px}.wn-r p{font-size:15px;margin-bottom:10px}.wn-r dl{gap:4px 18px;margin-bottom:12px}.wn-r dd{font-size:16px}
.wn-pick{bottom:16px}.wn-count{display:none}.wn-pill{min-width:200px}
.s-vn{min-height:auto;padding-bottom:30px}.s-vn .wn-t,.s-vn .wn-k,.s-vn .wn-note,.s-vn .wn-r,.vn-btl{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:auto;margin:0 16px}
.s-vn .wn-t{padding-top:96px;font-size:clamp(48px,13vw,80px)}.s-vn .wn-line,.s-vn .wn-y{display:none}.s-vn .wn-k{margin:10px 16px 16px}.vn-btl{height:58vh;margin:10px auto 20px;display:block}.s-vn .wn-note{display:block;font-size:22px;margin-bottom:20px}
.tr-f{grid-template-columns:1fr;gap:12px}.tr-f dt{font-size:48px}.tr-t{font-size:20vw}
.s-fam,.s-faq,.tx-g,.s-grapes,.s-book,.ord-g,.s-ct{grid-template-columns:1fr}.fam-sticky{position:relative;top:auto}.fam-years{display:none}
.vs-h{grid-template-columns:1fr}.pns{flex-direction:column;height:auto}.pn,.pn.on{flex:none;height:62vh}.pn .pn-c{opacity:1;transform:none}.pn-v{display:none}
.medals{grid-template-columns:repeat(2,minmax(0,1fr))}.md{min-height:220px;padding:20px}.md-y{font-size:52px}
.ph-in{grid-template-columns:1fr}.ph-t{font-size:clamp(64px,19vw,120px)}
.s-gal{grid-template-columns:1fr}.g1,.g2,.g3,.g4{grid-column:1/-1}
.sv{grid-template-columns:1fr}.sv-a,.sv-b,.sv-t,.sv:nth-child(even) .sv-a,.sv:nth-child(even) .sv-b,.sv:nth-child(even) .sv-t{grid-column:1/-1;order:0}.sv-b{display:none}
.b-row{grid-template-columns:1fr}.prs{grid-template-columns:1fr}.pr-img{height:420px}
.nx-p{display:none}.nx-b{position:relative;right:auto;bottom:auto;margin-top:30px}.ft-g{grid-template-columns:1fr 1fr}.ft-b{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}}

/* fixes v3.1 */
.wn-i,.fy,.tr-f dt,.md-y,.ld-n,.num{font-family:var(--sans)!important;font-weight:300!important;letter-spacing:-.045em}
.wn-t .wn-i{margin-right:.08em}
.wn-t.lg{font-size:clamp(46px,6.2vw,104px)}
.sh-img{display:flex;align-items:flex-end;justify-content:center}.sh-img img{height:92%;max-height:92%;width:auto;object-fit:contain}
.shelf{scroll-padding-left:var(--g)}
.cart{overflow:hidden}body{overflow-x:hidden}

/* ================= v3.2 ================= */
@font-face{font-family:"Sentient";src:url(../fonts/sentient-300.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Sentient";src:url(../fonts/sentient-300i.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Sentient";src:url(../fonts/sentient-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Sentient";src:url(../fonts/sentient-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
:root{--serif:"Sentient",Georgia,serif}
body{font-family:var(--serif);font-weight:300;font-size:19px}
p,dd,.big,.wn-note,.wn-r h3,.wn-r p,.tr-lead,.fm p,.st-t,.hero-lead,.ph-lead,.vs-lead,.pn-c p,.tr-f dd,.faq summary,.faq p,.aw-lead,.ar-a,.af h3,.ft-g p,.nx-l,.shop-h .big,.cf-q{font-family:var(--serif)!important}
.big{font-weight:300;font-size:clamp(23px,2vw,32px);letter-spacing:-.005em}
.st-t{font-weight:300!important;font-size:clamp(34px,4vw,68px)!important;line-height:1.12!important;letter-spacing:-.02em}
.wn-note{font-weight:300;font-size:clamp(26px,2.4vw,40px);line-height:1.18;letter-spacing:-.01em}
.wn-r h3{font-weight:400;font-size:clamp(26px,2.3vw,36px)}
.wn-r p{font-size:18px;font-weight:300}
.tr-lead{font-weight:300;font-size:clamp(21px,1.8vw,28px)}
.faq summary{font-weight:400;font-size:clamp(22px,1.9vw,30px)}
.fm p:last-child{font-size:20px}
.wn-i,.fy,.tr-f dt,.ld-n,.num,.af-y,.ar-y{font-family:var(--serif)!important;font-weight:300!important;letter-spacing:-.04em}
.lbl,.hd-nav,.pill,.btn,.lnk,.theme,.cart-btn,.wn-k,.wn-y,.wn-r dt,.wn-count,.fm-y,label,.flt button,.chip,.bk-n,.pr-m,.sh-m{font-family:var(--sans)}

/* no dead space: nothing is scroll-pinned for long */
.s-st{height:auto}.st-pin{position:relative;height:100svh;min-height:640px;background:var(--bg2)}
.st-t span{opacity:.12;transition:opacity .7s var(--ease) var(--d)}.s-st.in .st-t span{opacity:1}
.st-b{transform:translate(-50%,-50%) translate(46vw,-90vh) rotate(-40deg);transition:transform 2.2s cubic-bezier(.2,.9,.25,1) .3s}
.s-st.in .st-b{transform:translate(-50%,-50%) translate(30vw,4vh) rotate(-18deg)}
.s-tr{height:auto}.tr-pin{position:relative;height:100svh;min-height:680px}.tr-img img{transform:scale(1.12) translateY(var(--py,0));transition:none}
.s-wn{height:auto}.wn-pin{position:relative;height:100svh;min-height:720px;touch-action:pan-y;user-select:none}
.wn-arr{position:absolute;top:50%;z-index:7;width:64px;height:64px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;transform:translateY(-50%);transition:background .35s,color .35s,transform .35s}
.wn-arr svg{width:24px}.wn-arr:hover{background:#1d1712;color:#f3ebdc;border-color:#1d1712}.dk .wn-arr:hover,.wn-pin.dk .wn-arr:hover{background:#f3ebdc;color:#1d1712}
.wn-prev{left:calc(50% - min(12vw,170px) - 110px)}.wn-next{left:calc(50% + min(12vw,170px) + 46px)}
.wn-hint{position:absolute;left:var(--g);bottom:36px;font:400 14px var(--sans);opacity:.6;margin:0;z-index:5}
.wn-btl{object-fit:contain}
/* reveal (class-based, never stays hidden) */
.rv{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}.rv.in{opacity:1;transform:none}

/* bottles always whole and centred */
.sh-img,.pr-img{position:relative;display:block}
.sh-img img,.pr-img img{position:absolute;left:0;right:0;top:6%;bottom:4%;width:100%;height:90%;max-height:none;object-fit:contain;object-position:center bottom;margin:auto}
.pr-img img{top:7%;bottom:7%;height:86%;object-position:center}
.sh:hover .sh-img img{transform:translateY(-10px)}
.vn-btl,.wn-btl{object-fit:contain}

/* shelf controls */
.sh-ctl{display:flex;align-items:center;gap:12px}
.sh-arr{width:56px;height:56px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;transition:.3s}.sh-arr svg{width:22px}.sh-arr:hover{background:var(--ink);color:var(--bg)}.sh-arr[disabled]{opacity:.3;pointer-events:none}
.sh-ctl .lnk{margin-left:14px}
.sh-bar{margin:6px var(--g) 0;height:2px;background:var(--line);position:relative;overflow:hidden}.sh-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--w,20%);transform:translateX(var(--x,0));background:var(--gold);transition:transform .3s}
.shelf{cursor:grab}.shelf:active{cursor:grabbing}

/* awards */
.aw-h{display:grid;grid-template-columns:1fr minmax(0,420px);gap:30px;align-items:end;margin-bottom:46px}.aw-lead{font-size:21px;color:var(--mute);margin:0}
.afs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.af{position:relative;border-radius:10px;padding:clamp(28px,3vw,44px);background:radial-gradient(120% 90% at 50% 0%,rgba(210,173,104,.16),transparent 60%),var(--bg2);border:1px solid var(--line);overflow:hidden;min-height:380px;display:flex;flex-direction:column}
.af .sym{width:86px;height:86px;margin-bottom:auto;filter:drop-shadow(0 8px 18px rgba(200,154,69,.35))}
.af-y{font-size:clamp(64px,6vw,104px)!important;line-height:1;margin:24px 0 6px;background:linear-gradient(120deg,#8c6422,#f0d9a3 45%,#b8892f 60%,#f6e3b4 80%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.05em}
.af-k{font:500 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.af h3{font:400 clamp(22px,1.8vw,28px)/1.25 var(--serif);margin:0 0 8px}.af-e{font-size:16px;color:var(--mute);margin:0}
.aw-legend{display:flex;flex-wrap:wrap;gap:12px 26px;margin:40px 0 10px;font:500 14px var(--sans);color:var(--mute)}.aw-legend span{display:flex;align-items:center;gap:8px}.aw-legend .sym{width:26px;height:26px}
.ars{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ar{display:grid;grid-template-columns:minmax(110px,.6fr) 64px minmax(0,2.2fr) minmax(0,1.2fr);gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);position:relative;transition:padding .5s var(--ease)}
.ar::before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--gold);transition:width .8s var(--ease)}.ar:hover::before{width:100%}.ar:hover{padding-left:12px}
.ar-y{font-size:clamp(40px,3.6vw,60px)!important;line-height:1;color:var(--gold);padding-bottom:.04em}
.ar-s .sym{width:52px;height:52px;transition:transform .6s var(--ease)}.ar:hover .ar-s .sym{transform:rotate(-12deg) scale(1.08)}
.ar-a{font-size:clamp(20px,1.6vw,25px);line-height:1.3}.ar-a small{display:block;font:500 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.ar-e{font:400 15px var(--sans);color:var(--mute)}
.medals{display:none}

/* modern forms: floating labels, chips, summary card */
.fl{position:relative;display:block;margin:0 0 14px;text-transform:none;letter-spacing:0}
.fl input,.fl textarea{margin:0;width:100%;border:1px solid var(--line2);border-radius:14px;background:color-mix(in srgb,var(--bg) 70%,transparent);padding:28px 18px 12px;font:400 19px var(--serif);color:var(--ink);transition:border-color .3s,box-shadow .3s,background .3s}
.fl textarea{resize:vertical;min-height:140px}
.fl span{position:absolute;left:19px;top:20px;font:400 17px var(--sans);color:var(--mute);pointer-events:none;transition:transform .3s var(--ease),font-size .3s,color .3s;transform-origin:left top}
.fl input:focus,.fl textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 22%,transparent);background:var(--bg)}
.fl input:focus+span,.fl input:not(:placeholder-shown)+span,.fl textarea:focus+span,.fl textarea:not(:placeholder-shown)+span{transform:translateY(-12px);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.fl .bad,.fl input.bad{border-color:#c4554b!important}
.fl-g{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fl-g .fl{margin:0}
.cf{background:var(--bg2);border:1px solid var(--line);border-radius:22px;padding:clamp(26px,3vw,46px)}.cf .btn{margin-top:10px}
.cf-q{font-size:22px;margin:0 0 14px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.chip{position:relative;text-transform:none;letter-spacing:0;color:var(--ink)}.chip input{position:absolute;opacity:0}
.chip span{display:inline-block;padding:12px 20px;border:1px solid var(--line2);border-radius:999px;font:500 16px var(--sans);cursor:pointer;transition:.3s}
.chip input:checked+span{background:var(--gold);border-color:var(--gold);color:#1b130a}.chip input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 35%,transparent)}
.s-ct2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,70px);padding:clamp(90px,13vh,150px) var(--g);align-items:start}
.ct-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ct-t{display:flex;flex-direction:column;gap:10px;min-height:200px;padding:26px;border-radius:22px;border:1px solid var(--line);background:var(--bg2);transition:background .4s,transform .5s var(--ease),border-color .4s}
.ct-t .lbl{margin:0 0 auto}.ct-t b{font:400 clamp(21px,1.6vw,26px)/1.25 var(--serif);word-break:break-word}.ct-t i{font:400 15px var(--sans);font-style:normal;color:var(--mute)}
a.ct-t:hover{border-color:var(--gold);transform:translateY(-4px)}.ct-h{background:linear-gradient(140deg,color-mix(in srgb,var(--gold) 26%,var(--bg2)),var(--bg2))}
/* booking v2 */
.s-book{display:block;padding:clamp(90px,13vh,150px) var(--g)}.s-book .bk-side{display:none}
.bk2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:clamp(24px,4vw,64px);align-items:start}
.bk2.sent{display:block}
.bk-step{padding:26px 0;border-top:1px solid var(--line)}
.bk-n{display:flex;align-items:center;gap:12px;font:500 15px var(--sans);letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px}.bk-n b{width:30px;height:30px;border-radius:50%;background:var(--gold);color:#1b130a;display:grid;place-items:center;font-size:14px}
.b-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}
.b-days button,.b-slots button{border-radius:16px;padding:14px 10px;font:400 19px var(--serif);background:color-mix(in srgb,var(--bg) 60%,transparent)}
.b-slots button{min-width:96px}.b-days button:hover,.b-slots button:hover{border-color:var(--gold)}
.big-step button{width:52px;height:52px;font-size:22px}.big-step output{font:300 34px var(--serif);min-width:44px}
.bk-sum{position:sticky;top:110px;background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.bk-what{font:400 26px/1.2 var(--serif);margin:0 0 20px}
.bk-sum dl{margin:0 0 24px;border-top:1px solid var(--line)}.bk-sum dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.bk-sum dt{font:500 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.bk-sum dd{margin:0;font-size:19px;text-align:right}
.bk-sum .btn{width:100%}
.ord-f .btn{width:100%}.ord-sum{margin-top:20px;font-size:20px}
@media (max-width:1100px){.afs{grid-template-columns:1fr}.af{min-height:0}.bk2,.s-ct2{grid-template-columns:1fr}.bk-sum{position:relative;top:auto}}
@media (max-width:820px){body{font-size:18px}.wn-arr{width:48px;height:48px;top:auto;bottom:calc(46vh + 60px)}.wn-prev{left:16px}.wn-next{left:auto;right:16px}.wn-hint{display:none}
.st-t{font-size:clamp(28px,7.5vw,40px)!important}.s-st.in .st-b{transform:translate(-50%,-50%) translate(26vw,22vh) rotate(-16deg)}.st-b{height:46vh}
.ar{grid-template-columns:72px 44px 1fr;gap:14px}.ar-e{grid-column:3}.ar-s .sym{width:40px;height:40px}.aw-h{grid-template-columns:1fr}
.fl-g,.ct-tiles{grid-template-columns:1fr}.sh-ctl .sh-arr{display:none}.wn-pin{min-height:680px}}
.ct-t b{word-break:normal;overflow-wrap:anywhere;font-size:clamp(19px,1.35vw,24px)}
@media (max-width:820px){.sh-h{flex-wrap:wrap}.sh-ctl{width:100%;justify-content:flex-start}.sh-ctl .lnk{margin-left:0}.st-b{max-width:none}.s-st{overflow:hidden}}

/* ================= v3.3 palette: wine cellar + copper (own identity, not black + gold) ================= */
[data-theme=dark]{--bg:#160a0c;--bg2:#21100f;--ink:#f5e9df;--mute:#c4a99c;--gold:#d99a6c;--line:rgba(245,233,223,.15);--line2:rgba(245,233,223,.32)}
[data-theme=light]{--bg:#f4ede3;--bg2:#ebe0d1;--ink:#24120f;--mute:#6e5148;--gold:#9a2f35;--line:rgba(36,18,15,.15);--line2:rgba(36,18,15,.34)}
.loader{background:#160a0c}.ld-n{color:#d99a6c}.ld-bar i{background:#d99a6c}
.tr-in .lbl,.pn-c .lbl,.ph-in .lbl{color:#f2c3a2}
.btn{color:#1e0c0a}[data-theme=light] .btn{color:#fff6ef}
.cart-n,.bk-n b{color:#1e0c0a}[data-theme=light] .cart-n,[data-theme=light] .bk-n b{color:#fff6ef}
.chip input:checked+span,.b-days button.on,.b-slots button.on{color:#1e0c0a}[data-theme=light] .chip input:checked+span,[data-theme=light] .b-days button.on,[data-theme=light] .b-slots button.on,[data-theme=light] .b-days button.on small{color:#fff6ef}
.af{background:radial-gradient(120% 90% at 50% 0%,rgba(217,154,108,.16),transparent 60%),var(--bg2)}
.ct-h{background:linear-gradient(140deg,color-mix(in srgb,var(--gold) 30%,var(--bg2)),var(--bg2))}
.st-pin{background:var(--bg2)}
.hero-word span:last-child{-webkit-text-stroke:1px var(--gold)}

/* family: one compact screen, rail of years + chapter stage */
.s-fam,.fam-l,.fam-r{display:none}
.s-fam2{padding:clamp(90px,12vh,140px) var(--g) clamp(70px,10vh,120px)}
.fam-h{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.fam-h .sec-t{margin:0}
.fam-ctl{display:flex;gap:12px}
.fam-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line);margin-bottom:34px}
.fr{position:relative;text-align:left;padding:18px 14px 16px 0;display:flex;flex-direction:column;gap:4px;opacity:.5;transition:opacity .4s}
.fr:hover,.fr.on{opacity:1}
.fr b{font:300 clamp(28px,2.6vw,44px)/1 var(--serif);letter-spacing:-.03em}.fr.on b{color:var(--gold)}
.fr span{font:500 14px var(--sans)}
.fr i{position:absolute;left:0;right:14px;top:-1px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left}
.fr.on i{animation:frp var(--dur,7s) linear forwards}.s-fam2.paused .fr.on i,.still .fr.on i{animation-play-state:paused}
@keyframes frp{to{transform:scaleX(1)}}
.fam-stage{position:relative;display:grid}
.fs{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,70px);align-items:center;opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility .7s}
.fs.on{opacity:1;visibility:visible}
.fs figure{margin:0;aspect-ratio:16/10;overflow:hidden;border-radius:8px;position:relative}
.fs img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 6s linear}.fs.on img{transform:scale(1)}
.fs figcaption{position:absolute;left:14px;bottom:12px;font:500 13px var(--sans);color:#fff;background:rgba(0,0,0,.45);padding:5px 10px;border-radius:999px}
.fs-y{font:300 clamp(80px,9vw,150px)/.9 var(--serif)!important;color:var(--gold);letter-spacing:-.04em;margin:0 0 10px;padding-bottom:.04em}
.fs h3{font:600 clamp(40px,3.8vw,66px)/1 var(--disp);margin:0 0 16px;padding-bottom:.05em}
.fs-t p:last-child{font-size:clamp(19px,1.4vw,22px);color:var(--mute);max-width:44ch}
.fs-t>*{transform:translateY(24px);opacity:0;transition:transform .9s var(--ease),opacity .7s}.fs.on .fs-t>*{transform:none;opacity:1}
.fs.on .fs-t h3{transition-delay:.08s}.fs.on .fs-t p:last-child{transition-delay:.16s}
@media (max-width:820px){.fam-rail{grid-template-columns:repeat(6,minmax(96px,1fr));overflow-x:auto;scrollbar-width:none}.fam-rail::-webkit-scrollbar{display:none}
.fs{grid-template-columns:1fr;align-items:start}.fam-ctl{display:none}.fs-y{font-size:64px!important}}
.ct-t b.em{overflow-wrap:normal;word-break:normal}

/* ================= v3.4: black + antique gold, Slavonian vez red thread, 2 fonts only ================= */
:root{--sans:"Sentient",Georgia,serif;--ital:"Sentient",Georgia,serif}
[data-theme=dark]{--bg:#0b0b0a;--bg2:#141311;--ink:#f6f1e7;--mute:#d6cdbd;--gold:#cfa95e;--red:#c23a2c;--line:rgba(246,241,231,.16);--line2:rgba(246,241,231,.34)}
[data-theme=light]{--bg:#f6f1e7;--bg2:#ece5d6;--ink:#121110;--mute:#3e3a33;--gold:#7d5d22;--red:#9e1f1a;--line:rgba(18,17,16,.16);--line2:rgba(18,17,16,.38)}
.loader{background:#0b0b0a}.ld-n,.ld-bar i{color:#cfa95e;background:none}.ld-bar i{background:#cfa95e}
em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--gold)}
.lbl{font:400 14px/1.3 var(--serif);letter-spacing:.2em}
.hd-nav{font:400 16px var(--serif)}.hd-nav a{opacity:.85}.theme,.cart-btn{font:400 15px var(--serif)}
.pill,.btn,.lnk{font-family:var(--serif)}.btn{font-weight:400;letter-spacing:.1em;color:#13110d}[data-theme=light] .btn{color:#f6f1e7}
.cart-n,.bk-n b,.chip input:checked+span,.b-days button.on,.b-slots button.on,.b-days button.on small{color:#13110d}
[data-theme=light] .cart-n,[data-theme=light] .bk-n b,[data-theme=light] .chip input:checked+span,[data-theme=light] .b-days button.on,[data-theme=light] .b-slots button.on,[data-theme=light] .b-days button.on small{color:#f6f1e7}
p{color:inherit}.vs-lead,.aw-lead,.fs-t p:last-child,.faq p,.shop-h .big,.ar-e,.af-e,.sh-m,.pr-m,.fine{color:var(--mute)}
body{font-weight:400}.big,.wv-note,.st-t,.tr-lead,.fs-t p{font-weight:400}
.af{background:radial-gradient(120% 90% at 50% 0%,rgba(207,169,94,.16),transparent 60%),var(--bg2)}
.st-pin{background:var(--bg)}
/* hero legibility in both themes */
.hero-word span:last-child{-webkit-text-stroke:1.6px var(--gold)}
[data-theme=light] .hero-word span:last-child{-webkit-text-stroke:2px var(--ink);opacity:.9}
.hero-s em{color:var(--gold);font-weight:400}.hero-lead{color:var(--ink);opacity:.85;font-size:18px}
[data-theme=light] .hero-meta .lbl{color:var(--red)}
/* tighter rhythm, less dead space */
.s-vs,.s-sh,.s-aw,.s-faq,.s-txt,.s-grapes,.s-svs,.s-book,.s-order,.s-ct2,.s-fam2{padding-top:clamp(56px,8vh,96px);padding-bottom:clamp(56px,8vh,96px)}
.s-sh{padding-left:0;padding-right:0}.nx-a{min-height:0;padding-top:clamp(50px,7vh,90px);padding-bottom:clamp(50px,7vh,90px)}
.ft{padding-top:clamp(50px,7vh,90px)}.ft-top{padding-bottom:36px}.st-pin{height:auto;min-height:0;padding:clamp(90px,14vh,150px) 0}
/* vez divider */
.vez{padding:clamp(24px,4vh,40px) var(--g);color:var(--gold);display:flex;justify-content:center}.vez svg{width:min(1100px,100%);height:auto;opacity:.9}

/* wines v4: seal + bottle centre, profile left, specs right, cellar rack bottom */
.s-wv .wn-pin{min-height:780px;display:block}
.s-wv .wn-bg{transition:background-color 1s var(--ease)}
.s-wv .wn-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 45%,rgba(255,255,255,.22),transparent 70%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.12))}
.wv-stage{position:absolute;left:50%;top:clamp(80px,10vh,110px);bottom:150px;width:min(34vw,480px);transform:translateX(-50%);z-index:3;pointer-events:none}
.wv-seal{position:absolute;left:50%;top:44%;width:118%;max-width:none;transform:translate(-50%,-50%);opacity:.16;animation:spin 60s linear infinite;mix-blend-mode:multiply}
.wn-pin.dk .wv-seal{mix-blend-mode:screen;filter:invert(1);opacity:.14}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.wv-sun{position:absolute;left:50%;top:44%;width:70%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,250,235,.55),transparent 65%)}
.wv-floor{position:absolute;left:50%;bottom:-6px;width:56%;height:22px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.35),transparent);filter:blur(4px)}
.s-wv .wn-btl{position:absolute;left:50%;bottom:0;height:96%;width:auto;transform:translateX(-50%) translateY(10%) scale(.9);opacity:0}
.s-wv .wn-btl.on{opacity:1;transform:translateX(-50%)}.s-wv .wn-btl.out{opacity:0;transform:translateX(-50%) translateY(-8%) scale(.92)}
.wv{position:absolute;inset:0;z-index:4;pointer-events:none;color:#14120f}
.wn-pin.dk .wv{color:#f7f0e6}
.wv-l,.wv-r{position:absolute;top:clamp(100px,13vh,140px);opacity:0;transform:translateY(26px);transition:opacity .6s var(--ease),transform .9s var(--ease)}
.wv.on{pointer-events:none}.wv.on .wv-l,.wv.on .wv-r{opacity:1;transform:none;pointer-events:auto}.wv.on .wv-r{transition-delay:.12s}
.wv-l{left:var(--g);width:min(34vw,500px)}.wv-r{right:var(--g);width:min(26vw,380px);top:auto;bottom:170px}
.wv-n{font:400 18px var(--serif);margin:0 0 6px;letter-spacing:.06em}.wv-n span{opacity:.55}
.wv-t{font:600 clamp(52px,6vw,104px)/.95 var(--disp);margin:0 0 14px;letter-spacing:-.01em;padding-bottom:.06em}
.wv-k{font:400 15px var(--serif);letter-spacing:.14em;text-transform:uppercase;margin:0 0 26px;opacity:.85}
.wv-note{font-size:clamp(22px,1.8vw,28px);line-height:1.32;margin:0 0 30px;max-width:24ch}
.wv-prof{max-width:380px}.wv-pl{font:400 13px var(--serif);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;display:flex;justify-content:space-between}.wv-pl b{font-weight:400;letter-spacing:0;font-size:16px}
.wv-sc{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid currentColor;border-radius:999px;overflow:hidden;margin-bottom:22px}
.wv-sc span{font:400 13px var(--serif);text-align:center;padding:8px 2px;opacity:.55}.wv-sc span.on{opacity:1;background:currentColor}
.wv-sc span.on{color:inherit}.wv .wv-sc span.on{background:#14120f;color:#f6f1e7}.wn-pin.dk .wv-sc span.on{background:#f7f0e6;color:#14120f}
.wv-bar{height:4px;border-radius:4px;background:rgba(0,0,0,.14);position:relative}.wn-pin.dk .wv-bar{background:rgba(255,255,255,.2)}
.wv-bar i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--a) * 100%);background:currentColor;border-radius:4px}
.wv-r dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid currentColor}
.wv-r dt{font:400 12px var(--serif);letter-spacing:.18em;text-transform:uppercase;opacity:.7}.wv-r dd{margin:3px 0 0;font:400 20px var(--serif)}
.wv-rest{font-size:17px;line-height:1.55;margin:0 0 20px}
.wv-act{display:flex;gap:10px;flex-wrap:wrap}.wv .pill-solid{background:#14120f;color:#f6f1e7;border-color:#14120f}.wn-pin.dk .wv .pill-solid{background:#f7f0e6;color:#14120f;border-color:#f7f0e6}
.wv-bot{position:absolute;left:0;right:0;bottom:24px;z-index:6;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 var(--g);color:#14120f}
.wn-pin.dk .wv-bot{color:#f7f0e6}
.wv-bot .wn-arr{position:static;transform:none;flex:0 0 56px;width:56px;height:56px}
.rack{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 6px;max-width:min(980px,calc(100vw - 200px));background:rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px}
.wn-pin.dk .rack{background:rgba(0,0,0,.25)}.rack::-webkit-scrollbar{display:none}
.rk{position:relative;flex:0 0 auto;width:54px;height:78px;border-radius:999px;display:grid;place-items:end center;padding-bottom:4px;transition:background .3s}
.rk img{height:66px;width:auto;transition:transform .5s var(--ease)}.rk span{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;font:400 13px var(--serif);background:#14120f;color:#f6f1e7;padding:5px 10px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .25s}
.rk:hover span{opacity:1}.rk:hover img{transform:translateY(-6px)}.rk.on{background:rgba(255,255,255,.75)}.wn-pin.dk .rk.on{background:rgba(255,255,255,.18)}.rk.on img{transform:translateY(-4px) scale(1.08)}
.s-wv .wn-arr:hover{background:#14120f;color:#f6f1e7;border-color:#14120f}.wn-pin.dk .wn-arr:hover{background:#f7f0e6;color:#14120f}

/* Zlatna dolina photo: stronger contrast */
.tr-img::after{background:linear-gradient(90deg,rgba(8,8,6,.78) 0%,rgba(8,8,6,.45) 45%,rgba(8,8,6,.15) 75%),linear-gradient(180deg,rgba(8,8,6,.45),transparent 35%,rgba(8,8,6,.8))}
.tr-in .lbl,.pn-c .lbl,.ph-in .lbl{color:#e9c983;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.tr-lead,.tr-f dd,.ph-lead{color:#fbf7ef;text-shadow:0 1px 14px rgba(0,0,0,.55)}.tr-t,.ph-t{text-shadow:0 2px 30px rgba(0,0,0,.35)}
.ph-img::after{background:linear-gradient(180deg,rgba(8,8,6,.55),rgba(8,8,6,.15) 40%,rgba(8,8,6,.82))}

/* Vetovo map section */
.s-vt{padding:clamp(70px,10vh,120px) var(--g)}
.vt-g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr) minmax(0,.85fr);gap:clamp(24px,3.4vw,60px);align-items:center}
.vt-map{margin:0;color:var(--gold)}.vt-map svg{width:100%;height:auto}
.vt-a .big{font-size:clamp(20px,1.5vw,24px)}.vt-b p{font-size:18px;color:var(--mute)}.vt-b .btn{margin-top:10px}

/* family v3: sticky + scroll-driven (desktop), stacked (mobile) */
.fs img{transform:none!important;transition:none!important}
.fs{transition:opacity .45s var(--ease),visibility .45s}
@media (min-width:821px){.s-fam3{height:calc(var(--n) * 55vh + 100vh);padding:0}.fam-pin{position:sticky;top:0;height:100vh;padding:clamp(86px,11vh,120px) var(--g) 36px;display:flex;flex-direction:column}
.fam-pin .fam-h{margin-bottom:22px}.fam-pin .fam-rail{margin-bottom:24px}.fam-pin .fam-stage{flex:1;min-height:0}.fam-pin .fs figure{aspect-ratio:auto;height:min(52vh,520px)}
.fr i{animation:none!important;transform:scaleX(0);transition:transform .2s}.fr.done i{transform:scaleX(1)}.fr.on i{transform:scaleX(var(--fp,0))}}
.s-fam3 .fr.on i{transform-origin:left}.s-fam3 .fr i{transform-origin:left}
.s-fam3 .fr.on i{transform:scaleX(var(--fp,0))}.s-fam3 .fr.done i{transform:scaleX(1)}
.s-fam3 .fr i{animation:none!important}
@media (max-width:820px){.s-fam3 .fam-rail,.s-fam3 .fam-ctl{display:none}.s-fam3 .fam-stage{display:block}.s-fam3 .fs{opacity:1;visibility:visible;margin-bottom:40px}.s-fam3 .fs-t>*{opacity:1;transform:none}
.vt-g{grid-template-columns:1fr}
.s-wv .wn-pin{min-height:860px}.wv-stage{top:auto;bottom:118px;height:300px;width:60vw}.wv-l{width:auto;right:16px;top:84px}.wv-t{font-size:clamp(40px,11vw,60px)}.wv-note{font-size:19px;margin-bottom:16px}
.wv-r{left:16px;right:16px;width:auto;bottom:430px;display:none}.wv-prof{max-width:none}.wv-bot{bottom:14px;gap:8px;padding:0 10px}.wv-bot .wn-arr{flex-basis:44px;width:44px;height:44px}.rack{max-width:calc(100vw - 120px)}.rk{width:44px;height:64px}.rk img{height:54px}}
@media (min-width:1101px){.vt-g{grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr) minmax(0,.75fr)}}
@media (max-width:1100px){.vt-g{grid-template-columns:1fr 1fr}.vt-map{grid-column:1/-1;order:-1}}
@media (max-width:820px){.vt-g{grid-template-columns:1fr}}
.vez svg{max-height:70px}
body{overflow-x:clip!important}html{overflow-x:clip}

/* ================= v3.5 ================= */
/* statement: label no longer overlaps the text */
.st-k{position:static;transform:none;margin:0 0 26px;text-align:center}.st-pin{display:flex;flex-direction:column;align-items:center;justify-content:center}
/* hero: two lines always fit above the bottom meta */
.hero-word{justify-content:flex-start;padding-top:clamp(84px,12vh,130px);font-size:min(23vw,33vh)}
.hero-lead{max-width:360px;bottom:clamp(30px,6vh,64px);z-index:5}
@media (max-width:820px){.hero-word{font-size:min(30vw,26vh);padding-top:18vh}}
/* steppers never select text */
.stepper,.stepper *,.wn-arr,.sh-arr,.rk,.fr{user-select:none;-webkit-user-select:none}
/* add-to-cart feedback */
.cart-btn{transition:transform .3s,background .3s}.cart-btn.bump{animation:bump .7s var(--ease)}
@keyframes bump{0%{transform:scale(1)}30%{transform:scale(1.14);background:var(--gold);color:#13110d}100%{transform:scale(1)}}
.toast{position:fixed;right:clamp(14px,2vw,28px);top:96px;z-index:130;display:flex;align-items:center;gap:14px;background:var(--ink);color:var(--bg);border-radius:18px;padding:12px 12px 12px 14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.5);transform:translateY(-16px);opacity:0;pointer-events:none;transition:.45s var(--ease);max-width:calc(100vw - 28px)}
.toast.on{transform:none;opacity:1;pointer-events:auto}.toast img{height:58px;width:auto}.toast b{display:block;font:400 17px var(--serif)}.toast span{font-size:15px;opacity:.75}
.toast-open{margin-left:8px;font:400 15px var(--serif);padding:10px 16px;border-radius:999px;background:var(--gold);color:#13110d;white-space:nowrap}
/* showpiece sections */
.s-sp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,70px);align-items:center;padding:clamp(56px,8vh,96px) var(--g);background:radial-gradient(60% 70% at 70% 50%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 70%),var(--bg2);overflow:hidden}
.sp-l .sp-stage{order:-1}.sp-l{background:radial-gradient(60% 70% at 30% 50%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 70%),var(--bg2)}
.sp-h{font:600 clamp(48px,6vw,104px)/.98 var(--disp);margin:0 0 20px;padding-bottom:.06em}.sp-t .big{max-width:30ch;margin-bottom:28px}
.sp-stage{position:relative;height:min(78vh,720px);min-height:420px}
.sp3d{position:absolute;inset:0;cursor:grab;touch-action:pan-y}.sp3d:active{cursor:grabbing}.sp3d canvas{width:100%;height:100%;display:block}
.sp-ros{position:absolute;left:50%;top:50%;width:min(80%,520px);transform:translate(-50%,-50%);color:var(--gold);opacity:.16;animation:spin2 90s linear infinite}.sp-ros svg{width:100%;height:auto}
@keyframes spin2{to{transform:translate(-50%,-50%) rotate(360deg)}}
.sp-hint{position:absolute;left:0;right:0;bottom:0;text-align:center;font:400 13px var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0}
/* Kušaonica rows: text first, clean photos, subject centred */
.s-svs2{padding:clamp(56px,8vh,96px) var(--g)}
.sv2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,90px);align-items:center;padding:clamp(40px,6vh,70px) 0;border-bottom:1px solid var(--line)}
.sv2:first-child{padding-top:0}.sv2-t .big{max-width:34ch;margin-bottom:22px}
.sv2-m{position:relative;padding:0 0 9% 0}
.sv2-a{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:10px}.sv2-a img{width:100%;height:100%;object-fit:cover;object-position:center}
.sv2-b{position:absolute;left:-6%;bottom:0;width:38%;aspect-ratio:4/3;margin:0;overflow:hidden;border-radius:10px;border:6px solid var(--bg);box-shadow:0 20px 40px -20px rgba(0,0,0,.45)}.sv2-b img{width:100%;height:100%;object-fit:cover}
.s-book{background:var(--bg2)}
@media (max-width:1100px){.sv2{grid-template-columns:1fr}.sv2-b{left:auto;right:4%}.s-sp{grid-template-columns:1fr}.sp-l .sp-stage{order:0}.sp-stage{height:60vh}}
@media (max-width:820px){.toast{top:auto;bottom:16px;left:14px;right:14px}.toast-open{margin-left:auto}.sp-stage{height:52vh;min-height:360px}.sv2-b{width:44%;border-width:4px}}
.st-t{max-width:19ch}
.s-st.in .st-b{transform:translate(-50%,-50%) translate(36vw,6vh) rotate(-16deg)}.st-b{height:min(66vh,620px)}
@media (max-width:1100px){.st-b{display:block;position:relative;left:auto;top:auto;height:34vh;margin-top:34px;transform:rotate(-30deg) translateY(30px)!important;opacity:0;transition:transform 1.6s var(--ease),opacity 1s}.s-st.in .st-b{transform:rotate(-14deg)!important;opacity:1}.st-t{max-width:22ch}}

/* ================= v3.6 ================= */
/* hero: compact lockup left, bottle + vine right (no clash) */
@media (min-width:821px) and (min-aspect-ratio:115/100){
.hero-word{justify-content:center;align-items:flex-start;padding:70px var(--g) 150px;font-size:min(16.5vw,33vh);line-height:.86}
.hero-word span:last-child{align-self:flex-start;margin-left:.08em;color:var(--gold);-webkit-text-stroke:0}
.hero-lead{right:auto;left:42vw;max-width:340px}.hero-scroll{left:auto;right:var(--g);transform:none}}
[data-theme=light] .hero-word span:last-child{color:var(--gold);-webkit-text-stroke:0;opacity:1}
@media (max-width:820px),(max-aspect-ratio:115/100){.hero-word span:last-child{color:var(--gold);-webkit-text-stroke:0}}
/* showpiece stage: hint sits right under the model */
.sp-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;min-height:0}
.sp3d-w{position:relative;width:100%;height:min(66vh,620px);min-height:380px}
.sp3d{position:absolute;inset:0}.sp-hint{position:static;margin-top:6px}
@media (max-width:820px){.sp3d-w{height:50vh;min-height:320px}}
/* vinogradi gallery: proper bento */
.s-gal{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:clamp(200px,22vw,330px) clamp(200px,22vw,330px) clamp(220px,26vw,400px);gap:14px}
.s-gal figure{aspect-ratio:auto!important;height:100%;align-self:stretch!important}
.g1{grid-column:1/9!important;grid-row:1/3}.g2{grid-column:9/13!important;grid-row:1}.g3{grid-column:9/13!important;grid-row:2}.g4{grid-column:1/13!important;grid-row:3}
@media (max-width:820px){.s-gal{grid-template-columns:1fr 1fr;grid-template-rows:240px 160px 200px}.g1{grid-column:1/3!important;grid-row:1}.g2{grid-column:1!important;grid-row:2}.g3{grid-column:2!important;grid-row:2}.g4{grid-column:1/3!important;grid-row:3}}
/* single wine page: title and rule never collide */
.s-vn{--top:clamp(96px,11vh,120px);--ts:clamp(46px,5.6vw,96px)}
.s-vn .wn-t,.s-vn .wn-t.lg{top:var(--top);font-size:var(--ts);line-height:1.02;white-space:nowrap}
.s-vn .wn-t.lg{font-size:calc(var(--ts) * .78)}
.s-vn .wn-line{top:calc(var(--top) + var(--ts) * 1.18)}
.s-vn .wn-k,.s-vn .wn-y{top:calc(var(--top) + var(--ts) * 1.18 + 16px)}
.vn-btl{top:calc(var(--top) + var(--ts) * 1.18 + 30px);height:calc(100svh - var(--top) - var(--ts) * 1.18 - 50px)}
.s-vn .wn-note,.s-vn .wn-r{top:calc(var(--top) + var(--ts) * 1.18 + 90px)}
@media (max-width:820px){.s-vn .wn-t,.s-vn .wn-t.lg{white-space:normal;font-size:clamp(40px,11vw,64px)}.vn-btl{height:56vh}}
/* family photos: whole image visible */
.fs figure{background:var(--bg2)}.fs img{object-fit:cover}
/* light mode: stronger heritage patterns */
[data-theme=light] .vez{color:#6b4c14}[data-theme=light] .vez svg{opacity:1}
[data-theme=light] .sp-ros{opacity:.38;color:#6b4c14}
[data-theme=light] .vt-map{color:#6b4c14}
[data-theme=light] .wv-seal{opacity:.22}
[data-theme=light] .vez .g,[data-theme=light] .vez .r,[data-theme=light] .sp-ros .g,[data-theme=light] .sp-ros .r{stroke-width:1.7}[data-theme=light] .vt-map .t{opacity:.6}
@media (min-width:821px) and (min-aspect-ratio:115/100){.hero-lead{left:auto;right:var(--g);max-width:330px}.hero-scroll{display:none}}
.s-gal figure{justify-self:stretch;width:100%;min-width:0}.s-gal figure img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:820px){.s-vn .wn-t,.s-vn .wn-t.lg,.s-vn .wn-k,.s-vn .wn-note,.s-vn .wn-r,.vn-btl{top:auto!important;bottom:auto}.s-vn .wn-r{position:relative;left:auto;right:auto;margin:20px 16px 0;width:auto}.vn-btl{height:52vh!important}}
@media (max-width:820px),(max-aspect-ratio:115/100){.hero-word{padding-top:clamp(84px,12vh,130px)!important;justify-content:flex-start!important;font-size:min(30vw,17vh)!important}}
@media (max-width:820px){.s-vn .wn-t,.s-vn .wn-k,.s-vn .wn-note,.s-vn .wn-r{margin-left:16px!important;margin-right:16px!important;width:auto!important}.s-vn .wn-t{padding-top:92px!important}}
@media (max-width:820px){.s-vn .wn-t,.s-vn .wn-k,.s-vn .wn-note,.s-vn .wn-r{left:0!important;right:auto!important}}