/* Kiriweb: preserve the light, green/sky brand and the price-first page order.
 * Display 4 / motion 3 / density 4. Real project screenshots remain the proof.
 * This sheet only styles the public index views; checkout dialogs retain their UI.
 * Shape scale: 20px sections, 16px cards, 8px controls, pill primary links.
 */
.site-refresh {
  --kw-ink: #202b28;
  --kw-muted: #555e59;
  --kw-line: #dce4df;
  --kw-surface: #f7faf8;
  --kw-leaf: #456e25;
  --kw-sky: #1d6398;
  --kw-content: 80rem;
  background: #fdfefd;
}
.site-refresh .page-view > section { scroll-margin-top: 6rem; }
.site-refresh .page-view > section > div:first-child {
  max-width: var(--kw-content);
}
.site-refresh .page-view h1,
.site-refresh .page-view h2 { color: var(--kw-ink); letter-spacing: -.035em; }

/* A short introduction leaves the actual monthly prices in the first screen. */
.site-refresh #hero {
  padding-top: 3rem;
  padding-bottom: 4rem;
  background: linear-gradient(180deg, #ecf7ff 0, #f4f9fb 34rem, #f7faf8 66rem);
  border-color: var(--kw-line);
}
.home-intro { gap: 2.5rem; align-items: center; }
.home-intro-copy h1 {
  max-width: 17em;
  font-size: clamp(2rem, 3.2vw, 3rem);
  line-height: 1.32;
}
.home-intro-copy > p:first-of-type {
  max-width: 31em;
  margin-top: 1.15rem;
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--kw-muted);
}
.home-intro-price { margin-top: 1.5rem; font-size: clamp(1.5rem, 2.15vw, 2rem); }
.home-intro-price + p { max-width: 32em; font-size: .9375rem; line-height: 1.65; }
.home-intro-link {
  min-height: 3.25rem;
  gap: .75rem;
  font-size: 1rem;
  transition: background-color .18s, border-color .18s, transform .18s;
}
.home-intro-link:active { transform: translateY(1px); }
.site-refresh [data-work-hero] { min-width: 0; container-type: inline-size; container-name: home-proof; padding: .75rem; border: 1px solid #d5e4ec; border-radius: 16px; background: #fdfefd; }
.site-refresh [data-hero-stage] { border-radius: 12px; box-shadow: none; }
.site-refresh [data-work-hero] figcaption { margin: 0; padding: 1rem .5rem .15rem; }
.site-refresh [data-hero-title] { font-size: 1.0625rem; line-height: 1.5; }
.site-refresh [data-hero-desc] { -webkit-line-clamp: 2; min-height: 3rem; font-size: .9375rem; line-height: 1.5rem; }
.site-refresh [data-hero-controls] { margin-top: .65rem; gap: .25rem; }
.site-refresh [data-hero-controls] button { flex-shrink: 0; min-width: 44px; min-height: 44px; }
.site-refresh [data-hero-controls] > span { white-space: nowrap; }
/* Keep the main controls reachable when the proof column is narrow.
 * The dot shortcuts return only when all seven 44px targets fit. */
@container home-proof (max-width: 32rem) {
  .site-refresh [data-hero-controls] > div { display: none; }
}
.site-refresh [data-work-hero] figcaption > p:last-child { margin-top: .4rem; font-size: .8125rem; line-height: 1.5; }
.site-refresh .home-plans-title { margin-top: 3rem; font-size: 1.375rem; line-height: 1.5; }

/* Compare real plans on a common baseline. The amount precedes the options. */
.site-refresh #pricing-cards { gap: 1.25rem; margin-top: 1.5rem; align-items: stretch; }
.site-refresh #pricing-cards > article {
  padding: 1.75rem;
  border-color: var(--kw-line);
  border-radius: 16px;
  box-shadow: none;
  transition: border-color .18s;
}
.site-refresh #pricing-cards > article[data-tier-slug="standard"] {
  border: 2px solid #57902e;
  padding: calc(1.75rem - 1px);
  box-shadow: none;
}
.site-refresh #pricing-cards h3 { font-size: 1.5rem; letter-spacing: -.025em; }
.site-refresh #pricing-cards .plan-price { margin-top: 1.2rem; gap: .35rem .55rem; }
.site-refresh #pricing-cards .plan-price > span:first-child { width: 100%; font-size: clamp(1.875rem, 2.5vw, 2.25rem); line-height: 1.3; font-variant-numeric: tabular-nums; letter-spacing: -.025em; }
.site-refresh #pricing-cards .plan-price-subtotal > span:first-child { font-size: 1.125rem; letter-spacing: normal; color: var(--kw-ink); }
.site-refresh #pricing-cards .plan-description { margin-top: 1rem; min-height: 3.5em; font-size: .9375rem; }
.site-refresh #pricing-cards [role="radiogroup"] { margin-top: 1.25rem; }
.site-refresh #pricing-cards [role="radio"] { align-items: center; min-height: 44px; padding: .6rem .75rem; line-height: 1.5; }
.site-refresh #pricing-cards [role="radio"][aria-checked="true"] { border-color: var(--kw-leaf); box-shadow: inset 0 0 0 1px var(--kw-leaf); }
.site-refresh #pricing-cards details { border-top: 0; }
.site-refresh #pricing-cards summary { min-height: 44px; align-content: center; line-height: 1.6; }
.site-refresh #pricing-cards ul { line-height: 1.75; }
.site-refresh #pricing-cards [data-pricing-quote],
.site-refresh #pricing-cards [data-pricing-start] { min-height: 48px; white-space: nowrap; }
.site-refresh #pricing-common > div { border-color: #d7e5c8; border-radius: 16px; background: #eef5e7; padding: 1.75rem; }
.site-refresh #layout-band { margin-top: 3rem; }
.site-refresh #layout-band > div { padding-top: 2.25rem; border-color: var(--kw-line); }
.site-refresh #layout-band [data-slider] { gap: 1.25rem; margin-top: 1.5rem; padding-bottom: 1rem; }
.site-refresh #layout-band img { aspect-ratio: 4 / 3; object-fit: cover; transition: transform .2s; }
.site-refresh #layout-band a:hover img { transform: translateY(-3px); }

