:root{--bg:#070707;--paper:#f2efe7;--text:#15130f;--muted:#756f66;--gold:#bb965e;--line:rgba(255,255,255,.16);--max:1280px;--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:82px}body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}img,video{display:block;max-width:100%}a{color:inherit}.wrap{width:min(calc(100% - var(--pad)*2),var(--max));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-90px;z-index:9999;padding:12px 16px;background:#fff;color:#000;text-decoration:none}.skip-link:focus{top:16px}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:11px max(18px,3vw);color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,0));transition:background .25s,border-color .25s}.site-header.scrolled{background:rgba(7,7,7,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{position:relative;z-index:2}.brand img{width:auto;height:58px;object-fit:contain}.header-right{display:flex;align-items:center;gap:clamp(16px,2.3vw,34px)}.nav{display:flex;gap:clamp(13px,1.8vw,28px);align-items:center}.nav a,.language-switch a{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;opacity:.72;transition:opacity .2s}.nav a:hover,.nav a:focus-visible,.language-switch a:hover,.language-switch a:focus-visible,.language-switch [aria-current=page]{opacity:1}.language-switch{display:flex;align-items:center;gap:7px;white-space:nowrap}.lang-sep{opacity:.34}.menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent;padding:0;position:relative;z-index:2}.menu-toggle span{position:absolute;left:8px;right:8px;height:1px;background:#fff;transition:.2s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:25px}.menu-toggle[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}.mobile-nav{display:none}
.hero{min-height:100svh;background:#050505;color:#fff;position:relative;overflow:hidden;display:grid;align-items:center}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 48%,rgba(189,152,95,.15),transparent 30%),linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.62) 46%,rgba(0,0,0,.04) 79%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding-top:90px}.hero-kicker{margin:0 0 22px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--gold)}.hero h1{margin:0;max-width:9ch;font-size:clamp(58px,9.5vw,148px);line-height:.87;letter-spacing:-.055em;font-weight:780;text-wrap:balance}.hero-product{position:absolute;z-index:1;right:clamp(-100px,1vw,60px);bottom:-7vh;width:min(52vw,700px);height:92vh;display:flex;align-items:flex-end;justify-content:center}.hero-product img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 30px 44px rgba(0,0,0,.5))}.scroll-cue{position:absolute;z-index:3;left:var(--pad);bottom:30px;text-decoration:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;opacity:.7;display:flex;gap:10px}.scroll-cue:hover{opacity:1}
.photo-section{position:relative;isolation:isolate;min-height:760px;background-position:center;background-repeat:no-repeat;background-size:cover}.photo-one{background-image:url('/images/carska-rakija-srbija-voce-casica-pice-1.webp')}.photo-six{background-image:url('/images/carska-rakija-srbija-voce-casica-pice-6.webp')}.photo-four{background-image:url('/images/carska-rakija-srbija-voce-casica-pice-4.webp')}.overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,.72))}.section-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(40px,7vw,100px);align-items:center;min-height:inherit;padding-block:clamp(90px,13vw,190px)}.section-copy{max-width:770px}.section-copy h2,.contact h2{margin:.04em 0 .28em;font-size:clamp(50px,7.5vw,108px);line-height:.92;letter-spacing:-.05em}.section-copy p,.contact-copy>p{font-size:clamp(17px,1.42vw,21px);line-height:1.72;margin:0 0 1.15em}.light{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.42)}.eyebrow{font-size:11px!important;font-weight:850;letter-spacing:.2em;text-transform:uppercase;opacity:.72;margin-bottom:18px!important}.story,.passion{background:var(--paper);overflow:hidden}.story .section-grid,.passion .section-grid{grid-template-columns:1.42fr .78fr}.reel-wrap{justify-self:center;width:min(100%,420px);overflow:hidden;background:#111;box-shadow:0 30px 80px rgba(30,22,10,.16)}.reel{width:100%;aspect-ratio:9/16;object-fit:cover;background:#0a0a0a}.bottle-art{align-self:end;justify-self:center;width:min(100%,475px);max-height:720px;overflow:hidden}.bottle-art img{width:100%;height:100%;object-fit:contain}.logo-break{height:148px;background:#090909;display:grid;place-items:center}.logo-break img{height:86px;width:auto;object-fit:contain}
.contact{position:relative;isolation:isolate;min-height:760px;background-position:center;background-size:cover}.contact .overlay{background:rgba(0,0,0,.7)}.contact-layout{min-height:760px;display:grid;grid-template-columns:1fr .82fr;gap:clamp(50px,8vw,120px);align-items:center;padding-block:100px}.contact-copy{max-width:680px}.contact-details{display:grid;gap:12px;margin-top:34px}.contact-details a{display:flex;flex-direction:column;gap:3px;text-decoration:none;font-weight:700;font-size:17px;width:max-content;max-width:100%}.contact-details a span{text-transform:uppercase;letter-spacing:.14em;font-size:10px;opacity:.56}.contact-details a:hover{color:#f0d4a9}.contact-form{padding:clamp(26px,4vw,46px);background:rgba(8,8,8,.58);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);text-shadow:none}.contact-form label{display:block;margin-bottom:18px}.contact-form label>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:8px;opacity:.75}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.44);background:transparent;color:#fff;border-radius:0;padding:11px 0;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#fff}.contact-form textarea{resize:vertical;min-height:110px}.contact-form .consent{display:flex;align-items:flex-start;gap:10px;margin:24px 0}.contact-form .consent input{width:16px;height:16px;margin-top:2px;flex:0 0 auto}.contact-form .consent span{font-size:11px;line-height:1.5;text-transform:none;letter-spacing:0;font-weight:500;margin:0;opacity:.75}.contact-form button{min-height:52px;padding:0 26px;border:1px solid rgba(255,255,255,.68);background:#fff;color:#090909;font-weight:850;letter-spacing:.08em;text-transform:uppercase;font-size:11px;cursor:pointer}.contact-form button:hover,.contact-form button:focus-visible{background:transparent;color:#fff}.form-note{font-size:11px!important;line-height:1.45!important;opacity:.58;margin:14px 0 0!important}.site-footer{background:#050505;color:#aaa}.footer-inner{min-height:170px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner img{height:70px;width:auto}.footer-meta{text-align:right}.footer-meta p{font-size:12px;margin:4px 0}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .reveal.in-view{opacity:1;transform:none}
@media(max-width:980px){.nav{display:none}.menu-toggle{display:block}.header-right{gap:10px}.brand img{height:49px}.mobile-nav{display:flex;position:fixed;z-index:90;inset:0;background:#080808;color:#fff;flex-direction:column;justify-content:center;padding:90px 28px 50px;gap:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s}.mobile-nav.open{opacity:1;visibility:visible;transform:none}.mobile-nav a{font-size:clamp(32px,7vw,54px);line-height:1.12;letter-spacing:-.035em;font-weight:750;text-decoration:none}.hero{min-height:820px;align-items:start}.hero-copy{padding-top:150px}.hero h1{font-size:clamp(54px,15vw,104px)}.hero-product{width:min(88vw,620px);height:62vh;right:-22vw;bottom:-1vh;opacity:.94}.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.56),rgba(0,0,0,.08) 45%,rgba(0,0,0,.7))}.section-grid,.story .section-grid,.passion .section-grid,.contact-layout{grid-template-columns:1fr;gap:50px;padding-block:80px}.photo-section{min-height:680px}.photo-section .section-grid>div:first-child{display:none}.reel-wrap,.bottle-art{width:min(84vw,420px)}.contact,.contact-layout{min-height:auto}.contact-copy{max-width:760px}.footer-meta{text-align:right}}
@media(max-width:560px){:root{--pad:20px}.site-header{padding:9px 14px}.brand img{height:44px}.language-switch a{font-size:11px}.hero{min-height:760px}.hero-copy{padding-top:128px}.hero-product{height:58vh;right:-30vw}.scroll-cue{left:20px}.section-copy h2,.contact h2{font-size:clamp(46px,15vw,72px)}.section-copy p,.contact-copy>p{font-size:17px;line-height:1.66}.photo-section{background-position:center}.contact-form{padding:24px 20px}.footer-inner{padding-block:42px;flex-direction:column;text-align:center;justify-content:center}.footer-meta{text-align:center}.logo-break{height:120px}.logo-break img{height:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}

/* 2026-08-07 polish: smaller hero bottle, iPhone-safe motion and secure contact form */
.hero-product{right:clamp(34px,6vw,110px);bottom:-2vh;width:min(29vw,430px);height:min(70vh,720px);animation:heroBottleIn .9s cubic-bezier(.2,.8,.2,1) .12s both}
.hero-product img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,246,226,.34)) drop-shadow(0 20px 42px rgba(0,0,0,.58));animation:bottleFloat 6s ease-in-out 1.1s infinite}
.hero-copy{animation:heroCopyIn .72s cubic-bezier(.2,.8,.2,1) both}
.hero-kicker{animation:heroCopyIn .72s cubic-bezier(.2,.8,.2,1) .08s both}
.scroll-cue span{display:inline-block;animation:scrollNudge 1.7s ease-in-out infinite}
@keyframes heroCopyIn{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}
@keyframes heroBottleIn{from{opacity:0;transform:translate3d(20px,26px,0) scale(.97)}to{opacity:1;transform:none}}
@keyframes bottleFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes scrollNudge{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,5px,0)}}

