:root { --primary:#111111; --secondary:#767676; --bg:#FBFBFA; --accent:#C5A880; --line:#EAEAEA; --paper:#F4F4F2; }
*{scroll-behavior:smooth}
body{font-family:'Inter',Helvetica,Arial,sans-serif;background:var(--bg);color:var(--primary);-webkit-font-smoothing:antialiased}
.serif{font-family:'Cormorant Garamond',serif}
.display{font-family:'Instrument Serif',serif}
.reveal{opacity:0;transform:translateY(18px);transition:all .8s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.grain{position:relative}
.grain:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.4}
.btn-primary{background:var(--primary);color:white;letter-spacing:1.8px;transition:all .3s}
.btn-primary:hover{background:#222;transform:translateY(-1px);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.btn-ghost{border:1px solid var(--line);letter-spacing:1.4px;transition:all .3s}
.btn-ghost:hover{border-color:var(--primary);background:white}
.card-hover{transition:all .4s cubic-bezier(.16,1,.3,1)}
.card-hover:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.08)}
.nav-blur{backdrop-filter:saturate(180%) blur(14px);background:rgba(251,251,250,.82)}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-thumb{background:#D8D8D8;border-radius:999px}
::-webkit-scrollbar-track{background:transparent}
@media(max-width:768px){.hero-grid{grid-template-columns:1fr!important}}
/* Language switcher — always-visible 3-way toggle, no dropdown */
.lang-switch{display:flex;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:2px;flex-shrink:0}
.lang-switch button{border:none;background:transparent;color:rgba(255,255,255,.6);font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:4px 9px;border-radius:999px;cursor:pointer;transition:all .2s;white-space:nowrap;line-height:1.4}
.lang-switch button:hover{color:#fff}
.lang-switch button.active{background:#fff;color:#111}
.lang-switch-light{border:1px solid var(--line)}
.lang-switch-light button{color:#767676}
.lang-switch-light button:hover{color:#111}
.lang-switch-light button.active{background:#111;color:#fff}