/* One-time services use a compact horizontal list, distinct from subscriptions. */
.site-refresh #onetime,
.site-refresh #reviews,
.site-refresh #channels { padding-block: 4.5rem; border-color: var(--kw-line); }
.site-refresh #onetime h2,
.site-refresh #reviews h2,
.site-refresh #channels h2 { font-size: clamp(1.7rem, 2.5vw, 2.2rem); line-height: 1.35; }
/* 이용 후기 줄의 넘김 단추 자리(js/home-reviews.js 가 단추를 붙일 때 data-arrows 를 단다).
 * 640–1679px 은 본문 바깥 여백이 단추 폭보다 좁거나(~1439) 오른쪽 연락 레일과 겹쳐(1480~), 줄 안쪽 좌우를 비워
 * 단추가 카드 글자를 덮지 않게 한다. 1680px 이상은 바깥 여백에 단추를 두므로(-left-14) 비우지 않는다. 640 미만은 단추가 없다. */
@media (min-width: 640px) and (max-width: 1679.98px) {
  .site-refresh #reviews [data-arrows] { padding-inline: 3.5rem; }
}
.site-refresh #hero-plans { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-top: 2rem; }
.site-refresh #hero-plans > article { padding: 1.75rem; border-color: var(--kw-line); border-radius: 16px; box-shadow: none; }
.site-refresh #hero-plans .one-price { margin-top: 1rem; }
.site-refresh #hero-plans .one-actions button { margin-top: 0; min-height: 48px; }
.site-refresh #hero-plans .one-actions { margin-top: 1.25rem; }
.site-refresh #hero-plans .one-actions p { line-height: 1.6; }
.site-refresh #channels { background: var(--kw-surface); }
.site-refresh #channels > div > .grid > div { border-color: var(--kw-line); box-shadow: none; }
.site-refresh #channels dl { max-width: none; }

