@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#fcfaf6;--cream:#f1ece2;--ink:#273a40;--blue:#376373;--muted:#66716e;--line:#d8dbd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b08046;outline-offset:5px}.concept{background:#e6edf0;text-align:center;padding:7px 20px;font-size:10px;letter-spacing:1.2px}.concept span{padding:0 12px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-family:'Playfair Display',Georgia,serif;font-size:40px;line-height:1;letter-spacing:-1.7px}.wordmark span{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:9px;text-align:center;letter-spacing:3px;margin-top:11px;padding-left:5px}nav{display:flex;gap:38px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--blue);border:1px solid var(--blue);padding:16px 23px;color:white;font-size:13px}.button:hover{background:#254c5a}.button.small{padding:12px 18px}.hero{position:relative;max-width:1440px;margin:0 auto;padding:26px 5% 55px;display:grid;grid-template-columns:1fr 1fr;gap:5.2%;align-items:center}.hero-copy{padding:28px 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;margin:0 0 25px;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(46px,5.3vw,78px);line-height:1.08;letter-spacing:-3px;margin-bottom:28px}h1 em,h2 em{font-weight:400;color:var(--blue)}.intro{max-width:345px;font-size:16px;color:#56645f;line-height:1.8;margin-bottom:32px}.actions{display:flex;align-items:center;gap:25px}.text-link{font-size:12px;border-bottom:1px solid #6a8185;padding-bottom:5px}.hero-note{display:flex;align-items:center;gap:18px;font-size:11px;line-height:1.7;margin-top:50px;color:var(--muted)}.diamond{font-size:38px;color:#8098a1}.hero-image{margin:0;position:relative;height:570px;overflow:hidden}.hero-image img{height:100%;object-position:50% 50%}.hero-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#17251ed9)}.hero-image figcaption{position:absolute;bottom:31px;left:30px;right:30px;color:white;z-index:1}.hero-image figcaption>span{font-size:9px;letter-spacing:2px;display:block}.hero-image strong{font-family:'Playfair Display',Georgia,serif;display:block;font-size:32px;font-weight:400;margin:5px 0}.hero-image figcaption a{font-size:11px;border-bottom:1px solid #ffffff80;padding-bottom:3px}.side-note{position:absolute;right:1.7%;top:40%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.ribbon{display:flex;align-items:center;justify-content:center;gap:45px;padding:23px;background:var(--cream);font-size:9px;letter-spacing:1.9px}.ribbon i{font-size:20px;font-style:normal;color:#98a7a7}.section{padding:90px max(5%,calc((100vw - 1296px)/2));}h2{font-size:clamp(35px,4vw,55px);line-height:1.15;letter-spacing:-1.5px;margin-bottom:22px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:28px}.section-heading .eyebrow{margin-bottom:16px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 34px}.filters button{background:transparent;border:1px solid var(--line);border-radius:25px;color:var(--muted);font-size:11px;padding:10px 18px}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;min-height:430px}.products article[hidden]{display:none}.product-img{height:330px;position:relative;overflow:hidden;background:var(--cream)}.product-img img{height:100%;transition:transform .5s}.products a:hover img{transform:scale(1.035)}.product-img span{position:absolute;left:15px;top:15px;background:var(--paper);font-size:8px;letter-spacing:1.5px;padding:8px 11px}.product-title{display:flex;align-items:center;justify-content:space-between;padding:16px 0 3px}h3{font-size:26px;margin:0}.products p{font-size:11px;color:var(--muted)}.menu-bottom{margin-top:23px;padding-top:23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--cream);align-items:center}.story-image{position:relative}.story-image img{height:450px}.stamp{position:absolute;right:-30px;bottom:28px;width:130px;height:130px;border-radius:50%;background:#e4eceb;border:7px solid var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:8px;letter-spacing:1.3px;line-height:1.5;color:var(--blue)}.stamp span{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:22px;letter-spacing:0}.story-copy p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:380px}.story-copy .text-link{display:inline-block;margin-top:10px}.occasions{text-align:center}.occasion-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.occasion-grid a{padding:38px 45px}.occasion-grid a+a{border-left:1px solid var(--line)}.occasion-grid span{font-size:9px;letter-spacing:1.5px;color:var(--blue)}.occasion-grid h3{margin:18px 0 10px;font-size:30px}.occasion-grid p{font-size:12px;color:var(--muted);max-width:320px}.occasion-grid b{display:inline-block;font-size:11px;font-weight:500;margin-top:14px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#e6edef}.visit p{font-size:14px}.visit-details{padding-top:18px;max-width:430px}.visit-details h3{margin-bottom:20px}.visit-details dl{margin:0 0 18px}.visit-details dl div{display:flex;justify-content:space-between;border-bottom:1px solid #c7d3d6;padding:12px 0;font-size:12px}.visit-details dd{margin:0}.visit-details .fine{font-size:10px;color:var(--muted);margin-bottom:26px}footer{padding:45px 5% 20px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px}.footer-top p{font-size:12px;color:var(--muted);margin:0}.footer-top>a:last-child{font-size:11px}details{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer}details p{max-width:900px;margin-top:16px}details a{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding-top:10px}dialog{color:var(--ink);background:var(--paper);border:0;padding:45px;max-width:550px;width:calc(100% - 32px)}dialog::backdrop{background:#20353abb;backdrop-filter:blur(4px)}dialog h2{font-size:38px}dialog p:not(.eyebrow){font-size:13px;color:var(--muted)}.close{position:absolute;right:12px;top:5px;border:0;background:transparent;font-size:30px;color:var(--ink)}.order-choice{display:block;border-top:1px solid var(--line);padding:20px 0 10px;margin-top:16px}.order-choice strong{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:22px}.order-choice span{font-size:11px;color:var(--muted)}@media(min-width:1500px){.section{padding-left:calc((100vw - 1296px)/2);padding-right:calc((100vw - 1296px)/2)}}@media(max-width:760px){.concept{font-size:8px;letter-spacing:.5px}.concept span{padding:0 5px}header{padding:23px 6%;gap:15px}.wordmark{font-size:32px}nav{gap:15px;font-size:11px}nav a:nth-child(2){display:none}header .button{font-size:10px;padding:10px;gap:10px}.hero{padding:10px 6% 30px;grid-template-columns:1fr;gap:27px}.hero-copy{padding:15px 0 0}h1{font-size:55px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:18px}.intro{font-size:14px;max-width:320px}.hero-note{display:none}.hero-image{height:430px}.side-note{display:none}.ribbon{gap:13px;padding:18px 12px;font-size:7px;letter-spacing:1px}.ribbon span:last-child,.ribbon i:last-of-type{display:none}.section{padding:55px 6%}.section-heading{display:block}.section-heading p:not(.eyebrow){margin:0 0 24px}.filters{gap:7px}.filters button{font-size:10px;padding:9px 12px}.products{grid-template-columns:1fr;gap:24px;min-height:0}.product-img{height:350px}.product-title{padding-top:12px}.products p{font-size:12px}.menu-bottom{gap:20px;align-items:center}.menu-bottom>span{max-width:140px}.story{grid-template-columns:1fr;gap:40px}.story-image img{height:360px}.stamp{right:13px;bottom:-20px}.story-copy{padding-top:8px}.story-copy p:not(.eyebrow){font-size:14px}.occasion-grid{grid-template-columns:1fr}.occasion-grid a{padding:30px 12px}.occasion-grid a+a{border-left:0;border-top:1px solid var(--line)}.visit{grid-template-columns:1fr;gap:32px}.visit-details{padding:0;max-width:none}.footer-top{flex-wrap:wrap;gap:30px}.footer-top>a:last-child{width:100%}dialog{padding:35px 25px}.hero-image figcaption{left:24px;bottom:24px}h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-img img{transition:none}}
/* Dagmar’s own pale-blue identity, with a fresher modern expression. */
:root{--blue:#477a90;--cream:#edf5f7;--ink:#253e48;--paper:#fffdf9}.concept{background:#dcedf3}.wordmark{display:block}.wordmark img{width:86px;height:86px;object-fit:contain}header{padding-top:14px;padding-bottom:14px}.ribbon{background:#dceef4}.hero-image{border-radius:180px 180px 4px 4px}.button{border-radius:4px}.hero-note .diamond{color:#83bdd4}.story{background:#eaf3f6}.stamp{border-color:#eaf3f6;background:#c7e6f1}.visit{background:#dcedf4}.product-img{border-radius:100px 100px 3px 3px}.occasion-grid a:hover{background:#f0f7f9}.filters button.active{background:#477a90;border-color:#477a90}@media(max-width:760px){.wordmark img{width:66px;height:66px}header{padding-top:12px;padding-bottom:12px}.hero-image{border-radius:150px 150px 3px 3px}.product-img{border-radius:110px 110px 3px 3px}}
@media(max-width:420px){nav a:last-child{display:none}.hero-image{height:380px}.actions{gap:18px}.actions .button{padding:14px 18px;font-size:12px}.actions .text-link{font-size:11px}}
.stollen-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;background:#f4f1e8;border-top:1px solid #e4e6dd}.stollen-intro h2{font-size:clamp(34px,3.4vw,49px)}.stollen-intro>p:not(.eyebrow){font-size:13px;max-width:380px;color:var(--muted)}.stollen-intro .button{margin:10px 0 18px}.stollen-intro p.fine{font-size:10px;max-width:350px}.stollen-varieties{position:relative;background:var(--paper);padding:40px 32px;border-radius:100px 100px 4px 4px}.stollen-varieties>h3{text-align:center;font-size:25px;margin:8px 0 25px}.snow{color:#8eb6c7;font-size:24px;text-align:center}.stollen-varieties>div:not(.snow){display:flex;gap:16px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.stollen-varieties>div>span{font-size:10px;color:var(--blue);padding-top:7px}.stollen-varieties h4{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:400;margin:0 0 4px}.stollen-varieties p{font-size:11px;color:var(--muted);margin-bottom:0}@media(max-width:760px){.stollen-feature{grid-template-columns:1fr;gap:30px}.stollen-varieties{padding:35px 26px}}
/* Buttons echo the original logo blue (#79BDE9), slightly deepened. */
:root{--button-blue:#6bb0dc;--button-ink:#173a50}.button,.filters button.active{background:var(--button-blue);border-color:var(--button-blue);color:var(--button-ink)}.button:hover{background:#64aad6;border-color:#64aad6;color:var(--button-ink)}
@media(max-width:760px){header .wordmark img{width:80px;height:80px}}
/* Larger mobile logo; keep controls comfortably spaced on narrow phones. */
@media(max-width:760px){header .wordmark img{width:138px;height:138px}header .wordmark{flex-shrink:0}}
@media(max-width:520px){header{display:grid;grid-template-columns:138px 1fr;column-gap:14px;row-gap:5px}header .wordmark{grid-column:1;grid-row:1 / 3}header nav{grid-column:2;grid-row:1;justify-content:flex-end;align-self:end;margin-bottom:5px}header .button{grid-column:2;grid-row:2;justify-self:end;align-self:start}header nav a:last-child{display:none}}
/* Desktop header logo at double its original size; mobile rules stay unchanged. */
@media(min-width:761px){header .wordmark{flex-shrink:0}header .wordmark img{width:189px;height:189px}}
/* Story badge matches Dagmar’s original logo blue and white lettering. */
.stamp{background:#79bde9;color:#fff}

/* Contemporary, characterful headline typography; body copy stays unchanged. */
h1,h2,h3,.hero-image strong,.stollen-varieties h4{font-family:"Bricolage Grotesque","DM Sans",Arial,sans-serif;font-weight:400;font-optical-sizing:auto}h1{letter-spacing:-2.3px}h2{letter-spacing:-1.25px}h1 em,h2 em{font-weight:400}
h1{letter-spacing:-1.5px;line-height:1.04}h2{letter-spacing:-.8px;line-height:1.08}
.thanksgiving{background:#f4eadd}.thanksgiving-heading{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.thanksgiving-heading>div>p{font-size:14px;max-width:390px;color:var(--muted)}.holiday-order{border-left:1px solid #d8c8b5;padding-left:35px}.holiday-order h3{font-size:28px;margin-bottom:15px}.holiday-order p{font-size:12px!important}.holiday-order strong{font-weight:600}.holiday-order .holiday-pickup{font-size:11px!important;margin:18px 0 0}.holiday-menu{margin-top:38px;border-top:1px solid #d8c8b5;border-bottom:1px solid #d8c8b5;padding:0;color:var(--ink)}.holiday-menu summary{list-style:none;display:flex;justify-content:space-between;padding:22px 0;font-size:16px}.holiday-menu summary::-webkit-details-marker{display:none}.holiday-menu summary span{font-size:24px;line-height:1}.holiday-menu[open] summary span{transform:rotate(45deg)}.holiday-columns{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:15px 0 10px}.holiday-columns h3{font-size:25px;margin-bottom:20px}.holiday-columns dl{margin:0}.holiday-columns dl>div{padding:12px 0;border-bottom:1px solid #dfd2c2}.holiday-columns dt{font-size:13px}.holiday-columns dd{margin:3px 0 0;font-size:11px;color:var(--muted)}.holiday-menu .holiday-note{font-size:10px;margin:18px 0;color:var(--muted);max-width:900px}@media(max-width:760px){.thanksgiving-heading,.holiday-columns{grid-template-columns:1fr;gap:30px}.holiday-order{border-left:0;border-top:1px solid #d8c8b5;padding:25px 0 0}.thanksgiving h2{font-size:36px}.holiday-columns>div+div{margin-top:10px}}

/* A lighter, personable sans-serif direction for the bakery headlines. */
h1 em,h2 em{font-style:normal}h1{letter-spacing:-2px}h2{letter-spacing:-1px}
.stamp{transform:rotate(-45deg)}
/* Story section in the requested logo blue with white text. */
.story{background:#79bde9;color:#fff}.story h2 em,.story-copy p:not(.eyebrow),.story .text-link{color:#fff}.story .text-link{border-color:#fff}.story .stamp{border-color:#fff}
/* Thanksgiving joins the logo-blue section palette. */
.thanksgiving{background:#79bde9;color:#fff}.thanksgiving h2 em,.thanksgiving-heading>div>p,.thanksgiving .text-link,.thanksgiving .holiday-menu,.thanksgiving .holiday-columns dd,.thanksgiving .holiday-note{color:#fff}.thanksgiving .text-link{border-color:#fff}.thanksgiving .holiday-order,.thanksgiving .holiday-menu,.thanksgiving .holiday-columns dl>div{border-color:#ffffff70}.thanksgiving .button{background:#fff;border-color:#fff;color:#173a50}.thanksgiving .button:hover{background:#edf5f7;border-color:#edf5f7;color:#173a50}
/* Restore the earlier pale-blue seal and dark lettering, keeping its tilt. */
.story .stamp{background:#c7e6f1;color:#477a90;border-color:#eaf3f6}
/* The original bakery’s yellow highlights the deadline without sacrificing readability. */
.holiday-order h3{display:inline-block;background:#e8d278;color:#253e48;padding:7px 12px;border-radius:3px}
/* Header colors drawn from Dagmar’s existing website. */
header{background:#82b8de;max-width:none}header nav{color:#ffeab8}header nav a:hover{color:#fff}header .button{background:#ffeab8;border-color:#ffeab8;color:#253e48}header .button:hover{background:#fff;border-color:#fff;color:#253e48}
@media(min-width:761px){header{display:grid;grid-template-columns:189px 1fr auto;gap:32px;padding:22px max(5%,calc((100vw - 1296px)/2))}header nav{justify-content:center;gap:32px;letter-spacing:.025em}}
/* A quieter, warmer rhythm: generous space and softly irregular photo edges. */
.hero{padding-top:44px;padding-bottom:70px}.hero-image{border-radius:44% 38% 5px 5px / 32% 28% 5px 5px}.hero-image img{object-position:50% 57%}.hero-copy .intro{line-height:1.85}.products{gap:32px}.product-img{border-radius:24px 24px 4px 4px}.products article:nth-child(2) .product-img{border-radius:36% 40% 4px 4px / 24% 28% 4px 4px}.story-image img{border-radius:32px 7px 32px 7px}.occasion-grid a{padding-top:44px;padding-bottom:44px}
@media(max-width:760px){.hero{padding-top:24px;padding-bottom:42px}.hero-image{border-radius:42% 35% 4px 4px / 27% 24% 4px 4px}.products{gap:30px}.occasion-grid a{padding-top:30px;padding-bottom:30px}}
/* Let the actual stollen lead; keep the three varieties and festive diamonds. */
.stollen-feature{align-items:center}.stollen-intro h2{margin-bottom:26px}.stollen-photo{height:330px;border-radius:32px 8px 32px 8px;object-position:50% 50%;margin-bottom:18px}.stollen-intro .button{margin:2px 0 14px}.stollen-intro p.fine{margin-bottom:0}@media(max-width:760px){.stollen-photo{height:270px}.stollen-feature{gap:34px}}



/* Remove the redundant occasions heading and its empty gap. */
.occasions .occasion-grid{margin-top:0}