/* Return to the original soft sage, cream and rose banner palette. */
.hero.outer{width:calc(100% - 40px);max-width:1680px;margin-inline:auto;padding:0}
.hero .hero-stage{border-radius:32px;height:clamp(560px,43vw,680px);min-height:560px;background:#eceddb;box-shadow:0 28px 60px -42px #244e3730}
.hero .hero-stage:after{border:1px solid #fff6}
.hero .hero-slide{--hero-tone:#eceddb;background:var(--hero-tone)}
.hero .hero-slide[data-slide="1"]{--hero-tone:#f2e9db}
.hero .hero-slide[data-slide="2"]{--hero-tone:#f4e8e5}
.hero .hero-slide[data-slide="3"]{--hero-tone:#f3ead7}
.hero .hero-slide[data-slide] .hero-media{inset:0 0 0 auto;width:auto;height:100%;aspect-ratio:3/4;display:block;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%);mask-image:linear-gradient(90deg,transparent,#000 15%);will-change:auto;z-index:1}
.hero .hero-slide[data-slide] .hero-media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:right center;transform:none;filter:none;animation:none;border-radius:0;box-shadow:none}
.hero .hero-slide[data-slide="2"] .hero-media{aspect-ratio:2/3}
/* A much wider, clear window for the complete K-pop scene. */
.hero .hero-slide[data-slide="0"] .hero-media{inset:50% 0 auto auto;width:66%;height:auto;aspect-ratio:1377/791;transform:none;translate:0 -50%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 11%),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 11%),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.hero .hero-slide[data-slide="0"] .hero-media img{object-fit:contain;object-position:center}
.hero .hero-slide .hero-shade{z-index:2;background:linear-gradient(90deg,var(--hero-tone) 0%,var(--hero-tone) 29%,transparent 49%)!important;pointer-events:none}
.hero .hero-slide[data-slide="0"] .hero-shade{background:linear-gradient(90deg,var(--hero-tone) 0%,var(--hero-tone) 27%,transparent 39%)!important}
.hero .hero-copy{z-index:3;left:4.5%;width:42%;max-width:640px;top:47%;transform:translateY(-50%)}
.hero .hero-copy .hero-title,html[lang=en-CA] .hero .hero-copy .hero-title{font-size:clamp(52px,5.3vw,82px);line-height:1.04;letter-spacing:-.04em}
.hero .hero-slide[data-slide="0"] .hero-copy{width:31.5%;top:47%}
.hero .hero-slide[data-slide="0"] .hero-copy .hero-title,html[lang=en-CA] .hero .hero-slide[data-slide="0"] .hero-copy .hero-title{font-size:clamp(44px,4.2vw,70px)}
.hero .hero-copy p{max-width:355px;color:#3f5848;font-size:14px;line-height:1.8}
.hero .hero-slide[data-slide="0"] .hero-copy p{max-width:320px;font-size:13px}
.hero .hero-copy .eyebrow{font-size:9px;letter-spacing:.1em;line-height:1.8;margin-bottom:23px}
.hero .hero-copy .btn{font-size:12px;padding-inline:20px;gap:16px}
.hero .hero-slide[data-slide="0"] .hero-copy .btn{font-size:11px;padding-inline:18px;gap:12px}
.hero .hero-bottom{z-index:4;left:4.5%;right:28px;bottom:22px}
.hero .hero-controls button,.hero .hero-controls>span{background:#fbf6edeb}
.hero .hero-dots{background:transparent}
.hero .hero-controls>span{border-radius:30px;padding:7px 10px}
.hero .hero-flourish{display:none}
.service-card[href="#gateaux"] .service-photo>img{object-fit:cover;object-position:50% 48%}
.service-card[href="#decoration"] .service-photo>img{object-position:50% 70%}
.service-card[href="#bars"] .service-photo>img{object-fit:cover;object-position:50% 62%}
.bars-photo img{object-fit:cover;object-position:50% 72%}
.dessert-atelier .cake-image-wrap{height:auto;aspect-ratio:4/5}
.dessert-atelier .cake-image[src*="photo-071608"]{object-fit:cover;object-position:50% 48%}
@media(min-width:761px) and (max-width:1100px){
 .hero .hero-stage{height:580px}
 .hero .hero-copy{left:4%;width:49%}
 .hero .hero-copy .hero-title,html[lang=en-CA] .hero .hero-copy .hero-title{font-size:clamp(45px,5.4vw,60px)}
 .hero .hero-slide[data-slide="0"] .hero-copy{width:33%}
 .hero .hero-slide[data-slide="0"] .hero-copy .hero-title,html[lang=en-CA] .hero .hero-slide[data-slide="0"] .hero-copy .hero-title{font-size:clamp(39px,4.7vw,49px)}
 .hero .hero-copy p{font-size:13px;max-width:290px}
 .hero .hero-copy .btn{font-size:10px;padding-inline:14px;gap:8px}
}
@media(max-width:760px){
 .hero.outer{width:calc(100% - 20px)}
 .hero .hero-stage{height:780px;min-height:0;border-radius:24px}
 .hero .hero-copy,.hero .hero-slide[data-slide="0"] .hero-copy{left:24px;top:30px;transform:none;width:calc(100% - 48px);max-width:530px}
 .hero .hero-copy .hero-title,html[lang=en-CA] .hero .hero-copy .hero-title,.hero .hero-slide[data-slide="0"] .hero-copy .hero-title,html[lang=en-CA] .hero .hero-slide[data-slide="0"] .hero-copy .hero-title{font-size:clamp(41px,10.5vw,60px);line-height:1.03}
 .hero .hero-copy .eyebrow{font-size:8px;line-height:1.6;margin-bottom:16px}
 .hero .hero-copy p,html[lang=en-CA] .hero .hero-copy p,.hero .hero-slide[data-slide="0"] .hero-copy p{font-size:12px;line-height:1.75;margin:17px 0 20px;max-width:350px}
 .hero .hero-copy .btn,html[lang=en-CA] .hero .hero-copy .btn,.hero .hero-slide[data-slide="0"] .hero-copy .btn{font-size:11px;min-height:46px;padding-inline:18px;gap:14px}
 .hero .hero-dietary-note{font-size:10px;max-width:320px;margin-top:8px}
 .hero .hero-slide[data-slide] .hero-media{inset:340px 0 0;width:100%;height:auto;aspect-ratio:auto;transform:none;translate:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 17%);mask-image:linear-gradient(180deg,transparent,#000 17%);mask-composite:add}
 .hero .hero-slide[data-slide] .hero-media img{object-fit:cover;object-position:center}
 .hero .hero-slide[data-slide="0"] .hero-media{inset:420px 0 auto;width:100%;height:auto;aspect-ratio:1377/791;-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000 96%,transparent);mask-image:linear-gradient(180deg,transparent,#000 5%,#000 96%,transparent)}
 .hero .hero-slide[data-slide="0"] .hero-media img{object-fit:contain}
 .hero .hero-slide .hero-shade{background:linear-gradient(180deg,var(--hero-tone) 0%,var(--hero-tone) 38%,transparent 58%)!important}
 .hero .hero-slide[data-slide="0"] .hero-shade{background:linear-gradient(180deg,var(--hero-tone) 0%,var(--hero-tone) 35%,transparent 49%)!important}
 .hero .hero-bottom{left:20px;right:20px;bottom:17px}
}
@media(min-width:500px) and (max-width:760px){
 .hero .hero-stage{height:900px}
 .hero .hero-slide[data-slide] .hero-media{top:360px}
 .hero .hero-slide[data-slide="0"] .hero-media{top:410px}
 .hero .hero-copy,.hero .hero-slide[data-slide="0"] .hero-copy{left:32px;width:calc(100% - 64px)}
}
@media(max-width:390px){
 .hero .hero-stage{height:815px}
 .hero .hero-slide[data-slide] .hero-media{top:385px}
 .hero .hero-slide[data-slide="0"] .hero-media{top:430px}
 .hero .hero-copy,.hero .hero-slide[data-slide="0"] .hero-copy{left:20px;width:calc(100% - 40px)}
 .hero .hero-copy .hero-title,html[lang=en-CA] .hero .hero-copy .hero-title,.hero .hero-slide[data-slide="0"] .hero-copy .hero-title,html[lang=en-CA] .hero .hero-slide[data-slide="0"] .hero-copy .hero-title{font-size:39px}
 .hero .hero-bottom{left:15px;right:15px}
}
@media(max-width:499px){
 .hero .hero-stage{height:740px}
 .hero .hero-slide[data-slide="0"] .hero-media{top:350px}
}

/* One complete number-cake photo beneath the cake inspirations. */
.dessert-number-gallery{grid-template-columns:1fr}
.dessert-number-gallery .dessert-photo-card>img{aspect-ratio:4/3;object-fit:contain;background:#ede6d9}

/* Panoramic culinary banners, aligned with the approved K-pop composition. */
@media(min-width:761px){
 .hero .hero-slide:not([data-slide="0"]) .hero-media{inset:50% 0 auto auto;width:66%;height:auto;max-height:100%;aspect-ratio:3/2;translate:0 -50%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 11%),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 11%),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
 .hero .hero-slide:not([data-slide="0"]) .hero-media img{object-fit:cover;object-position:center}
 .hero .hero-slide:not([data-slide="0"]) .hero-copy{width:31.5%}
 .hero .hero-slide:not([data-slide="0"]) .hero-copy .hero-title,html[lang=en-CA] .hero .hero-slide:not([data-slide="0"]) .hero-copy .hero-title{font-size:clamp(44px,4.2vw,70px)}
 .hero .hero-slide:not([data-slide="0"]) .hero-copy p{max-width:320px;font-size:13px}
 .hero .hero-slide:not([data-slide="0"]) .hero-shade{background:linear-gradient(90deg,var(--hero-tone) 0%,var(--hero-tone) 27%,transparent 39%)!important}
}
/* Rotate only the overhead sandwich photograph; preserve the source file. */
.hero .hero-slide[data-slide="1"] .hero-media img{position:absolute;left:50%;top:50%;width:75%;height:auto;object-fit:contain;translate:-50% -50%;rotate:-90deg}
.hero .hero-slide[data-slide="3"] .hero-media img{object-fit:cover;object-position:50% 67%}
@media(min-width:761px) and (max-width:1100px){
 .hero .hero-slide:not([data-slide="0"]) .hero-copy{width:33%}
 .hero .hero-slide:not([data-slide="0"]) .hero-copy .hero-title,html[lang=en-CA] .hero .hero-slide:not([data-slide="0"]) .hero-copy .hero-title{font-size:clamp(39px,4.7vw,49px)}
}
@media(max-width:760px){
 .hero .hero-slide:not([data-slide="0"]) .hero-media{inset:385px 0 auto;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 95%,transparent);mask-image:linear-gradient(180deg,transparent,#000 7%,#000 95%,transparent)}
 .hero .hero-slide[data-slide="2"] .hero-media{aspect-ratio:3/2}
 .hero .hero-slide[data-slide="2"] .hero-media img{object-fit:contain}
}