.contact-hero { padding:8.4rem 3.5rem 5rem; min-height:82vh; display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,0.82fr); gap:5rem; align-items:center; border-bottom:1px solid var(--border); }
.eyebrow { font-size:0.7rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--accent); margin-bottom:0.9rem; display:flex; align-items:center; gap:0.8rem; }
.eyebrow::before { content:''; display:block; width:2rem; height:1px; background:var(--accent); }
.hero-title { font-family:'Cormorant Garamond',serif; font-size:clamp(3.1rem,7vw,7.2rem); font-weight:300; line-height:0.92; letter-spacing:-0.035em; max-width:800px; }
.hero-lead { margin-top:2rem; max-width:650px; font-size:clamp(1.05rem,1.5vw,1.35rem); line-height:1.75; color:var(--muted); }
.hero-note { margin-top:2.4rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--border); max-width:720px; }
.note-card { background:var(--bg); padding:1.35rem; }
.note-card span { display:block; font-size:0.68rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--accent); margin-bottom:0.5rem; }
.note-card p, .note-card a { font-family:'Cormorant Garamond',serif; font-size:1.45rem; text-decoration:none; }
.art-panel { min-height:520px; background:linear-gradient(135deg,#efe9de,#c9b789 45%,#1d1812 100%); position:relative; overflow:hidden; }
.art-panel::before { content:''; position:absolute; inset:1.2rem; border:1px solid rgba(255,255,255,0.28); }
.art-panel::after { content:''; position:absolute; width:74%; height:74%; left:13%; top:13%; background:radial-gradient(circle at 65% 28%,rgba(255,255,255,0.42),transparent 14%),linear-gradient(145deg,rgba(139,105,20,0.12),rgba(26,23,20,0.55)); border-radius:50% 44% 48% 38%; opacity:0.55; filter:blur(0.2px); }
.panel-label { position:absolute; left:-1.6rem; bottom:2rem; background:var(--bg); padding:1.2rem 1.4rem; max-width:280px; border:1px solid var(--border); box-shadow:0 18px 45px rgba(26,23,20,0.08); z-index:2; }
.panel-label p:first-child { font-family:'Cormorant Garamond',serif; font-size:1.55rem; margin-bottom:0.25rem; }
.panel-label p:last-child { color:var(--muted); font-size:0.82rem; line-height:1.55; }

section { padding:5.5rem 3.5rem; }
.section-grid { display:grid; grid-template-columns:0.8fr 1.2fr; gap:5rem; align-items:start; }
.section-grid > * { min-width:0; }
.section-title { font-family:'Cormorant Garamond',serif; font-size:clamp(2.4rem,4.3vw,4.6rem); font-weight:300; line-height:1; }
.surface { background:var(--surface); }

.contact-list { display:grid; gap:1px; background:var(--border); }
.contact-row { background:var(--bg); padding:1.45rem 1.6rem; display:grid; grid-template-columns:170px 1fr; gap:1.4rem; align-items:baseline; }
.contact-row span { font-size:0.72rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--accent); }
.contact-row a, .contact-row p { font-size:1.05rem; color:var(--ink); text-decoration:none; line-height:1.65; }
.contact-row a:hover { color:var(--accent); }

.form-wrap { background:var(--bg); border:1px solid var(--border); padding:2.2rem; }
.form-title { font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:300; margin-bottom:1.2rem; }
.form-lead { color:var(--muted); line-height:1.75; margin-bottom:2rem; }
form { display:grid; gap:1rem; }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
label { display:block; font-size:0.7rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted); margin-bottom:0.45rem; }
input, textarea, select { width:100%; border:1px solid var(--border); background:transparent; padding:0.9rem 1rem; font-family:'Jost',sans-serif; font-size:0.95rem; color:var(--ink); outline:none; transition:border-color 0.2s; }
input:focus, textarea:focus, select:focus { border-color:var(--accent); }
textarea { min-height:150px; resize:vertical; }
.btn { display:inline-flex; align-items:center; justify-content:center; padding:0.9rem 1.55rem; text-decoration:none; border:1px solid var(--ink); background:var(--ink); color:#fff; font-size:0.76rem; letter-spacing:0.12em; text-transform:uppercase; transition:all 0.25s; cursor:pointer; font-family:'Jost',sans-serif; }
.btn:hover { background:var(--accent); border-color:var(--accent); }

.notice { padding:1rem 1.2rem; font-size:0.88rem; line-height:1.6; margin-bottom:1rem; }
.notice.success { background:#edf7ee; border:1px solid #b8ddb9; color:#2a6e2c; }
.notice.error { background:#fdf0f0; border:1px solid #ddb8b8; color:#6e2a2a; }

.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); margin-top:3rem; }
.info-card { background:var(--bg); padding:2rem; min-height:220px; }
.info-card .num { font-size:0.72rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--accent); margin-bottom:1.5rem; }
.info-card h3 { font-family:'Cormorant Garamond',serif; font-size:1.8rem; font-weight:300; margin-bottom:0.8rem; }
.info-card p { color:var(--muted); line-height:1.75; font-size:0.95rem; }

.cta { background:var(--ink); color:#fff; display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:center; }
.cta .eyebrow { color:var(--accent-light); }
.cta .eyebrow::before { background:var(--accent-light); }
.cta h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.3rem,4vw,4.5rem); font-weight:300; line-height:1; max-width:820px; }
.cta p { margin-top:1.2rem; max-width:620px; color:rgba(255,255,255,0.55); line-height:1.8; }
.cta .btn { border-color:rgba(255,255,255,0.5); background:transparent; }
.cta .btn:hover { background:#fff; color:var(--ink); border-color:#fff; }

@media (max-width:980px) {
  .contact-hero, section { padding-left:1.2rem; padding-right:1.2rem; }
  .contact-hero { grid-template-columns:1fr; gap:3rem; padding-top:7rem; min-height:auto; }
  .art-panel { min-height:430px; }
  .panel-label { left:1rem; bottom:1rem; }
  .section-grid { grid-template-columns:1fr; gap:2rem; }
  .cards { grid-template-columns:1fr; }
  .cta { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .hero-note, .field-grid { grid-template-columns:1fr; }
  .contact-row { grid-template-columns:1fr; gap:0.45rem; }
  .form-wrap { padding:1.35rem; }
}