section.lunchbox{--toTop:22.5rem;--cardTop:14.5rem;background-image:linear-gradient(to bottom,var(--blue) var(--toTop),var(--white) var(--toTop));margin-bottom:2rem;.padx{--padx:2.5%}.content{container-name:content;container-type:inline-size;padding:0 5% 5%;position:relative;>*{position:relative}&:before{background-color:var(--BG-Gray-2);border-radius:var(--rad);content:"";inset:var(--cardTop) 0 0;position:absolute}.signup{display:grid;gap:2rem;grid-template-columns:1fr;text-align:center;@container content (min-width: 950px){grid-template-columns:repeat(2,1fr);text-align:left}figure{@media (min-width:1112px){align-items:center;display:grid}}.copy{align-items:flex-end;container-name:copy;container-type:inline-size;margin:0 auto;max-width:60rem;width:100%;@container content (min-width: 950px){padding-top:calc(var(--cardTop) + 4rem)}p{text-wrap:pretty}}.form-title:empty{display:none}.form{margin-top:3.6rem;text-align:left;label{display:none}.overline{color:#92929b;font-size:1.6rem;font-weight:var(--semibold);letter-spacing:.2em;margin-bottom:.35em;padding-left:.8rem;text-align:center;@media (min-width:640px){font-size:1.8rem;text-align:left}}form{display:grid;gap:1rem;grid-template-columns:1fr;.field{margin-bottom:0}.input,input{height:6rem;margin-bottom:0;width:100%;input,select{height:100%;width:100%}}input:not([type=submit]){border-radius:6px;padding-left:2.4rem}input[type=submit]{font-size:1.8rem}}}}.recent{padding-top:4rem;.overline{font-size:1.8rem;font-weight:var(--semibold);letter-spacing:.2em;text-align:center;@media (min-width:640px){font-size:1.6rem;text-align:left}}.webinars{display:grid;gap:2rem;grid-template-columns:1fr;@container content (min-width: 950px){grid-template-columns:repeat(3,1fr)}}.webinar{aspect-ratio:365/205;border:2px solid var(--Stroke-Gray);border-radius:calc(var(--rad)/2);overflow:hidden;padding:1.6rem;position:relative;text-align:right;text-decoration:none;.play,time{position:relative;z-index:1}.play{aspect-ratio:1/1;border:1px solid var(--white);border-radius:50%;display:grid;height:8rem;left:50%;place-items:center;position:absolute;top:calc(50% + 1.2rem);transform:translate(-50%,-50%);width:8rem;svg{max-width:27.5%;transform:translateX(12.5%)}&:before{aspect-ratio:1/1;border-radius:50%;box-shadow:0 0 6px rgba(0,0,0,.8);content:"";height:calc(100% + 1.2rem);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .25s ease-in-out;width:calc(100% + 1.2rem)}}time{background-color:var(--blue);border-radius:5rem;color:var(--white);font-size:1.3rem;font-weight:var(--bold);letter-spacing:.16em;margin-left:auto;padding:.3em 1.25em;text-decoration:none}&:hover{.play{&:before{background-color:var(--green);content:""}}}}}}}