.ll-calendar-page{background:var(--ll-paper)}
.ll-calendar-page-panel{position:relative;width:min(1360px,calc(100% - 80px));margin:36px auto clamp(48px,6vw,84px);padding:clamp(52px,4vw,64px);border:1px solid var(--ll-line);border-radius:48px;background:rgba(242,239,230,.78);box-shadow:0 18px 46px rgba(56,67,54,.045);overflow:hidden}
.ll-calendar-page-panel::after{content:"";position:absolute;z-index:0;top:0;right:0;width:min(360px,29vw);height:240px;background:url("images/decor/losklana-branch-horizontal.webp") right top/contain no-repeat;opacity:.12;pointer-events:none}
.ll-calendar-page-panel>*{position:relative;z-index:1}
.ll-calendar-page-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);column-gap:clamp(34px,8vw,128px);row-gap:24px;align-items:end;padding-bottom:34px;border-bottom:1px solid var(--ll-line)}
.ll-calendar-page-intro .ll-kicker{grid-column:1/-1;margin-bottom:clamp(-12px,-1vw,-4px)}
.ll-calendar-page-intro h1{font-family:Losklana Display,Georgia,serif;font-size:clamp(52px,6vw,88px);font-weight:500;letter-spacing:-.055em;line-height:.9}
.ll-calendar-page-intro>p:last-child{max-width:510px;margin:0;color:var(--ll-muted);font-size:clamp(15px,1.3vw,18px);line-height:1.75}

.ll-calendar-page-panel .ll-events--standalone{position:relative;width:auto;margin:0;padding:32px 0 0!important;border:0;border-radius:0;background:transparent;overflow:visible}
.ll-calendar-page-panel .ll-events--standalone .ll-decor--calendar-background{inset:auto -10% 0 auto;width:min(620px,55%);height:auto;opacity:.16}
.ll-calendar-page-panel .ll-events--standalone .ll-events-head{padding-top:0;margin-bottom:clamp(40px,5vw,60px)}
.ll-calendar-page-panel .ll-events--standalone .ll-events-head h2{font-size:clamp(46px,5.2vw,74px);line-height:.9}
.ll-calendar-page-panel .ll-events--standalone .ll-events-head>p{max-width:490px;font-size:clamp(15px,1.2vw,17px)}
.ll-calendar-page-panel .ll-events--standalone .ll-events-foot{position:relative;z-index:1}
.ll-calendar-page-questions{position:relative;display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,1fr) auto;gap:clamp(24px,4vw,68px);align-items:end;margin-bottom:clamp(58px,8vw,96px);padding:clamp(34px,4vw,52px);border:1px solid var(--ll-line);border-radius:34px;background:#eee9dd;overflow:hidden}
.ll-calendar-page-questions::after{content:"";position:absolute;right:-42px;bottom:-78px;width:280px;height:210px;background:url("images/decor/losklana-botanical-corner.webp") right bottom/contain no-repeat;opacity:.12;pointer-events:none}
.ll-calendar-page-questions>*{position:relative;z-index:1}
.ll-calendar-page-questions h2{max-width:440px;font-family:Losklana Display,Georgia,serif;font-size:clamp(34px,3.5vw,54px);font-weight:500;letter-spacing:-.045em;line-height:.95}
.ll-calendar-page-questions p{max-width:510px;margin-top:16px;color:var(--ll-muted);font-size:15px;line-height:1.75}
.ll-calendar-page-questions .ll-button{min-width:178px;white-space:nowrap}

@media(max-width:980px){
 .ll-calendar-page-intro{grid-template-columns:1fr;gap:22px}
 .ll-calendar-page-intro .ll-kicker{grid-column:auto;margin-bottom:0}
 .ll-calendar-page-panel .ll-events--standalone{padding-top:28px!important}
 .ll-calendar-page-questions{grid-template-columns:1fr 1.7fr}
 .ll-calendar-page-questions .ll-button{grid-column:2;justify-self:start}
}
@media(max-width:680px){
 .ll-calendar-page-panel{width:calc(100% - 24px);margin-top:24px;margin-bottom:38px;padding:30px 20px;border-radius:34px}
 .ll-calendar-page-intro{padding-bottom:34px}
 .ll-calendar-page-panel::after{top:0;right:0;width:240px;height:180px;background-image:url("images/decor/losklana-branch-horizontal-mobile-720.webp");opacity:.1}
 .ll-calendar-page-intro h1{font-size:clamp(48px,14vw,64px)}
 .ll-calendar-page-intro>p:last-child{font-size:15px}
 .ll-calendar-page-panel .ll-events--standalone{padding-top:28px!important}
 .ll-calendar-page-panel .ll-events--standalone .ll-events-head{padding-top:0;margin-bottom:38px}
 .ll-calendar-page-panel .ll-events--standalone .ll-events-head h2{font-size:clamp(42px,12vw,58px)}
 .ll-calendar-page-panel .ll-events--standalone .ll-decor--calendar-background{width:100%;right:-30%;opacity:.12}
 .ll-calendar-page-questions{width:calc(100% - 24px);grid-template-columns:1fr;gap:22px;margin-bottom:48px;padding:30px 22px;border-radius:30px}
 .ll-calendar-page-questions::after{background-image:url("images/decor/losklana-botanical-corner-mobile-640.webp")}
 .ll-calendar-page-questions .ll-button{grid-column:auto;width:100%}
 .ll-calendar-page-questions h2{font-size:clamp(38px,11vw,48px)}
 .ll-calendar-page-questions p{font-size:14px}
}