@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--header-height:151px;--navy:#0d284d;--cream:#f6f0e7;--paper:#fcfaf6;--red:#af293a;--pink:#f39e95;--muted:#536072;--line:#d8d5cd;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans','Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{margin:0;color:var(--navy);background:var(--paper);font-family:var(--sans);font-size:1rem;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}img{max-width:100%;display:block}p{margin:0 0 1.25rem}h1,h2,h3{font-weight:400;margin:0;font-family:var(--serif);letter-spacing:-.045em;line-height:1.05}h2{font-size:clamp(2.6rem,4.1vw,4.15rem)}h3{font-size:2.35rem}h1 em,h2 em{font-weight:400;color:var(--red)}em{font-style:italic}.wrap{width:min(1260px,calc(100% - 96px));margin-inline:auto}.section{padding-block:108px}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.18em;margin-bottom:24px}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--red);color:white;text-decoration:none;border:1px solid var(--red);border-radius:3px;padding:14px 24px;min-height:50px;font-size:.94rem;font-weight:600;line-height:1.3;transition:background .2s,color .2s}.button:hover{background:#8f1c2c;border-color:#8f1c2c}.button-small{min-height:43px;padding:11px 18px;font-size:.875rem}.text-link{text-decoration:none;border-bottom:1px solid currentColor;display:inline-block;padding-bottom:4px;font-weight:600;font-size:.95rem}.text-link:hover{color:var(--red)}:focus-visible{outline:3px solid var(--red);outline-offset:5px}.skip-link{position:fixed;z-index:100;left:12px;top:-100px;background:var(--navy);color:#fff;padding:12px}.skip-link:focus{top:12px}
.site-header{background:var(--cream);border-bottom:1px solid rgba(13,40,77,.12);position:sticky;top:0;z-index:20}.header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{width:147px;flex-shrink:0;display:block}.brand img{width:100%;height:auto;mix-blend-mode:multiply}.header-inner nav{display:flex;align-items:center;gap:31px}.header-inner nav>a:not(.button){font-size:.9rem;text-decoration:none;font-weight:500}.header-inner nav>a:not(.button):hover{color:var(--red)}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;padding-top:55px;padding-bottom:72px}.hero-copy{padding-block:20px}.hero h1{font-size:clamp(4.5rem,7.5vw,7.6rem);line-height:.97}.hero-slogan{font-family:var(--serif);font-size:1.38rem;margin-top:31px;margin-bottom:20px;line-height:1.4;letter-spacing:-.015em}.hero-description{max-width:440px;color:var(--muted);font-size:1.04rem;line-height:1.75}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:30px;flex-wrap:wrap}.hero-note{font-size:.78rem;margin:34px 0 0;letter-spacing:.02em;color:var(--muted)}.hero-visual{position:relative;align-self:stretch;min-height:610px;margin-bottom:22px}.table-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:right center;border-radius:140px 3px 3px 3px}.photo-label{position:absolute;bottom:-22px;left:25px;right:25px;background:var(--cream);padding:19px 23px;display:flex;align-items:center;gap:15px;font-family:var(--serif);font-style:italic;font-size:1.25rem;border:1px solid #e2d9ca}.label-line{height:1px;width:30px;background:var(--red)}.values-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream)}.values-strip .wrap{display:flex;justify-content:space-between;gap:30px;padding-block:21px;font-size:.9rem}.values-strip span+span{border-left:1px solid #ccc6ba;padding-left:45px}
.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:end;margin-bottom:54px}.section-heading>p{color:var(--muted);max-width:425px;margin-bottom:5px;font-size:1.06rem}.package-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);gap:24px}.package-tabs button{text-align:left;background:none;border:0;border-bottom:3px solid transparent;color:var(--navy);font-family:var(--serif);font-size:2rem;padding:13px 0 21px;line-height:1.2;transition:border .2s,color .2s}.package-tabs button span{display:block;font-family:var(--sans);font-size:.875rem;margin-top:10px;letter-spacing:0;color:var(--muted)}.package-tabs button[aria-selected=true]{color:var(--red);border-bottom-color:var(--red)}.package-tabs button:hover{color:var(--red)}.package-panel{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;background:var(--cream);padding:48px 52px;margin-top:28px;border-radius:3px;min-height:340px}.package-panel .eyebrow{margin-bottom:19px}.package-intro h3{margin-bottom:24px;font-size:2.5rem}.package-intro>p:not(.eyebrow){color:var(--muted);max-width:510px}.package-intro .text-link{color:var(--red);margin-top:6px}.package-details{border-left:1px solid #cec8bf;padding-left:50px;align-self:center}.detail-label{font-size:.76rem;letter-spacing:.13em;font-weight:700;margin-bottom:15px}.package-details ul{list-style:none;padding:0;margin:0}.package-details li{padding:8px 0;border-bottom:1px solid #ddd6ca;font-size:.96rem}.package-note{font-size:.84rem;color:var(--muted);margin:22px 0 0;line-height:1.6}.promise{border-top:1px solid var(--line);padding-top:69px;padding-bottom:89px;display:grid;grid-template-columns:1.3fr 1fr;gap:100px}.promise h2{font-size:3.6rem}.promise-copy{align-self:center;color:var(--muted);font-size:1.06rem}.promise-copy p:last-child{margin-bottom:0}
.workshop-section{background:var(--navy);color:var(--cream);padding-block:85px}.workshop-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:88px;align-items:center}.workshop-visual{margin:0;height:100%;min-height:480px;position:relative;overflow:hidden;border-radius:3px 90px 3px 3px}.workshop-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:23% center}.workshop-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:22px 28px;background:linear-gradient(transparent,rgba(4,14,27,.85));color:#fff;font-size:.9rem}.workshop-copy .eyebrow{color:var(--pink)}.workshop-copy h2{font-size:4.4rem;margin-bottom:27px}.workshop-copy h2 em{color:var(--pink)}.workshop-copy>p:not(.eyebrow):not(.small-note){color:#e0e3e7;max-width:470px}.button-cream{background:var(--cream);border-color:var(--cream);color:var(--navy);margin-top:12px}.button-cream:hover{background:white;border-color:white}.small-note{font-size:.84rem;color:#c3cbd4;margin:18px 0 0}.workshop-section :focus-visible{outline-color:var(--pink)}.about-section{display:grid;grid-template-columns:1.3fr 1fr;gap:100px}.about-copy{padding-top:25px;color:var(--muted)}.about-copy .lead{font-family:var(--serif);font-size:1.5rem;line-height:1.5;color:var(--navy);letter-spacing:-.015em}.about-copy .text-link{color:var(--red);margin-top:10px}
.products-section{padding-block:80px;background:#eee5d8}.products-section .section-heading{margin-bottom:43px}.development-label{display:inline-block;font-size:.65rem;margin-left:10px;border:1px solid #bbb3a8;border-radius:2px;padding:3px 7px;letter-spacing:.06em;font-weight:500;vertical-align:middle}.product-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-bottom:36px}.product-concepts article{border-top:1px solid #bdb6ac;padding-top:21px}.product-number{font-size:.8rem;color:var(--red);font-weight:500}.product-concepts h3{font-size:2.25rem;margin-top:18px;margin-bottom:18px}.product-concepts p{color:var(--muted);max-width:320px;line-height:1.7}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:1rem;font-weight:500;padding:24px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:1.5rem;font-weight:400;color:var(--red)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);padding-right:20px;line-height:1.75;margin-top:0;margin-bottom:25px}
.contact-section{background:var(--cream);padding-block:88px;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:95px}.contact-copy h2{margin-bottom:29px}.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:365px}.contact-link{display:block;text-decoration:none;font-size:1.18rem;line-height:1.5;width:fit-content;border-bottom:1px solid #b1b7bf;margin-top:15px}.contact-link:hover{color:var(--red)}.contact-copy .contact-note{font-size:.875rem;margin-top:25px}.request-form{background:var(--paper);padding:35px 38px;border:1px solid #e3dcd0;border-radius:3px}.form-heading{font-family:var(--serif);font-size:1.75rem;letter-spacing:-.025em;margin-bottom:25px;line-height:1.3}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:19px}.request-form label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:500;margin-bottom:20px;min-width:0}.request-form input,.request-form select,.request-form textarea{color:var(--navy);border:1px solid #c9c8c0;border-radius:2px;background:#fff;padding:11px 12px;width:100%;min-height:47px;font-size:1rem;line-height:1.4;min-width:0}.request-form input::placeholder,.request-form textarea::placeholder{color:#667180;opacity:1}.request-form textarea{resize:vertical}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.form-actions .button{padding-inline:18px;font-size:.875rem}.button-outline{background:transparent;color:var(--navy);border-color:var(--navy)}.button-outline:hover{background:var(--navy);color:white;border-color:var(--navy)}.form-note{font-size:.78rem;color:var(--muted);line-height:1.6;margin:21px 0 0}.request-status{font-size:.875rem;color:var(--red);margin:12px 0 0}.request-status:empty{display:none}footer{padding-top:24px;padding-bottom:25px;background:var(--paper)}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-brand{width:125px}.footer-grid>p{font-family:var(--serif);font-size:1.15rem;font-style:italic;margin:0}.footer-grid>a:last-child{font-size:.84rem;text-decoration:none}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:17px;display:flex;justify-content:space-between;gap:25px;font-size:.76rem;color:var(--muted)}
@media(min-width:1600px){.hero-visual{min-height:630px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-inner nav{gap:20px}.hero{gap:38px}.hero h1{font-size:6rem}.hero-visual{min-height:555px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:.875rem}.values-strip span+span{padding-left:22px}.section-heading,.promise,.about-section,.faq-section{gap:58px}.package-panel{gap:45px;padding:37px}.package-details{padding-left:32px}.workshop-grid{gap:45px}.workshop-copy h2{font-size:3.6rem}.contact-grid{gap:50px}.request-form{padding:30px}.section{padding-block:85px}}
@media(max-width:850px){.wrap{width:calc(100% - 44px)}:root{--header-height:133px}.header-inner{min-height:83px;gap:15px}.brand{width:124px}.menu-toggle{display:inline-flex;gap:12px;align-items:center;border:1px solid #a5acb7;background:none;color:var(--navy);padding:9px 12px;border-radius:2px;font-size:.875rem}.header-inner nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:20px 22px 28px;flex-direction:column;align-items:stretch;gap:5px;box-shadow:0 12px 18px #0d284d12}.header-inner nav.is-open{display:flex}.header-inner nav>a:not(.button){padding:10px 4px;font-size:1rem}.header-inner nav>.button{margin-top:10px}.hero{gap:28px;grid-template-columns:1fr 1fr;padding-top:30px;padding-bottom:55px}.hero h1{font-size:4.5rem}.hero .eyebrow{font-size:.72rem;margin-bottom:18px}.hero-slogan{font-size:1.22rem;margin-top:24px}.hero-visual{min-height:520px}.hero-description{font-size:1rem}.hero-actions{align-items:start;flex-direction:column;gap:18px}.hero-note{margin-top:25px}.photo-label{left:15px;right:15px;font-size:1.1rem;padding:16px}.table-image{border-top-left-radius:90px}.values-strip .wrap{font-size:.8rem;gap:14px;flex-wrap:wrap;justify-content:center}.values-strip span+span{padding-left:15px}.section-heading{gap:38px;grid-template-columns:1.2fr 1fr}h2{font-size:2.85rem}.package-tabs{gap:18px}.package-tabs button{font-size:1.75rem}.package-tabs button span{font-size:.8rem}.package-panel{gap:35px;padding:32px}.package-intro h3{font-size:2.15rem}.package-details{padding-left:27px}.promise{gap:38px}.promise h2{font-size:2.85rem}.workshop-section{padding-block:65px}.workshop-grid{grid-template-columns:1fr 1fr;gap:32px}.workshop-visual{min-height:475px}.workshop-copy h2{font-size:3rem}.workshop-copy>p:not(.eyebrow):not(.small-note){font-size:.94rem}.about-section{gap:38px}.products-section .section-heading{grid-template-columns:1fr;gap:25px}.products-section .section-heading>p{max-width:600px}.product-concepts{gap:26px}.product-concepts h3{font-size:1.9rem}.product-concepts p{font-size:.94rem}.faq-section{gap:36px;grid-template-columns:.75fr 1.25fr}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-copy{max-width:650px}.contact-copy>p:not(.eyebrow){max-width:550px}.contact-copy h2 br{display:none}.request-form{max-width:650px}.footer-grid{gap:20px;flex-wrap:wrap}.footer-grid>p{font-size:1rem}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.section{padding-block:65px}.hero{grid-template-columns:1fr;gap:34px;padding-top:34px;padding-bottom:52px}.hero-copy{padding:0}.hero h1{font-size:clamp(4.7rem,17vw,6.2rem)}.hero-slogan{font-size:1.3rem}.hero-description{max-width:100%}.hero-actions{flex-direction:row;align-items:center;gap:19px}.hero-actions .button{padding-inline:18px;font-size:.875rem}.hero-actions .text-link{font-size:.82rem}.hero-note{font-size:.75rem;margin-top:25px}.hero-visual{min-height:370px}.table-image{border-top-left-radius:100px}.photo-label{padding:15px 18px;bottom:-20px;left:18px;right:18px}.values-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:13px 8px;padding-block:20px;text-align:center;font-size:.8rem}.values-strip span+span{border:0;padding:0}.values-strip span:nth-child(even){border-left:1px solid #ccc6ba}.section-heading,.promise,.about-section,.faq-section{grid-template-columns:1fr;gap:27px}.section-heading{margin-bottom:30px}.eyebrow{font-size:.72rem;margin-bottom:18px}h2{font-size:2.75rem}.section-heading>p{font-size:1rem}.package-tabs{grid-template-columns:1fr 1fr;gap:8px 23px;border-bottom:0}.package-tabs button{font-size:1.8rem;padding:15px 0;border-bottom:1px solid var(--line)}.package-tabs button[aria-selected=true]{border-bottom:3px solid var(--red)}.package-tabs button span{font-size:.8rem;margin-top:8px}.package-panel{grid-template-columns:1fr;gap:26px;padding:27px 24px;margin-top:24px}.package-intro h3{font-size:2.2rem}.package-details{border-left:0;border-top:1px solid #cec8bf;padding-left:0;padding-top:24px}.package-intro>p:not(.eyebrow){font-size:.97rem}.promise{padding-top:47px;padding-bottom:62px}.promise h2{font-size:2.85rem}.promise-copy{font-size:1rem}.workshop-section{padding-block:48px}.workshop-grid{grid-template-columns:1fr;gap:37px}.workshop-visual{min-height:330px;order:2;border-top-right-radius:70px}.workshop-visual img{object-position:20% center}.workshop-copy h2{font-size:3.55rem}.workshop-copy>p:not(.eyebrow):not(.small-note){font-size:1rem}.workshop-copy .button{width:100%}.about-copy{padding-top:0}.about-copy .lead{font-size:1.35rem}.products-section{padding-block:61px}.development-label{margin-left:0;margin-top:8px;display:table}.product-concepts{grid-template-columns:1fr;gap:23px;margin-bottom:22px}.product-concepts article{display:grid;grid-template-columns:35px 1fr;column-gap:13px;padding-top:23px}.product-number{grid-row:1/3;padding-top:8px}.product-concepts h3{margin:0 0 13px;font-size:2rem}.product-concepts p{max-width:none;font-size:1rem;margin-bottom:0}.products-section>.wrap>.text-link{font-size:.875rem}.faq-list summary{font-size:.96rem;padding-block:21px}.contact-section{padding-block:62px}.contact-copy h2 br{display:initial}.request-form{padding:25px 20px}.form-heading{font-size:1.6rem}.form-row{gap:14px;grid-template-columns:1fr}.request-form label{margin-bottom:17px}.form-actions{flex-direction:column}.form-actions .button{width:100%}.form-note{font-size:.8rem}.footer-grid{justify-content:flex-start;gap:15px}.footer-grid>p{flex:1;font-size:.95rem;line-height:1.4}.footer-grid>a:last-child{width:100%;padding-bottom:10px}.footer-bottom{flex-direction:column;gap:8px;margin-top:12px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the existing artwork's photographic portion visible at every width. */
.hero-image-frame{position:absolute;inset:0;overflow:hidden;border-radius:140px 3px 3px 3px}.hero-image-frame .table-image{width:220%;max-width:none;left:auto;right:0;border-radius:0}.eyebrow,.detail-label{font-size:.875rem}.development-label{font-size:.75rem}.hero-actions .text-link{font-size:.875rem}.workshop-copy>p:not(.eyebrow):not(.small-note),.product-concepts p{font-size:1rem}.workshop-copy h2{font-size:clamp(2.65rem,3.8vw,3.65rem)}
@media(max-width:850px){.hero-image-frame{border-top-left-radius:90px}.hero .eyebrow,.eyebrow{font-size:.875rem}.workshop-copy h2{font-size:2.5rem}}
@media(max-width:600px){.hero-image-frame{border-top-left-radius:100px}.workshop-copy h2{font-size:clamp(2.1rem,8.8vw,3.2rem)}}
/* More presence for the original logo, with the same quiet page composition. */
.header-inner{min-height:150px}.brand{width:252px;height:138px;overflow:hidden}.brand img{transform:translateY(-18px)}.footer-brand{width:205px;height:120px}.footer-brand img{transform:translateY(-13px)}
.hero-image-frame .table-image{width:100%;height:100%;max-width:100%;inset:0;object-fit:cover;object-position:center}
.catering-photos{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin-top:34px}.catering-photos figure{margin:0}.catering-photo-frame{height:300px;position:relative;overflow:hidden;border-radius:3px}.catering-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.catering-photo-frame.table-detail img{position:absolute;top:0;right:0;width:220%;max-width:none;object-position:right bottom}.catering-photos figcaption{font-size:.875rem;color:var(--muted);padding-top:13px;line-height:1.5}
@media(max-width:1100px){:root{--header-height:139px}.brand{width:226px;height:125px}.brand img{transform:translateY(-15px)}.header-inner{min-height:138px}.header-inner nav{gap:17px}.header-inner nav>a:not(.button){font-size:.875rem}.catering-photo-frame{height:270px}.footer-brand{width:205px;height:120px}}
@media(max-width:1000px) and (min-width:851px){.header-inner nav{gap:12px}.header-inner nav .button{padding-inline:12px}.brand{width:205px;height:115px}.brand img{transform:translateY(-11px)}.header-inner{gap:18px}}
@media(max-width:850px){.brand{width:210px;height:114px}.brand img{transform:translateY(-13px)}.header-inner{min-height:132px}.catering-photo-frame{height:230px}.footer-brand{width:205px;height:120px}}
@media(max-width:600px){.catering-photos{grid-template-columns:1fr;gap:25px;margin-top:28px}.catering-photo-frame{height:260px}.hero-visual{min-height:410px}.hero-image-frame{border-top-left-radius:100px}.footer-grid>p{min-width:150px}.footer-brand{width:185px;height:105px}.footer-brand img{transform:translateY(-11px)}}
@media(max-width:380px){:root{--header-height:123px}.brand{width:185px;height:103px}.brand img{transform:translateY(-11px)}.header-inner{min-height:122px}.footer-brand{width:165px;height:94px}.catering-photo-frame{height:230px}}
/* The full Bij Kaar palette and its heart motif, within the existing layout. */
:root{--light-blue:#a8cce0;--blue-soft:#dceaf1;--pink:#f8867e;--pink-soft:#f9ded9}
.hero{background:linear-gradient(130deg,var(--paper) 45%,#eef5f8 100%);padding-inline:0}.hero h1 em{position:relative;isolation:isolate}.hero h1 em:after{content:'';position:absolute;left:0;right:-6px;bottom:.07em;height:.15em;background:var(--light-blue);z-index:-1;border-radius:0 0 50% 25%}
.brand-heart{--heart-w:90px;position:relative;display:inline-block;width:var(--heart-w);height:calc(var(--heart-w)*1.12);overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}.brand-heart img{position:absolute;width:calc(var(--heart-w)*5.8);max-width:none;height:auto;left:calc(var(--heart-w)*-.07);top:calc(var(--heart-w)*-.20);mix-blend-mode:multiply}.heart-small{--heart-w:46px}.heart-heading{--heart-w:33px}.hero-slogan{display:flex;align-items:center;gap:18px;line-height:1.35;font-size:1.42rem}.hero-slogan strong{font-weight:400;font-style:italic;color:var(--red)}.eyebrow:has(.brand-heart),.eyebrow:has(.heart-on-dark){display:flex;align-items:center;gap:13px;min-height:37px}
.heart-seal{position:absolute;top:-20px;right:-17px;display:flex;align-items:center;justify-content:center;width:152px;height:152px;border-radius:50%;background:var(--blue-soft);border:6px solid var(--paper)}.heart-seal .brand-heart{--heart-w:85px}.hero-image-frame{border-radius:115px 3px 3px 3px}.hero-image-frame .table-image{object-position:center bottom;transform:scale(1.28);transform-origin:center bottom}.photo-label{background:var(--pink-soft);border-color:#f1c7c0}.label-line{background:var(--red)}
.values-strip{background:var(--light-blue);border-color:#91b9d0}.values-strip span+span{border-color:#7fa6bd}.package-panel{background:var(--blue-soft);border-left:4px solid var(--light-blue)}.package-details{border-left-color:#b2cbd9}.package-details li{border-bottom-color:#bcd1dc}.package-tabs button[aria-selected=true]{background:linear-gradient(transparent 80%,var(--pink-soft) 80%);border-bottom-color:var(--red)}.package-tabs button{padding-left:10px}.promise .eyebrow{color:var(--red)}.lunchbox-photo img{object-position:center 66%}
.heart-on-dark{display:inline-block;width:42px;height:46px;flex-shrink:0;mix-blend-mode:normal}.heart-on-dark img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.workshop-copy h2 em{color:var(--pink)}.button-cream{background:var(--light-blue);border-color:var(--light-blue)}.button-cream:hover{background:var(--blue-soft);border-color:var(--blue-soft)}
.products-section{background:#f9e5e1}.product-concepts article{border-top-color:#d8b5b0}.product-number{background:var(--light-blue);color:var(--navy);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:.8rem}.development-label{background:var(--blue-soft);border-color:#abc4d1}.contact-section{background:var(--blue-soft);border-top-color:#abc4d1}.request-form{border-top:4px solid var(--pink);border-color:var(--light-blue)}.request-form .form-heading{position:relative}.footer-bottom{border-top-color:var(--light-blue)}
@media(max-width:850px){:root{--header-height:133px}.heart-seal{width:127px;height:127px;top:-12px;right:-12px}.heart-seal .brand-heart{--heart-w:70px}.hero-slogan{gap:13px;font-size:1.3rem}.heart-small{--heart-w:39px}.hero-image-frame{border-top-left-radius:85px}}
@media(max-width:600px){.hero{background:none}.hero-visual{min-height:405px}.hero-image-frame{border-top-left-radius:90px}.hero-image-frame .table-image{object-position:center bottom}.heart-seal{width:116px;height:116px;top:-11px;right:-10px;border-width:5px}.heart-seal .brand-heart{--heart-w:65px}.hero-slogan{font-size:1.34rem;gap:15px}.heart-small{--heart-w:43px}.values-strip span:nth-child(even){border-color:#7fa6bd}.package-panel{padding-left:22px}.product-number{grid-row:1/3}.product-concepts h3{padding-top:3px}}
@media(max-width:380px){:root{--header-height:123px}}

/* Show the complete overhead table photo in the opening. */
.hero-visual{min-height:0;aspect-ratio:1672/941;align-self:center}
.hero-image-frame .table-image{object-fit:cover;object-position:center;transform:none}
@media(max-width:600px){.hero-image-frame .table-image{object-position:center}.hero-visual{min-height:0}}
/* Space for Sfeerimpressie in the navigation, with the full logo retained. */
@media(max-width:1000px){
  .menu-toggle{display:inline-flex;gap:12px;align-items:center;border:1px solid #a5acb7;background:none;color:var(--navy);padding:9px 12px;border-radius:2px;font-size:.875rem}
  .header-inner nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:20px 22px 28px;flex-direction:column;align-items:stretch;gap:5px;box-shadow:0 12px 18px #0d284d12}
  .header-inner nav.is-open{display:flex}
  .header-inner nav>a:not(.button){padding:10px 4px;font-size:1rem}
  .header-inner nav>.button{margin-top:10px}
}
.sfeer-section{background:var(--blue-soft);border-block:1px solid #b6d0df;padding-block:88px}
.sfeer-section .section-heading{margin-bottom:38px}
.sfeer-slideshow{min-width:0}
.sfeer-stage{background:var(--navy);border-radius:3px 65px 3px 3px;overflow:hidden;touch-action:pan-y}
.sfeer-slide{margin:0}
.sfeer-slide[hidden]{display:none}
.sfeer-photo{height:clamp(350px,44vw,590px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--navy)}
.sfeer-photo img{width:100%;height:100%;object-fit:contain}
.sfeer-slide figcaption{padding:19px 26px 22px;background:var(--paper);border-top:4px solid var(--pink);display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.sfeer-caption{font-family:var(--serif);font-size:1.45rem;line-height:1.3;letter-spacing:-.02em}
.sfeer-category{font-size:.875rem;color:var(--muted)}
.sfeer-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;flex-wrap:wrap}
.sfeer-pagination{display:flex;align-items:center;gap:16px}
.sfeer-controls button{min-height:44px;padding:10px 18px;border:1px solid #9bbacc;border-radius:3px;background:var(--paper);color:var(--navy);font-size:.875rem;font-weight:500;line-height:1.3}
.sfeer-controls button:hover{border-color:var(--red);color:var(--red)}
.sfeer-controls [data-slideshow-play]{background:transparent;padding-inline:13px}
.sfeer-counter{min-width:45px;text-align:center;font-size:.875rem;font-variant-numeric:tabular-nums}
.sfeer-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:8px 3px 12px;margin-top:20px;scrollbar-width:thin;scrollbar-color:#9bbacc transparent}
.sfeer-thumbnails button{flex:0 0 92px;min-height:70px;padding:3px;background:var(--paper);border:2px solid transparent;border-radius:3px;opacity:.72;transition:opacity .2s,border-color .2s}
.sfeer-thumbnails button[aria-current=true]{border-color:var(--red);opacity:1}
.sfeer-thumbnails button:hover{opacity:1}
.sfeer-thumbnails img{width:100%;height:64px;object-fit:cover;border-radius:1px}
@media(max-width:850px){.sfeer-section{padding-block:65px}.sfeer-photo{height:480px}.sfeer-stage{border-top-right-radius:45px}}
@media(max-width:600px){
  .sfeer-section{padding-block:62px}
  .sfeer-section .section-heading{margin-bottom:28px}
  .sfeer-photo{height:390px}
  .sfeer-slide figcaption{padding:17px 20px;flex-direction:column;gap:5px}
  .sfeer-caption{font-size:1.25rem}
  .sfeer-category{font-size:.875rem}
  .sfeer-controls{gap:12px}
  .sfeer-pagination{gap:10px;flex:1;justify-content:space-between}
  .sfeer-controls button{padding-inline:13px}
  .sfeer-controls [data-slideshow-play]{width:100%}
  .sfeer-thumbnails{gap:9px;margin-top:15px}
  .sfeer-thumbnails button{flex-basis:79px;min-height:64px}
  .sfeer-thumbnails img{height:58px}
}

/* Three authentic Bij Kaar moments, with matching photo frames. */
.catering-photos.catering-triptych{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.catering-triptych .catering-photo-frame{height:auto;aspect-ratio:4/5}
.catering-triptych .salad-photo img{object-position:43% center}
.catering-triptych .bites-photo img{object-position:center}
@media(max-width:600px){.catering-photos.catering-triptych{grid-template-columns:1fr;gap:28px}}

/* Original photographs grouped by the occasion they belong to. */
.sfeer-photo.sfeer-collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;background:var(--cream);align-items:stretch}
.sfeer-collage-item{min-width:0;min-height:0;overflow:hidden;border-radius:2px;background:var(--paper)}
.sfeer-collage-item img{object-fit:contain}
.sfeer-photo.sfeer-collage--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.sfeer-photo.sfeer-collage--editorial{grid-template-columns:1.45fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
.sfeer-collage--editorial .sfeer-collage-item:first-child{grid-row:1 / span 2}
.sfeer-category{max-width:46%;text-align:right;line-height:1.5}
@media(max-width:600px){
  .sfeer-photo.sfeer-collage{grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;padding:6px}
  .sfeer-collage .sfeer-collage-item:first-child{grid-row:1 / span 2}
  .sfeer-photo.sfeer-collage--pair{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:280px}
  .sfeer-collage--pair .sfeer-collage-item:first-child{grid-row:auto}
  .sfeer-category{max-width:none;text-align:left}
}

/* The film and the colour meanings are part of the existing Bij Kaar story. */
.brand-story{grid-column:1 / -1;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:70px;align-items:center;padding-top:58px;margin-top:2px;border-top:1px solid var(--line)}
.brand-film{margin:0;max-width:330px;width:100%;justify-self:center}
.brand-film-frame{overflow:hidden;border-radius:38px 3px 3px 3px;background:#fff;border:1px solid #e5ddd1;box-shadow:0 12px 30px #0d284d0b}
.brand-film video{display:block;width:100%;height:auto;aspect-ratio:512 / 910;object-fit:contain;background:#fff}
.brand-film figcaption{margin-top:16px;font-size:.875rem;color:var(--muted);line-height:1.5;text-align:center}
.brand-story-copy{min-width:0}
.brand-story-copy .eyebrow{margin-bottom:20px;color:var(--red)}
.brand-story-copy h3{font-size:clamp(2.3rem,3.3vw,3.35rem);margin-bottom:24px;line-height:1.1}
.brand-story-copy h3 em{color:var(--red)}
.brand-story-copy>p:not(.eyebrow):not(.brand-story-promise){color:var(--muted);max-width:610px;font-size:1rem;line-height:1.75}
.brand-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;margin:30px 0}
.brand-color{padding-top:14px;border-top:1px solid #d5d9d9;min-width:0}
.brand-color dt{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.94rem;margin-bottom:8px;line-height:1.4}
.brand-color dd{margin:0;padding-left:30px;font-size:.875rem;line-height:1.65;color:var(--muted)}
.brand-swatch{display:inline-block;flex-shrink:0;width:20px;height:20px;border-radius:50%;border:1px solid #0d284d10}
.brand-swatch-navy{background:var(--navy)}.brand-swatch-light-blue{background:var(--light-blue)}.brand-swatch-red{background:var(--red)}.brand-swatch-pink{background:var(--pink)}
.brand-story-promise{display:flex;align-items:center;gap:17px;font-family:var(--serif);font-size:1.45rem;line-height:1.35;margin:28px 0 0;letter-spacing:-.015em}
.brand-story-promise em{color:var(--red)}
@media(max-width:850px){.brand-story{gap:36px;grid-template-columns:minmax(245px,.8fr) minmax(0,1.2fr);padding-top:44px}.brand-film{max-width:290px}.brand-colors{gap:21px 16px}.brand-color dd{padding-left:0}.brand-story-copy h3{font-size:2.4rem}}
@media(max-width:700px){.brand-story{grid-template-columns:1fr;gap:32px}.brand-story-copy{grid-row:1}.brand-film{max-width:310px}.brand-story-copy h3{font-size:2.65rem}.brand-color dd{padding-left:30px}}
@media(max-width:380px){.brand-colors{gap:21px 12px}.brand-color dd{padding-left:0}.brand-story-copy h3{font-size:2.35rem}.brand-story-promise{font-size:1.32rem}}