*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:#333}
body{background:#ead8dc}
a{color:inherit}
.site{min-height:100vh;display:grid;grid-template-columns:48% 52%;background:#ead8dc}
.photo{min-height:100vh;background:#ddd;overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%)}
.content{padding:82px clamp(30px,7vw,100px) 70px;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}
h1{font-size:clamp(38px,5vw,70px);font-weight:400;letter-spacing:-.055em;line-height:1.05;margin:0 0 16px;color:#5b5b5b}
.subtitle{font-size:clamp(14px,1.35vw,18px);line-height:1.55;max-width:620px;color:#4c4c4c;margin-bottom:22px}
.buttons{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.button{display:inline-block;text-decoration:none;background:#f3e7e9;border:1px solid rgba(80,60,65,.12);border-radius:999px;padding:13px 20px;font-size:14px;line-height:1.2;transition:background .2s ease,transform .2s ease}
.button:hover{background:#f8f0f1;transform:translateY(-1px)}
.contact{display:flex;flex-direction:column;gap:5px;margin-top:0;font-size:13px;line-height:1.5;font-weight:400}
.contact a{text-decoration:none;font-weight:400;color:#4c4c4c}
.contact a:hover{text-decoration:underline}
.page .content{justify-content:flex-start;overflow:auto}
.page h1{font-size:clamp(32px,4vw,54px);margin-bottom:30px}
.page-text{max-width:720px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:14px;line-height:1.72;color:#3f3f3f}
.page-text h2{font-size:15px;font-weight:700;margin:28px 0 8px;color:#333}
.page-text h2:first-child{margin-top:0}
.page-text p{margin:0 0 15px}
.page-text ul{margin:0 0 18px;padding-left:20px}
.page-text li{margin-bottom:5px}
.quote{margin:28px 0 8px;padding:0;border:0;font-size:14px;line-height:1.75}
.quote-author{font-style:italic;margin-bottom:0!important}
.back{display:inline-block;margin-top:34px;font-size:13px;text-decoration:none;border-bottom:1px solid #555;padding-bottom:2px}
.back:hover{opacity:.65}
@media (max-width:800px){
  .site{display:flex;flex-direction:column;min-height:100vh}
  .photo{height:48vh;min-height:300px;max-height:520px}
  .content{min-height:auto;padding:44px 28px 55px}
  .page .content{min-height:auto;overflow:visible}
  h1{font-size:42px}
  .subtitle{font-size:14px;margin-bottom:30px}
  .buttons{gap:10px}
  .contact{margin-top:8px;}
}
.home-content{position:relative}
.legal-link{margin-top:64px;align-self:flex-start;font-size:10px;line-height:1.4;text-decoration:none;color:#666}
.legal-link:hover{text-decoration:underline}

.address{font-size:13px;line-height:1.5;color:#4c4c4c;font-weight:400;margin-top:0;margin-bottom:5px}

.contact-block{margin-top:8px}
.contact-block .address{margin:0 0 7px 0;font-size:13px;line-height:1.5;font-weight:400;color:#4c4c4c}
.contact-block .contact{margin:0;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.5;font-weight:400}
.contact-block .contact a{font-weight:400;color:#4c4c4c;text-decoration:none}

/* Extra breathing room before the legal link, especially on mobile. */
.home-content .legal-link{display:block;margin-top:64px}
@media (max-width:700px){
  .home-content .legal-link{margin-top:80px}
}