/* Home-only collage. The supplied desktop and mobile paper images are separate assets.
   Position/width/angle controls are intentionally independent at each breakpoint. */
.page-index .hero{display:block;width:100%;max-width:none;margin:0;border:0;overflow:hidden;overflow:clip;background:transparent;color:var(--ink)}
.hero .hero-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:38% minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:3%;width:100%;max-width:1680px;min-height:720px;margin:auto;padding:76px 4% 108px}
.hero .hero-copy{grid-column:1;grid-row:1;align-self:start;min-width:0;padding:0;position:relative;z-index:4}
.hero .eyebrow{display:block;font-size:clamp(16px,1.5vw,24px);font-weight:700;line-height:1.6;letter-spacing:.04em;color:#a51b20;border-left:7px solid #b31c20;padding-left:18px;margin:0 0 32px}
.hero h1{font-family:var(--serif);font-size:clamp(30px,3.65vw,60px);font-weight:700;line-height:1.55;letter-spacing:0;color:#281c15}
.hero .headline-line{display:block;white-space:nowrap}
.hero .accent{color:#a51b20}
.hero .hero-description{font-family:var(--serif);font-size:clamp(18px,1.8vw,28px);font-weight:500;line-height:1.75;letter-spacing:.025em;margin:32px 0 0;max-width:none}
.hero .hero-description>span{display:block}
.hero .hero-link{grid-column:1;grid-row:2;align-self:start;justify-self:start;position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;margin-top:28px;padding:10px 0 12px;border-bottom:2px solid #a51b20;font-family:var(--serif);font-size:clamp(16px,1.45vw,22px);font-weight:700}
.hero .hero-link span{font-family: sans-serif;font-size:26px;color:#a51b20}
.hero .hero-collage{grid-column:2;grid-row:1/3;position:relative;min-width:0;align-self:start;height:540px;margin-top:0}
.hero .collage-photo{position:absolute;margin:0;padding:8px;background:#fff;box-shadow:0 12px 23px #3924182b,0 3px 7px #39241812;transform:rotate(var(--angle));width:var(--photo-width);left:var(--photo-left);top:var(--photo-top)}
.hero .collage-photo img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:none;transform:none}
.hero .collage-main{--photo-width:104%;--photo-left:0%;--photo-top:8%;--angle:-2.5deg;z-index:1}
.hero .collage-main img{aspect-ratio:1.5;object-fit:cover;object-position:center bottom}
.hero .collage-bowl{--photo-width:31%;--photo-left:-20%;--photo-top:72%;--angle:-6deg;z-index:3}
.hero .collage-bowl img{aspect-ratio:1.14;object-fit:cover;object-position:50% 47%}
.hero .collage-detail{--photo-width:26%;--photo-left:80%;--photo-top:-5%;--angle:6deg;z-index:2;box-shadow:0 8px 18px #39241826}
.hero .collage-detail img{aspect-ratio:1;object-fit:cover;object-position:50% 40%}
@media(min-width:1441px){.hero .hero-stage{min-height:800px}.hero .hero-collage{height:620px}}
@media(min-width:761px) and (max-width:1100px){
 .hero .hero-stage{padding:58px 4% 80px;min-height:600px;grid-template-columns:40% minmax(0,1fr);column-gap:3%}
 .hero h1{font-size:3.6vw}.hero .eyebrow{font-size:15px;padding-left:10px;margin-bottom:24px}
 .hero .hero-description{font-size:18px;margin-top:24px}.hero .hero-collage{height:430px;margin-top:22px}
 .hero .collage-bowl{--photo-top:67%;--photo-left:-10%}.hero .hero-link{font-size:15px;gap:20px}
}
@media(max-width:760px){
 .page-index .site-header{height:72px;padding-inline:16px}
 .page-index .brand{width:216px;max-width:calc(100% - 58px)}
 .page-index .menu-panel{top:72px;max-height:calc(100dvh - 140px)}
 .hero .hero-stage{display:flex;flex-direction:column;min-height:0;width:100%;max-width:540px;padding:26px 24px 50px;gap:0}
 .hero .hero-copy{display:block;width:100%;max-width:none;margin:0;padding:0}
 .hero .eyebrow{font-size:14px;line-height:1.6;border-left-width:4px;padding-left:10px;margin:0 0 16px;letter-spacing:.035em}
 .hero h1{font-size:clamp(25px,7.6vw,39px);line-height:1.5;letter-spacing:0}
 .hero .hero-description{font-size:17px;line-height:1.7;letter-spacing:.015em;margin:17px 0 0}
 .hero .hero-collage{flex:none;align-self:center;width:100%;height:auto;aspect-ratio:1.02;min-height:0;margin:30px 0 0}
 .hero .collage-photo{padding:5px;box-shadow:0 7px 14px #39241826,0 2px 4px #39241812}
 .hero .collage-main{--photo-width:100%;--photo-left:0%;--photo-top:13%;--angle:-2.5deg}
 .hero .collage-main img{aspect-ratio:auto;object-fit:contain}
 .hero .collage-bowl{--photo-width:35%;--photo-left:-1%;--photo-top:66%;--angle:-6deg}
 .hero .collage-detail{--photo-width:29%;--photo-left:70%;--photo-top:0%;--angle:6deg}
 .hero .hero-link{align-self:flex-start;margin:24px 0 0;font-size:16px;gap:24px;min-height:48px;padding:10px 0;border-bottom-width:1px}
}
@media(max-width:350px){.hero .hero-stage{padding-inline:20px}.hero .hero-description{font-size:16px}.hero .eyebrow{font-size:12px}}
/* Keep the 2026 serving bowl visible in the compact collage crop. */
.hero .collage-bowl img.photo-Y26-297{object-position:50% 75%}
.hero .collage-detail img.photo-Y26-376{object-position:50% 55%}