/* Align internal page headings with their content instead of an empty label column. */
.site-refresh #about,
.site-refresh #care,
.site-refresh #process,
.site-refresh #work,
.site-refresh #faq { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.site-refresh #about > div:first-child { display: block; }
.site-refresh #about > div:first-child > div + div { margin-top: 1rem; }
.site-refresh #about h2 { max-width: 23em; }
.site-refresh #about h2,
.site-refresh #process h2,
.site-refresh #faq h2 { font-size: clamp(2rem, 3vw, 2.8rem); line-height: 1.3; }
.site-refresh #strengths { max-width: var(--kw-content); margin-top: 3rem; border: 0; gap: 1rem; background: transparent; grid-template-columns: 1fr; }
.site-refresh #strengths article { padding: 1.75rem; border-radius: 16px; background: #f1f6f9; }
.site-refresh #strengths article:nth-child(2),
.site-refresh #strengths article:nth-child(3) { background: #f2f7ec; }
.site-refresh #strengths h3 { max-width: 26em; font-size: 1.25rem; }
.site-refresh #care > div > div:first-child { display: block; }
.site-refresh #care > div > div:first-child > div + div { margin-top: 1.5rem; }
.site-refresh #care > div > div:first-child > div + div > p:first-child { margin: 0; }
.site-refresh #process > div > div:first-child { display: block; }
.site-refresh #process > div > div:first-child > p { max-width: 40rem; margin-top: 1.25rem; }
.site-refresh #process-steps { margin-top: 2.5rem; gap: 1.5rem; background: transparent; border: 0; border-radius: 0; }
.site-refresh #process-steps > li { padding: 1.25rem 0; border-top: 2px solid #bed4ac; background: transparent; }
.site-refresh #process-steps h3 { margin-top: 1rem; }
.site-refresh #work { background: var(--kw-surface); }
.site-refresh #work-title { font-size: clamp(2rem, 3vw, 2.8rem); }
.site-refresh #work-list { gap: 1.75rem; margin-top: 2.5rem; }
.site-refresh #work-list article { box-shadow: none; border-color: var(--kw-line); }
.site-refresh #work-list article > a img { transition: transform .25s; }
.site-refresh #work-list article:hover > a img { transform: scale(1.015); }
.site-refresh #faq { background: var(--kw-surface); }
.site-refresh #faq > div:first-child { max-width: 62rem; }
.site-refresh #contact { padding-top: 3rem; padding-bottom: 3rem; }
.site-refresh #contact > div:first-child { padding: 3rem; background: #eef5e7; border: 1px solid #d7e5c8; border-radius: 16px; }
.site-refresh #contact .contact-options { gap: 1rem; }
.site-refresh #contact .contact-options > * { min-width: 0; }
.site-refresh #contact .contact-tel > span:first-child { min-width: 0; }
.site-refresh #contact .contact-tel .font-bold { white-space: nowrap; font-variant-numeric: tabular-nums; }
.site-refresh #contact > div > [aria-hidden="true"] { display: none; }
.site-refresh #contact .relative > .mt-16 { margin-top: 1.25rem; }
.site-refresh #contact a.group { min-height: 0; border: 1px solid #d7e5c8; box-shadow: none; }
.site-refresh #contact a.group:hover { background: #fdfefd; border-color: var(--kw-leaf); }
.site-refresh #contact a.group p.opacity-60 { opacity: 1; color: var(--kw-muted); }
.site-refresh #contact a.group p:last-child { color: var(--kw-muted); }
/* 전화 카드 — 번호가 둘이라 카드 전체가 아니라 줄마다 링크다(index.html '전화가 둘이다' 주석).
   카드 겉모양은 위 a.group 과 같게, 줄은 눌렀을 때 바탕만 바뀐다. 줄 높이(min-h-11)는 건드리지 않는다. */
.site-refresh #contact .contact-phone { min-height: 0; border: 1px solid #d7e5c8; box-shadow: none; }
.site-refresh #contact .contact-phone .opacity-60 { opacity: 1; color: var(--kw-muted); }
.site-refresh #contact .contact-tel { transition: background-color .3s; }
.site-refresh #contact .contact-tel:hover { background: #eef5e7; }
.site-refresh #contact .contact-tel > [aria-hidden="true"] { transition: transform .3s; }
.site-refresh #contact .contact-tel:hover > [aria-hidden="true"] { transform: translateX(.25rem); }