.contact-layout{grid-template-columns:minmax(0,.82fr) minmax(320px,.9fr);gap:clamp(44px,7vw,105px)}
.contact-copy{max-width:570px}.contact-form{max-width:620px;width:100%;justify-self:end;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.form-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.form-status{min-height:20px;margin:14px 0 0!important;font-size:12px!important;line-height:1.5!important;font-weight:700}.form-status.is-success{color:#d7f7d0}.form-status.is-error{color:#ffd2ce}.contact-form button:disabled{opacity:.55;cursor:wait}.form-note strong{font-weight:800;color:#fff}

/* More resilient iOS/mobile viewport and safe areas */
.site-header{padding-top:max(11px,env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.mobile-nav{padding-top:max(90px,calc(env(safe-area-inset-top) + 76px));padding-bottom:max(50px,env(safe-area-inset-bottom))}
.hero{min-height:100vh;min-height:100svh}
@supports(height:100dvh){.hero{min-height:100dvh}}
.reel{transform:translateZ(0);-webkit-transform:translateZ(0)}
.js .reveal{will-change:opacity,transform;transform:translate3d(0,18px,0);transition:opacity .62s cubic-bezier(.2,.75,.25,1),transform .62s cubic-bezier(.2,.75,.25,1)}
.js .reveal.in-view{opacity:1;transform:translate3d(0,0,0)}

@media(max-width:980px){
  .hero{min-height:780px;min-height:100svh}
  .hero-copy{padding-top:max(142px,calc(env(safe-area-inset-top) + 112px))}
  .hero-product{width:min(46vw,330px);height:min(54vh,540px);right:clamp(8px,2vw,28px);bottom:2vh;opacity:.96}
  .hero:after{background:linear-gradient(180deg,rgba(0,0,0,.64) 0%,rgba(0,0,0,.28) 43%,rgba(0,0,0,.74) 100%)}
  .contact-layout{grid-template-columns:1fr;gap:38px}.contact-form{justify-self:stretch;max-width:none}
}
@media(max-width:560px){
  .site-header{padding-top:max(9px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .hero{min-height:720px;min-height:100svh}
  .hero-copy{padding-top:max(124px,calc(env(safe-area-inset-top) + 102px));padding-bottom:270px}
  .hero h1{font-size:clamp(50px,14vw,76px);line-height:.9;max-width:8ch}
  .hero-product{width:min(48vw,225px);height:42vh;max-height:390px;right:2vw;bottom:2vh}
  .hero-product img{filter:drop-shadow(0 0 14px rgba(255,246,226,.38)) drop-shadow(0 16px 28px rgba(0,0,0,.56))}
  .scroll-cue{bottom:max(22px,calc(env(safe-area-inset-bottom) + 12px))}
  .section-grid,.story .section-grid,.passion .section-grid,.contact-layout{padding-block:64px}
  .contact-form{padding:24px 20px}.contact-form input,.contact-form textarea{font-size:16px} /* prevents iOS input zoom */
}
@media(max-width:390px){
  .hero h1{font-size:clamp(46px,13.5vw,60px)}
  .hero-product{width:46vw;right:1vw;max-height:340px}
  .language-switch{gap:5px}.header-right{gap:6px}.brand img{height:40px}
}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-kicker,.hero-product,.hero-product img,.scroll-cue span{animation:none!important}.js .reveal{opacity:1;transform:none;will-change:auto}}

/* Final mobile polish */
.scroll-cue{align-items:center}.scroll-arrow{position:relative;width:12px;height:16px;display:inline-block;animation:scrollNudge 1.7s ease-in-out infinite}.scroll-arrow:before,.scroll-arrow:after{content:"";position:absolute;bottom:2px;width:7px;height:1px;background:currentColor}.scroll-arrow:before{left:0;transform:rotate(45deg);transform-origin:right center}.scroll-arrow:after{right:0;transform:rotate(-45deg);transform-origin:left center}
@media(min-width:981px){.hero-product{width:min(26vw,370px);height:min(64vh,650px);right:clamp(55px,8vw,150px)}}
@media(max-width:980px){.hero-product{width:min(42vw,280px);height:min(48vh,470px)}}
@media(max-width:560px){.hero-product{width:min(40vw,185px);height:36vh;max-height:330px;right:3vw;bottom:3vh}}

/* 2026-08-07 v3: single reel in hero; bottle moved to story */
.hero{overflow:hidden}
.hero-media{position:absolute;z-index:1;right:clamp(34px,6vw,110px);bottom:clamp(28px,5vh,64px);width:min(28vw,390px);aspect-ratio:9/16;border-radius:2px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 38px rgba(255,238,205,.10);animation:heroBottleIn .9s cubic-bezier(.2,.8,.2,1) .12s both;transform:translateZ(0)}
.hero-video{display:block;width:100%;height:100%;object-fit:cover;background:#080808;transform:translateZ(0);-webkit-transform:translateZ(0)}
.hero-copy,.scroll-cue{position:relative;z-index:3}
.story-bottle{justify-self:center;align-self:center;width:min(100%,340px);height:min(70vh,620px);display:grid;place-items:center;overflow:visible}
.story-bottle img{display:block;max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,246,226,.38)) drop-shadow(0 22px 42px rgba(74,45,13,.24));animation:bottleFloat 6s ease-in-out 1s infinite;transform:translateZ(0)}

@media(min-width:981px){
  .hero-media{width:min(25vw,350px);right:clamp(60px,8vw,150px);bottom:4vh}
  .story .section-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}
}

@media(max-width:980px){
  .hero-media{right:clamp(18px,4vw,40px);width:min(36vw,300px);bottom:4vh}
  .story-bottle{width:min(66vw,310px);height:min(56vh,520px)}
}

@media(max-width:560px){
  .hero{min-height:100svh;background:#050505}
  .hero-media{inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;animation:none;z-index:0}
  .hero-video{width:100%;height:100%;object-fit:cover;object-position:center center}
  .hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.50) 0%,rgba(0,0,0,.38) 42%,rgba(0,0,0,.76) 100%);pointer-events:none}
  .hero:after{z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.04) 62%,rgba(0,0,0,.14))}
  .hero-copy{padding-top:max(132px,calc(env(safe-area-inset-top) + 108px));padding-bottom:180px}
  .hero h1{max-width:8ch;text-shadow:0 3px 28px rgba(0,0,0,.62)}
  .hero-kicker{text-shadow:0 2px 16px rgba(0,0,0,.7)}
  .story-bottle{width:min(58vw,230px);height:min(48vh,390px);margin-inline:auto}
  .story-bottle img{filter:drop-shadow(0 0 15px rgba(255,246,226,.42)) drop-shadow(0 18px 30px rgba(74,45,13,.24))}
}

@media(max-width:390px){
  .hero-copy{padding-bottom:160px}
  .story-bottle{width:min(56vw,205px);max-height:350px}
}

@media(prefers-reduced-motion:reduce){.story-bottle img{animation:none!important}}