:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #361726; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; }
main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 100svh; }
.photo { background: #f6eaef; }
.photo img { display: block; width: 100%; height: 100%; min-height: 100svh; object-fit: cover; object-position: 49.4% 35.2%; }
.message { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(2rem, 5vw, 5rem); }
.brand { margin: 0 0 2rem; color: #361726; font-size: .85rem; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; }
h1 { margin: 0 0 1.6rem; font-size: clamp(2rem, 3.6vw, 3.7rem); font-weight: 700; line-height: 1.12; letter-spacing: -.035em; }
h1 span { display: block; color: #361726; }
p { margin: 0 0 1rem; font-size: 1.05rem; line-height: 1.6; }
.intro { font-size: 1.2rem; }
a { color: #a61f63; text-underline-offset: .2em; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; margin: .7rem 0 2rem; padding: 1rem 1.3rem; border: 2px solid #a61f63; background: #a61f63; color: #fff; text-decoration: none; font-size: 1rem; font-weight: 700; line-height: 1.5; }
.button:hover { background: #361726; border-color: #361726; }
a:focus-visible { outline: 3px solid #361726; outline-offset: 5px; }
.visit { padding-top: 1.5rem; border-top: 1px solid #e3cdd6; width: 100%; }
.visit p { font-size: 1rem; }
.welcome { margin: .5rem 0 0; color: #361726; font-weight: 700; }
@media (max-width: 700px) {
  main { grid-template-columns: 1fr; }
  .photo img { width: 100%; height: auto; min-height: 0; max-height: 62svh; object-fit: cover; object-position: 49.4% 35.2%; }
  .message { padding: 2rem 1.5rem 2.5rem; }
  .brand { margin-bottom: 1.3rem; }
  h1 { font-size: clamp(2rem, 7.6vw, 3rem); }
  .button { width: 100%; gap: .65rem; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto; } }