@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--cream:#f4efe8;--ink:#17120f;--espresso:#241712;--brown:#4c2c20;--copper:#9c5a2f;--gold:#b58b4a;--gold-soft:#d6bd8b;--line:rgba(36,23,18,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 32px;background:linear-gradient(180deg,rgba(244,239,232,.97),rgba(244,239,232,.84),transparent)}
.brand{display:flex;align-items:baseline;gap:13px}.brand-main{font-weight:800;letter-spacing:.14em;font-size:1.45rem}.brand-sub{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.58}
.nav{display:flex;gap:24px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.nav a{opacity:.62}.nav a:hover{opacity:1}.menu-toggle{display:none;border:0;background:none;font:inherit;font-weight:700}
.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:120px 7vw 80px;background:radial-gradient(circle at 10% 20%,rgba(181,139,74,.13),transparent 24%),linear-gradient(135deg,#fbf8f3 0%,#e9dfd3 100%);overflow:hidden}
.hero-copy{max-width:740px}.eyebrow,.micro{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--copper)}
.hero h1{font-family:"Playfair Display",serif;font-size:clamp(6rem,15vw,13rem);line-height:.72;margin:18px 0 12px;letter-spacing:-.06em;color:var(--espresso)}
.hero-line{font-family:"Playfair Display",serif;font-style:italic;font-size:clamp(1.7rem,3.5vw,3.5rem);margin:0;color:var(--copper)}.hero-text{max-width:560px;font-size:1.05rem;line-height:1.7;color:#6e594f;margin:24px 0 30px}
.round-link{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--espresso);padding:13px 18px;border-radius:999px;font-weight:700;font-size:.88rem;transition:.25s}.round-link:hover{transform:translateY(-2px);background:var(--espresso);color:white}
.hero-art{position:relative;min-height:600px;display:grid;place-items:center}.orb-center{width:min(36vw,470px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:white;font-family:"Playfair Display",serif;font-size:10rem;background:conic-gradient(from 210deg,#3f2117,#b58b4a,#9c5a2f,#3f2117);box-shadow:inset 0 0 0 9px #cfad70,0 40px 100px rgba(36,23,18,.22)}
.orb{position:absolute;border-radius:50%;border:1px solid rgba(36,23,18,.14)}.orb-a{width:82%;aspect-ratio:1}.orb-b{width:104%;aspect-ratio:1}
.intro{padding:110px 7vw 70px;background:var(--espresso);color:#f8f1e9}.intro h2,.karriere h2{font-family:"Playfair Display",serif;font-size:clamp(3.7rem,7vw,7rem);line-height:.9;margin:14px 0 20px}.intro>p:last-child{max-width:650px;line-height:1.7;color:#d5c5bb}
.world{min-height:82vh;display:grid;grid-template-columns:46% 54%;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}.world:nth-of-type(even){grid-template-columns:54% 46%}.world:nth-of-type(even) .world-visual{order:2}
.world-visual{display:grid;place-items:center;padding:50px;background:linear-gradient(145deg,#fbf7f1,#e8ded2)}.world-visual img{width:min(100%,580px);max-height:67vh;object-fit:contain;filter:drop-shadow(0 25px 35px rgba(0,0,0,.13));transition:.5s}.world:hover img{transform:scale(1.025)}
.world-copy{position:relative;padding:70px 7vw;display:flex;flex-direction:column;justify-content:center;color:#fff}.world-copy h3{font-family:"Playfair Display",serif;font-size:clamp(3.5rem,6vw,6.7rem);line-height:.88;margin:13px 0 20px}.world-copy>p:not(.micro){max-width:650px;line-height:1.75;color:#e4d7cf}
.world-no{position:absolute;right:4vw;top:30px;font-weight:800;font-size:clamp(5rem,12vw,11rem);opacity:.045}.text-link{margin-top:20px;font-weight:700;color:var(--gold-soft)}
.world-radio .world-copy{background:linear-gradient(145deg,#1d1511,#35241c)}.world-delivery .world-copy{background:linear-gradient(145deg,#342018,#63402c)}.world-gastro .world-copy{background:linear-gradient(145deg,#2d1c15,#4d3021)}
.status-pill{margin-top:22px;display:inline-flex;width:max-content;border:1px solid rgba(255,255,255,.22);padding:9px 12px;border-radius:999px;font-size:.78rem;opacity:.8}
.karriere{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:100px 7vw;background:#ded2c4}.karriere p{max-width:560px;line-height:1.7;color:#655146}
footer{padding:28px 32px;background:#130e0b;color:#e8ddd5;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.78rem}
@media(max-width:900px){.site-header{padding:18px}.brand-sub,.nav{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:66px;left:18px;right:18px;flex-direction:column;padding:18px;background:#f7f1e9;border:1px solid var(--line);border-radius:18px}.hero{grid-template-columns:1fr;padding:110px 22px 60px}.hero-art{min-height:420px}.orb-center{width:min(76vw,420px);font-size:7rem}.world,.world:nth-of-type(even){grid-template-columns:1fr}.world:nth-of-type(even) .world-visual{order:0}.world-visual{min-height:360px;padding:24px}.world-copy{padding:58px 24px}.karriere{grid-template-columns:1fr;padding:80px 24px}.intro{padding:90px 24px 60px}}