/* H4 — mint, a diagonal headline, a complete cup. No viewport-dependent crop. */
body.home-v20 {--home-gutter:clamp(20px,5vw,88px)}
body.home-v20 main :is(h1,h2,h3){font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:0}
body.home-v20 .h4-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:1fr auto;position:relative;isolation:isolate;overflow:hidden;background:#c6dfca;color:#073b31;max-width:1920px;margin-inline:auto}
body.home-v20 .h4-heading{grid-area:1/1;padding:clamp(55px,6vw,100px) 24px 38px var(--home-gutter);align-self:center;z-index:2;position:relative}
body.home-v20 .h4-heading-angle{transform:rotate(-5deg);transform-origin:50% 50%}
body.home-v20 .h4-location{font:600 12px/1.5 Manrope,sans-serif;letter-spacing:.11em;text-transform:uppercase;margin:0 0 20px}
body.home-v20 #home-title{font:800 clamp(80px,8.8vw,154px)/.88 'Barlow Condensed',sans-serif;letter-spacing:-.012em;text-transform:uppercase;text-wrap:nowrap;margin:0 0 26px}
body.home-v20 .h4-title-line{display:block;width:fit-content;transform-origin:30% 80%}
body.home-v20 .h4-title-line+ .h4-title-line{margin-top:.08em}
body.home-v20 .h4-tagline{font:600 clamp(16px,1.55vw,23px)/1.5 Manrope,sans-serif;margin:0;max-width:34ch;text-wrap:balance}
body.home-v20 .h4-photo{display:block;grid-area:1/2/3/3;min-width:0;min-height:590px;position:relative;overflow:hidden}
body.home-v20 .h4-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 52%}
body.home-v20 .h4-photo:before{content:'';position:absolute;inset:0 auto 0 0;width:42px;background:#c6dfca;clip-path:polygon(0 0,100% 0,0 100%);z-index:1}
body.home-v20 .h4-actions{position:relative;z-index:2;grid-area:2/1;display:flex;align-items:center;gap:18px 25px;flex-wrap:wrap;padding:24px 26px 55px var(--home-gutter);background:#c6dfca}
body.home-v20 .h4-actions:before{content:none;display:none}
body.home-v20 .h4-actions .button{font:800 24px/1.2 'Barlow Condensed',sans-serif;border-radius:10px;min-height:56px;padding:16px 27px;gap:30px;white-space:nowrap;background:#f6dc67}
body.home-v20 .h4-actions .text-link{font-size:16px;white-space:nowrap}
body.home-v20 .h4-actions>p{flex-basis:100%;margin:0;font-size:14px;color:#466154}
body.home-v20 .soul-marquee{background:#073b31;color:#f6f2e9;border:0;padding-block:17px}
body.home-v20 .soul-marquee-brand{display:none}
body.home-v20 .soul-marquee-word{font:800 clamp(30px,3.7vw,55px)/1 'Barlow Condensed',sans-serif;letter-spacing:.005em;text-transform:uppercase}
body.home-v20 .soul-marquee-star{color:#f6dc67;font-size:20px}
body.home-v20 .home-section-head h2{font-size:clamp(50px,6vw,92px);line-height:.95}
body.home-v20 .home-section-head>p{font-size:18px}
body.home-v20 .home-products{gap:22px}
body.home-v20 .home-product{overflow:hidden;border-radius:12px;background:#e0ebda}
body.home-v20 .home-product-image{aspect-ratio:1.25}
body.home-v20 .home-product-copy{padding:20px 46px 23px 20px;min-height:146px}
body.home-v20 .home-product h3{font:800 clamp(27px,2.8vw,40px)/1.03 'Barlow Condensed',sans-serif;letter-spacing:0;margin:0 0 10px}
body.home-v20 .home-product p{font-size:16px;line-height:1.5}
body.home-v20 .home-product .home-arrow{top:20px;right:12px;border:0;font-size:25px}
body.home-v20 .home-product:nth-child(4){background:#f6dc67}
body.home-v20 .home-product-number{display:none}
body.home-v20 .home-journey h2,body.home-v20 .home-academy h2,body.home-v20 .home-cafe h2{font-size:clamp(52px,5.5vw,86px);line-height:.98}
body.home-v20 .home-journey-panels h3,body.home-v20 .home-academy-card h3{font-size:32px;letter-spacing:0}
body.home-v20 .home-product:active{transform:scale(.99)}
@media(min-width:1181px){body.home-v20 .h4-photo{max-height:780px}}
@media(min-width:761px) and (max-width:1180px){
 body.home-v20 #home-title{font-size:clamp(72px,9.1vw,108px)}
 body.home-v20 .h4-heading{padding-left:32px;padding-right:12px}
 body.home-v20 .h4-actions{padding-left:32px;gap:12px;flex-direction:column;align-items:flex-start}
 body.home-v20 .h4-photo{min-height:560px}
 body.home-v20 .h4-tagline{max-width:25ch}
 body.home-v20 .home-products{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.home-v20 .home-product-image{aspect-ratio:1.5}
}
@media(max-width:760px){
 body.home-v20 .h4-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}
 body.home-v20 .h4-heading{grid-area:1/1;padding:28px 28px 22px;align-self:auto}
 body.home-v20 .h4-heading:after{content:'';position:absolute;top:100%;left:-2%;width:104%;height:42px;clip-path:polygon(0 0,100% 0,0 100%);background:#c6dfca}
 body.home-v20 .h4-heading-angle{width:min(100%,480px);margin:auto}
 body.home-v20 .h4-location{display:none}
 body.home-v20 #home-title{font-size:clamp(66px,18.4vw,116px);line-height:.88;margin-bottom:16px}
 body.home-v20 .h4-tagline{font:600 clamp(15px,3.5vw,20px)/1.5 Manrope,sans-serif;max-width:none}
 body.home-v20 .h4-photo{grid-area:2/1;min-height:0;aspect-ratio:1.1;max-height:none}
 body.home-v20 .h4-photo:before{display:none}
 body.home-v20 .h4-photo img{object-position:50% 52%}
 body.home-v20 .h4-actions{grid-area:3/1;padding:18px 22px 23px;justify-content:center;gap:10px 20px}
 body.home-v20 .h4-actions:before{height:26px;top:-25px;left:0;right:0;clip-path:polygon(0 65%,100% 0,100% 100%,0 100%)}
 body.home-v20 .h4-actions .button{min-height:50px;padding:13px 20px;font-size:24px}
 body.home-v20 .h4-actions .text-link{font-size:15px;min-height:44px}
 body.home-v20 .h4-actions>p{text-align:center;font-size:13px}
 body.home-v20 .home-section{padding-block:46px}
 body.home-v20 .home-section-head{gap:18px;margin-bottom:25px}
 body.home-v20 .home-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 body.home-v20 .home-product-image{aspect-ratio:1}
 body.home-v20 .home-product-copy{padding:16px 15px 20px;min-height:151px}
 body.home-v20 .home-product .home-arrow{display:none}
 body.home-v20 .home-product h3{font-size:28px}
 body.home-v20 .home-product p{font-size:15px;line-height:1.5}
 body.home-v20 .home-section-head h2{font-size:58px}
 body.home-v20 .soul-marquee{padding-block:15px}
 body.home-v20 .soul-marquee-word{font-size:34px}
}
@media(max-width:359px){
 body.home-v20 .h4-heading{padding-inline:22px}
 body.home-v20 #home-title{font-size:18.2vw}
 body.home-v20 .h4-tagline{font-size:14px}
 body.home-v20 .home-products{grid-template-columns:1fr}
 body.home-v20 .home-product-image{aspect-ratio:1.4}
 body.home-v20 .home-product-copy{min-height:0}
}
@media(prefers-reduced-motion:reduce){body.home-v20 .home-product:active{transform:none}}