.happy-main{color:var(--cream)}
.happy-hero{position:relative;isolation:isolate;min-height:660px;height:min(820px,calc(100svh - 88px));padding:90px var(--gutter) 66px;display:flex;align-items:flex-end;overflow:hidden}
.happy-hero>.cover-image{z-index:-2;object-position:65% 50%}
.happy-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#062018df 0%,#062018a3 40%,transparent 78%),linear-gradient(0deg,#062018a0,transparent 45%)}
.happy-hero-copy{max-width:750px}
.happy-hero h1{font-size:clamp(60px,7.5vw,112px);line-height:.96;letter-spacing:-.04em}
.happy-hero .eyebrow{margin-bottom:23px}
.happy-lede{max-width:39ch;font-size:18px;line-height:1.6;margin:24px 0}
.happy-time{font-size:21px;line-height:1.5;margin-bottom:28px}
.happy-time span{display:block;font-size:13px;margin-top:4px}
.happy-photo-caption{position:absolute;right:var(--gutter);bottom:22px;font-size:11px;background:#092219c9;padding:6px 10px}
.happy-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:70px var(--gutter);gap:8%;border-bottom:1px solid #f8f2e633}
.happy-offers>div+div{border-left:1px solid #f8f2e633;padding-left:15%}
.happy-percent{font:500 clamp(70px,8vw,122px)/1 var(--serif);margin:25px 0 13px;letter-spacing:-.04em}
.happy-percent span{font:400 20px var(--sans);letter-spacing:0}
.happy-offers h2{font-size:clamp(30px,3vw,43px);line-height:1.2;margin-bottom:14px}
.happy-offers p:last-child{font-size:15px;line-height:1.7;color:#cbd2c6}
.happy-menu{padding:85px var(--gutter);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 10%}
.happy-menu-heading h2,.happy-questions h2{font-size:clamp(48px,5vw,76px);line-height:1.02;letter-spacing:-.025em;margin:20px 0}
.happy-menu-heading>p:last-child,.happy-questions>div>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:35ch}
.happy-dishes{margin:0}
.happy-dishes>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #f8f2e633}
.happy-dishes>div:first-child{border-top:1px solid #f8f2e633}
.happy-dishes dt{font:500 clamp(23px,2.1vw,32px)/1.2 var(--serif)}
.happy-dishes dd{margin:0;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.happy-terms{grid-column:2;font-size:12px;line-height:1.7;color:#cbd2c6}
.happy-questions{padding:80px var(--gutter);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10%;background:#0a291e}
.happy-questions address{font-style:normal;font-size:18px;line-height:1.6;margin:24px 0}
.happy-questions .actions{flex-wrap:wrap;gap:24px}
.happy-questions .button{font-size:23px}
.happy-questions .text-link{font-size:15px}
.happy-faq details{border-bottom:1px solid #f8f2e633;padding:23px 0}
.happy-faq details:first-child{border-top:1px solid #f8f2e633}
.happy-faq summary{cursor:pointer;font-size:17px;line-height:1.55}
.happy-faq p{font-size:15px;line-height:1.75;margin:18px 0 0;color:#d3d8ce}
.happy-faq a{text-decoration:underline;text-underline-offset:4px}
.happy-lunch{padding:35px var(--gutter);display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #f8f2e633}
.happy-lunch p,.happy-lunch a{font-size:14px;line-height:1.7}
@media(max-width:760px){
 .happy-hero{height:auto;min-height:640px;padding:80px 24px 66px}
 .happy-hero h1{font-size:clamp(46px,11.2vw,78px)}
 .happy-hero>.cover-image{object-position:60% center}
 .happy-hero::before{background:linear-gradient(0deg,#062018f0,#0620188f 60%,transparent)}
 .happy-lede{font-size:16px}.happy-time{font-size:19px}.happy-hero .button{font-size:21px}
 .happy-photo-caption{left:24px;right:auto;bottom:16px;font-size:10px}
 .happy-offers{padding:45px 24px;gap:22px}.happy-offers>div+div{padding-left:20px}
 .happy-offers .eyebrow{font-size:9px;letter-spacing:.12em}
 .happy-percent{font-size:clamp(46px,13vw,86px)}.happy-percent span{font-size:15px}
 .happy-offers h2{font-size:26px}.happy-offers p:last-child{font-size:13px}
 .happy-menu,.happy-questions{grid-template-columns:minmax(0,1fr);padding:52px 24px;gap:34px}
 .happy-menu-heading h2,.happy-questions h2{font-size:clamp(43px,10vw,64px)}
 .happy-terms{grid-column:1}.happy-dishes dt{font-size:26px}.happy-dishes dd{font-size:15px}
 .happy-lunch{padding:30px 24px;flex-direction:column;align-items:flex-start;gap:12px}
}