:root{--wine:#a02018;--deep:#a02018;--paper:#ffffff;--ink:#391c20;--muted:#795359;--line:#e9bdc0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,p,figure{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(48px,6.4vw,92px)}h2{font-size:clamp(35px,4vw,56px)}h1 em{font-weight:400;color:var(--wine)}p+p{margin-top:18px}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:10px 5%;background:var(--paper);gap:24px}.brand img{width:116px;height:84px;object-fit:contain}nav{display:flex;gap:38px}nav a{font-size:14px;padding:10px 0;position:relative}nav a[aria-current]{color:var(--wine)}nav a[aria-current]:after{content:'';position:absolute;bottom:2px;height:2px;left:0;right:0;background:var(--wine)}.market-link{font-size:14px;border:1px solid var(--wine);padding:11px 20px;border-radius:3px;color:var(--wine)}.market-link span{padding-left:20px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600;display:block;margin-bottom:24px}.section{max-width:1280px;padding:88px 60px;margin:auto}.hero{height:600px;min-height:520px;position:relative;background:var(--deep);color:white;overflow:hidden}.hero-photos,.hero-slide,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-slide{object-fit:cover;opacity:0;transition:opacity 1s}.hero-slide.active{opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(30,12,7,.75),rgba(30,12,7,.12)),linear-gradient(0deg,rgba(30,12,7,.5),transparent 40%)}.hero-copy{position:relative;max-width:1280px;margin:auto;padding:80px 60px}.hero-copy h1{font-size:clamp(50px,6vw,82px)}.hero-copy p{margin:25px 0 30px;font-size:17px;color:#fff0ef}.button{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;background:var(--wine);color:white;padding:16px 24px;border-radius:3px;font-size:14px}.button.light{background:var(--paper);color:var(--ink)}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.slide-controls{display:flex;gap:9px;align-items:center}.slide-controls button{width:24px;height:3px;border:0;background:#ffffff66;padding:0}.slide-controls button[aria-pressed=true]{background:white}.slide-controls .pause{height:24px;background:transparent;color:white;font-size:15px}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.intro-photo{position:relative}.intro-photo>img{width:100%;aspect-ratio:1.08;object-fit:cover;border-radius:3px}.photo-label{position:absolute;bottom:20px;left:20px;background:var(--paper);padding:10px 18px;font-family:Georgia,serif;font-size:18px}.intro-copy{position:relative}.intro-copy h2{margin-bottom:28px}.intro-copy p{color:var(--muted);font-size:15px}.text-link{display:inline-block;color:var(--wine);border:0;border-bottom:1px solid var(--wine);background:none;padding:0 0 7px;margin-top:26px;font-size:14px}.text-link span{margin-left:25px}.flag{width:80px;position:absolute;right:0;top:-20px}.market{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.market h2{margin-bottom:28px}.muted{font-size:13px;color:var(--muted);margin-top:14px}.market>img{width:100%;border-radius:3px}.about{max-width:none;background:#f7b8bc;padding:75px max(5%,calc((100vw - 1160px)/2))}.section-heading{margin-bottom:42px}.section-heading .eyebrow{margin-bottom:16px}.about-grid{display:grid;grid-template-columns:1.65fr 1fr .85fr;gap:35px;align-items:start}.video-card{position:relative;min-height:360px;height:100%;overflow:hidden;border-radius:3px;background:#42151a}.video-card>img{width:100%;height:360px;object-fit:cover}.play{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--wine);font-size:24px;padding-left:4px}.video-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:white;padding:50px 25px 22px;font-size:19px;font-family:Georgia,serif}.video-title small{display:block;font:12px Arial;margin-top:10px}.book-card>img,.archive-card>img{height:310px;width:100%;object-fit:contain;object-position:top}.book-card{text-align:center}.book-card .text-link{margin-top:15px;font-size:12px}.book-card>a{display:block;font-size:12px;margin-top:10px}footer{background:var(--deep);color:#fff5f4;padding:60px 5% 20px}.footer-top{max-width:1160px;margin:auto;display:grid;grid-template-columns:.8fr 1.3fr 1fr;gap:45px}.footer-top p,.footer-top a{font-size:13px}.footer-top .eyebrow{color:#ffdadb;margin-bottom:20px}.footer-logo{width:120px;height:70px;object-fit:contain;object-position:left}.footer-top p{margin-top:15px}.social{display:flex;gap:22px;margin-top:20px}.social a{display:flex;align-items:center;gap:7px}.social img{width:20px;height:20px;object-fit:contain}.footer-bottom{max-width:1160px;margin:45px auto 0;border-top:1px solid #ffffff25;padding-top:20px;font-size:11px;color:#ffdadb;display:flex;justify-content:space-between;gap:20px}.page-heading{padding-top:65px;padding-bottom:65px;border-bottom:1px solid var(--line)}.page-heading p,.history-heading p{margin-top:25px;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 30px;padding-top:55px}.product-images{display:flex;position:relative;aspect-ratio:1.1;background:#f7b8bc;overflow:hidden;border-radius:3px}.product-images img{width:100%;height:100%;object-fit:cover}.product-images img+img{position:absolute;width:34%;height:34%;right:12px;bottom:12px;border:3px solid var(--paper);border-radius:50%;object-fit:cover}.product-copy{padding-top:22px}.product-copy .eyebrow{font-size:10px;margin-bottom:12px;color:var(--muted)}.product-copy h2{font-size:30px;letter-spacing:-.03em}.product-copy p{font-size:14px;color:var(--muted);margin-top:18px}.order{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:65px;align-items:center}.order img{width:100%;max-height:360px;object-fit:cover;border-radius:3px}.order p{margin-top:22px}.order .text-link{overflow-wrap:anywhere}.history-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding-top:65px;padding-bottom:65px;border-bottom:1px solid var(--line)}.history-heading h1{font-size:clamp(45px,5vw,70px)}.history-heading>img{aspect-ratio:1.1;width:100%;object-fit:cover;border-radius:3px}.history-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:90px}.timeline article{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.timeline article>span{color:var(--wine);font:32px Georgia,serif}.timeline p{font-size:15px;color:var(--muted)}.history-art{display:flex;flex-direction:column;gap:70px;align-items:center;padding-top:24px}.history-art img{max-height:550px;object-fit:contain}.family{background:#f7b8bc;max-width:none;padding-left:max(5%,calc((100vw - 1160px)/2));padding-right:max(5%,calc((100vw - 1160px)/2))}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.family-card{border:0;background:none;text-align:left;padding:0;color:var(--ink)}.family-card img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:3px;transition:filter .2s}.family-card:hover img{filter:brightness(.88)}.family-card span{display:block;font-size:13px;margin-top:12px}dialog{border:0;padding:60px 70px 25px;background:var(--paper);width:min(1000px,94vw);max-height:95vh}dialog::backdrop{background:#42151ae6}dialog figure img{max-height:70vh;margin:auto;object-fit:contain}dialog figcaption{text-align:center;margin:15px 0;font-size:14px}dialog button{position:absolute;border:0;background:var(--paper);color:var(--wine);font-size:35px;line-height:1;padding:8px}.close{right:12px;top:10px}.prev{left:10px;top:45%}.next{right:10px;top:45%}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:0}:focus-visible{outline:3px solid #d05b69;outline-offset:5px}@media(max-width:850px){header{padding:10px 24px;height:100px}nav{gap:20px}.market-link{display:none}.section{padding:60px 28px}.hero-copy{padding:70px 28px}.hero{height:570px}.intro{gap:35px}.intro-photo>img{aspect-ratio:.8}.about-grid{grid-template-columns:1.5fr 1fr;gap:25px}.archive-card{grid-column:2}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.products{grid-template-columns:repeat(2,1fr)}.history-layout{gap:35px}.history-heading{gap:25px}.hero-bottom>span:last-child{display:none}.order{gap:30px}}@media(max-width:560px){header{height:auto;min-height:120px;flex-direction:column;gap:4px;padding:10px 16px 15px}.brand img{height:62px;width:88px}nav{gap:25px}nav a{font-size:12px}.hero{height:550px}.hero-copy{padding-top:58px}.hero-copy h1{font-size:49px}.hero-copy p{font-size:15px}.hero-bottom{font-size:9px;letter-spacing:.08em}.section{padding:50px 22px}.intro,.market,.order,.history-heading,.history-layout{grid-template-columns:1fr;gap:35px}.intro-photo>img{aspect-ratio:1.2}.intro-copy{padding-top:12px}.intro-copy h2{font-size:43px}.flag{top:5px}.market h2{font-size:40px}.about-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.video-card{grid-column:1/-1;min-height:320px}.video-card>img{height:320px}.archive-card{grid-column:auto}.book-card>img,.archive-card>img{height:235px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-top>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.products{grid-template-columns:1fr;gap:40px}.product-images{aspect-ratio:1.25}.product-copy h2{font-size:34px}.history-heading h1{font-size:48px}.history-art{display:grid;grid-template-columns:1fr 1fr;gap:20px}.history-art img:last-child{grid-column:1/-1;max-width:160px;margin:auto}.timeline article{grid-template-columns:70px 1fr;gap:12px}.family-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.family-card span{font-size:12px}dialog{padding:50px 35px 15px}.prev{left:0}.next{right:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Brand palette: logo red and confectionery packaging pink. */
header{background:#ffffff}.market{background:#ffffff}.button.light{background:#f7b8bc;color:#651610}.hero-shade{background:linear-gradient(90deg,rgba(70,10,15,.78),rgba(70,10,15,.08)),linear-gradient(0deg,rgba(70,10,15,.5),transparent 40%)}.photo-label{background:#ffffff}.family-card span{color:#521e24}.book-card .text-link{color:#721b18}footer{background:#a02018}.footer-bottom{border-color:#ffffff40}

/* White pages with the selected pink for interface accents. */
:root{--pink:#f7b8bc;--line:#eadcdd}
body,header,.market,.about,.family,footer{background:#ffffff}
.button,.button.light,.market-link,.photo-label,.play{background:var(--pink);color:#651610}
.market-link{border-color:var(--pink)}
nav a[aria-current]:after{background:var(--pink);height:3px}
.product-images{background:#fff}
footer{color:var(--ink);border-top:1px solid var(--line)}
.footer-top .eyebrow,.footer-bottom{color:var(--muted)}
.footer-bottom{border-color:var(--line)}
.social img{background:var(--wine);border:4px solid var(--wine);border-radius:50%;width:28px;height:28px}
.text-link{border-bottom-color:var(--pink)}
.button:hover,.market-link:hover{filter:brightness(.97)}

/* Keep navigation visible while scrolling on every screen size. */
header{position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(160,32,24,.12)}
html{scroll-padding-top:130px}
.skip{position:fixed;z-index:101}

/* Match the About section to the button pink. */
.about{background:var(--pink)}

.product-images-framed{background:var(--pink);isolation:isolate}
.product-images-framed>img:first-child{mix-blend-mode:multiply}

.gift-baskets{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;border-top:1px solid var(--line)}.gift-baskets p{color:var(--muted)}.gift-baskets .button{margin-top:25px}.gift-baskets h2{font-size:clamp(34px,3.6vw,50px)}@media(max-width:560px){.gift-baskets{grid-template-columns:1fr;gap:25px}}

.gift-baskets{align-items:center}.gift-photo{width:100%;height:auto;margin-top:26px;border-radius:3px}

/* Pink navigation and footer across all pages. */
header{background:#ffffff}footer{background:var(--pink)}

/* Logo and navigation occupy explicit separate rows. */
header{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;justify-items:center;align-items:center;height:auto;min-height:150px;gap:6px 20px;padding:12px 5%;background:#fff}
header .brand{grid-column:2;grid-row:1}
header .brand img{width:116px;height:84px}
header nav{grid-column:1 / -1;grid-row:2;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 38px}
header .market-link{position:static;grid-column:3;grid-row:1;justify-self:end}
html{scroll-padding-top:170px}
@media(max-width:850px){header .market-link{display:none}}
@media(max-width:560px){header{min-height:130px;padding:10px 16px;gap:5px}header .brand img{width:96px;height:69px}header nav{gap:10px 25px}html{scroll-padding-top:145px}}

/* Slightly larger centered brand mark. */
header .brand img{width:136px;height:98px}
html{scroll-padding-top:185px}
@media(max-width:560px){header .brand img{width:112px;height:81px}html{scroll-padding-top:160px}}

/* Footer in the exact logo red. */
footer{background:#a02018;color:#ffffff;border-top-color:#a02018}
.footer-top .eyebrow,.footer-bottom{color:#ffffff}
.footer-bottom{border-color:rgba(255,255,255,.3)}

/* Larger inset photos for almonds and Biber. */
.product-images img+img{width:48%;height:48%}

/* Mirror only the main Biber photo, preserving the inset. */
.product-images-framed>img:first-child{transform:scaleX(-1)}

/* Show the right-hand side of the Konfekt Biberli photo. */
.product-images img[src="images/biberli4.jpg"]{object-position:right center}

.gift-contact{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.gift-contact h3{font:normal 27px/1.2 Georgia,serif;margin:0 0 16px}.gift-contact .text-link{overflow-wrap:anywhere;max-width:100%}

/* Equal-height About media on a white background. */
.about{background:#fff}
.about-grid{align-items:start}
.about-grid .video-card{height:360px;min-height:0}
.about-grid .video-card>img{height:100%;width:100%;object-fit:cover}
.about-grid .book-card>img,.about-grid .archive-card>img{height:360px;width:100%;object-fit:contain;object-position:center;background:#fff}
@media(max-width:850px){.about-grid{grid-template-columns:1.4fr 1fr 1fr;gap:20px}.about-grid .archive-card{grid-column:auto}.about-grid .video-card,.about-grid .book-card>img,.about-grid .archive-card>img{height:280px}}
@media(max-width:560px){.about-grid{grid-template-columns:1fr;gap:30px}.about-grid .video-card{grid-column:auto;height:320px}.about-grid .book-card>img,.about-grid .archive-card>img{height:320px}.about-grid .archive-card{grid-column:auto}}

/* Black outline around the historical anniversary photo. */
.about-grid .archive-card>img{border:1px solid #000}

/* Size the visible media, not a letterboxed image box. */
.about-grid{grid-template-columns:minmax(0,1fr) auto auto;gap:30px}
.about-grid .book-card>img,.about-grid .archive-card>img{height:360px;width:auto;max-width:none;object-fit:initial}
.about-grid .video-card{height:360px;min-width:0}
@media(max-width:1000px) and (min-width:561px){.about-grid{grid-template-columns:minmax(0,1fr) auto auto;gap:20px}.about-grid .video-card,.about-grid .book-card>img,.about-grid .archive-card>img{height:280px}}
@media(max-width:700px) and (min-width:561px){.about-grid{gap:14px}.about-grid .video-card,.about-grid .book-card>img,.about-grid .archive-card>img{height:230px}}
@media(max-width:560px){.about-grid{grid-template-columns:minmax(0,1fr);gap:30px}.about-grid .video-card,.about-grid .book-card>img,.about-grid .archive-card>img{height:320px}.about-grid .book-card>img,.about-grid .archive-card>img{margin-inline:auto}}

.about{border-top:1px solid var(--line)}

.video-block{min-width:0;width:100%}.video-block .video-card{display:block;width:100%;padding:0;border:0;text-align:left}.embedded-video{background:#000}.youtube-fallback{display:block;margin-top:15px;font-size:12px;color:var(--wine);text-align:center;text-decoration:underline}
