@font-face{font-family:Work;src:url('assets/work-sans-light.ttf') format('truetype');font-weight:200;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#352219;color:#f7ecdc;font-family:'Helvetica Neue',Arial,sans-serif;font-size:16px;font-weight:300;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #c7a18b;outline-offset:6px}.skip{position:absolute;left:20px;top:-80px;background:#fff;color:#352219;padding:12px;z-index:5}.skip:focus{top:10px}.header{height:104px;padding:0 4.6875%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:700;letter-spacing:-.5px}.navigation{display:flex;gap:70px;align-items:center}.navigation a{font-size:15px;font-weight:300}.navigation a[aria-current=page]{color:#e8bd8d}.menu-toggle{display:none;background:none;border:1px solid currentColor;color:inherit;padding:7px 14px}.wrap{padding-left:4.6875%;padding-right:4.6875%}h1,h2,h3{font-family:Work,'Helvetica Neue',sans-serif;font-weight:200;margin:0;line-height:1.3}h1{font-size:76px;letter-spacing:-2.4px}h2{font-size:44px;letter-spacing:-1.1px}h3{font-size:30px;letter-spacing:-.6px}p{margin:0 0 22px}.hero{padding-top:54px}.home-hero h1{max-width:1000px}.hero-address{margin-top:49px}.hero-pictures{display:grid;grid-template-columns:36% 60%;gap:4%;align-items:start;margin-top:42px;padding-bottom:80px;position:relative}.hero-pictures .small{margin-top:148px;aspect-ratio: .84;object-fit:cover;width:100%}.hero-pictures .large{width:100%;height:720px;object-fit:cover}.round-link{position:absolute;right:16.8%;top:-125px;width:178px;height:178px;border:1px solid #f7ecdc;border-radius:50%;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;text-align:center;z-index:1}.round-link span{font-size:11px;letter-spacing:3px}.round-link b{font-family:Work;font-weight:200;font-size:55px;line-height:1}.round-link:hover{background:#f7ecdc;color:#352219;text-decoration:none}.light{background:#f7ecdc;color:#352219}.split{display:grid;grid-template-columns:56% 1fr;gap:4.5%;padding-top:80px;padding-bottom:80px;align-items:center}.split img{width:100%;height:560px;object-fit:cover}.split .copy{max-width:345px}.copy h2{margin-bottom:30px}.line-link{display:inline-block;border-bottom:1px solid;padding:7px 0;font-size:14px;letter-spacing:1px;margin-top:16px}.line-link:hover{opacity:.65;text-decoration:none}.products{padding-top:85px;padding-bottom:100px}.products-intro{display:flex;justify-content:space-between;gap:40px;margin-bottom:56px}.products-intro .copy{max-width:380px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.product-grid img{width:100%;height:310px;object-fit:cover}.product-grid p{margin:16px 0 0}.product-grid a:hover img{opacity:.85}.supply{grid-template-columns:1fr 56%;padding-top:80px;padding-bottom:80px}.supply .copy{max-width:360px}.story-hero{min-height:860px;position:relative;padding-bottom:80px}.story-hero h1{max-width:530px}.story-hero .intro{max-width:320px;margin-top:90px}.story-pictures{position:absolute;top:330px;left:46%;right:12%;display:grid;grid-template-columns:40% 57%;gap:5%}.story-pictures img{width:100%;height:330px;object-fit:cover}.story-pictures img+img{margin-top:126px;height:260px}.team{padding-top:80px;padding-bottom:85px}.team h2{margin-bottom:32px}.team p{max-width:610px}.service-hero{padding-bottom:80px}.service-hero p{max-width:370px;margin-top:50px}.service-list{padding-top:65px;padding-bottom:85px}.service-row{display:grid;grid-template-columns:12% 35% 1fr;gap:3%;padding:42px 0;border-bottom:1px solid #bea58b}.service-row:first-child{border-top:1px solid #bea58b}.service-row .number{font-family:Work;font-size:22px}.service-row p{max-width:440px;margin:0}.service-image{width:100%;height:450px;object-fit:cover;margin-top:70px}.contact-hero h1{max-width:1020px}.contact-layout{display:grid;grid-template-columns:48% 48%;gap:3%;margin-top:75px;padding-bottom:100px}.contact-details p{max-width:300px;margin-bottom:25px}.contact-photo{height:430px;width:100%;object-fit:cover}.contact-form{margin-top:65px}.contact-form h2{font-size:32px;max-width:420px;margin-bottom:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:8px}.field.wide{grid-column:1/-1}input,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #f7ecdc;border-radius:0;color:inherit;padding:8px 0;min-height:42px}textarea{resize:vertical;min-height:90px}.submit{display:block;width:100%;padding:12px 25px;background:#f7ecdc;color:#352219;border:1px solid #f7ecdc;cursor:pointer;margin-top:28px}.submit:hover{background:transparent;color:#f7ecdc}.form-note{font-size:14px;margin-top:14px;color:#ddc7b1}.footer{background:#f7ecdc;color:#352219;padding:65px 4.6875% 24px}.footer-nav{display:flex;justify-content:center;gap:58px;margin-bottom:62px;font-size:15px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:25px}.footer-main .brand{text-align:center;font-size:36px}.footer-contact{text-align:right}.footer p{margin:0}.copyright{text-align:center;font-size:12px;margin-top:65px!important}.inline-contact{display:flex;gap:32px;margin-top:35px}.status{margin-top:18px;font-size:14px}.service-title{max-width:850px}
@media(min-width:1500px){.wrap,.header,.footer{padding-left:max(60px,calc((100vw - 1400px)/2));padding-right:max(60px,calc((100vw - 1400px)/2))}}
@media(max-width:800px){.header{height:88px}.navigation{gap:28px}h1{font-size:54px;letter-spacing:-1.6px}h2{font-size:36px}.hero{padding-top:35px}.hero-pictures .large{height:520px}.hero-pictures .small{margin-top:120px}.round-link{width:130px;height:130px;top:-85px;right:12%}.round-link span{font-size:9px}.hero-address{margin-top:30px}.split img{height:420px}.split{gap:6%;grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.story-hero{min-height:770px}.story-pictures{left:51%;right:5%;top:330px}.story-pictures img{height:240px}.story-pictures img+img{height:210px}.story-hero .intro{max-width:300px}.service-row{grid-template-columns:7% 36% 1fr}.footer-nav{gap:35px}.footer-main .brand{font-size:29px}}
@media(max-width:560px){.header{padding:0 6%;height:82px}.brand{font-size:23px}.menu-toggle{display:block}.navigation{display:none;position:absolute;top:82px;left:0;right:0;background:#352219;z-index:10;padding:22px 6%;border-bottom:1px solid #927058;gap:24px;flex-wrap:wrap}.navigation.open{display:flex}.wrap{padding-left:6%;padding-right:6%}h1{font-size:43px;letter-spacing:-1.5px;line-height:1.22}h2{font-size:35px}h3{font-size:27px}.hero{padding-top:34px}.hero-address{margin-top:30px}.hero-pictures{grid-template-columns:32% 64%;margin-top:83px;padding-bottom:46px}.hero-pictures .large{height:355px}.hero-pictures .small{margin-top:95px;height:210px}.round-link{width:106px;height:106px;top:-72px;right:8%;gap:7px}.round-link span{font-size:8px;letter-spacing:1px}.round-link b{font-size:40px}.split{grid-template-columns:1fr;gap:32px;padding-top:45px;padding-bottom:50px}.split img{height:350px}.split .copy{max-width:100%}.copy h2{margin-bottom:22px}.products{padding-top:48px;padding-bottom:55px}.products-intro{display:block;margin-bottom:32px}.products-intro h2{margin-bottom:24px}.product-grid{gap:25px 16px}.product-grid img{height:215px}.supply .copy{order:1}.supply img{order:0}.story-hero{min-height:0;padding-bottom:55px}.story-hero .intro{margin-top:35px;max-width:100%}.story-pictures{position:static;margin-top:35px;grid-template-columns:40% 55%;gap:5%}.story-pictures img{height:240px}.story-pictures img+img{margin-top:70px;height:220px}.team{padding-top:45px;padding-bottom:50px}.service-hero{padding-bottom:50px}.service-hero p{margin-top:28px}.service-list{padding-top:45px;padding-bottom:50px}.service-row{grid-template-columns:12% 1fr;gap:12px;padding:28px 0}.service-row p{grid-column:2}.service-image{height:280px;margin-top:40px}.contact-layout{grid-template-columns:1fr;margin-top:38px;padding-bottom:55px;gap:35px}.contact-photo{height:320px}.contact-form{margin-top:40px}.form-grid{gap:24px 18px}.contact-form h2{font-size:30px}.footer{padding:45px 6% 22px}.footer-nav{gap:25px;margin-bottom:40px}.footer-main{grid-template-columns:1fr;text-align:center;gap:28px}.footer-main .brand{grid-row:1}.footer-contact{text-align:center}.copyright{margin-top:40px!important}.inline-contact{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Photography selected from Barena's supplied images. */
.hero-pictures .large{height:620px;object-position:65% center}.hero-pictures .small{aspect-ratio:2/3;height:auto;object-fit:contain}.split img[src*="baker"]{object-position:65% center}.product-grid img[src*="birthday"],.product-grid img[src*="wedding"]{object-fit:contain;background:#dfc6a7}.contact-photo{object-position:65% center}.story-pictures img[src*="wedding"]{object-fit:contain;background:#dfc6a7}
@media(max-width:800px){.hero-pictures .large{height:520px}}
@media(max-width:560px){.hero-pictures{grid-template-columns:32% 64%}.hero-pictures .large{height:355px;object-position:72% center}.hero-pictures .small{height:auto;margin-top:95px}.split img[src*="baker"]{height:300px;object-position:60% center}.contact-photo{height:300px;object-position:65% center}}

/* Cocoa, walnut and caramel — a common frame for all photography. */
:root{--cocoa:#352219;--walnut:#4c3023;--caramel:#c29464;--cream:#f7ecdc;--sand:#dfc6a7}
body{background:var(--cocoa)}.header{border-bottom:1px solid #f7ecdc18}.navigation{gap:48px}.light,.footer{background:#ead8bd}.hero-pictures{grid-template-columns:30% 65%;gap:5%;align-items:center;margin-top:70px}.hero-pictures .small{margin-top:90px;aspect-ratio:2/3;height:auto;background:var(--sand);box-shadow:0 18px 50px #1f100c40}.hero-pictures .large{height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;box-shadow:0 18px 50px #1f100c40}.round-link{width:150px;height:150px;top:-112px;right:4%;background:var(--cocoa)}.split img[src*="baker"],.contact-photo{height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}.split img.biscuits-feature{height:550px;object-position:center 45%}.product-grid img{background:var(--sand);height:350px;box-shadow:0 12px 28px #1f100c25}.product-grid img[src*="birthday"],.product-grid img[src*="wedding"]{background:var(--sand)}.supply img,.service-image{height:auto;aspect-ratio:3/2;object-fit:cover}.story-pictures{left:48%;right:6%;grid-template-columns:42% 53%}.story-pictures img{height:auto;aspect-ratio:2/3}.story-pictures img+img{height:auto;aspect-ratio:2/3;margin-top:85px}.footer-nav{flex-wrap:wrap}.eyebrow{font-size:13px;letter-spacing:3px;color:#e8bd8d;margin-bottom:20px}.gallery-hero{padding-bottom:60px}.gallery-hero>p:last-child{max-width:610px;margin-top:30px;color:#ddc7b1}.gallery-section{padding-bottom:95px}.gallery-toolbar{border-top:1px solid #927058;border-bottom:1px solid #927058;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:40px}.gallery-filters{display:flex;gap:12px;flex-wrap:wrap}.gallery-filters button{border:1px solid #927058;background:none;color:var(--cream);padding:9px 18px;cursor:pointer}.gallery-filters button[aria-pressed=true],.gallery-filters button:hover{background:var(--cream);color:var(--cocoa);border-color:var(--cream)}.gallery-count{font-size:14px;margin:0;white-space:nowrap;color:#ddc7b1}.gallery-grid{columns:3;column-gap:30px}.gallery-card{margin:0 0 32px;break-inside:avoid;display:inline-block;width:100%}.gallery-card[hidden]{display:none}.gallery-open{position:relative;display:block;width:100%;border:0;padding:0;background:var(--sand);cursor:zoom-in;text-align:left}.photo-mat{display:block;padding:12px;background:var(--sand);overflow:hidden}.photo-mat img{display:block;width:100%;height:auto}.gallery-open:hover{box-shadow:0 10px 35px #180d084d}.photo-zoom{position:absolute;right:22px;bottom:22px;width:32px;height:32px;border-radius:50%;background:var(--cocoa);color:var(--cream);font-size:22px;text-align:center;line-height:30px}.gallery-card figcaption{padding:14px 0 2px;display:flex;flex-direction:column;gap:5px;font-size:16px}.gallery-card small{font-size:12px;color:#d2b392;letter-spacing:.4px}.photo-mat.sideways{padding:0;aspect-ratio:4/3;position:relative;border:12px solid var(--sand)}.photo-mat.sideways img{position:absolute;left:50%;top:50%;width:75%;height:133.333%;max-width:none;transform:translate(-50%,-50%) rotate(-90deg)}.photo-mat.phone-crop{padding:0;aspect-ratio:739/1163;position:relative;border:12px solid var(--sand)}.photo-mat.phone-crop img{position:absolute;top:-18.4%;left:0;width:100%;height:auto}.photo-dialog{border:1px solid #927058;background:var(--cocoa);color:var(--cream);padding:22px;width:min(1100px,94vw);max-height:94dvh}.photo-dialog::backdrop{background:#1b0e09e8}.viewer-top,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.viewer-top p{margin:0}.viewer-top button,.viewer-bottom button{border:1px solid #927058;background:transparent;color:var(--cream);padding:8px 13px;cursor:pointer}.viewer-image-wrap{height:70dvh;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:18px 0;background:#281910}.viewer-image-wrap img{max-width:100%;max-height:100%;object-fit:contain}.viewer-image-wrap img.rotated{transform:rotate(-90deg);max-width:65dvh;max-height:80vw}.viewer-bottom{font-size:14px}#photo-position{color:#ddc7b1}
@media(max-width:900px){.navigation{gap:25px}.gallery-grid{columns:2;column-gap:22px}.hero-pictures .large{height:auto}.product-grid img{height:300px}.gallery-toolbar{align-items:flex-start}.story-pictures{left:51%;right:5%}}
@media(max-width:560px){.hero-pictures{grid-template-columns:1fr;gap:24px;margin-top:85px;align-items:start}.hero-pictures .large{grid-row:1;aspect-ratio:3/2;height:auto;object-position:center}.hero-pictures .small{grid-row:2;width:58%;height:auto;margin-top:0;margin-left:8%}.round-link{top:-70px;right:4%;width:105px;height:105px}.split img.biscuits-feature{height:350px}.split img[src*="baker"],.contact-photo{height:auto;aspect-ratio:3/2}.supply img,.service-image{height:auto}.product-grid img{height:235px}.story-pictures{grid-template-columns:42% 53%}.story-pictures img+img{margin-top:60px}.footer-nav{gap:18px}.gallery-hero{padding-bottom:30px}.gallery-toolbar{display:block;margin-bottom:28px}.gallery-count{margin-top:16px}.gallery-filters{gap:8px}.gallery-filters button{padding:8px 12px;font-size:14px}.gallery-grid{columns:2;column-gap:14px}.photo-mat{padding:7px}.photo-mat.sideways,.photo-mat.phone-crop{border-width:7px}.gallery-card{margin-bottom:23px}.gallery-card figcaption{font-size:14px;line-height:1.4;padding-top:10px}.gallery-card small{font-size:12px}.photo-zoom{right:13px;bottom:13px;width:25px;height:25px;line-height:23px;font-size:18px}.photo-dialog{padding:14px}.viewer-top{font-size:14px}.viewer-image-wrap{height:65dvh}.viewer-bottom button{padding:8px;font-size:14px}}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;columns:auto;align-items:start}.gallery-card{margin:0}.photo-mat{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}.photo-mat img{width:100%;height:100%;object-fit:contain}.photo-mat.sideways{aspect-ratio:4/5}.photo-mat.sideways img{width:125%;height:80%;object-fit:contain}.photo-mat.phone-crop{aspect-ratio:4/5}.photo-mat.phone-crop img{width:100%;height:auto;top:-23%}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:560px){.gallery-grid{gap:24px 14px}}

/* Horizontal, editable Barena identity. */
.header{background:#ead8bd;color:#352219;height:118px;border-bottom:1px solid #bea58b}.header .brand{display:block;width:290px;flex-shrink:0;line-height:0}.brand img{display:block;width:100%;height:auto}.header .navigation a[aria-current=page]{color:#75471f;text-decoration:underline;text-underline-offset:6px}.footer-main .brand{display:block;width:min(100%,330px);justify-self:center;line-height:0}.header .menu-toggle{color:#352219}
@media(max-width:900px){.header .brand{width:245px}.navigation{gap:22px}.navigation a{font-size:14px}}
@media(max-width:700px){.header .brand{width:210px}.navigation{gap:14px}}
@media(max-width:560px){.header{height:98px}.header .brand{width:230px;max-width:70%}.header .navigation{top:98px;background:#ead8bd;color:#352219}.footer-main .brand{width:285px;max-width:100%}}