.site-main.page-demo{padding-top:0}.site-main.page-demo .demo{padding-block:0}.demo{display:grid;grid-template-columns:1fr;min-height:100dvh;background:#121212;color:#fff}@media (min-width: 1024px){.demo{grid-template-columns:1fr 1fr;height:100dvh;overflow:hidden;background:#fff}}.demo__intro{display:contents}@media (min-width: 1024px){.demo__intro{display:flex;flex-direction:column;overflow:hidden;background:#121212;padding-block-start:1.75rem;padding-block-end:0;padding-inline:clamp(1rem,-1.289rem + 9.765vw,7.5rem)}}.demo__back,.demo__copy,.demo__media{padding-inline:clamp(1rem,-1.289rem + 9.765vw,7.5rem)}@media (min-width: 1024px){.demo__back,.demo__copy,.demo__media{padding-inline:0}}.demo__back{order:1;display:inline-flex;align-items:center;gap:.625rem;width:fit-content;margin-block-start:2.5rem;color:#fff;font-family:Rethink Sans,system-ui,-apple-system,sans-serif;font-weight:600;font-size:clamp(.875rem,.8rem + .3vw,1rem);letter-spacing:-.02em;text-decoration:none;transition:opacity .2s ease}.demo__back:hover{opacity:.8}.demo__back:focus-visible{outline:2px solid #FFFFFF;outline-offset:4px}@media (min-width: 1024px){.demo__back{order:0;margin-block-start:0}}.demo__back-icon{flex:none;transition:transform .2s ease}.demo__back:hover .demo__back-icon{transform:translate(-3px)}.demo__copy{order:2;margin-block-start:clamp(2.5rem,4vw,5rem)}@media (min-width: 1024px){.demo__copy{order:0}}.demo__heading{margin:0;font-family:Rethink Sans,system-ui,-apple-system,sans-serif;font-weight:400;font-size:clamp(2.125rem,1.73rem + 1.69vw,3.25rem);line-height:1.02;letter-spacing:-.02em;color:#fff}.demo__subtext{margin:1rem 0 0;max-width:28rem;font-family:Rethink Sans,system-ui,-apple-system,sans-serif;font-weight:500;font-size:clamp(1rem,.91rem + .38vw,1.25rem);line-height:1.4;letter-spacing:-.02em;color:#fff9}.demo__media{order:4;margin-block:clamp(3rem,4vw,3.5rem) clamp(2.5rem,5vw,3.5rem);border-radius:.75rem;overflow:hidden;aspect-ratio:464/596}@media (min-width: 1024px){.demo__media{order:0;flex:1;min-height:0;aspect-ratio:auto;margin-block:3.5rem 0}}.demo__photo{display:block;width:100%;height:100%;object-fit:cover}.demo__scheduler{order:3;display:flex;align-items:center;justify-content:center;padding-block:4rem clamp(2rem,5vw,3rem);padding-inline:clamp(1rem,-1.289rem + 9.765vw,7.5rem)}@media (min-width: 1024px){.demo__scheduler{order:0;height:100dvh;overflow-y:auto;background:#fff;padding-block:2rem;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}}.demo-calendar{display:flex;flex-direction:column;width:100%;max-width:30rem;min-height:30.25rem;padding:clamp(1.25rem,1.1rem + .6vw,1.75rem);background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:1.5rem;box-shadow:0 29px 31.5px #0000000a,0 114px 57px #00000008,0 257px 77px #00000005;color:#1a1a1a}@media (min-width: 1024px){.demo-calendar{min-height:42.375rem}}.demo-calendar--gcal{padding:0;overflow:hidden;height:30.25rem}@media (min-width: 1024px){.demo-calendar--gcal{height:42.375rem}}.demo-calendar--gcal iframe{width:100%;height:100%;border:none}.demo-calendar__body{flex:1;display:flex;flex-direction:column;gap:clamp(1.25rem,1rem + 1vw,1.4rem)}.demo-calendar__title{margin:0;font-family:Rethink Sans,system-ui,-apple-system,sans-serif;font-weight:700;font-size:clamp(1.125rem,1rem + .5vw,1.25rem);line-height:1.5;color:#1a1a1a}.demo-calendar__cal{display:flex;flex-direction:column;gap:clamp(.9rem,.7rem + .8vw,1rem)}.demo-calendar__month{display:flex;align-items:center;justify-content:space-between}.demo-calendar__nav{--nav-size: clamp(1.625rem, 1.2rem + 1.9vw, 2.375rem);display:inline-flex;align-items:center;justify-content:center;width:var(--nav-size);height:var(--nav-size);border-radius:50%;color:#1a1a1a9c}.demo-calendar__nav--active{color:#0069ff;background:#0069ff14}.demo-calendar__nav svg{width:45%;height:45%}.demo-calendar__current{font-family:Rethink Sans,system-ui,-apple-system,sans-serif;font-size:clamp(.9rem,.85rem + .2vw,1rem);color:#1a1a1a}.demo-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);column-gap:clamp(.125rem,1vw,.375rem)}.demo-calendar__col{display:flex;flex-direction:column;align-items:center;gap:clamp(.375rem,1.2vw,.5rem)}.demo-calendar__weekday{margin-block-end:.25rem;font-family:Rethink Sans,system-ui,-apple-system,sans-serif;font-size:clamp(.625rem,.55rem + .3vw,.75rem);letter-spacing:.02em;text-transform:uppercase;color:#1a1a1a}.demo-calendar__day{--day-size: clamp(2rem, 1.74rem + 1.13vw, 2.75rem);position:relative;display:flex;align-items:center;justify-content:center;width:var(--day-size);aspect-ratio:1;border-radius:50%;font-family:Rethink Sans,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,.8rem + .3vw,1rem);color:#1a1a1a9c}.demo-calendar__day.is-available{background:#0069ff14;color:#0069ff;font-weight:700}.demo-calendar__day.is-today:after{content:"";position:absolute;bottom:.28rem;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#1a1a1a9c}.demo-calendar__day.is-empty{visibility:hidden}.demo-calendar__tz{display:flex;flex-direction:column;gap:.375rem}.demo-calendar__tz-title{font-family:Rethink Sans,system-ui,-apple-system,sans-serif;font-weight:700;font-size:clamp(.9rem,.85rem + .2vw,1rem);color:#1a1a1a}.demo-calendar__tz-value{display:inline-flex;align-items:center;gap:.5rem;font-family:Rethink Sans,system-ui,-apple-system,sans-serif;font-size:.875rem;color:#1a1a1a}.demo-calendar__tz-globe,.demo-calendar__tz-caret{flex:none}.demo-calendar__tz-caret{margin-inline-start:.125rem}.demo-calendar__help{margin-block-start:auto;display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;padding:.75rem 1rem;border:1px solid #1A1A1A;border-radius:999px;font-family:Rethink Sans,system-ui,-apple-system,sans-serif;font-size:.875rem;color:#1a1a1a}.demo-calendar__help svg{flex:none}@media (prefers-reduced-motion: reduce){.demo__back,.demo__back-icon{transition:none}}
