/* Office Plans (office-plans.html). Breakpoint: useMobile(860). */
.cc-op-hero{padding:clamp(36px,5vw,84px) 0 clamp(70px,9vw,110px)}

.cc-op-cards__row{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:16px}
.cc-op-card{position:relative;background:var(--cream);color:#000;flex:1 1 0;min-width:0;min-height:595px;padding:80px 35px;display:flex;flex-direction:column;align-items:center;text-align:center}
.cc-op-card--dark{background:#000;color:var(--cream)}
.cc-op-card__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%) rotate(-4deg);width:min(153px,90%);height:auto;z-index:5;pointer-events:none}
.cc-op-card__head{display:flex;flex-direction:column;align-items:center;width:100%}
.cc-op-card__eyebrow{font-family:var(--font-mono);font-weight:400;font-size:14px;letter-spacing:.06em;text-transform:uppercase;line-height:1.35}
.cc-op-card__name{margin:12px 0 0;font-family:var(--font-display);font-weight:400;font-size:40px;line-height:40px;letter-spacing:-0.03em;color:inherit;white-space:nowrap}
.cc-op-card__line{margin-top:8px;width:190px;height:5px;background:currentColor;-webkit-mask:url(../../svg/line.svg) center/contain no-repeat;mask:url(../../svg/line.svg) center/contain no-repeat}
.cc-op-card__price{margin-top:64px;font-family:var(--font-mono);font-weight:400;font-size:24px;line-height:32px;letter-spacing:.02em;text-transform:uppercase}
.cc-op-card__list{margin:40px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.cc-op-card__list li{font-family:var(--font-mono);font-weight:400;font-size:16px;line-height:1.4}
.cc-op-card__cta{margin-top:64px;width:100%}
.cc-op-card__btn{display:block;width:100%;text-align:center;padding:11px 20px;background:#000;color:var(--cream);font-family:var(--font-mono);font-weight:500;font-size:18px;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:0;cursor:pointer;text-decoration:none;line-height:1.2}
.cc-op-card__btn:hover{color:var(--cream)}
.cc-op-card--dark .cc-op-card__btn,.cc-op-card--dark .cc-op-card__btn:hover{background:var(--cream);color:#000}

/* Plan picker: the quick-add panel (.cc-qap) opening above START THIS PLAN */
.cc-op-pick{position:relative;width:100%}
.cc-op-pick__panel{position:absolute;left:50%;bottom:calc(100% + 16px);width:min(400px,calc(100vw - 32px));transform:translateX(-50%);z-index:400;overflow:hidden;text-align:left;height:0;transition:height .38s var(--ease-expo)}
.cc-op-pick__panel .cc-qap{border:1px solid #000}
.cc-op-pick__hint{margin:0;font-family:var(--font-mono);font-weight:400;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#000;opacity:.7}

.cc-op-help{padding:120px 40px}
.cc-op-help__inner{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.cc-op-help__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:35px;line-height:48px;letter-spacing:-0.03em;color:#1C1C1C}
.cc-op-help__text{margin:20px 0 0;font-family:var(--font-mono);font-weight:400;font-size:16px;line-height:32px;color:#1C1C1C;text-wrap:pretty}
.cc-op-help__text p{margin:0}.cc-op-help__text p+p{margin-top:.5em}
.cc-op-help__btn{margin-top:40px}

@media (max-width:860px){
  .cc-op-hero{padding-bottom:64px}
  .cc-op-cards__row{flex-direction:column}
  .cc-op-card{flex:0 0 auto;width:100%;min-height:0;padding:56px 28px}
  .cc-op-card__name{white-space:normal;text-wrap:balance}
  .cc-op-help{padding:88px 24px 48px}
  .cc-op-help__title{font-size:30px;line-height:38px}
  .cc-op-help__text{line-height:28px}
}
@media (prefers-reduced-motion:reduce){.cc-op-pick__panel{transition:none}}