/* Navigation and the original wordmark share one row in the floral header. */
.header.shopfront-header{position:relative;display:block;padding:0;background:#d3c2ec;isolation:isolate;max-width:none;border-top:1px solid #c58b67;border-bottom:1px solid #ba8668}
.shopfront-header .shopfront-mural{z-index:-2;width:min(22vw,230px);height:100%;object-fit:cover;opacity:.85}
.shopfront-header .mural-left{left:0;right:auto;object-position:left center;mask-image:linear-gradient(90deg,#000 65%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 65%,transparent)}
.shopfront-header .mural-right{left:auto;right:0;object-position:right center;mask-image:linear-gradient(270deg,#000 65%,transparent);-webkit-mask-image:linear-gradient(270deg,#000 65%,transparent)}
.shopfront-header:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#dfcfea10 0%,#e7d9f1b8 31%,#e7d9f1df 50%,#e7d9f1b8 69%,#dfcfea10 100%)}
.shopfront-row{display:grid;grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr);align-items:center;gap:28px;max-width:1500px;min-height:208px;margin:auto;padding:25px 4%}
.header .shopfront-row .wordmark-art{grid-column:2;grid-row:1;justify-self:center;align-self:center;width:270px;max-width:100%;padding:0;margin:0}
.header .shopfront-row .brand-lettering{width:270px;max-width:100%}
.header .shopfront-row .brand-subtitle{margin:6px 0 0;font-size:6px;letter-spacing:2.2px;color:#603943;white-space:nowrap}
.header .shopfront-row nav{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(14px,1.6vw,25px);font-size:11px;letter-spacing:.1px;white-space:nowrap;min-width:0}
.header .shopfront-row .nav-left{grid-column:1;grid-row:1;justify-content:flex-end}
.header .shopfront-row .nav-right{grid-column:3;grid-row:1;justify-content:flex-start}
.header .shopfront-row nav a,.header .shopfront-row button{color:#40204f}
.shopfront-row .menu-toggle{display:none}
.shopfront-row .favourites-trigger,.shopfront-row .cart-trigger{display:flex;align-items:center;gap:6px;background:transparent}
.shopfront-row .fav-label,.shopfront-row .cart-label{display:none}
.shopfront-header .mobile-nav{top:100%;margin:0;background:#dfcdea;box-shadow:0 14px 25px #32143e26}
.shopfront-header .mobile-nav[hidden]{display:none}

/* Feather the supplied portrait into a dark copper field without a hard frame. */
.founder-ribbon{padding:38px 7%;background:linear-gradient(105deg,#30201f 0%,#503029 16%,#89553d 42%,#99634a 73%,#bd8a66 100%);border-top-color:#d9a278}
.founder-ribbon:before,.founder-ribbon:after{background:linear-gradient(90deg,transparent,#edbd9760,transparent)}
.founder-inner{grid-template-columns:170px minmax(0,1fr) 185px;gap:38px}
.founder-portrait{position:relative;margin:0;padding:0;width:170px;height:170px;display:grid;place-items:center;background:transparent;border:0;border-radius:0;box-shadow:none}
.founder-portrait:before{content:'';position:absolute;inset:-32px;background:radial-gradient(ellipse,#16131690 10%,#1a14165c 37%,transparent 70%);z-index:-1}
.founder-portrait img{display:block;width:150px;height:150px;object-fit:contain;border:0;border-radius:0;mask-image:radial-gradient(ellipse 65% 64% at 50% 43%,#000 42%,#000d 61%,transparent 83%);-webkit-mask-image:radial-gradient(ellipse 65% 64% at 50% 43%,#000 42%,#000d 61%,transparent 83%)}
.founder-message .eyebrow{color:#fff0dc}
.founder-message blockquote{color:#fff7eb;text-shadow:0 1px 12px #35202426}
.founder-signature h2{color:#45252c}.founder-signature p{color:#48282b}.founder-signature>span{color:#5f342c}

/* The left page holds the selected dish's description from the catalogue. */
.book-copy-page{padding:54px 52px 46px}
.book-copy-page .book-page-mark{margin-bottom:35px}
.book-copy-page h2{font-size:clamp(36px,3.7vw,54px);line-height:1.08;letter-spacing:-1.3px;overflow-wrap:break-word}
.book-lead{font-size:19px;line-height:1.55}
.atelier-copy-actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.atelier-copy-actions .book-link{background:transparent;padding-left:0;padding-right:0;text-align:left}
.atelier-recipe-link{font-size:11px;color:#81442f;text-decoration:underline;text-underline-offset:4px}
.atelier-recipe-link[hidden]{display:none}
.book-caption-row{align-items:center;gap:16px}
.book-caption-row strong{font-size:23px;line-height:1.2;max-width:380px}
.book-caption-row>span{flex-shrink:0}
.book-visual-page .atelier-controls{justify-content:space-between;gap:12px}
.book-visual-page .atelier-arrow{width:40px;height:40px;flex-shrink:0;border:1px solid #d29470;color:#f2c29f}
.atelier-choice{display:block;min-width:0;flex:1}
#atelier-select{width:100%;min-width:0;min-height:40px;border:1px solid #bc835b88;border-radius:0;background:#321b42;color:#f8e9e4;padding:8px 28px 8px 12px;font:11px var(--sans);text-overflow:ellipsis;cursor:pointer}
#atelier-select:focus-visible{outline:2px solid #edbc94;outline-offset:3px}
.book-page-turn .book-photo-window img{transform:none}

@media(max-width:1100px){
 .shopfront-row{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);gap:18px;padding-left:3%;padding-right:3%;min-height:180px}
 .header .shopfront-row .wordmark-art,.header .shopfront-row .brand-lettering{width:230px}
 .header .shopfront-row nav{font-size:10px;gap:14px}
 .founder-inner{grid-template-columns:170px 1fr;gap:20px 32px}
 .founder-signature{grid-column:2;padding:0;border:0;display:flex;align-items:baseline;gap:15px;flex-wrap:wrap}
 .founder-signature h2{font-size:34px;margin:0}.founder-signature>span{margin:0;font-size:15px}
 .founder-portrait{grid-row:1/3}.founder-message blockquote{font-size:29px}
 .founder-signature h2,.founder-signature p,.founder-signature>span{color:#fff0dc}
}
@media(max-width:900px){
 .header.shopfront-header .mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;padding:24px 7%;gap:20px;z-index:5;font:24px var(--serif)}
 .shopfront-row{grid-template-columns:75px minmax(0,1fr) 75px;gap:12px;min-height:155px;padding:22px 5%}
 .header .shopfront-row .nav-left,.header .shopfront-row .nav-right>a{display:none}
 .header .shopfront-row .nav-right{justify-content:flex-end;gap:10px}
 .shopfront-row .menu-toggle{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:40px;height:40px;padding:8px}
 .shopfront-row .menu-toggle span{height:1px;width:22px;background:#40204f}
 .header .shopfront-row .brand-lettering,.header .shopfront-row .wordmark-art{width:245px}
 .shopfront-row .favourites-trigger,.shopfront-row .cart-trigger{position:relative;min-height:40px;gap:2px}
 .shopfront-row .fav-count,.shopfront-row .cart-count{position:absolute;right:-5px;top:0;min-width:14px;height:14px;font-size:7px}
 .book-copy-page{min-height:0}
}
@media(max-width:560px){
 .shopfront-row{grid-template-columns:36px minmax(0,1fr) 58px;gap:6px;min-height:132px;padding:21px 5%}
 .header .shopfront-row .wordmark-art,.header .shopfront-row .brand-lettering{width:200px}
 .header .shopfront-row .brand-subtitle{font-size:4.5px;letter-spacing:1.1px;margin-top:4px}
 .header .shopfront-row .nav-right{gap:10px}
 .shopfront-row .favourites-trigger svg,.shopfront-row .cart-trigger svg{width:19px;height:19px}
 .founder-ribbon{padding:30px 7% 36px;background:radial-gradient(ellipse 260px 220px at 50% 70px,#211a1c,#503029 46%,transparent 100%),linear-gradient(135deg,#75432f,#c18b64)}
 .founder-inner{grid-template-columns:1fr;gap:10px;text-align:center}
 .founder-portrait{grid-row:auto;justify-self:center;height:160px}
 .founder-message .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:12px}
 .founder-message blockquote{font-size:27px;line-height:1.35}
 .founder-signature{grid-column:auto;display:block;margin-top:14px}
 .founder-signature h2{font-size:37px}.founder-signature p{margin-top:6px}.founder-signature>span{margin-top:8px}
 .book-copy-page{padding:43px 30px 37px}.book-copy-page .book-page-mark{font-size:6px;margin-bottom:30px}
 .book-copy-page h2{font-size:36px}.book-lead{font-size:18px}.book-caption-row strong{font-size:21px}
 #atelier-select{font-size:10px;padding-left:8px}.book-visual-page .atelier-controls{gap:8px}
}
@media(prefers-reduced-motion:reduce){.book-page-turn,.book-photo-window img{animation:none!important;transition:none!important}}