/* Homepage reference: 1506 × 858. Layout and controls remain editable HTML.
   Scope changes to this page; photography is configured in home-gallery-data.js. */
body[data-page=home]{--home-blue:#2041e5;background:#fafbfd}
body[data-page=home] .header{--blue:var(--home-blue);background:#fafbfdf5}
body[data-page=home] .header-inner{width:min(1680px,calc(100% - 8vw));min-height:78px;padding-block:14px;gap:28px}
body[data-page=home] .header .brand{width:clamp(112px,8.9vw,142px)}
body[data-page=home] .header .button{font-size:16px;min-height:44px;padding:11px 18px;gap:12px;font-weight:400;background:linear-gradient(110deg,#2342ea,#173fe0)}
body[data-page=home] .header .button svg{width:20px;height:20px}
body[data-page=home] .header-action-group{gap:24px}
body[data-page=home] .header-search svg{width:22px;height:22px}
body[data-page=home] .header .cart-link{position:relative;width:64px;min-width:64px;min-height:44px;justify-content:flex-start;padding:8px}
body[data-page=home] .header .cart-link svg{width:25px;height:25px}
body[data-page=home] .cart-link [data-cart-count]{position:absolute;top:0;right:0;width:26px;height:26px;font-size:13px;font-weight:700}
@media(min-width:1041px){
 body[data-page=home] .header .nav{margin-left:10px;gap:24px}
 body[data-page=home] .header .nav a{padding:9px 8px}
 body[data-page=home] .header .nav-name{font-size:16px;font-weight:400}
}
body[data-page=home] .approved-hero{--blue:var(--home-blue);--hero-unit:min(1vw,18px);width:min(1680px,calc(100% - clamp(36px,5.74vw,104px)));margin-left:max(calc((100vw - 1680px)/2),4.12vw);margin-right:auto;display:grid;grid-template-columns:minmax(0,37.65fr) minmax(0,62.35fr);gap:0;align-items:stretch;padding:8px 0 44px;color:#060811}
body[data-page=home] .approved-hero-copy{display:block;min-width:0;padding:calc(var(--hero-unit)*3.1) 14px 30px 0}
body[data-page=home] .approved-hero .eyebrow{font-size:clamp(10px,.93vw,16px);line-height:1.5;letter-spacing:.145em;margin:0 0 calc(var(--hero-unit)*1.35);color:#3452ee;font-weight:700}
body[data-page=home] .approved-hero h1{font-size:clamp(41px,4.8vw,85px);line-height:.96;letter-spacing:-.075em;margin:0;font-weight:700;color:#03050d}
body[data-page=home] .approved-hero h1 .headline-line{display:block;white-space:nowrap}
body[data-page=home] .approved-hero h1 em{color:var(--home-blue);font-style:normal}
body[data-page=home] .hero-line{font-size:clamp(16px,1.73vw,29px);line-height:1.15;letter-spacing:-.025em;margin:calc(var(--hero-unit)*1.6) 0 0;color:#141a31}
body[data-page=home] .hero-pills{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(11px,1.23vw,21px);width:100%;margin:calc(var(--hero-unit)*2.45) 0 calc(var(--hero-unit)*1.95);font-size:clamp(10px,1.13vw,19px);color:#64718d}
body[data-page=home] .hero-pills button{position:relative;min-height:44px;padding:10px clamp(9px,1.08vw,18px);border:0;border-radius:18px;background:transparent;color:inherit;white-space:nowrap;font:inherit;letter-spacing:-.04em;cursor:pointer}
body[data-page=home] .hero-pills button+button:before{content:'';position:absolute;top:50%;left:calc(clamp(11px,1.23vw,21px)*-.5);height:14px;width:1px;background:#cdd4e7;transform:translateY(-50%)}
body[data-page=home] .hero-pills button[aria-pressed=true]{background:#e8edff;color:#2443e7;font-weight:700}
body[data-page=home] .hero-pills button:hover{background:#eef1fc;color:#2041d8}
body[data-page=home] .approved-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(16px,2.6vw,43px);margin:0}
body[data-page=home] .approved-actions .button{width:clamp(195px,20.4vw,344px);flex:none;min-height:clamp(48px,4vw,68px);padding:13px 22px;border-radius:22px;gap:24px;background:linear-gradient(110deg,#2342ea,#173fe0);font-size:clamp(17px,1.6vw,27px);font-weight:400;letter-spacing:-.025em}
body[data-page=home] .approved-actions .button svg{width:26px;height:26px}
body[data-page=home] .approved-actions .underlink{font-size:clamp(12px,1.13vw,19px);font-weight:700;gap:14px;white-space:nowrap;color:var(--home-blue)}
body[data-page=home] .approved-actions .underlink svg{width:20px;height:20px}
body[data-page=home] .hero-benefits{display:grid;grid-template-columns:1.03fr 1.2fr 1fr;align-items:center;gap:0;width:100%;margin:calc(var(--hero-unit)*4.25) 0 0;padding:0;border:0}
body[data-page=home] .hero-benefits>span{display:flex;flex-direction:row;text-align:left;align-items:center;justify-content:flex-start;gap:clamp(7px,.8vw,13px);font-size:clamp(10px,.93vw,16px);line-height:1.32;min-height:36px}
body[data-page=home] .hero-benefits>span+span{border-left:1px solid #cdd5e8;padding-left:clamp(12px,1.4vw,24px)}
body[data-page=home] .hero-benefits b{font-weight:400;letter-spacing:-.025em}
body[data-page=home] .hero-benefits svg{width:clamp(34px,3.3vw,56px);height:clamp(34px,3.3vw,56px);padding:clamp(7px,.65vw,11px);border-radius:50%;color:#3150ef;background:#e9eeff;stroke-width:1.8}
body[data-page=home] .approved-hero-gallery{position:relative;display:block;min-width:0;width:100%;align-self:start;order:0}
/* A single, ratio-sized grid owns the geometry. The native image dimensions
   cannot expand a row, collide with another photo or push out the controls. */
body[data-page=home] .hero-gallery-frame{display:grid;width:100%;min-width:0;aspect-ratio:885/727;grid-template-columns:minmax(0,1.53fr) minmax(0,1fr);grid-template-rows:minmax(0,1.12fr) minmax(0,1fr) 48px;grid-template-areas:"main upper" "main lower" "main controls";gap:8px 12px;isolation:isolate}
body[data-page=home] .hero-main-photo{grid-area:main;aspect-ratio:auto}
body[data-page=home] .hero-secondary-photo{grid-area:upper}
body[data-page=home] .hero-tertiary-photo{grid-area:lower}
body[data-page=home] .hero-gallery-frame>.gallery-controls{grid-area:controls;min-width:0;align-self:center}
body[data-page=home] .approved-hero-gallery [data-hero-photo]{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;margin:0;border-radius:26px;overflow:hidden;background:#f0f0ee}
body[data-page=home] .approved-hero-gallery [data-hero-image]{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:var(--hero-image-fit,contain);object-position:center}
body[data-page=home] .gallery-controls{display:flex;align-items:center;justify-content:center;height:48px;gap:28px;color:#63708a;font-size:16px;font-weight:400}
body[data-page=home] .gallery-controls button{width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid #e2e7f2;border-radius:50%;background:transparent;color:#101420;padding:10px;cursor:pointer}
body[data-page=home] .gallery-controls button:hover{border-color:#bdc9f5;background:#edf1ff;color:var(--home-blue)}
body[data-page=home] .gallery-controls button:disabled{opacity:.4;cursor:default}
body[data-page=home] .gallery-controls svg{width:20px;height:20px;stroke-width:2.3}
body[data-page=home] #hero-position{display:flex;align-items:center;gap:9px;white-space:nowrap;font-variant-numeric:tabular-nums}
body[data-page=home] #hero-position strong{font-weight:700;color:#181c28}
body[data-page=home] .hero-image-status{margin:12px 0 0;padding:12px 15px;border:1px solid #ced7f3;border-radius:12px;font-size:13px;background:#f0f3ff;color:#25335d}
body[data-page=home] .hero-image-status[hidden]{display:none}
body[data-page=home] .hero-image-status button{border:0;padding:7px 10px;min-height:44px;background:transparent;color:var(--home-blue);text-decoration:underline;font:inherit;font-weight:700;cursor:pointer}
body[data-page=home] .approved-hero :focus-visible{outline:3px solid #183cc9;outline-offset:5px}
@media(min-width:901px) and (max-width:1200px){
 body[data-page=home] .header-action-group{gap:13px}
 body[data-page=home] .header .nav{gap:8px;margin-left:0}
 body[data-page=home] .header .nav-name{font-size:14px}
 body[data-page=home] .header .button{font-size:14px;padding-inline:14px}
 body[data-page=home] .hero-pills{gap:9px;font-size:clamp(10px,1.1vw,13px)}
 body[data-page=home] .hero-pills button{padding-inline:9px}
 body[data-page=home] .approved-hero-copy{padding-right:10px}
 body[data-page=home] .approved-hero h1{font-size:4.7vw}
 body[data-page=home] .approved-actions{gap:12px}
 body[data-page=home] .approved-actions .button{width:auto;min-width:175px;padding-inline:14px;gap:10px;font-size:clamp(15px,1.55vw,19px)}
 body[data-page=home] .approved-actions .button svg{width:20px;height:20px}
 body[data-page=home] .approved-actions .underlink{font-size:12px;gap:8px}
 body[data-page=home] .approved-actions .underlink svg{width:17px;height:17px}
 body[data-page=home] .hero-benefits>span{font-size:10px;gap:6px}
 body[data-page=home] .hero-benefits>span+span{padding-left:10px}
 body[data-page=home] .hero-benefits svg{width:34px;height:34px;padding:7px}
 body[data-page=home] .approved-hero-gallery [data-hero-photo]{border-radius:20px}
 body[data-page=home] .gallery-controls{gap:16px;font-size:13px}
}
@media(max-width:1040px){
 body[data-page=home] .header-inner{width:calc(100% - 40px);min-height:70px;gap:14px;padding-block:10px}
 body[data-page=home] .header .brand{width:112px}
 body[data-page=home] .header-action-group{gap:12px}
 body[data-page=home] .header .button{font-size:14px;min-height:42px;padding:10px 15px}
 body[data-page=home] .header .cart-link{width:50px;min-width:50px}
 body[data-page=home] .cart-link [data-cart-count]{width:21px;height:21px;font-size:11px}
}
@media(max-width:900px){
 body[data-page=home] .approved-hero{width:calc(100% - 48px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);padding:24px 0 40px;gap:0}
 body[data-page=home] .approved-hero-copy{display:contents;padding:0}
 body[data-page=home] .approved-hero .eyebrow{grid-row:1;font-size:12px;line-height:1.5;margin:0 0 18px;letter-spacing:.12em}
 body[data-page=home] .approved-hero h1{grid-row:2;font-size:clamp(52px,7.3vw,65px);line-height:.98;letter-spacing:-.065em;margin:0}
 body[data-page=home] .hero-pills{grid-row:3;order:0;margin:24px 0 18px;justify-content:flex-start;gap:20px;font-size:16px}
 body[data-page=home] .hero-pills button{padding-inline:16px;min-height:44px}
 body[data-page=home] .approved-hero-gallery{grid-row:4;margin:0;order:0}
 body[data-page=home] .hero-line{grid-row:5;font-size:23px;line-height:1.3;margin:24px 0 0;letter-spacing:-.025em}
 body[data-page=home] .hero-line br{display:none}
 body[data-page=home] .approved-actions{grid-row:6;order:0;justify-content:flex-start;gap:30px;margin:24px 0 0}
 body[data-page=home] .approved-actions .button{width:280px;max-width:none;font-size:21px;min-height:57px;border-radius:18px}
 body[data-page=home] .approved-actions .underlink{font-size:16px}
 body[data-page=home] .hero-benefits{grid-row:7;order:0;margin:32px 0 0;grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-page=home] .hero-benefits>span{font-size:14px;gap:12px}
 body[data-page=home] .hero-benefits svg{width:45px;height:45px;padding:9px}
 body[data-page=home] .hero-benefits>span+span{padding-left:22px}
}
@media(max-width:600px){
 body[data-page=home] .header-inner{width:calc(100% - 32px);min-height:68px;gap:8px;padding-block:10px;flex-wrap:nowrap}
 body[data-page=home] .header .brand{width:96px}
 body[data-page=home] .header-action-group{gap:7px}
 body[data-page=home] .header .button{font-size:11px;padding:10px 13px;min-height:40px}
 body[data-page=home] .header .button svg{display:none}
 body[data-page=home] .header .cart-link{width:36px;min-width:36px;min-height:40px;padding:6px 0}
 body[data-page=home] .header .cart-link svg{width:20px;height:20px}
 body[data-page=home] .cart-link [data-cart-count]{width:17px;height:17px;font-size:10px;top:0;right:0}
 body[data-page=home] .approved-hero{width:calc(100% - 36px);padding-top:22px;padding-bottom:34px}
 body[data-page=home] .approved-hero .eyebrow{font-size:10px;line-height:1.5;margin-bottom:16px;max-width:300px}
 body[data-page=home] .approved-hero .eyebrow br{display:block}
 body[data-page=home] .approved-hero h1{font-size:clamp(42px,10.95vw,52px);line-height:.98;letter-spacing:-.07em}
 body[data-page=home] .hero-pills{gap:10px;justify-content:space-between;margin:20px 0 15px;font-size:clamp(10px,2.9vw,15px)}
 body[data-page=home] .hero-pills button{padding:10px 8px;min-height:44px;border-radius:14px}
 body[data-page=home] .hero-pills button+button:before{left:-6px;height:13px}
 body[data-page=home] .hero-gallery-frame{grid-template-rows:minmax(0,1.12fr) minmax(0,1fr) 44px;gap:7px 8px}
 body[data-page=home] .approved-hero-gallery [data-hero-photo]{border-radius:16px}
 body[data-page=home] .gallery-controls{height:44px;gap:0;justify-content:space-between;font-size:11px}
 body[data-page=home] .gallery-controls button{width:36px;min-width:36px;height:44px;min-height:44px;padding:10px 7px;border-color:transparent;border-radius:12px}
 body[data-page=home] .gallery-controls svg{width:18px;height:18px}
 body[data-page=home] #hero-position{gap:5px}
 body[data-page=home] .hero-line{font-size:18px;line-height:1.3;margin:21px 0 0}
 body[data-page=home] .approved-actions{justify-content:space-between;gap:17px;margin:20px 0 0;flex-wrap:nowrap}
 body[data-page=home] .approved-actions .button{min-height:50px;width:auto;flex:1;max-width:235px;min-width:0;font-size:17px;padding:12px 14px;gap:12px;border-radius:17px}
 body[data-page=home] .approved-actions .button svg{width:20px;height:20px}
 body[data-page=home] .approved-actions .underlink{font-size:12px;gap:8px}
 body[data-page=home] .approved-actions .underlink svg{width:16px;height:16px}
 body[data-page=home] .hero-benefits{margin-top:29px;padding-top:22px;border-top:1px solid #e5e9f2;gap:0}
 body[data-page=home] .hero-benefits>span{font-size:10px;gap:7px;align-items:center;justify-content:center;flex-direction:column;text-align:center}
 body[data-page=home] .hero-benefits>span+span{padding-left:4px}
 body[data-page=home] .hero-benefits svg{width:34px;height:34px;padding:7px}
}
@media(max-width:380px){
 body[data-page=home] .header .brand{width:85px}
 body[data-page=home] .header-action-group{gap:5px}
 body[data-page=home] .header .button{font-size:10px;padding-inline:11px}
 body[data-page=home] .approved-actions{gap:10px}
 body[data-page=home] .approved-actions .button{font-size:16px;gap:9px}
 body[data-page=home] .approved-actions .underlink{font-size:11px}
 body[data-page=home] .gallery-controls button{width:30px;min-width:30px;padding-inline:5px}
 body[data-page=home] #hero-position{gap:3px}
}

/* Approved food artwork: keep the full transparent composition uncropped. */
body[data-page=home] .approved-hero-gallery [data-hero-photo][hidden],
body[data-page=home] .approved-hero-gallery .gallery-controls[hidden]{display:none}
body[data-page=home] .approved-hero-gallery[data-layout=composition]{align-self:center}
body[data-page=home] .approved-hero-gallery[data-layout=composition] .hero-gallery-frame{display:block;aspect-ratio:3/2}
body[data-page=home] .approved-hero-gallery[data-layout=composition] .hero-main-photo{border-radius:0;background:transparent;overflow:visible}
body[data-page=home] .approved-hero-gallery[data-layout=composition] [data-hero-image]{object-fit:contain}
@media(min-width:901px){
 body[data-page=home] .approved-hero-gallery[data-layout=composition]{width:calc(100% + 2.3vw);margin-left:-2.3vw}
}