:root{--bg:#141618;--surface:#202326;--ink:#f5f5f3;--muted:#c0c2c4;--accent:#f5f5f3;--brand:#ca2029;--line:#ffffff29;--light:#202326;--dark:#141618}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}p{margin:0 0 1.3rem}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;margin:0 0 1.4rem;letter-spacing:-.035em}h1{font-size:clamp(4rem,7.7vw,8rem)}h2{font-size:clamp(2.6rem,4.5vw,4.8rem)}h3{font-size:1.7rem}em{font-weight:400;color:var(--accent)}header{padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:2rem}.wordmark{font-family:Georgia,serif;font-size:2.3rem;line-height:1.1;white-space:nowrap}.wordmark span{display:block;font-family:Arial,sans-serif;font-size:.65rem;letter-spacing:.17em;line-height:2.6}nav{display:flex;align-items:center;gap:2rem;font-size:.9rem}nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.nav-cta{border:1px solid var(--line);padding:10px 20px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.hero-copy{padding:80px 7% 45px 10%}.eyebrow,.slot-label{font-size:.75rem;font-weight:600;letter-spacing:.17em;margin-bottom:2rem}.eyebrow{color:var(--accent)}.intro{max-width:390px;color:var(--muted);font-size:1.1rem}.actions{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap;margin-top:2rem}.button{display:inline-block;background:var(--accent);border:1px solid var(--accent);padding:14px 24px;color:var(--dark);font-size:.94rem;font-weight:600;text-align:center;transition:background .2s,transform .2s}.button:hover{background:#f3d5ae;transform:translateY(-2px)}.text-link{font-size:.9rem;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-note{display:flex;align-items:center;gap:1.5rem;border-top:1px solid var(--line);margin-top:70px;padding-top:24px}.hero-note>span{font-family:Georgia,serif;font-size:2rem;font-style:italic;color:var(--accent)}.hero-note p{font-size:.8rem;color:var(--muted);margin:0}.image-slot{position:relative;background:#393129;overflow:hidden}.hero-image{margin:25px 25px 25px 0;min-height:610px;border:1px solid var(--line)}.placeholder{height:100%;min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:linear-gradient(145deg,#453a30,#2c2723)}.placeholder .slot-label{border:1px solid #ffffff35;padding:7px 12px;color:var(--muted)}.placeholder p{font-family:Georgia,serif;font-size:clamp(2rem,3vw,3.5rem);line-height:1.2;font-style:italic}.placeholder small{max-width:240px;color:var(--muted);font-size:.85rem}.image-caption{position:absolute;bottom:23px;left:28px;font-size:.65rem;letter-spacing:.18em;background:#23201dcc;padding:7px 10px}.image-slot img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.statement{text-align:center;padding:110px 5%;border-bottom:1px solid var(--line)}.statement>p{color:var(--muted);font-size:.95rem}.statement h2{font-size:clamp(2.6rem,5vw,5.4rem)}.statement>span{color:var(--muted);font-size:.9rem}.section{padding:110px 7%;scroll-margin-top:20px}.story{display:grid;grid-template-columns:.95fr 1fr;gap:9%;max-width:1500px;margin:auto}.portrait{min-height:640px;align-self:stretch;border:1px solid var(--line)}.story-copy{padding:15px 0}.story-copy p:not(.eyebrow){color:var(--muted);max-width:510px}.signature{display:block;font-family:Georgia,serif;font-style:italic;font-size:1.3rem;color:var(--accent);margin-top:2rem}.philosophy{border-top:1px solid var(--line);padding-top:70px;padding-bottom:80px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9%}.two-col p{color:var(--muted);max-width:550px}.menu{background:var(--light);color:var(--dark)}.menu .eyebrow{color:#795736}.menu em{color:#87633c}.menu-heading{max-width:620px}.menu-heading>p:last-child{max-width:490px}.courses{display:grid;grid-template-columns:repeat(3,1fr);margin:55px 0 45px}.course{background:transparent;color:var(--dark);border:1px solid #28231f35;padding:28px 30px;text-align:left;position:relative;transition:background .2s}.course+.course{border-left:0}.course[aria-pressed=true]{background:#28231f;color:var(--ink)}.course:hover{background:#d8cbb9}.course[aria-pressed=true]:hover{background:#393028}.course>span{display:block;font-family:Georgia,serif;font-size:5rem;line-height:1.1;color:#92724c;margin-bottom:25px}.course[aria-pressed=true]>span{color:var(--accent)}.course strong{font-weight:400;display:block;font-family:Georgia,serif;font-size:1.8rem}.course small{font-size:.8rem;display:block;margin-top:8px;opacity:.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:30px 0 42px}.steps span{font-size:.7rem;letter-spacing:.13em;font-weight:600}.steps p{margin-top:15px}.fine{font-size:.8rem;margin-top:1rem;max-width:580px;opacity:.75}.menu .button{background:var(--dark);border-color:var(--dark);color:var(--ink)}.card-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-bottom:1px solid var(--line)}.card-section>div>p:not(.eyebrow){color:var(--muted)}.empty-card{border:1px solid var(--line);padding:38px;background:var(--surface)}.empty-card .slot-label{color:var(--accent);display:block;margin-bottom:20px}.empty-card h3{font-size:2rem}.request{display:grid;grid-template-columns:.85fr 1fr;gap:10%}.request-intro>p:not(.eyebrow){color:var(--muted);max-width:390px}.notice{padding:24px;border:1px solid var(--line);font-size:.9rem;margin-top:35px}.notice p{color:var(--muted);margin:10px 0 20px}fieldset{padding:0;margin:0;border:0}label{display:block;font-size:.88rem;margin-bottom:20px}label span{color:var(--muted)}input,textarea,select{display:block;width:100%;background:#ffffff04;color:var(--ink);border:1px solid #ffffff35;border-radius:0;padding:12px 14px;margin-top:7px;font-size:1rem;min-height:48px}textarea{resize:vertical}select option{background:var(--bg)}input:disabled,textarea:disabled,select:disabled{opacity:.6}::placeholder{color:#b5a89a;opacity:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.privacy-note{font-size:.8rem;color:var(--muted)}button:disabled{cursor:not-allowed;opacity:.45}.instagram{border-top:1px solid var(--line);background:#302a25;display:grid;grid-template-columns:1fr 2fr;gap:2rem}.instagram p:not(.eyebrow){color:var(--muted)}.outline{background:transparent;color:var(--accent);margin-top:1rem}.outline:hover{color:var(--dark)}.visit{display:grid;grid-template-columns:1fr 1fr;gap:9%}.visit-details{display:grid;gap:24px}.visit-details>div{border-top:1px solid var(--line);padding-top:18px}.visit-details h3{font-family:Arial,sans-serif;letter-spacing:0;font-size:.94rem;margin-bottom:10px}.visit-details p{color:var(--muted);font-size:.9rem;margin-bottom:12px}footer{border-top:1px solid var(--line);padding:45px 5%;display:flex;align-items:center;gap:40px;justify-content:space-between}footer>div{display:flex;gap:25px;flex-wrap:wrap}footer a,footer p,.footer-link{font-size:.85rem}footer>.wordmark{font-size:2.3rem}footer>p{color:var(--muted);margin:0}.footer-link,.close{border:0;background:none;color:inherit;padding:0}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);max-width:720px;width:calc(100% - 32px);max-height:85vh;padding:40px;overflow:auto}dialog::backdrop{background:#000b}dialog h2{font-size:3rem}dialog h3{font-size:1.5rem;margin-top:30px}dialog p,dialog dd{color:var(--muted)}dialog .notice{margin-top:0}dialog dt{margin-top:20px}dialog dd{margin:5px 0}.close{display:block;margin-left:auto;margin-bottom:30px;border-bottom:1px solid;font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.skip{position:fixed;top:-100px;left:15px;padding:10px;background:var(--accent);color:var(--dark);z-index:20}.skip:focus{top:15px}@media(min-width:1600px){.hero,.section{max-width:1600px;margin:auto}}@media(max-width:950px){nav{gap:1.2rem}nav a:first-child{display:none}.hero{min-height:600px}.hero-copy{padding-top:65px}.hero-image{min-height:530px}.hero-note{margin-top:45px}.section{padding:80px 6%}.story{gap:6%}.portrait{min-height:580px}.course{padding:25px 20px}.request{gap:6%}footer>p{display:none}}@media(max-width:650px){header{padding:18px 6%;gap:1rem}.wordmark{font-size:2rem}.wordmark span{font-size:.55rem}nav a{display:none}nav .nav-cta{display:block;font-size:.8rem;padding:9px 12px}.hero{display:flex;flex-direction:column}.hero-copy{padding:55px 6% 30px}h1{font-size:4.6rem}.eyebrow{font-size:.65rem;margin-bottom:25px}.intro{font-size:1rem}.actions{gap:20px}.hero-note{margin-top:35px;padding-top:20px}.hero-image{margin:0 6% 25px;min-height:380px}.hero-image .placeholder{min-height:380px}.image-caption{left:15px;bottom:15px;font-size:.55rem}.statement{padding:65px 6%}.statement h2{font-size:2.6rem}.statement>span{display:block;font-size:.85rem}.section{padding:65px 6%}.story,.two-col,.card-section,.request,.visit,.instagram{grid-template-columns:1fr;gap:35px}.story-copy{padding:0}.story .portrait{order:2;min-height:430px}.portrait .placeholder{min-height:430px}.story h2{font-size:3rem}.philosophy{padding-top:55px}.two-col{gap:10px}h2{font-size:2.8rem}.courses{margin:35px 0 30px}.course{padding:22px 12px}.course>span{font-size:3rem;margin-bottom:20px}.course strong{font-size:1.1rem;letter-spacing:-.02em}.course small{display:none}.steps{grid-template-columns:1fr;gap:20px}.steps>div{display:grid;grid-template-columns:1fr 1.1fr;gap:15px;border-top:1px solid #28231f35;padding-top:20px}.steps p{margin:0;font-size:.9rem}.steps span{font-size:.65rem}.empty-card{padding:25px}.form-grid{gap:0 15px}.form-grid label{font-size:.8rem}.request .notice{margin-top:25px}.instagram{gap:5px}.instagram h2{font-size:2.6rem}.visit{gap:20px}footer{padding:35px 6%;display:block}footer>div{margin-top:30px;gap:20px}dialog{padding:25px}dialog h2{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.food-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}.food-pair img{width:100%;height:340px;object-fit:cover;object-position:center 55%}.menu-item{padding:18px 0;border-bottom:1px solid var(--line)}.menu-item p{margin:8px 0 0;color:var(--muted)}@media(max-width:650px){.food-pair{gap:12px;margin-top:25px}.food-pair img{height:240px}}

.brand-logo{display:block;width:180px;height:auto}.wordmark span{text-align:center}header .wordmark,footer .wordmark{display:block;background:#000;padding:7px 12px 3px}@media(max-width:650px){.brand-logo{width:140px}}

.card-section{display:block}.card-section>div:first-child{max-width:700px;margin-bottom:40px}.menu-list{max-width:1000px}.menu-category{border-top:1px solid var(--line)}.menu-category:last-child{border-bottom:1px solid var(--line)}.menu-category summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;gap:20px;padding:24px 0;font-family:Georgia,serif;font-size:1.65rem}.menu-category summary::-webkit-details-marker{display:none}.menu-category .toggle{font-family:Arial,sans-serif;font-size:1.4rem;color:var(--accent)}.menu-category[open] .toggle{transform:rotate(45deg)}.category-body{padding:5px 0 25px}.dish{padding:20px 0;border-top:1px solid var(--line)}.dish-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.dish h4{font-size:1rem;margin:0;font-weight:500}.dish-heading>span{white-space:nowrap;color:var(--accent)}.dish p{color:var(--muted);font-size:.9rem;max-width:680px;margin:10px 0}.variants{list-style:none;padding:0;margin:15px 0 0;max-width:650px}.variants li{display:flex;justify-content:space-between;gap:20px;font-size:.9rem;padding:5px 0;color:var(--muted)}.variants li>span:last-child{white-space:nowrap}.menu-footnote{max-width:850px;margin-top:30px;font-size:.88rem;color:var(--muted)}@media(max-width:650px){.menu-category summary{font-size:1.4rem}.dish-heading{gap:15px}.dish h4{font-size:.95rem}.dish-heading>span{font-size:.9rem}.variants li{font-size:.85rem}}

/* Pa Nui Signature: Schiefer, Weiß und zurückhaltendes Rot. */
body{background-color:var(--bg);background-image:linear-gradient(#11131599,#11131599),url('assets/slate-texture.webp');background-size:auto,900px 900px;background-repeat:repeat}
header{background:#1012145c;border-bottom-color:#ffffff21}
header .wordmark,footer .wordmark{background:transparent;padding:0}
.brand-logo{mix-blend-mode:screen;width:200px}
.wordmark span{color:#c6c8ca}
.eyebrow{color:#d5d6d7}
em{color:var(--ink)}
.button,.button.outline,.menu .button,.nav-cta{background:#d4d5d6;border-color:#d4d5d6;color:#17191b;font-weight:600;min-height:50px}
.button:hover,.button.outline:hover,.menu .button:hover,.nav-cta:hover{background:#ececed;border-color:#ececed;color:#17191b;transform:none}
.button:focus-visible,a:focus-visible,button:focus-visible{outline-color:#f5f5f3}
.nav-cta{border-color:#d4d5d6}
.nav-cta:hover{background:#ececed;border-color:#ececed;color:#17191b}
.text-link:hover,nav a:hover,footer a:hover{color:#ff8f95}
.hero-note>span{color:var(--ink)}
.image-caption{background:#111315d9;color:#f5f5f3;border-left:2px solid var(--brand)}
.image-slot{background:#222528}
.hero-image,.portrait{border-color:#ffffff24}
.statement{background:#0d0f1247}
.story{background:transparent}
.philosophy{background:#0d0f1247}
.menu{background-color:#17191b;background-image:linear-gradient(#16181b88,#16181b88),url('assets/slate-texture.webp');background-size:auto,900px 900px;color:var(--ink);border-block:1px solid #ffffff24}
.menu .eyebrow{color:#d5d6d7}
.menu em{color:var(--ink)}
.menu-heading>p:last-child{color:var(--muted)}
.course{background:#10121465;border-color:#ffffff3d;color:var(--ink)}
.course>span{color:#aeb2b7}
.course[aria-pressed=true]{background:#111315db;color:#fff;box-shadow:inset 0 3px 0 #c4c7ca}
.course[aria-pressed=true]>span{color:#fff}
.course:hover,.course[aria-pressed=true]:hover{background:#26292dcc}
.steps span{color:#d7d8da}
.steps p{color:var(--muted)}
.steps>div{border-color:var(--line)}
.card-section{background:#10121450}
.menu-category summary{color:var(--ink)}
.menu-category .toggle{color:#ee676e}
.dish-heading>span{color:#f5f5f3}
.menu-footnote{border-left:2px solid var(--brand);padding-left:22px}
.request{background:#15171955}
.notice{background:#0d101259;border-color:#ffffff30}
input,textarea,select{background:#11131580;border-color:#ffffff40;color:var(--ink)}
::placeholder{color:#b7bbc0}
.instagram{background-color:#191c1f;background-image:linear-gradient(#11131599,#11131599),url('assets/slate-texture.webp');background-size:auto,900px 900px;border-block:1px solid #ffffff24}
.outline{background:#d4d5d6;border-color:#d4d5d6;color:#17191b}
.outline:hover{background:#ececed;border-color:#ececed;color:#17191b}
.visit{background:#10121455}
footer{background:#0c0e11a6}
dialog{background-color:#191c1f;background-image:linear-gradient(#111315bb,#111315bb),url('assets/slate-texture.webp');background-size:auto,900px 900px}
.skip{background:var(--brand);color:#fff}
@media(max-width:650px){.brand-logo{width:145px}.steps>div{border-color:#ffffff32}.menu-footnote{padding-left:16px}}

.contact-options{display:grid;gap:20px}.contact-option{border:1px solid var(--line);padding:30px;background:#11131570}.contact-option .eyebrow{margin-bottom:15px}.contact-option p:not(.eyebrow){color:var(--muted)}.contact-option .button{margin-top:5px}.request-intro .button{margin:10px 0}.request-intro>.fine{max-width:420px}.whatsapp-note{margin-top:0}@media(max-width:650px){.contact-option{padding:24px}.contact-option .button{width:100%}.request-intro .button{width:100%}}

/* Einheitliche, ruhige Aktionsflächen auf dunklem Schiefer. */
.actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:480px;align-items:stretch}
.actions .button{display:flex;align-items:center;justify-content:center;min-width:0;padding:14px 18px}
.request-intro .button,.contact-option .button{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px}
.request-intro .button{max-width:420px}
.instagram .button{min-height:54px}
.menu-category .toggle{color:#c4c7ca}
@media(max-width:650px){.actions{gap:12px;max-width:none}.actions .button{padding:12px 10px;min-height:64px}.nav-cta{min-height:auto}.request-intro .button{max-width:none}}