:root{--base:#403033;--cream:#EFE6D2;--line:rgba(255,255,255,0.38)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--base);color:#fff;font-family:'Jost',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;-webkit-tap-highlight-color:transparent}
.page{max-width:440px;min-height:100vh;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;padding:calc(48px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom))}
.logo{display:block;width:176px;height:176px;margin:0 auto}
.label{margin:36px 0 16px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.langs{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.lang{display:flex;align-items:center;gap:16px;min-height:56px;padding:0 20px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;font-weight:500;letter-spacing:.01em;text-decoration:none;transition:background .15s,border-color .15s}
.lang:hover,.lang:active{background:rgba(255,255,255,.18);border-color:#fff}
.lang .code{width:28px;font-size:12px;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,.8)}
.lang .name{flex:1}
.spacer{flex:1;min-height:32px}
.rule{height:1px;margin-bottom:20px;background:rgba(255,255,255,.28)}
.wine{display:flex;align-items:center;gap:16px;min-height:68px;padding:0 22px;border-radius:12px;background:var(--cream);color:var(--base);text-decoration:none;transition:background .15s}
.wine:hover,.wine:active{background:#fff}
.wine .txt{flex:1;display:flex;flex-direction:column;gap:2px}
.wine .title{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;font-weight:500;line-height:1.1}
.wine .sub{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.wine:focus-visible{outline-color:var(--cream)}
svg{flex:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
