:root {
  --petrol: #123e52;
  --petrol-2: #20596e;
  --copper: #d85f48;
  --copper-soft: #fee5dc;
  --stone: #fff6e5;
  --sage: #edf1d5;
  --ink: #143746;
  --muted: #58696d;
  --line: #e2ddd0;
  --shadow: 0 22px 48px rgba(24, 55, 68, .13);
}

.operator-bar { background: #123e52; }
.domain-mark span { color: #123e52; }
.domain-mark b { color: #d85f48; border-left-color: #e1a51e; }
.hero { background: linear-gradient(124deg, #fff 0 51%, #fff3d9 51% 83%, #ffe3dc 83% 100%); }
.hero::before { content: ""; position: absolute; left: 0; right: 0; height: 7px; background: linear-gradient(90deg,#d85f48 0 36%,#e3aa24 36% 64%,#1d6781 64%); }
.hero { position: relative; }
.hero-inner { grid-template-columns: 1.12fr .88fr; grid-template-areas: "media copy" "media actions"; column-gap: 62px; }
.hero-media { min-height: 590px; border-radius: 8px 86px 8px 86px; }
.hero-media img { object-position: 49% center; }
.button-primary { background: #d85f48; }
.button-primary:hover { background: #bd4937; }
.hero-actions { border-top: 4px solid #e6aa24; }
.decision-section { background: #fff; }
.decision-grid { grid-template-columns: 1.05fr .95fr; }
.decision-list { border: 0; gap: 10px; }
.decision-list li { min-height: 126px; border: 1px solid #eadbc7; background: #fff8e9; }
.decision-list li:nth-child(1) { border-top: 5px solid #d85f48; }
.decision-list li:nth-child(2) { border-top: 5px solid #e3aa24; }
.decision-list li:nth-child(3) { border-top: 5px solid #1d6781; }
.decision-list li:nth-child(4) { border-top: 5px solid #91a14d; }
.experience-section { background: linear-gradient(90deg,#fff3e9 0 58%,#fff 58%); }
.plan-media { height: 550px; border-radius: 68px 8px 68px 8px; box-shadow: var(--shadow); }
.plan-media img { object-position: 51% center; }
.strength-grid span { border-left-color: #e3aa24; background: #fff; }
.welcome { background: #f2f2d9; }
.work-section { background: #143e50; }
.support-note { border-left-color: #f0ae2c; }
.room-media { border-radius: 8px 70px 8px 70px; }
.property-grid { grid-template-columns: 1.45fr .55fr; }
.property-grid article:first-child { background: #fee5dc; }
.trust-section { background: #fff6e5; }
.contact-section { background: #f4f4e5; }
form { border-top-color: #d85f48; }
.intent-options input:checked + span { background: #d85f48; border-color: #d85f48; box-shadow: inset 0 -4px 0 #e3aa24; }
.personal-contact { background: #143e50; }

@media (max-width: 900px) {
  .hero { background: #fff; }
  .hero-inner { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "media" "actions"; }
  .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, .plan-media, .room-media { width: 100%; min-height: 0; height: auto; aspect-ratio: 3 / 2; border-radius: 6px 44px 6px 44px; }
  .experience-section { background: #fff3e9; }
}

@media (max-width: 720px) {
  .domain-mark { font-size: 16px; }
  .domain-mark b { margin-left: 5px; padding-left: 5px; }
  .domain-mark em { font-size: 12px; }
  .hero-inner { padding-top: 32px; }
  .hero-media { margin-top: 22px; aspect-ratio: 2 / 1; }
  .hero-actions { margin-top: 12px; }
  .hero-media img { object-position: 49% 34%; }
}

@media (max-width: 360px) {
  .header-inner, .section-inner, .hero-inner, .footer-inner { width: calc(100vw - 36px); max-width: calc(100vw - 36px); }
  .domain-mark { font-size: 13px; letter-spacing: -.05em; }
  .domain-mark em { font-size: 10px; }
  .button { padding-inline: 15px; }
}