/* The tropical world of the bottle labels, carried across the brand story. */
:root {
  --ink: #064b42;
  --lime: #f4f65c;
  --paper: #fffced;
  --orange: #ff703a;
  --pink: #ffadc9;
  --line: rgba(6,75,66,.25);
  --ocean: #49d9d0;
}
.site-header { background:var(--ink); color:var(--paper); height:90px; border-bottom:1px solid rgba(244,246,92,.25); }
.wordmark { color:var(--lime); }
.desktop-nav a:after { background:var(--lime); }
.header-actions .language-button { border-color:rgba(255,252,237,.45); }
.language-button { display:inline-flex; align-items:center; justify-content:center; }
.language-picker { position:relative; flex-shrink:0; }
.language-picker.age-language { position:absolute; }
.language-picker summary { list-style:none; cursor:pointer; }
.language-picker summary::-webkit-details-marker { display:none; }
.language-picker summary:focus-visible { outline:3px solid currentColor; outline-offset:5px; }
.language-options { position:absolute; z-index:20; right:0; top:calc(100% + 10px); min-width:180px; margin:0; padding:8px; list-style:none; background:#043e36; color:#fffced; border:1px solid #739783; box-shadow:0 8px 24px rgba(0,25,20,.25); }
.language-options a { display:block; padding:9px 14px; font-size:1rem; line-height:1.5; white-space:nowrap; }
.language-options a:hover,.language-options a[aria-current="page"] { color:#f4f65c; background:#125f4d; }
html[lang="el"] { --display:'Fira Sans Extra Condensed','Arial Narrow',sans-serif; }
html:is([lang="de"],[lang="it"],[lang="el"],[lang="ro"]) .hero h1 { font-size:clamp(3rem,5.1vw,6rem); max-width:9em; line-height:1.15; }
html[lang="el"] h2 { line-height:1.1; }
html:is([lang="de"],[lang="it"],[lang="el"],[lang="ro"]) .footer-top>p { font-size:clamp(1.2rem,2.2vw,2rem); line-height:1.25; }
.corporate-link { border-color:rgba(255,252,237,.7); }
.hero { min-height:840px; padding:70px 5.2% 92px; grid-template-columns:1fr 1fr; background:#087c76; isolation:isolate; }
.hero-scene { position:absolute; inset:0; z-index:-3; }
.hero-scene img { height:100%; width:100%; object-fit:cover; object-position:center top; }
.hero:before { content:''; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(1,42,35,.87) 0%,rgba(1,49,41,.76) 28%,rgba(0,63,51,.38) 49%,rgba(0,48,43,0) 68%),linear-gradient(0deg,rgba(0,43,36,.79),transparent 23%); }
.hero-copy { align-self:center; padding:0 0 20px; }
.hero .eyebrow { color:var(--lime); letter-spacing:.15em; max-width:390px; }
.hero h1 { font-size:clamp(4.8rem,7.35vw,8rem); line-height:.94; max-width:7.4em; text-shadow:0 3px 30px rgba(0,35,25,.18); }
.hero .lime-text { color:#f8f773; }
.hero-intro { color:#fff; text-shadow:0 1px 8px rgba(0,30,23,.45); max-width:350px; }
.hero .button { border-radius:0; padding:18px 28px; box-shadow:6px 6px 0 rgba(0,55,40,.5); }
.hero .button:hover { transform:translate(2px,-2px); box-shadow:8px 8px 0 rgba(0,55,40,.5); }
.hero-meta { color:#fff; flex-wrap:wrap; }
.hero-meta span+span { border-color:rgba(255,255,255,.45); }
.hero-art { min-height:420px; height:460px; align-self:end; margin-bottom:-16px; width:85%; margin-left:-6%; }
.hero-bottle { height:100%; filter:drop-shadow(10px 19px 8px rgba(0,29,20,.36)); }
.bottle-left { left:15%; top:1%; transform:rotate(-16deg); }
.bottle-center { left:43%; top:-7%; transform:rotate(2deg); }
.bottle-right { left:70%; top:3%; transform:rotate(17deg); }
.hero-stamp { left:-4%; bottom:1%; width:112px; height:112px; background:#ff73ac; color:#3d0724; border:2px solid rgba(255,255,255,.4); transform:rotate(-13deg); }
.hero-stamp strong { font-size:3rem; }
.hero-stamp span { font-size:.75rem; }
.hero-bottom { border-color:rgba(255,252,237,.45); font-size:.8rem; letter-spacing:.08em; }
.brand-ribbon { background:#ff7546; color:#3f2013; padding:19px 0; font-size:1.45rem; gap:36px; }
.story { background:#f5f278; padding-bottom:60px; }
.section-kicker>span:last-child { color:#225b44; }
.story-grid { grid-template-columns:1fr 1fr; gap:10%; }
.story h2 { font-size:clamp(3.6rem,5.5vw,5.7rem); }
.coral-text { color:#af331c; }
.story-copy p { color:#245642; }
.story-copy .lead { font-size:1.24rem; }
.bird-story { margin:50px 0 0; position:relative; overflow:hidden; background:#067b6f; isolation:isolate; }
.bird-story>img { width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; }
.bird-story:after { content:''; position:absolute; inset:35% 0 0; z-index:0; pointer-events:none; background:linear-gradient(transparent,rgba(0,42,31,.86)); }
.bird-story figcaption { position:absolute; left:4%; right:4%; bottom:5%; z-index:1; color:#fff; display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:10px 3rem; }
.bird-story .eyebrow { color:#f4f65c; grid-column:1/-1; font-size:.75rem; letter-spacing:.16em; }
.bird-story strong { font-family:var(--display); font-weight:800; font-size:clamp(2.5rem,4.4vw,5rem); line-height:.95; color:#ffef70; }
.bird-story figcaption>span:last-child { max-width:350px; font-size:1rem; line-height:1.8; justify-self:end; }
.story-note { border-top:1px solid #96ad54; margin-top:30px; }
.cocktails { background:#52d9cf; position:relative; }
.cocktails .section-kicker>span:last-child { color:#064b42; }
.cocktails .section-heading>p { color:#084f45; }
.cocktails .serif-accent { color:#064b42; }
.cocktail-grid { gap:22px; }
.cocktail-card { border-radius:0; border:1px solid rgba(6,75,66,.24); box-shadow:5px 5px 0 rgba(6,75,66,.12); }
.cocktail-card:hover { transform:translateY(-7px) rotate(-.8deg); box-shadow:8px 14px 0 rgba(6,75,66,.15); }
.cocktail-card:nth-child(even):hover { transform:translateY(-7px) rotate(.8deg); }
.card-image { height:345px; background:radial-gradient(ellipse at 50% 44%,rgba(255,255,255,.42),transparent 68%); }
.card-image:after { width:185px; height:185px; border-color:rgba(6,75,66,.24); }
.card-info { border-top:1px solid rgba(6,75,66,.18); padding:19px 18px 22px; }
.card-info h3 { font-size:1.9rem; }
.card-info p { font-size:.9rem; }
.card-link-label { margin-top:16px; }
.collection-footer>span { color:#12554a; }
.ritual { background:#06564b; }
.ritual-image { min-height:720px; }
.ritual-image>img { object-position:50% 50%; }
.ritual-copy { padding:65px 10%; }
.ritual-copy .eyebrow { color:#f6ee66; }
.ritual-copy h2 { color:#fbf477; }
.ritual-copy>p:not(.eyebrow),.ritual-steps p { color:#f1fff4; }
.ritual-steps li { border-color:rgba(222,255,224,.3); }
.ritual-steps li>span { color:#ffb9cf; }
.image-caption { background:rgba(2,57,46,.85); }
.corporate-section { background:#ffb045; }
.corporate-section .button { border-radius:0; }
.site-footer { background:#043e36; }
.footer-top>p { color:#f4f65c; }
.footer-contact span,.footer-bottom { color:#daece0; }
.footer-bottom { border-color:#507c62; }
.responsible b { border-color:#9cbaa3; }
.age-gate { background:#045b4e; isolation:isolate; }
.age-gate:before { inset:0; width:100%; height:100%; border-radius:0; background:linear-gradient(90deg,rgba(0,38,29,.75),rgba(0,49,35,.35)),url('/assets/tropical-hero-1536.webp') center/cover; z-index:-2; }
.age-gate:after { inset:0; width:auto; height:auto; border-radius:0; background:rgba(0,40,30,.15); z-index:-1; }
.age-card { padding:35px 38px 30px; max-width:640px; border:1px solid rgba(229,255,202,.45); background:rgba(2,48,38,.9); box-shadow:0 20px 80px rgba(0,30,20,.25); backdrop-filter:blur(12px); }
.age-card .wordmark { color:var(--lime); }
.age-card .eyebrow { color:#bff496; }
.age-card h2 { color:#f7f47a; }
.age-language { right:20px; top:20px; border-color:#93b29d; }
.age-note { color:#d4f4d7; }
.age-storage { color:#b9d5c0; }
.age-card .button { border-radius:0; }
.mobile-nav { background:#07574c; color:#fff; border-color:#aacf99; }
/* Leave room between Cyrillic descenders and the breve in Й at every breakpoint. */
.company-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:24px; }
.footer-links { display:flex; flex-wrap:wrap; gap:12px 30px; margin-bottom:24px; font-size:1rem; font-weight:700; }
.footer-links a { padding:8px 0; }
.footer-links a:hover,.footer-links a[aria-current="page"],.desktop-nav a[aria-current="page"],.mobile-nav a[aria-current="page"] { color:#f4f65c; text-decoration:underline; text-underline-offset:6px; }
@media(max-width:1200px) {
  .desktop-nav { display:none; }
  .menu-button { display:flex; }
}
html[lang="bg"] .hero h1 { font-size:clamp(3.5rem,5.9vw,6.3rem); line-height:1.32; }
html[lang="bg"] .bird-story strong { font-size:clamp(2.5rem,4vw,4.5rem); }
@media(min-width:1700px) {
  .hero { min-height:1000px; }
  .hero-art { height:530px; min-height:530px; width:78%; margin-left:0; }
  .hero-copy { padding-left:0; }
  .hero h1 { font-size:9rem; }
  .card-image { height:390px; }
}
@media(max-width:1100px) {
  .hero { min-height:730px; padding-top:50px; }
  .hero h1 { font-size:7.4vw; }
  .hero-art { min-height:340px; height:380px; width:85%; margin-bottom:0; }
  .hero-stamp { width:96px; height:96px; left:-5%; bottom:0; }
  .hero-stamp strong { font-size:2.4rem; }
  .hero-scene img { object-position:100% top; }
  .cocktail-grid { gap:16px; }
  .card-image { height:290px; }
  .card-info { padding:17px 15px 21px; }
  .card-info h3 { font-size:1.7rem; }
  .bird-story>img { aspect-ratio:3/2; }
  .ritual-copy { padding:55px 9%; }
}
@media(max-width:800px) {
  .site-header { height:82px; }
  .hero { min-height:710px; padding:45px 5% 90px; }
  .hero h1 { font-size:7.8vw; }
  .hero-art { min-height:310px; height:330px; margin-bottom:20px; }
  .hero-intro { max-width:270px; }
  .hero-scene img { object-position:100% top; }
  .hero:before { background:linear-gradient(90deg,rgba(0,48,35,.86),rgba(0,48,35,.48) 44%,transparent 76%),linear-gradient(0deg,rgba(0,42,29,.8),transparent 35%); }
  .hero-bottom { font-size:.75rem; }
  .story-grid { grid-template-columns:1fr; gap:30px; }
  .story h2 { font-size:8vw; }
  .story-copy { max-width:650px; }
  .bird-story>img { aspect-ratio:3/2; object-position:center; }
  .bird-story figcaption { grid-template-columns:1fr; gap:12px; }
  .bird-story figcaption>span:last-child { justify-self:start; font-size:.95rem; }
  .bird-story strong { font-size:3.5rem; }
  .bird-story .eyebrow { grid-column:auto; }
  .cocktail-grid { gap:15px; }
  .card-image { height:280px; }
  .ritual-image { min-height:500px; }
  .ritual-copy { padding:55px 8%; }
  html[lang="bg"] .hero h1 { font-size:6.8vw; }
}
@media(max-width:600px) {
  html:is([lang="de"],[lang="it"],[lang="el"],[lang="ro"]) .hero h1 { font-size:10.5vw; max-width:100%; }
  .hero { padding:35px 6% 85px; display:flex; flex-direction:column; min-height:0; }
  .hero { background:#064b42; }
  .hero-scene { top:365px; bottom:0; }
  .hero-scene img { object-position:100% center; }
  .hero:before { background:linear-gradient(180deg,#064b42 0%,rgba(6,75,66,.94) 31%,rgba(6,75,66,.42) 40%,transparent 54%,transparent 81%,rgba(0,42,29,.9) 100%); }
  .hero-copy { padding:0; align-self:stretch; }
  .hero .eyebrow { margin-bottom:16px; font-size:.75rem; letter-spacing:.1em; }
  .hero h1 { font-size:clamp(3.7rem,14vw,5rem); max-width:7.6em; }
  .hero-intro { max-width:325px; margin:23px 0; line-height:1.7; }
  .hero .button { padding:16px 22px; min-height:52px; }
  .hero-meta { font-size:.8rem; row-gap:6px; }
  .hero-art { min-height:430px; height:430px; width:100%; margin:145px 0 0; }
  .hero-bottle { height:79%; }
  .bottle-left { left:12%; top:17%; }
  .bottle-center { left:40%; top:10%; }
  .bottle-right { left:66%; top:18%; }
  .hero-stamp { left:0; bottom:1%; width:96px; height:96px; }
  .hero-bottom { font-size:.75rem; line-height:1.5; }
  .hero-bottom>span { max-width:170px; }
  .hero-bottom a { max-width:140px; }
  .brand-ribbon { padding:17px 0; font-size:1.2rem; }
  .story { padding:48px 6% 40px; }
  .story h2 { font-size:clamp(3.1rem,11.4vw,4.5rem); }
  .story-copy .lead { font-size:1.16rem; }
  .bird-story { margin:35px -6.82% 0; }
  .bird-story>img { aspect-ratio:3/2; object-fit:contain; object-position:center; }
  .bird-story:after { inset:0; background:linear-gradient(transparent 46%,rgba(0,42,31,.25) 70%,rgba(0,42,31,.6)); }
  .bird-story figcaption { position:relative; left:auto; right:auto; bottom:auto; padding:24px 6% 28px; background:#06584a; gap:16px; }
  .bird-story strong { font-size:3.2rem; }
  .bird-story strong br { display:none; }
  .bird-story figcaption>span:last-child { font-size:1rem; }
  .bird-story:after { display:none; }
  .story-note { margin-top:28px; }
  .cocktails { padding:50px 6%; }
  .cocktail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
  .card-image { height:270px; }
  .card-image:after { width:130px; height:130px; }
  .card-info { padding:17px 12px 19px; }
  .card-info h3 { font-size:1.65rem; }
  .card-info p { font-size:.875rem; min-height:3em; }
  .card-link-label { font-size:.875rem; margin-top:12px; }
  .ritual-image { min-height:440px; }
  .ritual-copy { padding:48px 7%; }
  .corporate-section { padding:56px 6%; }
  .age-gate { padding:16px; }
  .age-gate:before { background:linear-gradient(rgba(0,38,29,.35),rgba(0,49,35,.6)),url('/assets/tropical-hero-960.webp') 78% center/cover; }
  .age-card { padding:30px 22px; }
  .age-language { top:14px; right:14px; }
  .age-card .eyebrow { font-size:.75rem; }
  .age-card h2 { font-size:clamp(2.5rem,10vw,3.7rem); }
  .age-card .age-storage { font-size:.75rem; }
  html[lang="bg"] .hero h1 { font-size:12.4vw; }
  html[lang="bg"] .story h2 { font-size:11vw; }
  html[lang="bg"] .bird-story strong { font-size:2.9rem; }
  html[lang="bg"] .age-card h2 { font-size:8.8vw; }
}
@media(max-width:360px) {
  .hero-art { min-height:380px; height:380px; margin-top:120px; }
  .hero h1 { font-size:13.3vw; }
  .card-image { height:230px; }
  .card-info h3 { font-size:1.45rem; }
  .hero-stamp { min-width:88px; min-height:88px; width:88px; height:88px; }
  .hero-bottom>span { max-width:145px; }
  .hero-bottom a { max-width:110px; }
}
@media(prefers-reduced-motion:no-preference) {
  .hero-bottle { animation:rio-arrive .9s both cubic-bezier(.2,.7,.25,1); }
  .bottle-center { animation-delay:.14s; }
  .bottle-right { animation-delay:.28s; }
  @keyframes rio-arrive { from { opacity:0; translate:0 35px; } to { opacity:1; translate:0 0; } }
}