:root {
  --petrol: #173f4c;
  --petrol-2: #245967;
  --copper: #b7653d;
  --copper-soft: #f3ded0;
  --stone: #f6f1e7;
  --sage: #dde7d4;
  --ink: #183940;
  --muted: #586866;
  --line: #d9ddd3;
  --shadow: 0 24px 58px rgba(25, 62, 66, .14);
}

.domain-mark span { color: #71814c; }
.domain-mark b { color: var(--copper); border-left-color: #71814c; }
.hero { background: radial-gradient(circle at 8% 12%, #eef1df 0 11%, transparent 11.2%), linear-gradient(118deg, #fff 0 55%, #f5eee3 55% 100%); }
.hero-inner { grid-template-columns: .88fr 1.12fr; column-gap: 64px; }
.hero-media { min-height: 600px; border-radius: 70px 8px 70px 8px; }
.hero-media img { object-position: 53% center; }
.hero-actions { border-top-color: #cfd6cb; }
.button-primary { background: #647746; }
.button-primary:hover { background: #506137; }
.decision-section { background: #f5f0e5; }
.decision-grid { grid-template-columns: .9fr 1.1fr; }
.decision-list { border: 0; gap: 12px; }
.decision-list li { min-height: 126px; border: 1px solid #cad2bf; border-radius: 36px 8px 36px 8px; background: rgba(255,255,255,.72); }
.decision-list li:nth-child(2), .decision-list li:nth-child(3) { transform: translateY(18px); }
.experience-section { background: linear-gradient(90deg, #fff 0 64%, #edf0e5 64% 100%); }
.split-layout { grid-template-columns: 1.08fr .92fr; }
.experience-copy { padding: 30px 0; }
.plan-media { height: 545px; border-radius: 10px 90px 10px 90px; box-shadow: var(--shadow); }
.strength-grid span { border-left-color: #71814c; background: #f4f0e7; }
.welcome { border-radius: 0 32px 0 32px; }
.work-section { background: #183f48; }
.work-grid { grid-template-columns: .9fr 1.1fr; }
.support-note { border-left-color: #c9855e; }
.room-media { border-radius: 64px 8px 64px 8px; }
.room-media img { object-position: 52% center; }
.property-grid { grid-template-columns: 1.42fr .58fr; }
.property-grid article:first-child { background: #e4ead8; }
.trust-section { background: #f5f0e5; }
.contact-section { background: #eef1e8; }
form { border-top-color: #71814c; }
.intent-options input:checked + span { background: #647746; border-color: #647746; box-shadow: inset 0 -4px 0 var(--copper); }
.personal-contact { background: #183f48; }

@media (max-width: 900px) {
  .hero { background: #fff; }
  .hero-inner, .decision-grid, .split-layout, .work-grid, .property-grid, .contact-grid { grid-template-columns: minmax(0, 1fr); }
  .hero-copy, .hero-media, .hero-actions, .experience-copy, .work-copy, .media, form, .personal-contact { min-width: 0; }
  .hero-media { min-height: 0; border-radius: 44px 6px 44px 6px; }
  .decision-list li:nth-child(2), .decision-list li:nth-child(3) { transform: none; }
  .experience-section { background: #fff; }
  .experience-copy { order: -1; }
  .plan-media, .room-media { width: 100%; height: auto; aspect-ratio: 3 / 2; border-radius: 8px 44px 8px 44px; }
}

@media (max-width: 720px) {
  .hero-inner { padding-top: 32px; }
  .hero-media { margin-top: 22px; }
  .hero-media { aspect-ratio: 2 / 1; }
  .hero-media img { object-position: 53% 38%; }
}

@media (max-width: 360px) {
  .header-inner, .section-inner, .hero-inner, .footer-inner { width: calc(100vw - 36px); max-width: calc(100vw - 36px); }
  .button { padding-inline: 16px; }
}