/* Tante Kante archive-inspired presentation, mamigo CMS 1.0.0 */
.tante-original{--ink:#263d33;--cream:#fff;--paper:#f7f8f2;--sage:#8dac96;background:#fff;color:#24362e;font-family:'DM Sans',sans-serif}.tante-original .header{background:#fff;padding:12px max(5%,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:20;border-bottom:1px solid #e8ede8;min-height:88px}.tante-original .wordmark img{height:64px;width:70px}.tante-original .header nav a{font-weight:500}.tante-original h1,.tante-original h2,.tante-original h3{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-.035em}.tante-original h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.2;color:#73977d}.tante-original .wrap{max-width:1240px;width:90%;margin-inline:auto}.tante-original .section{padding-block:88px}.tante-original .hero{position:relative;display:flex;align-items:center;min-height:640px;height:calc(90svh - 88px);max-height:900px;width:100%;max-width:none;margin:0;padding:70px 7%;background:#354b3f;overflow:hidden}.tante-original .hero-photo{position:absolute;inset:0;border-radius:0;margin:0;aspect-ratio:auto;z-index:0}.tante-original .hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center 48%;border-radius:0}.tante-original .hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,33,25,.68),rgba(18,33,25,.17))}.tante-original .hero-copy{position:relative;z-index:1;max-width:1000px}.tante-original .hero h1{font-size:clamp(3.6rem,8.2vw,7.8rem);font-weight:700;line-height:1.08;white-space:pre-line;letter-spacing:-.04em;color:#fff;margin:0 0 38px}.tante-original .hero .button{background:#fff;color:#385442;border:0}.tante-original .button{border-radius:50px;background:#71967b;color:white;padding:16px 25px;transition:background .2s,transform .2s}.tante-original .button:hover{background:#4f765c;color:#fff;transform:translateY(-2px)}.tante-original .intro .two-col{gap:7%;align-items:start}.tante-original .large-copy{font-size:1.12rem;line-height:1.85}.tante-original .offers{grid-template-columns:repeat(3,1fr);gap:44px 50px;margin-top:65px}.tante-original .offer{padding:0;border:0;text-align:center;background:transparent}.tante-original .offer .number{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#eff3e8;color:#71967b;font-size:1.6rem;margin:0 auto 20px}.tante-original .offer h3{font-size:1.12rem;letter-spacing:-.01em;margin-bottom:12px}.tante-original .offer p{font-size:.97rem;line-height:1.7}.tante-original .concept-section{background:transparent;color:inherit;width:90%;max-width:1240px;margin:0 auto 80px;border-radius:22px;overflow:hidden}.tante-original .concept-section>.wrap{width:100%;max-width:none;padding:50px;background:#f7f8f2}.tante-original .story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.tante-original .story-photo{margin:0;overflow:hidden;border-radius:16px}.tante-original .story-photo img{display:block;width:100%;height:520px;object-fit:cover}.tante-original .text-link{color:#52785e}.tante-original .spritz{position:relative;background:linear-gradient(#2d514ac4,#2d514ac4),url('cafe-lounge.jpg') center 55%/cover;width:90%;max-width:1240px;margin:0 auto 80px;border-radius:22px;padding:60px 20px;color:white}.tante-original .spritz-inner{display:flex;flex-direction:column;text-align:center;gap:20px}.tante-original .spritz h2{color:#fff;font-size:clamp(2.5rem,4vw,3.5rem);margin:15px 0}.tante-original .spritz .eyebrow{display:inline-block;background:white;color:#638371;border-radius:30px;padding:9px 16px;letter-spacing:.03em}.tante-original .spritz-price{display:flex;align-items:baseline;gap:12px}.tante-original .spritz-price strong{font-size:2.2rem}.tante-original .spritz-price span{font-size:1.6rem;font-weight:700}.tante-original .spritz .button{border:1px solid white;background:transparent}.tante-original #kaffee{background:#f7f8f2;border-radius:22px;padding:50px;grid-template-areas:'copy photo'}.tante-original #kaffee>.story-photo{grid-area:photo}.tante-original #kaffee>div{grid-area:copy}.tante-original #kaffee img{height:460px}.tante-original .booking-section{gap:65px;align-items:start}.tante-original .booking-card{background:#f7f8f2;border:1px solid #e1e9df;border-radius:18px;box-shadow:0 15px 45px #27453208;padding:35px}.tante-original .booking-card input,.tante-original .booking-card select,.tante-original .booking-card textarea{border-radius:7px;background:#fff;border:1px solid #cbd9cb}.tante-original .booking-note{border-left-color:#8dac96}.tante-original .gallery{gap:22px}.tante-original .gallery img{border-radius:14px}.tante-original .gallery-section{border-top:1px solid #e5ece4}.tante-original .gift{text-align:center;background:#f7f8f2;border-radius:22px;padding:60px 25px;margin-bottom:75px}.tante-original .gift p{margin:22px 0 30px}.tante-original .catering{background:#f4f7f0;color:inherit}.tante-original footer{background:#edf2e8;color:#314c3a}.tante-original footer h3{color:#496c51}.tante-original .menu-section{background:#fff}.tante-original .filters button{border-radius:30px}.tante-original .filters [aria-pressed=true]{background:#71967b;color:#fff}.tante-original .menu-item{padding:20px 0}.tante-original .menu-note{line-height:1.8}.tante-original section{scroll-margin-top:110px}.tante-original a:focus-visible,.tante-original button:focus-visible{outline:3px solid #c79d43;outline-offset:5px}
@media(max-width:1000px){.tante-original .header .small{display:none}.tante-original .story{gap:30px}.tante-original .concept-section>.wrap,.tante-original #kaffee{padding:30px}.tante-original .story-photo img{height:450px}.tante-original .booking-section{gap:30px}}
@media(max-width:760px){.tante-original .header{padding:10px 5%;min-height:76px}.tante-original .header .wordmark img{height:54px;width:60px}.tante-original .header nav{background:#fff}.tante-original .hero{min-height:530px;height:78svh;max-height:720px;padding:60px 6%}.tante-original .hero h1{font-size:clamp(3rem,11vw,5rem);line-height:1.12}.tante-original .hero-photo img{object-position:57% center}.tante-original .section{padding-block:55px}.tante-original .offers{grid-template-columns:1fr 1fr;gap:35px 22px;margin-top:40px}.tante-original .offer h3{font-size:1rem}.tante-original .offer p{font-size:.9rem}.tante-original .story{grid-template-columns:1fr}.tante-original .story-photo img{height:330px}.tante-original .concept-section{margin-bottom:45px}.tante-original .concept-section>.wrap{padding:22px}.tante-original #kaffee{grid-template-areas:'photo' 'copy';padding:22px}.tante-original #kaffee img{height:300px}.tante-original .spritz{padding:45px 12px;margin-bottom:45px}.tante-original .spritz-price{flex-wrap:wrap;justify-content:center}.tante-original .spritz-price strong{font-size:2rem}.tante-original .spritz-price span{font-size:1.35rem}.tante-original .booking-card{padding:24px}.tante-original .gift{padding:40px 22px;margin-bottom:45px}.tante-original .gallery{grid-template-columns:1fr}.tante-original .gallery img{height:340px}.tante-original .menu-item{gap:15px}.tante-original .footer-grid{gap:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.tante-original *{transition:none!important}}
.tante-original .hero-photo{height:100%}
.tante-original .menu-toggle{margin-left:auto}
/* Unified type and spacing system */
.tante-original{font-family:DM,Arial,sans-serif;font-size:16px;line-height:1.7;--space-section:88px;--heading:#62836c}
.tante-original h1,.tante-original h2,.tante-original h3,.tante-original button,.tante-original input,.tante-original select,.tante-original textarea{font-family:DM,Arial,sans-serif}
.tante-original h2{font-size:clamp(1.875rem,3.1vw,2.625rem);line-height:1.22;letter-spacing:-.035em;color:var(--heading);margin-bottom:24px;font-weight:700;text-wrap:balance}
.tante-original h3{font-size:1.125rem;line-height:1.4;letter-spacing:-.015em;font-weight:700;margin-bottom:12px}
.tante-original p,.tante-original .large-copy,.tante-original .offer p{font-size:1rem;line-height:1.75;margin-bottom:20px}
.tante-original .eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.1em;line-height:1.5;margin-bottom:16px}
.tante-original .section{padding-block:var(--space-section)}
.tante-original .two-col,.tante-original .story,.tante-original .booking-section{gap:56px}
.tante-original .button,.tante-original .text-link,.tante-original .header nav a,.tante-original .filters button{font-size:.875rem;font-weight:700;letter-spacing:0}
.tante-original .button{min-height:48px;padding:14px 24px;border-radius:28px;gap:12px}
.tante-original .hero h1{font-size:clamp(3.25rem,7.6vw,6.75rem);line-height:1.04;letter-spacing:-.045em;max-width:950px}
.tante-original .hero .actions{margin-top:32px}
.tante-original .offers{gap:40px}.tante-original .offer h3{font-size:1.125rem}.tante-original .offer .number{font-family:DM,Arial,sans-serif}
.tante-original .spritz h2{font-size:clamp(2rem,3.1vw,2.625rem)}
.tante-original .spritz-price strong,.tante-original .spritz-price span{font-family:DM,Arial,sans-serif;font-size:1.75rem;line-height:1.3;letter-spacing:-.025em}
.tante-original .booking-card h3{font-size:1.375rem}.tante-original .booking-card label{font-size:.875rem}.tante-original .booking-card input,.tante-original .booking-card select,.tante-original .booking-card textarea{font-size:1rem}
.tante-original .menu-note,.tante-original .fineprint,.tante-original .gallery figcaption{font-size:.8125rem;line-height:1.6}
.tante-original .story-photo img{height:480px}.tante-original .concept-section{margin-bottom:var(--space-section)}
.tante-original .instagram-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;border-top:1px solid #e4ebe2}
.instagram-copy p{max-width:380px}.instagram-panel{min-width:0}#instagram-embed{position:relative;overflow:hidden;border-radius:16px;background:#f3f6ee;min-height:420px}#instagram-embed>img{display:block;width:100%;height:420px;object-fit:cover}.instagram-overlay{position:absolute;inset:0;background:linear-gradient(transparent,#1d362bd9);display:flex;flex-direction:column;align-items:center;justify-content:end;padding:32px;gap:16px;color:#fff}.instagram-overlay>span{font-size:1.125rem;font-weight:700}#instagram-embed iframe{display:block;border:0;width:100%;height:560px;background:#fff}#instagram-info{margin-top:14px;color:#536459}
@media(max-width:760px){.tante-original{--space-section:56px}.tante-original .two-col,.tante-original .story,.tante-original .booking-section{gap:28px}.tante-original .hero h1{font-size:clamp(2.6rem,10.8vw,4.5rem)}.tante-original .offers{gap:32px 20px}.tante-original .offer p{font-size:.9375rem}.tante-original .offer h3{font-size:1rem}.tante-original .story-photo img{height:320px}.tante-original .instagram-section{grid-template-columns:1fr;gap:28px}.tante-original .spritz-price strong,.tante-original .spritz-price span{font-size:1.5rem}.tante-original .gift{padding:40px 24px}.tante-original .header nav a{font-size:1rem}}
/* Keep the café's wall lettering within the hero crop. */
.tante-original .hero-photo img{object-position:center top}
@media(max-width:760px){.tante-original .hero-photo img{object-position:50% top}}
@media(min-width:761px){.tante-original .hero{height:auto;min-height:calc(54vw + 290px);max-height:none;align-items:flex-end;padding-bottom:48px}.tante-original .hero h1{font-size:clamp(3.25rem,6vw,6rem);margin-bottom:24px}.tante-original .hero .actions{margin-top:20px}}
@media(max-width:760px){.tante-original .hero{align-items:flex-end;padding-bottom:40px}.tante-original .hero h1{font-size:clamp(2.6rem,10vw,4rem)}}

.instagram-mark{position:absolute;width:64px;height:64px;left:50%;top:50%;transform:translate(-50%,-50%);color:white;filter:drop-shadow(0 2px 8px #0005)}
/* One viewport including navigation; keep the primary action in view. */
.tante-original .header{height:88px;min-height:88px}
.tante-original .hero{height:calc(100svh - 88px);min-height:0;max-height:calc(100svh - 88px);padding:32px 7%;align-items:flex-end}
.tante-original .hero-photo img{object-fit:contain;object-position:right top}
.tante-original .hero-photo{background:#30483b}
.tante-original .hero-photo:after{background:linear-gradient(90deg,#263e35 0%,#263e35e6 24%,#263e3533 65%,#263e3510)}
.tante-original .hero-copy{max-width:62%;padding-bottom:12px}
.tante-original .hero h1{font-size:clamp(2.5rem,min(5.8vw,10svh),6rem);margin-bottom:20px}
.tante-original .hero .actions{margin-top:20px}
@media(max-width:760px){.tante-original .header{height:76px;min-height:76px}.tante-original .hero{height:calc(100svh - 76px);max-height:calc(100svh - 76px);padding:24px 6%}.tante-original .hero-photo img{object-fit:cover;object-position:50% top}.tante-original .hero-photo:after{background:linear-gradient(180deg,#263e350d 25%,#263e3522 45%,#263e35d9 100%)}.tante-original .hero-copy{max-width:100%;padding-bottom:0}.tante-original .hero h1{font-size:clamp(2rem,min(10vw,7svh),3.5rem)}}
@media(max-height:550px){.tante-original .hero h1{font-size:clamp(1.75rem,7svh,3rem);margin-bottom:12px}.tante-original .hero .actions{margin-top:12px}.tante-original .hero{padding-block:16px}}
.fade-in{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.fade-in.is-visible{opacity:1;transform:none}.tante-original .story-photo img,.tante-original .gallery img{transition:transform .7s ease}.tante-original .story-photo:hover img,.tante-original .gallery figure:hover img{transform:scale(1.025)}.tante-original .gallery figure{overflow:hidden}.tante-original .offer .number{transition:transform .25s ease}.tante-original .offer:hover .number{transform:rotate(-7deg)}@media(prefers-reduced-motion:reduce){.fade-in{opacity:1;transform:none}}
/* 1.2.1 — full-photo hero and Tante Kante's cream / sage palette. */
.tante-original{--cream:#f6f1e3;--paper:#f6f1e3;--sage:#8aad93;--heading:#526c58}
.tante-original .hero{align-items:center;justify-content:center;background:transparent;text-align:center;padding:24px 6%;border-radius:0}
.tante-original .hero-photo{background:transparent}
.tante-original .hero-photo img{object-fit:cover;object-position:50% 24%}
.tante-original .hero-photo:after{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.36) 50%,rgba(0,0,0,.25))}
.tante-original .hero-copy{width:100%;max-width:1100px;padding:0;margin:auto}
.tante-original .hero h1{max-width:100%;margin:0 auto 28px;font-size:clamp(2.5rem,min(5.8vw,10svh),5.75rem);line-height:1.08;text-wrap:balance;text-shadow:0 2px 22px #0003}
.tante-original .hero .actions{justify-content:center;margin:0}
.tante-original .hero .button{background:#f6f1e3;color:#263d33;box-shadow:0 4px 22px #0002}
.tante-original .button{background:#8aad93;color:#20382a;border-color:#8aad93}
.tante-original .button:hover{background:#c7d8c0;color:#20382a}
.tante-original .concept-section>.wrap,.tante-original #kaffee,.tante-original .booking-card,.tante-original .gift{background:#f6f1e3}
.tante-original .catering,.tante-original footer{background:#c7d8c0}
.tante-original .offer .number{background:#f6f1e3;color:#526c58}
.tante-original .filters [aria-pressed=true]{background:#c7d8c0;color:#20382a}
@media(max-width:760px){.tante-original .hero-photo img{object-position:50% 20%}.tante-original .hero h1{font-size:clamp(2rem,min(10vw,7svh),3.5rem);margin-bottom:24px}.tante-original .hero-copy{max-width:100%}}
@media(max-height:550px){.tante-original .hero h1{font-size:clamp(1.5rem,7svh,3rem);margin-bottom:16px}}
/* Keep the title below the neon lettering, with neutral contrast on the wall. */
.tante-original .hero-copy{margin:0;transform:translateY(12svh)}
.tante-original .hero-photo:after{background:linear-gradient(180deg,rgba(0,0,0,.12) 15%,rgba(0,0,0,.18) 38%,rgba(0,0,0,.48) 68%,rgba(0,0,0,.30) 100%)}
@media(max-width:760px){.tante-original .hero-copy{transform:translateY(7svh)}}
@media(max-height:550px){.tante-original .hero-copy{transform:translateY(4svh)}}
/* 1.2.3 — consistent offer icons and clear happy-hour action. */
.tante-original .offers{gap:24px;margin-top:48px}
.tante-original .offer{padding:30px 22px 26px;border:1px solid #e8ecdf;border-radius:20px;background:linear-gradient(160deg,#fff,#f6f1e34d);text-align:center}
.tante-original .offer .number{width:80px;height:80px;margin:0 auto 22px;background:#f6f1e3;color:#526c58}
.tante-original .offer .number svg{display:block;width:40px;height:40px}
.tante-original .offer h3{margin-bottom:12px}
.tante-original .offer p{max-width:31ch;margin:0 auto;font-size:.9375rem;line-height:1.7}
.tante-original .offer:hover .number{transform:translateY(-3px)}
.tante-original .spritz .button{background:#f6f1e3;color:#263d33;border:1px solid #f6f1e3;box-shadow:0 4px 16px #0001}
.tante-original .spritz .button:hover{background:#fff;color:#263d33;border-color:#fff}
@media(max-width:760px){.tante-original .offers{gap:16px;margin-top:32px}.tante-original .offer{padding:24px 14px}.tante-original .offer .number{width:72px;height:72px;margin-bottom:18px}.tante-original .offer .number svg{width:36px;height:36px}}
@media(max-width:480px){.tante-original .offers{grid-template-columns:1fr}.tante-original .offer{display:grid;grid-template-columns:72px 1fr;column-gap:20px;text-align:left;padding:22px}.tante-original .offer .number{grid-row:1/3;margin:0}.tante-original .offer h3{align-self:end;margin-bottom:8px}.tante-original .offer p{max-width:none;margin:0}}
/* 1.2.4: preserve the portrait, extend it softly across wide screens. */
.tante-original .hero-photo .hero-blur{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;object-position:center;filter:blur(28px) brightness(.65);transform:scale(1.06)}
.tante-original .hero-photo #hero-image{position:absolute;inset:0;object-fit:contain;object-position:center;height:100%;width:100%}
.tante-original .hero-photo:after{background:linear-gradient(180deg,transparent 36%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.65) 70%,rgba(0,0,0,.40) 100%)}
.tante-original .hero-copy{position:absolute;left:50%;top:62%;transform:translate(-50%,-15%);width:min(90%,850px);max-width:850px;padding:0}
.tante-original .hero h1{font-size:clamp(2rem,min(4.6vw,7svh),4.5rem);line-height:1.08;margin-bottom:24px;text-shadow:0 2px 16px #0008}
.tante-original .hero .actions{margin:0}
@media(max-width:760px){.tante-original .hero-copy{top:60%;width:90%;transform:translate(-50%,-15%)}.tante-original .hero h1{font-size:clamp(1.8rem,min(8.8vw,6svh),3rem);margin-bottom:20px}}
@media(max-height:550px){.tante-original .hero-copy{top:55%;transform:translate(-50%,-10%)}.tante-original .hero h1{font-size:clamp(1.25rem,5.5svh,2rem);margin-bottom:12px}.tante-original .hero .button{min-height:40px;padding:9px 20px}}
/* 1.2.5 — quiet mobile navigation and consistent form type. */
.tante-original .menu-toggle{border:0;background:transparent;box-shadow:none;border-radius:50%;width:48px;height:48px;padding:10px;color:#385442;line-height:1}
.menu-toggle svg{display:block;width:28px;height:28px;overflow:visible}
.menu-toggle .menu-lines,.menu-toggle .menu-cup{transform-origin:center;transition:opacity .22s ease,transform .28s ease}
.menu-toggle .menu-cup{opacity:0;transform:translateY(4px) scale(.75)}
.menu-toggle[aria-expanded=true] .menu-lines{opacity:0;transform:rotate(90deg) scale(.7)}
.menu-toggle[aria-expanded=true] .menu-cup{opacity:1;transform:translateY(0) scale(1)}
.tante-original .menu-toggle:hover{background:#f6f1e3}
.tante-original .booking-card{font-family:DM,Arial,sans-serif;font-size:14px;line-height:1.5}
.tante-original .booking-card h3{font-family:DM,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.015em;margin-bottom:24px}
.tante-original .booking-card label{font-size:14px;line-height:1.5;font-weight:500;margin-bottom:16px}
.tante-original .booking-card input,.tante-original .booking-card select,.tante-original .booking-card textarea{font-family:DM,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.5;padding:11px 12px}
.tante-original .booking-card .button{font-family:DM,Arial,sans-serif;font-size:14px;font-weight:700}
.tante-original .booking-card .check,.tante-original .booking-card .fineprint,.tante-original .booking-card #booking-feedback{font-size:13px;line-height:1.55}
@media(max-width:760px){.tante-original .header nav{border:0;border-radius:0 0 20px 20px;box-shadow:0 16px 28px #263d3314;padding:12px 5% 22px}.tante-original .header nav a{font-size:15px;padding:12px 16px;border-radius:12px}.tante-original .header nav a:hover{background:#f6f1e3;text-decoration:none}.tante-original .booking-card input,.tante-original .booking-card select,.tante-original .booking-card textarea{font-size:16px}}
.tante-original footer .wordmark{margin-bottom:20px}
.tante-original footer .wordmark img{display:block;width:132px;height:auto;max-width:100%}
.tante-original .footer-grid>div:first-child>p{max-width:23ch}
/* 1.2.6 — spacing follows content hierarchy. */
.tante-original{--space-section:80px}
.tante-original h2{margin-bottom:14px}
.tante-original h3{margin-bottom:10px}
.tante-original p{margin-bottom:16px}
.tante-original .eyebrow{margin-bottom:10px}
.tante-original .intro .two-col{align-items:start}
.tante-original .story h2{margin-bottom:16px}
.tante-original .story p:last-of-type{margin-bottom:22px}
.tante-original .booking-intro h2{margin-bottom:12px}
.tante-original .booking-note{margin-top:28px;padding-top:20px}
.tante-original .booking-note p{margin:8px 0 12px}
.tante-original .instagram-copy h2{margin-bottom:16px}
.tante-original .instagram-copy p{margin-bottom:20px}
.tante-original .instagram-copy .eyebrow{margin-bottom:10px}
.tante-original .gallery-section h2{margin-bottom:28px}
.tante-original .spritz-inner{gap:24px}
.tante-original .spritz h2{margin:12px 0 12px}
.tante-original .spritz .eyebrow{margin-bottom:8px}
.tante-original .spritz p{margin-bottom:0}
.tante-original .spritz-price{gap:6px}
.tante-original .footer-grid h3{margin-bottom:14px}
@media(max-width:760px){.tante-original{--space-section:52px}.tante-original .story{gap:24px}.tante-original .booking-section{gap:28px}.tante-original .booking-note{margin-top:24px}.tante-original .gallery-section h2{margin-bottom:22px}}
/* 1.2.7 — orange aperitivo feature with dedicated imagery. */
.tante-original .spritz{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:0;background:#fff0de;color:#743415;overflow:hidden;border-radius:24px}
.spritz-photo{margin:0;min-height:460px;position:relative}
.spritz-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.tante-original .spritz-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px clamp(28px,4vw,64px)}
.tante-original .spritz .eyebrow{padding:0;background:none;border-radius:0;color:#94441c;font-size:11px;letter-spacing:.12em;margin:0 0 16px}
.tante-original .spritz h2{color:#b5481c;font-size:clamp(2.5rem,4.4vw,4rem);line-height:1.05;margin:0 0 16px}
.tante-original .spritz .spritz-time{color:#743415;font-size:16px;margin:0}
.tante-original .spritz-price{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:32px 0}
.tante-original .spritz-price strong{font-size:clamp(2.75rem,4vw,3.75rem);font-weight:700;line-height:1.1;color:#b5481c;letter-spacing:-.045em}
.tante-original .spritz-price span{font-size:18px;font-weight:500;color:#743415}
.tante-original .spritz .button{background:#a9431a;border-color:#a9431a;color:#fff;box-shadow:none}
.tante-original .spritz .button:hover{background:#853311;border-color:#853311;color:#fff}
.tante-original footer{scroll-margin-top:88px}
@media(max-width:760px){.tante-original .spritz{grid-template-columns:1fr;border-radius:20px}.spritz-photo{min-height:0;aspect-ratio:1.25}.tante-original .spritz-content{padding:32px 28px 36px}.tante-original .spritz-price{margin:24px 0}.tante-original .spritz .button{width:auto}.tante-original footer{scroll-margin-top:76px}}
.tante-original .spritz-photo img{object-position:center 60%}

/* Clear booking feedback above the form fields. */
#booking-feedback:empty{display:none}
#booking-feedback:not(:empty){padding:20px 22px;margin:0 0 24px;border-radius:12px;line-height:1.55;background:#fff;border:1px solid #c7d8c0;scroll-margin-top:110px}
#booking-feedback.success{background:#e9f2e6;border:1px solid #8aad93;color:#263d33;box-shadow:0 4px 18px #263d3308}
#booking-feedback strong{display:block;font-size:18px;line-height:1.4;font-weight:700}
#booking-feedback.success strong:before{content:'✓';display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;border-radius:50%;background:#526c58;color:white;font-size:17px}
#booking-feedback p{font-size:15px;margin:10px 0 0}
#booking-feedback.error{background:#fff1ed;border-color:#d19b8d;color:#822f20}

/* Mobile layout: intrinsic photo height and fields that cannot overflow. */
.tante-original .booking-card,.tante-original .booking-card .form-row,.tante-original .booking-card label{min-width:0}
.tante-original .booking-card .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.tante-original .booking-card input,.tante-original .booking-card select,.tante-original .booking-card textarea{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:760px){
 .tante-original .spritz-photo{display:block;position:relative;width:100%;height:auto;min-height:0;aspect-ratio:auto;overflow:hidden}
 .tante-original .spritz-photo img{display:block;position:static;width:100%;height:auto;max-width:100%;object-fit:contain}
}
@media(max-width:600px){
 .tante-original .booking-card .form-row{grid-template-columns:minmax(0,1fr);gap:0}
 .tante-original .booking-card input[type=date]{display:block;-webkit-appearance:none;appearance:none;min-height:48px}
 .tante-original .footer-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .tante-original #hours{width:100%;max-width:340px}
 .tante-original #hours>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
 .tante-original #hours dt{white-space:nowrap;flex-shrink:0}
 .tante-original #hours dd{margin:0;text-align:right}
}

/* 1.3.3: split hero with independently readable copy and portrait. */
.tante-original .header{height:104px;min-height:104px;gap:28px;padding-block:14px}
.tante-original .header .wordmark img{width:82px;height:76px}
.tante-original .header nav{gap:26px}
.tante-original .header nav a{font-size:16px;font-weight:600}
.tante-original .header>.button{font-size:15px;padding:17px 24px;white-space:nowrap}
.tante-original .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch;padding:0;background:#f6f1e3;height:calc(100svh - 104px);max-height:800px;min-height:0;color:#263d33}
.tante-original .hero-copy{position:static;inset:auto;transform:none;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;margin:0;padding:clamp(24px,4vw,70px);text-align:center}
.tante-original .hero h1{color:#263d33;text-shadow:none;font-size:clamp(2.2rem,min(4.3vw,7svh),4.8rem);line-height:1.08;max-width:12ch;margin:0 0 30px}
.tante-original .hero .actions{margin:0;justify-content:center}
.tante-original .hero .button{background:#8aad93;color:#263d33;box-shadow:none;padding:17px 26px}
.tante-original .hero .button:hover{background:#c7d8c0}
.tante-original .hero-photo{position:relative;inset:auto;width:100%;height:100%;min-height:0;overflow:hidden;background:#e6e4d9}
.tante-original .hero-photo:after{display:none}
.tante-original .hero-photo .hero-blur{filter:blur(24px);opacity:.55}
.tante-original .hero-photo #hero-image{object-fit:contain;object-position:center;position:absolute;inset:0;width:100%;height:100%}
@media(min-width:761px) and (max-width:1100px){
 .tante-original .header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 5%;margin:0;box-shadow:0 14px 22px #263d3314}
 .tante-original .header nav.open{display:flex;flex-direction:column;align-items:stretch}
 .tante-original .header nav a{padding:12px}
 .tante-original .header>.button{margin-left:auto}
 .tante-original .menu-toggle{display:block}
}
@media(max-width:760px){
 .tante-original .header{height:88px;min-height:88px;padding:10px 5%;gap:12px}
 .tante-original .header .wordmark img{width:70px;height:64px}
 .tante-original .header>.button{font-size:13px;padding:13px 16px}
 .tante-original .header nav a{font-size:17px;padding:14px 16px}
 .tante-original .menu-toggle{width:48px;height:48px;flex-shrink:0}
 .tante-original .hero{height:calc(100svh - 88px);max-height:900px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .tante-original .hero-copy{padding:24px 6%;}
 .tante-original .hero h1{font-size:clamp(1.7rem,min(7.7vw,5svh),2.7rem);max-width:15ch;margin-bottom:18px}
 .tante-original .hero .button{font-size:14px;padding:13px 22px}
 .tante-original .hero-photo{min-height:0}
}
@media(max-height:500px) and (max-width:760px){
 .tante-original .hero{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr)}
 .tante-original .hero-copy{padding:12px}
 .tante-original .hero h1{font-size:clamp(1.2rem,5svh,1.7rem);margin-bottom:12px}
}

/* Edge-to-edge hero photo without a blurred border. */
.tante-original .hero-photo .hero-blur{display:none}
.tante-original .hero-photo #hero-image{object-fit:cover;object-position:center 30%}

/* Preserve the previous mobile photo hero; split layout is desktop only. */
@media(max-width:760px){
 .tante-original .hero{display:block;position:relative;height:calc(100svh - 88px);max-height:calc(100svh - 88px);padding:0;background:#263d33}
 .tante-original .hero-photo{position:absolute;inset:0;width:100%;height:100%;z-index:0}
 .tante-original .hero-photo .hero-blur{display:block;filter:blur(28px) brightness(.65);opacity:1}
 .tante-original .hero-photo #hero-image{object-fit:contain;object-position:center}
 .tante-original .hero-photo:after{display:block;background:linear-gradient(180deg,transparent 36%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.65) 70%,rgba(0,0,0,.40) 100%)}
 .tante-original .hero-copy{position:absolute;left:50%;top:60%;transform:translate(-50%,-15%);width:90%;max-width:850px;padding:0;z-index:1}
 .tante-original .hero h1{color:#fff;text-shadow:0 2px 16px #0008;font-size:clamp(1.8rem,min(8.8vw,6svh),3rem);max-width:100%;margin-bottom:20px}
 .tante-original .hero .button{background:#f6f1e3;color:#263d33;box-shadow:0 4px 22px #0002}
}
@media(max-width:760px) and (max-height:550px){
 .tante-original .hero-copy{top:55%;transform:translate(-50%,-10%)}
 .tante-original .hero h1{font-size:clamp(1.25rem,5.5svh,2rem);margin-bottom:12px}
 .tante-original .hero .button{min-height:40px;padding:9px 20px}
}

/* Slightly larger, comfortably clickable navigation. */
.tante-original .header nav a{font-size:18px;line-height:1.4;padding-block:12px}
.tante-original .header nav{gap:24px}
@media(max-width:1100px){.tante-original .header nav a{font-size:19px;padding:16px}}
@media(min-width:1101px) and (max-width:1250px){.tante-original .header{gap:18px}.tante-original .header nav{gap:18px}.tante-original .header>.button{padding-inline:18px}}

/* Mobile hero without blurred image extension. */
@media(max-width:760px){
 .tante-original .hero-photo .hero-blur{display:none}
 .tante-original .hero-photo #hero-image{object-fit:cover;object-position:center top}
}

/* Lighter navigation and a tighter mobile drawer. */
.tante-original .header nav a{font-weight:400}
@media(max-width:1100px){
 .tante-original .header nav{gap:2px;padding:10px 5% 14px}
 .tante-original .header nav a{padding:9px 16px;line-height:1.35}
}

/* Hamburger navigation at every viewport, with a visible booking CTA. */
.tante-original .header>.button{display:inline-flex;margin-left:auto}
.tante-original .header .menu-toggle{display:block;flex-shrink:0}
.tante-original .header nav{display:none;position:absolute;top:100%;left:auto;right:5%;width:min(340px,90vw);margin:0;padding:10px 12px 14px;background:#fff;border:0;border-radius:0 0 18px 18px;box-shadow:0 16px 28px #263d3314;gap:2px}
.tante-original .header nav.open{display:flex;flex-direction:column;align-items:stretch}
.tante-original .header nav a{padding:10px 16px;font-size:18px;font-weight:400;line-height:1.35;border-radius:10px}
.tante-original .header nav a:hover{background:#f6f1e3;text-decoration:none}
@media(max-width:760px){.tante-original .header nav{left:0;right:0;width:100%;padding:10px 5% 14px}.tante-original .header nav a{padding:9px 16px}}

/* Booking CTA at the far right, menu immediately before it. */
.tante-original .header>.wordmark{order:0}
.tante-original .header .menu-toggle{order:1;margin-left:auto;margin-right:0}
.tante-original .header>.button{order:2;margin-left:0}

/* Header order: logo, booking button, hamburger. */
.tante-original .header>.button{order:1;margin-left:auto}
.tante-original .header .menu-toggle{order:2;margin-left:0;margin-right:0}

.tante-original .legal-content{white-space:normal;overflow-wrap:anywhere}
.tante-original .legal-content h2{font-size:20px;font-weight:700;line-height:1.35;margin:30px 0 10px;color:#263d33}
.tante-original .legal-content p{white-space:pre-line;margin:0 0 18px;line-height:1.7}
.tante-original .legal-content a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

/* Desktop hero aligned to the site's 1240px content grid. */
.hero-subline{display:none}
@media(min-width:761px){
 .tante-original .hero{width:90%;max-width:1240px;margin-inline:auto}
 .tante-original .hero-copy{align-items:flex-start;text-align:left;padding:40px 48px 40px 0}
 .tante-original .hero h1{margin:0 0 20px;text-align:left}
 .tante-original .hero-subline{display:block;font-size:clamp(16px,1.5vw,20px);line-height:1.5;max-width:32ch;margin:0 0 28px;color:#526c58}
 .tante-original .hero .actions{justify-content:flex-start}
}

@media(min-width:761px){.tante-original .hero{background:#fff}}

.tante-original .menu-item>div>span{font-weight:400;white-space:normal}
.tante-original .menu-item>span{font-weight:700}

.hero-slider-controls{position:absolute;bottom:20px;right:20px;z-index:3;display:flex;gap:8px;background:#fff;padding:6px;border-radius:30px;box-shadow:0 3px 18px #0002}
.hero-slider-controls button{border:0;background:transparent;color:#263d33;border-radius:50%;width:36px;height:36px;font:700 14px DM,Arial,sans-serif;cursor:pointer}
.hero-slider-controls button[aria-pressed=true]{background:#263d33;color:#fff}
@media(min-width:761px){.tante-original .hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);height:min(600px,calc(100svh - 104px))}.tante-original .hero-photo #hero-image{object-position:center}}
@media(max-width:760px){.tante-original .hero-photo #hero-image{object-position:50% 30%}.hero-slider-controls{bottom:14px;right:14px}}

/* Desktop full-width slider with copy over the photograph. */
@media(min-width:761px){
 .tante-original .hero{display:block;position:relative;width:100%;max-width:none;margin:0;height:calc(100svh - 104px);max-height:calc(100svh - 104px);padding:0;background:#263d33}
 .tante-original .hero-photo{position:absolute;inset:0;width:100%;height:100%;z-index:0}
 .tante-original .hero-photo #hero-image{object-fit:cover;object-position:center}
 .tante-original .hero-photo:after{display:block;background:linear-gradient(90deg,rgba(12,23,18,.78) 0%,rgba(12,23,18,.55) 42%,rgba(12,23,18,.12) 80%);pointer-events:none}
 .tante-original .hero-copy{position:relative;inset:auto;transform:none;z-index:1;width:90%;max-width:1240px;height:100%;margin:0 auto;padding:40px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;pointer-events:none}
 .tante-original .hero h1{color:#fff;max-width:12ch;font-size:clamp(2.5rem,min(5.5vw,8svh),5.5rem);text-shadow:0 2px 18px #0004;margin:0 0 20px}
 .tante-original .hero-subline{color:#fff;font-size:clamp(17px,1.6vw,22px);max-width:34ch;text-shadow:0 1px 8px #0006;margin:0 0 28px}
 .tante-original .hero .actions{pointer-events:auto}
 .tante-original .hero .button{background:#f6f1e3;color:#263d33}
 .tante-original .hero .button:hover{background:#fff}
}

/* Keep the neon sign near the top in wide desktop crops. */
@media(min-width:761px){.tante-original .hero-photo #hero-image{object-position:center top}}

/* Desktop copy at the bottom, leaving the neon sign clear above. */
@media(min-width:761px){
 .tante-original .hero-copy{justify-content:flex-end;padding:24px 0 clamp(28px,5svh,64px)}
 .tante-original .hero h1{font-size:clamp(2.3rem,min(4.2vw,6svh),4.25rem);margin-bottom:14px}
 .tante-original .hero-subline{margin-bottom:20px}
 .tante-original .hero-photo:after{background:linear-gradient(180deg,rgba(12,23,18,.05) 20%,rgba(12,23,18,.18) 42%,rgba(12,23,18,.74) 75%,rgba(12,23,18,.86) 100%)}
}

/* Consolidated intro in the hero; offers follow without duplicate copy. */
.tante-original .intro .offers{margin-top:0}
@media(min-width:761px){.tante-original .hero-subline{max-width:46ch;font-size:clamp(16px,1.4vw,20px)}}
@media(max-width:760px){.tante-original .hero-subline{display:block;color:#fff;font-size:14px;line-height:1.5;max-width:36ch;margin:0 0 18px;text-shadow:0 1px 8px #0008}.tante-original .hero-copy{top:54%}}
@media(max-width:760px) and (max-height:550px){.tante-original .hero-subline{font-size:12px;margin-bottom:10px}.tante-original .hero-copy{top:40%}}