/* HESSENASADO v3 — Vorlagenkoordinaten: 1024 × 1536.
   Bildgestaltung: images/design.png. Texte in dieser Grafik sind nicht HTML.
   Instagram, Footer und mobile Zusatztexte sind native HTML-Elemente. */
:root{color-scheme:dark;--ink:#0b0c0b;--paper:#f4f2ee;--gold:#e2c5a4}
*{box-sizing:border-box}html{background:#080908}body{margin:0;color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit}figure,p{margin:0}svg{display:block}.page{max-width:1024px;margin-inline:auto;background:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:absolute;left:1rem;top:-6rem;z-index:10;padding:1rem;background:var(--paper);color:#111}.skip-link:focus{top:1rem}
.hero{position:relative;aspect-ratio:1024/437;overflow:hidden}.hero>svg{width:100%;height:auto;aspect-ratio:1024/437}.mobile-intro{display:none}
.gallery{position:relative;aspect-ratio:1024/857;background:#080a09;overflow:hidden}.tile{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);overflow:hidden}.tile>svg{width:100%;height:100%}.plated{z-index:1;outline:6px solid #070907}
.quote-bar{display:grid;grid-template-columns:589fr 435fr;min-height:163px;background:#111211}.quote{position:relative;aspect-ratio:589/163}.quote>svg{width:100%;height:100%}
.instagram{position:relative;display:flex;align-items:center;gap:24px;padding:0 48px 0 60px;text-decoration:none;min-width:0}.instagram:before{content:"";position:absolute;left:0;top:28%;bottom:26%;width:1px;background:#bdb4a5}.instagram-icon{width:44px;height:44px;flex:none;color:var(--gold)}.instagram-copy{display:flex;flex-direction:column;gap:7px;white-space:nowrap}.instagram-label{font-size:10px;letter-spacing:2.7px;text-transform:uppercase;color:#bcbab8}.instagram-handle{font-size:20px;letter-spacing:1.6px}.arrow{width:27px;height:27px;flex:none;margin-left:auto}.instagram:hover{background:#ffffff05}.instagram:hover .arrow{transform:translateX(3px)}a:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
.footer{min-height:79px;padding:20px 45px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#060706;color:#a4a4a3}.footer>p{font-size:10px;letter-spacing:3px;text-transform:uppercase;line-height:1.8}.footer nav{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:1px;white-space:nowrap}.footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.footer a:hover{text-decoration:underline}.footer nav>span{color:#6f706e}
@media(min-width:641px) and (max-width:950px){.quote-bar{min-height:140px}.instagram{padding-inline:24px;gap:15px}.instagram-label{letter-spacing:1.3px;font-size:10px}.instagram-handle{font-size:18px}.instagram-icon{width:36px;height:36px}.arrow{width:22px}.footer{padding-inline:28px}.footer>p{letter-spacing:1.6px}}
@media(max-width:640px){
.hero{aspect-ratio:1024/300}.mobile-intro{display:block;text-align:center;padding:9px 12px 24px;background:#101110}.mobile-intro .tagline{font-size:14px;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:15px}.mobile-intro>p:last-child{font-size:12px;line-height:1.7;letter-spacing:2px;text-transform:uppercase;color:#bdbdb9}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;aspect-ratio:auto}.tile{position:relative;left:auto;top:auto;width:auto;height:auto;aspect-ratio:1;}.plated{grid-column:1/-1;aspect-ratio:1.3;outline:0}.pasta{grid-column:1/-1;aspect-ratio:1.5}.flame{grid-column:1/-1;aspect-ratio:1.45}
.quote-bar{display:flex;flex-direction:column;min-height:0}.quote{width:100%;max-width:589px}.instagram{align-self:center;min-height:105px;padding:20px 22px;gap:20px;border-top:1px solid #46453e;width:calc(100% - 36px);justify-content:center}.instagram:before{display:none}.instagram-label{font-size:11px;letter-spacing:1.6px}.instagram-handle{font-size:21px}.instagram-icon{width:42px;height:42px}.arrow{margin-left:2px;width:26px}.footer{flex-direction:column;gap:6px;padding:22px 12px 14px}.footer>p{font-size:10px;letter-spacing:1.6px;text-align:center}.footer nav{font-size:14px}
}
@media(prefers-reduced-motion:no-preference){.arrow{transition:transform .18s ease}}
@media(min-width:641px) and (max-width:800px){.quote-bar{grid-template-columns:1fr;justify-items:center}.quote{width:100%;max-width:589px}.instagram{min-height:110px;width:100%;max-width:480px;padding:20px 35px;border-top:1px solid #46453e;justify-content:center}.instagram:before{display:none}.instagram-label{font-size:12px;letter-spacing:1.6px}.instagram-handle{font-size:21px}.instagram .arrow{margin-left:10px}}
@media(max-width:380px){.instagram{padding-inline:12px;gap:12px}.instagram-icon{width:36px;height:36px}.instagram-handle{font-size:18px}.instagram-label{font-size:10px;letter-spacing:1px}.arrow{width:22px}}