@media (min-width: 768px) {
  .site-refresh #strengths { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .home-intro { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 3.5rem; }
  .site-refresh #hero-plans > article { display: grid; grid-template-columns: 1fr 1fr 1.2fr 1fr; align-items: center; gap: 1.5rem; }
  .site-refresh #hero-plans .one-price { margin: 0; padding: 0; border: 0; }
  .site-refresh #hero-plans .one-price p:first-child { font-size: 1.8rem; }
  .site-refresh #hero-plans ul,
  .site-refresh #hero-plans .one-actions { margin-top: 0; }
  .site-refresh #hero-plans article > .absolute { top: -.7rem; }
  .site-refresh #work-list > li:first-child { grid-column: 1 / -1; }
  .site-refresh #work-list > li:first-child article { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
  .site-refresh #work-list > li:first-child article > a { border: 0; border-right: 1px solid var(--kw-line); align-self: center; }
  .site-refresh #work-list > li:first-child article > div { padding: 2rem; }
}
@media (max-width: 1023px) {
  .site-refresh #hero { padding-top: 2rem; }
  .site-refresh #pricing-cards { grid-template-columns: 1fr; gap: 1.5rem; }
  .home-intro-copy h1 { max-width: 24em; font-size: 2rem; }
  .site-refresh #hero-plans > article { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 1.75rem; }
  .site-refresh #hero-plans .one-price { align-self: start; margin: 0; border: 0; padding: 0; }
  .site-refresh #hero-plans ul,
  .site-refresh #hero-plans .one-actions { margin: 0; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .site-refresh #contact .contact-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Short laptop screens keep the plan comparison close to the introduction. */
@media (min-width: 1024px) and (max-height: 800px) {
  .site-refresh #hero { padding-top: 2rem; padding-bottom: 3rem; }
  .site-refresh .home-plans-title { margin-top: 2.25rem; }
}
@media (max-width: 767px) {
  .site-refresh .page-view > section { padding-inline: 1rem; }
  .site-refresh #hero { padding-top: 1.75rem; padding-bottom: 2.5rem; }
  .home-intro-copy h1 { font-size: clamp(1.75rem, 6.7vw, 2rem); }
  .home-intro-copy > p:first-of-type { font-size: 1rem; margin-top: 1rem; }
  .home-intro-price { margin-top: 1.25rem; font-size: 1.65rem; }
  .home-intro-price + p { font-size: .875rem; }
  .home-intro-copy > div:last-child { margin-top: 1.25rem; }
  .site-refresh .home-plans-title { font-size: 1.25rem; margin-top: 2rem; }
  .site-refresh #pricing-cards { grid-template-columns: 1fr; gap: 1.5rem; }
  .site-refresh #pricing-cards > article { padding: 1.5rem; }
  .site-refresh #pricing-cards > article[data-tier-slug="standard"] { padding: calc(1.5rem - 1px); }
  .site-refresh #pricing-common > div { padding: 1.5rem; }
  .site-refresh #pricing-cards .plan-description { min-height: 0; }
  .site-refresh #hero-plans > article { display: flex; gap: 0; padding: 1.5rem; }
  .site-refresh #hero-plans .one-price { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--kw-line); align-self: stretch; }
  .site-refresh #hero-plans ul,
  .site-refresh #hero-plans .one-actions { margin-top: 1.25rem; }
  .site-refresh #onetime, .site-refresh #reviews, .site-refresh #channels,
  .site-refresh #about, .site-refresh #care,
  .site-refresh #process, .site-refresh #work,
  .site-refresh #faq { padding-block: 3rem; }
  .site-refresh #strengths { grid-template-columns: 1fr; margin-top: 2rem; }
  .site-refresh #process-steps { grid-template-columns: 1fr; gap: .5rem; }
  .site-refresh #work-list { grid-template-columns: 1fr; }
  .site-refresh #contact > div:first-child { padding: 1.5rem; }
  .site-refresh #contact a.group { padding: 1.25rem; }
  .site-refresh #contact a.group p.mt-8 { margin-top: 1rem; }
  .site-refresh #contact .contact-phone { padding: 1.25rem; }
  .site-refresh #contact .contact-phone ul { margin-top: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .site-refresh #layout-band img,
  .site-refresh #work-list article > a img,
  .site-refresh .home-intro-link,
  .site-refresh #contact .contact-tel,
  .site-refresh #contact .contact-tel > [aria-hidden="true"] { transition: none; transform: none; }
}

/* Plain-language reading refinements: preserve section order, cards and brand. */
.site-refresh .page-view h1,
.site-refresh .page-view h2,
.site-refresh .page-view h3 { text-wrap: balance; word-break: keep-all; }
.site-refresh .page-view p { text-wrap: pretty; overflow-wrap: break-word; }
.site-refresh #about p,
.site-refresh #care p,
.site-refresh #process > div > div:first-child > p { line-height: 1.8; }
.site-refresh #strengths article > p { max-width: 48ch; }
.site-refresh #pricing-cards .plan-selected-mode {
  min-height: 3rem;
  max-width: 30ch;
  font-size: .875rem;
  line-height: 1.65;
}
.site-refresh #pricing-cards .plan-charge-row {
  display: block;
  min-height: 7rem;
  padding-top: .9rem;
}
.site-refresh #pricing-cards .plan-charge-row > span:first-child { line-height: 1.65; }
.site-refresh #pricing-cards .plan-charge-row > span:last-child {
  display: block;
  margin-top: .4rem;
  white-space: normal;
  text-align: left;
  font-size: 1.625rem;
  line-height: 1.3;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
}
.site-refresh #pricing-cards .plan-charge-total > .line-through {
  display: block;
  font-size: .8125rem;
  line-height: 1.6;
  letter-spacing: normal;
}
.site-refresh #pricing-cards .plan-description { line-height: 1.75; }
.site-refresh #pricing-cards [role="radio"] {
  align-items: center;
  flex-wrap: wrap;
  row-gap: .15rem;
}
.site-refresh #pricing-cards .plan-period-hint,
.site-refresh #pricing-cards .plan-payment-help {
  font-size: .8125rem;
  line-height: 1.65;
  color: var(--kw-muted);
}
.site-refresh #pricing-cards .plan-period-hint { min-height: 1.35rem; }
.site-refresh #pricing-cards .plan-payment-group + .plan-payment-group {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--kw-line);
}
.site-refresh #pricing-cards .plan-payment-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .35rem .6rem;
  font-size: .9375rem;
  font-weight: 700;
  color: var(--kw-ink);
}
.site-refresh #pricing-cards .plan-payment-discount {
  font-size: .75rem;
  font-weight: 600;
  color: var(--kw-leaf);
}
.site-refresh #pricing-cards .plan-payment-help { margin-top: .35rem; margin-bottom: .6rem; max-width: 36ch; }
.site-refresh #pricing-cards .plan-breakdown { margin-top: .65rem; }
.site-refresh .checkout-charge-total,
.site-refresh .quote-charge-total {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  border-top: 0;
  border-bottom: 1px solid var(--kw-line);
  padding-top: 0;
  padding-bottom: 1rem;
}
.site-refresh .checkout-charge-total > dd,
.site-refresh .quote-charge-total > dd,
.site-refresh #card-step-amount {
  margin-top: .4rem;
  text-align: left;
  font-size: clamp(1.5rem, 7.5vw, 2rem);
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}
.site-refresh .quote-charge-total > dd { color: var(--kw-ink); font-weight: 700; }
.site-refresh #quote-charge dd,
.site-refresh #selected-plan-charge dd { flex-shrink: 0; white-space: nowrap; }
.site-refresh .quote-charge-total > dd > .line-through {
  display: block;
  font-size: .8125rem;
  line-height: 1.6;
  font-weight: 400;
}
.site-refresh .payment-mode-help { max-width: 42ch; }
.site-refresh .plan-toggle-sign::before { content: "+"; }
.site-refresh details[open] .plan-toggle-sign::before { content: "−"; }
.site-refresh #pricing-common .plan-terms-note {
  grid-column: 1 / -1;
  margin-top: 1.25rem;
  max-width: 80ch;
  border-top: 1px solid #d7e5c8;
  padding-top: 1rem;
  font-size: .875rem;
  line-height: 1.8;
  color: var(--kw-muted);
}
.site-refresh #process-steps > li > p:last-child { max-width: 36ch; line-height: 1.8; }
.site-refresh #faq details > p { max-width: 72ch; line-height: 1.85; }
.site-refresh #contact .relative > p { max-width: 55ch; line-height: 1.8; }

