/* Local homepage hero v07; original assets retained in archive. */
body.ci22 .d-home.as2 .c22-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:50px;padding:54px 0 52px;align-items:center}
body.ci22 .d-home.as2 .c22-hero-copy{position:relative;z-index:2}
body.ci22 .d-home.as2 .c22-hero h1{font-size:clamp(62px,6.05vw,82px);line-height:1.04;letter-spacing:-.055em;margin-top:22px}
body.ci22 .d-home.as2 .c22-hero .c22-lead{max-width:400px;font-size:16px;line-height:1.7;margin-top:26px}
body.ci22 .d-home.as2 .c22-hero .c22-kicker{font-size:10px;letter-spacing:.11em}
body.ci22 .d-home.as2 .as7-hero-scene{position:relative;min-width:0;padding:18px 15px 45px 0;isolation:isolate}
body.ci22 .d-home.as2 .as7-hero-scene:before{content:"";position:absolute;inset:0 0 61px 23px;background:#dfd2f2;border-radius:110px 26px 80px 24px;transform:rotate(3deg);z-index:-1}
body.ci22 .d-home.as2 .as7-backstube{position:relative;margin:0}
body.ci22 .d-home.as2 .as7-backstube>img{display:block;width:100%;height:460px;object-fit:cover;object-position:57% 50%;border-radius:88px 24px 76px 24px}
body.ci22 .d-home.as2 .as7-backstube figcaption{font-size:10px;line-height:1.5;color:#62586c;text-align:right;padding:12px 6px 0}
body.ci22 .d-home.as2 .as7-ingredients{position:absolute;bottom:17px;left:-34px;display:flex;align-items:center;gap:8px;background:#fffaf1;padding:9px 20px 9px 8px;border:1px solid #ded5e8;border-radius:22px;transform:rotate(-4deg);box-shadow:5px 6px 0 #dfd2f2}
body.ci22 .d-home.as2 .as7-ingredients img{width:100px;height:92px;object-fit:contain}
body.ci22 .d-home.as2 .as7-ingredients span{font-size:12px;line-height:1.65;color:#45336e}
body.ci22 .d-home.as2 .as7-ingredients strong{font-size:15px}
body.ci22 .d-home.as2 .as7-spark{position:absolute;top:-16px;right:-3px;font-size:62px;line-height:1;color:#45336e;transform:rotate(13deg)}
@media(min-width:701px) and (max-width:1000px){body.ci22 .d-home.as2 .c22-hero{gap:28px}body.ci22 .d-home.as2 .c22-hero h1{font-size:60px}body.ci22 .d-home.as2 .as7-backstube>img{height:420px;object-position:62% 50%}body.ci22 .d-home.as2 .as7-ingredients{left:-18px;padding-right:12px}body.ci22 .d-home.as2 .as7-ingredients img{width:76px;height:76px}body.ci22 .d-home.as2 .as7-backstube figcaption{font-size:8px}}
@media(max-width:700px){body.ci22 .d-home.as2 .c22-hero{grid-template-columns:1fr;gap:32px;padding:32px 0 30px}body.ci22 .d-home.as2 .c22-hero h1{font-size:58px!important;line-height:1.06;margin-top:18px}body.ci22 .d-home.as2 .c22-hero h1 br:first-child{display:none}body.ci22 .d-home.as2 .c22-hero .c22-lead{font-size:15px;margin-top:20px;max-width:390px}body.ci22 .d-home.as2 .as7-hero-scene{padding:10px 9px 58px 0;margin:0 3px 0 7px}body.ci22 .d-home.as2 .as7-hero-scene:before{inset:0 0 74px 16px;border-radius:66px 22px 60px 20px}body.ci22 .d-home.as2 .as7-backstube>img{height:290px;object-position:57% 50%;border-radius:60px 20px 56px 20px}body.ci22 .d-home.as2 .as7-backstube figcaption{font-size:8px;padding-top:10px}body.ci22 .d-home.as2 .as7-ingredients{left:-8px;bottom:0;gap:4px;padding:5px 13px 5px 5px;border-radius:18px}body.ci22 .d-home.as2 .as7-ingredients img{width:74px;height:72px}body.ci22 .d-home.as2 .as7-ingredients span{font-size:10px}body.ci22 .d-home.as2 .as7-ingredients strong{font-size:13px}body.ci22 .d-home.as2 .as7-spark{font-size:43px;top:-12px;right:0}}
@media(max-width:360px){body.ci22 .d-home.as2 .c22-hero h1{font-size:50px!important}body.ci22 .d-home.as2 .as7-backstube>img{height:260px}}