@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#252522;--accent:#0F3D2E;--line:#d9d7d2;--paper:#fff;--soft:#f3f2ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0F3D2E;outline-offset:6px}header{padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:23px;letter-spacing:.1em;line-height:1.2;font-weight:500;white-space:nowrap}.brand span{display:block;font-size:10px;letter-spacing:.22em;margin-top:8px}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a[aria-current]{border-bottom:1px solid var(--accent)}.nav-cta{padding:10px 20px;border:1px solid var(--accent);color:var(--accent)}.nav-cta span{margin-left:18px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;color:var(--accent);margin:0 0 22px}.hero{padding:68px 5% 44px;display:grid;grid-template-columns:1.5fr 1fr;gap:6%;align-items:end}.hero h1{margin:0;font:clamp(60px,7.3vw,116px)/.98 'Libre Caslon Display',Georgia,serif;letter-spacing:-.035em}.hero h1 em{font-weight:400;color:var(--accent)}.hero .intro{max-width:400px;padding-bottom:8px}.intro p{font-size:17px;line-height:1.75}.text-link{display:inline-block;margin-top:16px;border-bottom:1px solid;padding-bottom:7px;font-size:14px}.text-link span{margin-left:28px}.hero-image{margin:0 5%;height:480px;position:relative;background:#493b31;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}.image-note{position:absolute;bottom:20px;left:24px;color:white;font-size:12px;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 6px black}.under-image{margin:0 5%;padding:19px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.section{padding:95px 5%}.section h2,.page-title{font:clamp(42px,5vw,70px)/1.07 'Libre Caslon Display',Georgia,serif;letter-spacing:-.02em;margin:0 0 30px}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:6%;margin-bottom:50px}.section-head h2{max-width:780px}.section-head p:not(.eyebrow){max-width:650px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.service{border-top:1px solid var(--line);padding-top:22px}.number{color:var(--accent);font-size:13px}.service h3{font:34px/1.12 'Libre Caslon Display',Georgia,serif;margin:28px 0 20px}.service p{color:#5a5a54;max-width:370px}.service a{font-size:14px}.dark{background:var(--accent);color:white}.dark .eyebrow{color:#eed4db}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%}.dark p{color:#ecdee1}.dark h2{max-width:650px}.dark .text-link{color:white}.list{padding:0;list-style:none}.list li{padding:18px 0;border-bottom:1px solid #ffffff40}.list li:first-child{padding-top:0}.small-title{font:29px/1.15 'Libre Caslon Display',Georgia,serif}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.process h3{font:30px/1.15 'Libre Caslon Display',Georgia,serif}.process p{color:#5a5a54}.closing{padding:65px 5%;background:var(--soft);display:flex;justify-content:space-between;align-items:center;gap:30px}.closing h2{font:clamp(36px,4vw,56px)/1.1 'Libre Caslon Display',Georgia,serif;margin:0}.button{display:inline-flex;align-items:center;gap:30px;background:var(--accent);color:white;padding:16px 24px;font-size:14px;white-space:nowrap}.page-top{padding:75px 5% 50px;border-bottom:1px solid var(--line)}.page-top .lead{font-size:20px;max-width:780px}.detail-row{padding:50px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:10%;scroll-margin-top:30px}.detail-row h2{font-size:45px}.detail-row ul{padding-left:20px}.detail-row li{margin:12px 0}.detail-row .scope{font-size:14px;color:#62625c}.career{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);padding:30px 0;gap:50px}.career h2{font-size:34px;margin:0}.career p{margin:0}.career .role{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:12px}.about-letter{max-width:880px}.about-letter .large{font:36px/1.35 'Libre Caslon Display',Georgia,serif}.about-letter p{font-size:18px}.signature{font:42px 'Libre Caslon Display',Georgia,serif;color:var(--accent);margin-top:40px}.booking-box{border:1px solid var(--line);padding:35px;background:var(--soft)}.booking-box h2{font-size:36px}.booking-box p{max-width:550px}.notice{padding:18px 22px;border-left:3px solid var(--accent);background:white;font-size:14px}.faq{margin-top:45px}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:17px}details p{color:#5a5a54}footer{padding:55px 5% 25px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;font-size:14px}footer p{margin:0}footer>a:last-of-type{text-align:right}footer small{grid-column:1/-1;padding-top:25px;border-top:1px solid var(--line);font-size:12px;color:#777}.skip{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:99}.skip:focus{top:15px}.credit{font-size:12px;color:#777;margin:14px 5%}.credit a{text-decoration:underline}.empty-portrait{border-top:1px solid var(--line);padding-top:25px}.location{font-size:14px;letter-spacing:.05em}
@media(min-width:1600px){header,main,footer{max-width:1800px;margin:auto}.hero-image{height:620px}}@media(max-width:800px){header{align-items:flex-start;flex-direction:column;padding:23px 6%;gap:23px}nav{width:100%;gap:20px;justify-content:space-between;font-size:13px}.brand{font-size:22px}.nav-cta{padding:7px 10px}.nav-cta span{display:none}.hero{padding:45px 6% 32px;grid-template-columns:1fr;gap:22px}.hero h1{font-size:clamp(56px,12vw,85px)}.hero .intro{max-width:560px}.hero-image{margin:0 6%;height:350px}.under-image{margin:0 6%;font-size:10px}.section{padding:60px 6%}.section-head,.split,.detail-row{grid-template-columns:1fr;gap:24px}.section-head{margin-bottom:25px}.services-grid,.process{grid-template-columns:1fr;gap:34px}.service h3{margin:18px 0}.service p{max-width:none}.closing{padding:45px 6%;align-items:flex-start;flex-direction:column}.page-top{padding:50px 6% 35px}.page-title{font-size:58px}.career{grid-template-columns:1fr;gap:12px}.booking-box{padding:25px}.about-letter .large{font-size:31px}footer{padding:40px 6% 24px;grid-template-columns:1fr}footer>a:last-of-type{text-align:left}.credit{margin:12px 6%}.image-note{font-size:10px;left:15px}.section h2{font-size:44px}.detail-row{padding:32px 0}.detail-row h2{font-size:38px}}
.brand{font-weight:700;letter-spacing:.075em}.brand span{font-weight:500}
header nav{position:relative;z-index:2;flex-wrap:wrap}header nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:800px){header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}header nav a{justify-content:center;font-size:14px;padding:8px 2px}.brand{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Only formerly burgundy panels and filled buttons change; retain the light site. */
.dark{background:#000;color:#fff}
.dark .eyebrow,.dark p,.dark .process p,.dark .number{color:#fff}
.button{background:#000;color:#fff}
.dark a:focus-visible,.dark button:focus-visible,.dark summary:focus-visible{outline-color:#fff}
.visual-break{padding-top:20px}.visual-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:center}.visual-grid figure{margin:0}.visual-grid img{width:100%;height:420px;object-fit:cover}.visual-grid figcaption{font-size:12px;color:#777;margin-top:10px}.visual-grid h2{max-width:530px}
@media(max-width:800px){.visual-grid{grid-template-columns:1fr;gap:28px}.visual-grid img{height:300px}}
.section h2,.page-title{font-family:'DM Sans',Arial,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.015em;font-size:clamp(34px,3.7vw,54px);line-height:1.08}.service h3,.process h3{font-family:'DM Sans',Arial,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.01em;font-size:27px;line-height:1.18}.small-title{font-family:'DM Sans',Arial,sans-serif;font-weight:600;text-transform:uppercase;font-size:24px;line-height:1.2}.closing h2{font-family:'DM Sans',Arial,sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(32px,3.2vw,48px);line-height:1.1}.detail-row h2{font-size:39px}.career h2{font-size:30px}.about-letter .large{font-family:'DM Sans',Arial,sans-serif;font-weight:600;text-transform:uppercase;font-size:28px;line-height:1.4}.booking-box h2{font-size:33px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gallery-grid figure{margin:0}.gallery-grid img{width:100%;height:390px;object-fit:cover}.gallery-grid figcaption{font-size:12px;color:#777;margin-top:9px}@media(max-width:800px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:300px}}
.experience-note{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--accent);margin:24px 0 0}
.profile-photo{margin:0 0 36px;background:var(--soft)}.profile-photo img{display:block;width:100%;height:auto}.profile-aside{min-width:0}
.rollout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:44px 0 28px}.rollout-grid article{border-top:2px solid var(--accent);padding-top:24px}.rollout-grid h3{font:600 24px/1.2 'DM Sans',Arial,sans-serif;text-transform:uppercase;margin:20px 0 16px}.rollout-grid p{font-size:16px}.training-panel{background:var(--soft)}.value-example{margin-top:30px;border-left:3px solid var(--accent);padding:24px 28px;background:var(--soft)}.value-example .value-number{font-size:52px;line-height:1.1;color:var(--accent);font-weight:600;margin:18px 0}.value-number span{display:block;font-size:16px;font-weight:400;margin-top:10px}.detail-row>div,.rollout-grid article{min-width:0}.scope{font-size:14px;line-height:1.6}.dark .scope{opacity:.85}
@media(max-width:1100px){.rollout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rollout-grid{grid-template-columns:1fr;gap:24px}.detail-row h2{font-size:clamp(28px,8vw,39px)}.value-example{padding:20px}.rollout-grid h3{font-size:24px}}

/* Project overview demonstration */
.portal-section{background:var(--soft);scroll-margin-top:24px}.portal-demo{background:#fff;border:1px solid var(--line);padding:36px}.portal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.portal-heading h3{font-size:26px;line-height:1.25;margin:0 0 12px}.portal-heading .eyebrow{font-size:14px;margin-bottom:14px}.portal-label{border:1px solid var(--accent);color:var(--accent);padding:8px 14px;font-size:14px;white-space:nowrap}.portal-disclaimer{font-size:14px;color:#555;border-bottom:1px solid var(--line);padding-bottom:24px}.portal-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:22px 0 30px;border-bottom:1px solid var(--line)}.portal-metrics span{display:block;font-size:14px}.portal-metrics strong{display:block;font-size:21px;color:var(--accent);margin:8px 0}.portal-metrics progress{width:100%;height:8px;accent-color:var(--accent)}.portal-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:32px 0}.portal-columns h4{font-size:22px;line-height:1.3;margin:0 0 18px}.portal-columns .eyebrow{font-size:14px}.portal-demo li{margin:10px 0}.portal-demo ul{padding-left:20px}.portal-details summary{font-weight:600}.portal-table-wrap{overflow-x:auto}.portal-demo table{width:100%;border-collapse:collapse;font-size:16px;margin:20px 0;text-align:left}.portal-demo caption{text-align:left;color:#555;padding-bottom:16px}.portal-demo th,.portal-demo td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:top}.portal-demo thead{background:var(--soft)}
@media(max-width:800px){.portal-demo{padding:22px}.portal-heading{flex-direction:column}.portal-metrics,.portal-columns{grid-template-columns:1fr;gap:22px}.portal-heading h3{font-size:23px}.portal-label{white-space:normal}.portal-demo th,.portal-demo td{min-width:140px}}

/* January launch: concise owner-focused messaging, existing greenstone palette. */
.problem-section{padding-top:48px}.hero{align-items:center}.hero .intro{max-width:480px}.hero .intro>p:first-child{font-weight:600;font-size:22px;line-height:1.4}.hero .button{white-space:normal}.hero .intro .scope{font-size:14px;line-height:1.5}.value-number{font-size:48px;line-height:1.2;font-weight:600;color:var(--accent);margin:0 0 24px}.value-number span{line-height:1.6}.closing p:not(.eyebrow){max-width:580px}.eyebrow,.number,.under-image{font-size:14px}.brand span{font-size:12px}.hero h1{font-size:clamp(56px,6.4vw,102px)}
@media(max-width:800px){.hero h1{font-size:clamp(48px,10.5vw,80px)}.hero .intro>p:first-child{font-size:20px}.page-title{font-size:clamp(32px,8vw,54px)}.closing .button{white-space:normal}.section h2{overflow-wrap:normal}.problem-section{padding-top:32px}}

/* Audience and industry context */
.audience-section .service{min-width:0}.audience-section .service .number{display:block;line-height:1.5}.audience-note{margin-top:32px;max-width:760px}.industry-context{margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.industry-context>div{max-width:850px;padding-top:18px}.industry-context summary{color:var(--accent);font-size:16px;font-weight:600}.industry-context p{font-size:16px}.industry-context .scope{font-size:14px}.industry-context a{text-decoration:underline;text-underline-offset:3px}

/* Shared section frame: matching image/panel edges and a single spacing scale. */
:root {
  --site-width: 1440px;
  --outer-gutter: clamp(20px, 4vw, 64px);
  --panel-inset: clamp(24px, 4vw, 56px);
  --section-space: clamp(64px, 6vw, 88px);
  --heading-gap: 40px;
  --column-gap: clamp(32px, 4vw, 64px);
}

header, main, footer {
  width: calc(100% - var(--outer-gutter) - var(--outer-gutter));
  max-width: var(--site-width);
  margin-inline: auto;
}
header, footer { padding-inline: var(--panel-inset); }
main > .hero,
main > .page-top,
main > .section,
main > .closing {
  width: 100%;
  margin: 0;
  padding: var(--section-space) var(--panel-inset);
}
main > .section, main > .closing { border-top: 1px solid var(--line); }
main > .page-top { border-bottom: 0; }
main > .dark { border-top: 0; }
.audience-section, .manager-support { background: var(--soft); }

/* The photograph and the adjoining black panel share the full frame width. */
main > .hero-image {
  width: 100%;
  margin: 0;
  height: auto;
  aspect-ratio: 2.6 / 1;
}
.hero-image img { display: block; position: absolute; inset: 0; }
.image-note { left: var(--panel-inset); right: var(--panel-inset); }

.hero {
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: var(--column-gap);
}
.hero .intro { max-width: none; padding: 0; }
.section-head {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: var(--column-gap);
  margin-bottom: var(--heading-gap);
}
.section-head:last-child { margin-bottom: 0; }
.split, .detail-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--column-gap);
}
.section-head > .eyebrow { margin-bottom: 0; }
.section h2, .page-title { margin-bottom: 24px; }
.section-head > div > :last-child,
.split > div > :last-child,
.detail-row > div > :last-child,
.hero > div > :last-child,
.page-top > :last-child,
.closing > div > :last-child,
.service > :last-child,
.rollout-grid > article > :last-child { margin-bottom: 0; }
.split > div > :first-child,
.detail-row > div > :first-child,
.hero .intro > :first-child { margin-top: 0; }
.split > .list { margin: 0; }
.list li { padding-block: 24px; }
.list li > :last-child { margin-bottom: 0; }
.small-title { display: block; }

/* Align card labels, headings, copy and links within each row. */
.services-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 0;
}
.service { min-width: 0; padding-top: 24px; }
.service .number { display: block; line-height: 1.5; }
.service h3 { margin: 24px 0 16px; }
.service p { max-width: none; margin: 0 0 24px; }
.service .text-link { justify-self: start; align-self: end; margin-top: 0; }
@supports (grid-template-rows: subgrid) {
  .services-grid > .service {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
  }
}
.rollout-grid {
  gap: 32px;
  margin: 0 0 32px;
}
.section-head + .rollout-grid { margin-top: 0; }
.rollout-grid article { padding-top: 24px; }
.audience-note, .industry-context { margin-top: var(--heading-gap); }
.detail-row { padding-block: 48px; }
.detail-row:first-child { padding-top: 0; border-top: 0; }
.detail-row:last-child { padding-bottom: 0; }
.closing { gap: var(--column-gap); }
.button { max-width: 100%; white-space: normal; }
.portal-demo { padding: 32px; }
.portal-columns { gap: 32px; }
.profile-photo { margin-bottom: 32px; }

@media (max-width: 960px) {
  :root {
    --section-space: 56px;
    --panel-inset: 28px;
    --heading-gap: 32px;
    --column-gap: 32px;
  }
  header { flex-direction: column; align-items: flex-start; gap: 24px; }
  header nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; width: 100%; }
  header nav a { justify-content: center; }
  .hero, .section-head, .split, .detail-row, .visual-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--column-gap);
  }
  .hero .intro { max-width: 650px; }
  .hero h1 { font-size: clamp(48px, 8vw, 76px); }
  .section-head { gap: 20px; }
  .services-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .services-grid > .service { display: block; grid-row: auto; }
  .service h3 { margin: 20px 0 16px; }
  .service .text-link { margin-top: 0; }
  .closing { flex-direction: column; align-items: flex-start; }
  main > .hero-image { aspect-ratio: 2 / 1; }
  .detail-row { padding-block: 40px; }
  .portal-heading { flex-direction: column; }
  .portal-metrics, .portal-columns { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 600px) {
  :root { --outer-gutter: 16px; --panel-inset: 20px; --section-space: 48px; }
  header { padding-block: 24px; }
  header nav { grid-template-columns: auto auto auto auto; gap: 8px; }
  header nav a { font-size: 12px; white-space: nowrap; }
  .hero h1 { font-size: clamp(40px, 10.5vw, 62px); }
  .section h2, .page-title { font-size: clamp(28px, 7.5vw, 40px); }
  .service h3, .rollout-grid h3 { font-size: 24px; }
  .closing h2 { font-size: 30px; }
  main > .hero-image { aspect-ratio: 1.5 / 1; }
  .image-note { bottom: 16px; font-size: 10px; }
  .portal-demo { padding: 20px; }
  .portal-heading h3 { overflow-wrap: anywhere; }
  .portal-label { white-space: normal; }
  .portal-columns > article { min-width: 0; }
  .booking-box { padding: 20px; }
}

/* Broader advisory offer and fixed-fee review packages. */
.offer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px 48px;
}
.offer-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-top: 1px solid var(--line);
  padding-top: 24px;
}
.offer-card h3, .package-card h3, .advisory-steps h3 {
  font: 600 27px/1.18 'DM Sans', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .01em;
  margin: 24px 0 16px;
}
.offer-card p { margin: 0 0 24px; }
.offer-card .text-link { margin-top: auto; align-self: flex-start; }
.pricing-section { background: var(--soft); }
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}
.package-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 28px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-top: 3px solid var(--accent);
  scroll-margin-top: 24px;
}
.package-card .eyebrow { font-size: 12px; margin: 0; }
.package-card h3 { font-size: 25px; margin: 20px 0 24px; }
.package-price { color: var(--accent); font-size: 44px; font-weight: 600; line-height: 1.1; margin: 0 0 24px; }
.package-price span { display: block; color: var(--ink); font-size: 13px; font-weight: 400; line-height: 1.5; margin-top: 8px; }
.package-card p:not(.eyebrow):not(.package-price) { margin: 0 0 24px; }
.package-card ul { padding-left: 20px; margin: 0 0 24px; }
.package-card li { margin-bottom: 12px; }
.package-card li:last-child { margin-bottom: 0; }
.package-card .text-link { margin-top: auto; align-self: flex-start; }
.package-card .scope { color: #5a5a54; }
.package-note { margin: 32px 0 0; max-width: 850px; font-size: 14px; }
.package-terms { border-top: 1px solid var(--line); margin-top: 32px; padding-top: 24px; }
.package-terms p { max-width: 850px; margin: 0 0 16px; }
.package-terms p:last-child { margin-bottom: 0; }
.advisory-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; padding: 0; margin: 0; list-style: none; }
.advisory-steps li { min-width: 0; border-top: 2px solid var(--accent); padding-top: 24px; }
.advisory-steps h3 { font-size: 21px; margin: 20px 0 16px; }
.advisory-steps p { margin: 0; }
.systems-plan summary { color: var(--accent); font-weight: 600; }
.systems-plan .rollout-grid { margin-top: 32px; }
.systems-plan > :last-child { margin-bottom: 0; }
.faq a { text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 1101px) {
  .package-card .eyebrow { min-height: 3.3em; }
  .package-card h3 { min-height: 3.54em; }
}
@media (max-width: 1100px) {
  .pricing-grid { grid-template-columns: 1fr; }
  .advisory-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
}
@media (max-width: 600px) {
  .offer-grid, .advisory-steps { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .offer-card h3, .package-card h3 { font-size: 24px; }
  .package-card { padding: 20px; }
  .package-price { font-size: 40px; }
}