/* Review data stays unchanged; headings and reading width guide the visitor. */
.review-page main { padding-bottom: 4.5rem; }
.review-page main h1,
.review-page main h2 { text-wrap: balance; word-break: keep-all; letter-spacing: -.025em; }
.review-page .review-intro > p,
.review-page .review-summary > p,
.review-page .review-products > p,
.review-page .review-write > p { max-width: 68ch; font-size: 1rem; line-height: 1.8; }
.review-page .review-summary > div:first-of-type { row-gap: .8rem; }
.review-page .review-products > div > a { padding: 1.4rem; }
.review-page .review-products > div > a > p:nth-child(2) { line-height: 1.7; font-size: .875rem; }
.review-page .review-products > div > a:focus-visible {
  outline: 2px solid #1d6398;
  outline-offset: 3px;
}
.review-page .review-entries > li { padding-block: 1.5rem; }
.review-page .review-entries .whitespace-pre-line {
  max-width: 70ch;
  font-size: 1rem;
  line-height: 1.85;
  overflow-wrap: break-word;
}
.review-page .review-write { padding-top: .5rem; }
.review-page textarea { line-height: 1.75; }
.public-guide main h1,
.public-guide main h2,
.public-guide main h3 { text-wrap: balance; word-break: keep-all; }
.public-guide main > p { max-width: 60ch; line-height: 1.8; }
.public-guide main section p,
.public-guide main details p { max-width: 72ch; line-height: 1.8; text-wrap: pretty; }
.public-guide main details p > span { margin-top: .7rem; }
.public-guide main details p > span:first-child { margin-top: 0; }
/* A single-column comparison no longer needs the wide-screen alignment slots. */
@media (max-width: 1023px) {
  .site-refresh #pricing-cards .plan-selected-mode,
  .site-refresh #pricing-cards .plan-charge-row,
  .site-refresh #pricing-cards .plan-period-hint { min-height: 0; }
  .site-refresh #pricing-cards .plan-selected-mode,
  .site-refresh #pricing-cards .plan-payment-help { max-width: none; }
  .site-refresh #pricing-cards .plan-description { min-height: 0; }
}
@media (max-width: 767px) {
  .site-refresh #pricing-common .plan-terms-note { max-width: none; }
  .review-page main { padding-inline: 1rem; }
  .review-page main > section { margin-top: 2rem; }
  .review-page main > section:first-child { margin-top: 0; }
  .review-page .review-products > div > a { padding: 1.2rem; }
  .public-guide main { padding-inline: 1rem; }
  .public-guide main > h1 { line-height: 1.35; }
}


