/* Take Eat Easy: patisserie typography, fine rules and a printed-menu rhythm. */
.cake{--paper:#faf6ef;--ink:#382c2c;--accent:#713c4b;--soft:#eee4d6;--line:#d8c7b9;background:var(--paper);color:var(--ink)}
.cake h1,.cake h2,.cake h3,.cake .take-menu-name{font-family:Lora,Georgia,serif;font-weight:400;letter-spacing:-.035em}
.cake .eyebrow{font-size:10px;letter-spacing:.14em;line-height:1.5;text-transform:uppercase}
.cake a:focus-visible,.cake button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.cake .header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:18px 5% 14px;background:var(--paper);border-bottom:1px solid var(--line);position:relative}
.cake .header .wordmark{margin:0 auto;grid-template-columns:60px 46px;column-gap:12px;row-gap:6px;width:220px}
.cake .header .wordmark>.brand-bird{width:60px;height:66px}
.cake .header .take-wordmark-image img{width:46px}
.cake .header .take-wordmark-image small{font-size:11px;letter-spacing:.01em}
.cake .header #navigation{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 30px;padding:0;width:100%;font-size:12px;letter-spacing:.02em}
.cake .header #navigation a{padding:4px 0;border-bottom:1px solid transparent}
.cake .header #navigation a:hover,.cake .header #navigation a[aria-current]{border-bottom-color:var(--accent)}
.cake .header .menu-toggle{display:none}
.cake .take-cover.hero-refined{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:calc(100svh - var(--header-height));min-height:0;gap:24px;padding:35px 5% 30px;text-align:center}
.cake .take-cover.hero-refined .hero-intro,.cake .take-cover.hero-refined .hero-details{flex:none;align-self:auto;position:relative;text-align:center;width:100%;max-width:850px;padding:0;margin:0;z-index:2}
.cake .take-cover .hero-intro>.eyebrow{text-align:center;margin:0 0 13px}
.cake .take-cover.hero-refined h1{font-family:Lora,Georgia,serif;font-size:clamp(45px,4.8vw,74px);line-height:1.1;font-weight:400;letter-spacing:-.04em;text-align:center;margin:0;max-width:none}
.cake .take-cover.hero-refined h1 em{display:block;font:italic 400 .53em/1.25 Lora,Georgia,serif;color:var(--accent);letter-spacing:-.025em;margin:8px 0 0}
.cake .take-cover.hero-refined .hero-details>p{margin:0 auto;font-size:14px;line-height:1.55;max-width:45ch}
.cake .take-cover.hero-refined .hero-actions{justify-content:center;gap:12px;margin:18px 0 0;flex-direction:row}
.cake .take-cover.hero-refined .hero-actions>a{justify-content:center;border-radius:0;min-height:46px;font-size:12px;letter-spacing:.025em;padding:12px 24px}
.cake .take-cover>.hero-visual::after{background:linear-gradient(180deg,rgba(250,246,239,.94),rgba(250,246,239,.75) 20%,rgba(250,246,239,0) 41%,rgba(250,246,239,0) 58%,rgba(250,246,239,.92) 84%,rgba(250,246,239,.98))}
.cake .take-cover.hero-refined .hero-visual,.cake .take-cover.hero-refined .hero-scene,.cake .take-cover.hero-refined .hero-photo{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;aspect-ratio:auto;max-width:none;max-height:none}
.cake .take-cover.hero-refined .hero-photo{object-fit:cover;object-position:center 55%}
.cake .take-cover .hero-scene::after{content:none}
.cake .take-section-heading{text-align:center;max-width:620px;margin:0 auto 48px}
.cake .take-section-heading h2,.cake .take-editorial h2,.cake .take-business h2{font-size:clamp(32px,3.6vw,54px);line-height:1.18;margin:12px 0 20px}
.cake .take-section-heading>p:not(.eyebrow){font-size:15px;line-height:1.65}
.cake .take-menu-section,.cake .take-workshop,.cake .take-editorial,.cake .take-business{padding:84px max(6%,calc((100vw - 1240px)/2))}
.cake .take-menu-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7%}
.cake .take-menu-layout figure,.cake .take-editorial figure{margin:0}
.cake .take-menu-layout img,.cake .take-editorial img{display:block;width:100%;height:auto}
.cake figcaption{font-size:11px;line-height:1.5;letter-spacing:.04em;margin-top:12px;color:#77615c}
.cake .take-menu-paper{border-top:3px double var(--line);border-bottom:3px double var(--line);padding:26px 0}
.cake .take-menu-caption{font-family:Lora,Georgia,serif;font-style:italic;font-size:23px;text-align:center;margin:0 0 18px}
.cake .take-cake-menu{list-style:none;padding:0;margin:0 0 22px}
.cake .take-cake-menu li+li{border-top:1px solid var(--line)}
.cake .take-cake-menu a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:baseline;padding:20px 0;text-decoration:none}
.cake .take-menu-name{font-size:clamp(18px,1.7vw,25px);line-height:1.35}
.cake .take-menu-mass{font-size:12px;white-space:nowrap;color:#77615c}
.cake .take-cake-menu a:hover .take-menu-name{color:var(--accent)}
.cake .take-text-link{display:inline-block;font-size:12px;line-height:1.6;border-bottom:1px solid var(--accent);padding:4px 0;text-decoration:none;color:var(--accent)}
.cake .take-workshop{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;background:#f1e9dc}
.cake .take-workshop-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0 0 30px;text-align:left}
.cake .take-workshop-steps article+article{border-left:1px solid var(--line);padding-left:24px}
.cake .take-workshop-steps h3{font-size:23px;line-height:1.25;margin:0 0 14px}
.cake .take-workshop-steps p,.cake .take-editorial-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin:0 0 18px}
.cake .take-editorial{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:9%}
.cake .take-editorial-copy{max-width:480px}
.cake .take-audit{display:grid;grid-template-columns:1fr 1fr;margin:0 6%;padding:30px 0;border-top:3px double var(--line);border-bottom:3px double var(--line);text-align:center}
.cake .take-audit>div+div{border-left:1px solid var(--line)}
.cake .take-audit-value{font:400 clamp(24px,3vw,40px)/1.3 Lora,Georgia,serif;margin:10px 0 0;color:var(--accent)}
.cake .take-audit-value span{white-space:nowrap}
.cake .take-business{text-align:center;max-width:none}
.cake .take-business>p:not(.eyebrow){max-width:540px;margin:0 auto 28px;font-size:15px;line-height:1.8}
.cake .take-business>.hq-button{border-radius:0;white-space:normal;line-height:1.5;max-width:100%;justify-content:center;background:var(--accent);color:#fff8ee}
.cake .take-partners{padding-top:40px;margin-top:40px;border-top:1px solid var(--line)}
.cake .take-partners>p{font-size:11px;letter-spacing:.07em}
.cake .take-partners ul{list-style:none;padding:0;margin:20px 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:14px 30px;font:400 18px/1.5 Lora,Georgia,serif}
.cake .take-contact{padding:40px 6%;display:flex;justify-content:space-between;gap:30px;background:#eee4d6;border-top:1px solid var(--line)}
.cake .take-contact h2{font-size:28px;margin:10px 0 18px}
.cake .take-contact a{overflow-wrap:anywhere}.cake .take-contact p{font-size:12px;line-height:1.8}
.cake .footer{background:var(--paper);color:var(--ink);border-top:1px solid var(--line);padding:40px 6% 24px}
.cake .footer a,.cake .footer small,.cake .footer-bottom{color:var(--ink)}
.cake .footer .take-wordmark-image img{filter:none;opacity:1}
.cake .footer-links{gap:16px 24px;font-size:12px}
.cake .footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font-size:11px}
/* Catalogue pages read as a confectioner's menu, rather than coloured tiles. */
.cake .page-intro{text-align:center;padding-top:55px;padding-bottom:45px;max-width:100%}
.cake .page-intro h1{font:400 clamp(32px,4.3vw,62px)/1.18 Lora,Georgia,serif;max-width:850px;margin-left:auto;margin-right:auto}
.cake .page-intro .lead{margin-left:auto;margin-right:auto;max-width:620px;font-size:16px;line-height:1.7}
.cake .product-grid{display:block;max-width:1080px;margin:0 auto;border-top:3px double var(--line)}
.cake .product-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:35px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);position:relative}
.cake .product-card[hidden]{display:none}
.cake .product-card .product-image,.cake .product-card:nth-child(n) .product-image{grid-column:1;grid-row:1/3;background:transparent;min-height:145px;border:0;border-right:1px solid var(--line);border-radius:0;padding:24px 30px 24px 0;height:auto;overflow:visible}
.cake .product-card .pastry-card-title{font:italic 400 clamp(22px,2.3vw,33px)/1.3 Lora,Georgia,serif;color:var(--accent);max-width:100%;overflow-wrap:anywhere}
.cake .product-card .pastry-card-title small{font:400 11px/1.5 'Golos Text',sans-serif;margin-top:12px;letter-spacing:.06em}
.cake .product-card .card-category{display:none}
.cake .product-card .product-meta{grid-column:2;grid-row:1;align-self:end;font-size:11px;gap:12px}
.cake .product-card h3{grid-column:2;grid-row:2;align-self:start;font:400 clamp(21px,2vw,29px)/1.4 Lora,Georgia,serif;margin:12px 0 0}
.cake .product-detail h1{font:400 clamp(30px,4vw,52px)/1.25 Lora,Georgia,serif}
.cake .hq-detail-art{background:#f1e9dc;border:3px double var(--line);min-height:350px;padding:40px}
.cake .hq-detail-art .pastry-card-title{font:italic 400 clamp(26px,3.2vw,46px)/1.35 Lora,Georgia,serif}
.cake .editorial h2,.cake .section h2{font-family:Lora,Georgia,serif;font-weight:400}
@media(max-width:959px){
 .cake .header{flex-direction:row;justify-content:space-between;padding:10px 16px;gap:12px}
 .cake .header .wordmark{margin:0;width:180px;grid-template-columns:50px 38px;gap:5px 9px}
 .cake .header .wordmark>.brand-bird{width:50px;height:54px}.cake .header .take-wordmark-image img{width:38px}.cake .header .take-wordmark-image small{font-size:10px}
 .cake .header .menu-toggle{display:flex;border:1px solid var(--accent);padding:11px 12px;font-size:11px;background:transparent}
 .cake .header #navigation{display:none;position:absolute;left:0;right:0;top:100%;width:100%;padding:18px 24px;background:var(--paper);z-index:20;border-bottom:1px solid var(--line);box-shadow:0 12px 22px #382c2c12}
 .cake .header #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.cake .header #navigation a{padding:9px 0}
 .cake .take-cover.hero-refined{padding:26px 20px 24px;gap:18px}
 .cake .take-cover.hero-refined h1{font-size:clamp(38px,6.8vw,58px)}
 .cake .take-cover.hero-refined .hero-photo{object-position:center 55%}
 .cake .take-menu-section,.cake .take-workshop,.cake .take-editorial,.cake .take-business{padding:55px 6%}
 .cake .take-workshop-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.cake .take-workshop-steps article+article{border:0;padding:0}
 .cake .take-workshop-steps article{border-top:1px solid var(--line)!important;padding-top:18px!important}
 .cake .take-menu-layout{gap:30px}.cake .take-editorial{gap:40px}
}
@media(max-width:600px){
 .cake .take-cover.hero-refined{padding:23px 16px 22px}
 .cake .take-cover.hero-refined h1{font-size:clamp(36px,9.4vw,48px);line-height:1.16}
 .cake .take-cover.hero-refined h1 em{font-size:.57em;margin-top:6px;line-height:1.3}
 .cake .take-cover .hero-intro>.eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:12px}
 .cake .take-cover.hero-refined .hero-details>p{font-size:12px;line-height:1.6;max-width:34ch}
 .cake .take-cover.hero-refined .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
 .cake .take-cover.hero-refined .hero-actions>a{font-size:11px;padding:12px 10px;white-space:normal;min-height:45px}
 .cake .take-cover>.hero-visual::after{background:linear-gradient(180deg,rgba(250,246,239,.97),rgba(250,246,239,.82) 20%,rgba(250,246,239,0) 38%,rgba(250,246,239,0) 60%,rgba(250,246,239,.92) 83%,rgba(250,246,239,.99))}
 .cake .take-menu-layout,.cake .take-editorial{grid-template-columns:1fr}.cake .take-section-heading{margin-bottom:30px}
 .cake .take-menu-paper{padding:24px 0}.cake .take-menu-name{font-size:20px}.cake .take-cake-menu a{padding:17px 0;gap:12px}
 .cake .take-workshop-steps{grid-template-columns:1fr;gap:4px;text-align:center}.cake .take-workshop-steps h3{font-size:24px;margin-bottom:10px}
 .cake .take-audit{grid-template-columns:1fr;padding:14px 0}.cake .take-audit>div{padding:18px 0}.cake .take-audit>div+div{border-left:0;border-top:1px solid var(--line)}
 .cake .take-audit-value{font-size:30px}.cake .take-contact{flex-direction:column}.cake .take-partners ul{font-size:16px;gap:14px 20px}
 .cake .product-card{grid-template-columns:1fr;gap:0;padding:23px 0}.cake .product-card .product-image,.cake .product-card:nth-child(n) .product-image{grid-column:1;grid-row:1;border:0;min-height:100px;padding:18px 16px;background:#f1e9dc}
 .cake .product-card .product-meta{grid-column:1;grid-row:2;margin-top:16px}.cake .product-card h3{grid-column:1;grid-row:3;font-size:23px}
 .cake .page-intro{padding-top:35px;padding-bottom:30px}.cake .page-intro h1{font-size:34px}.cake .hq-detail-art{min-height:270px;padding:25px}
}
@media(max-height:650px){.cake .take-cover.hero-refined{min-height:520px;height:auto}}
/* The catalog is a single clear menu entry per recipe and pack size. */
.cake .product-card{grid-template-columns:minmax(0,1fr) auto;column-gap:20px;padding:28px 0}
.cake .product-card .product-image,.cake .product-card:nth-child(n) .product-image{display:none}
.cake .product-card h3{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:clamp(21px,2.3vw,31px);line-height:1.4}
.cake .product-card .product-meta{grid-column:2;grid-row:1;align-self:center;margin:0;font-size:12px;white-space:nowrap}
.cake .product-card .product-meta>span:first-child{display:none}
@media(max-width:600px){.cake .product-card{padding:24px 0;column-gap:14px}.cake .product-card h3{font-size:22px}.cake .product-card .product-meta{font-size:11px}}