/* Figma 3:8100 supplies spacing and a two-column visual rhythm only.
 * Keep the original header, nine page views, prices, copy and checkout flow.
 * A compact introduction leaves subscriptions as the first main product.
 * Development/operations content remains readable without an extra action.
 */
.kw-development-detail { min-width: 0; }
.kw-development-detail .group-open\:rotate-45 { display: none; }
.site-refresh { --kw-content: 1296px; }
body.site-refresh #hero { background: #f7faf8; padding-block: 2.5rem 4rem; }
.site-refresh .home-intro { align-items: center; gap: 3rem; }
.site-refresh .home-intro-copy h1 { font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1.32; }
.site-refresh .home-plans-title { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--kw-line); font-size: 1.5rem; }
.site-refresh #pricing-cards { margin-top: 1.5rem; gap: 1.25rem; }
.site-refresh #work-list { gap: 1.5rem; }
@media (min-width: 1024px) {
  .site-refresh .home-intro { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; }
  .site-refresh #work-list > li:first-child { grid-column: auto; }
  .site-refresh #work-list > li:first-child article { display: flex; flex-direction: column; }
  .site-refresh #work-list > li:first-child article > a { align-self: stretch; border-right: 0; border-bottom: 1px solid var(--kw-line); }
  .site-refresh #work-list > li:first-child article > div { padding: 1.5rem; }
}
@media (max-width: 767px) {
  body.site-refresh #hero { padding-block: 1.75rem 2.5rem; }
  .site-refresh .home-intro-copy h1 { font-size: clamp(1.75rem, 6.7vw, 2rem); }
  .site-refresh .home-plans-title { margin-top: 2rem; padding-top: 1.5rem; font-size: 1.25rem; }
}