:root { --black: #090909; --black-soft: #111111; --gold: #c69b62; --ink: #f4f0e9; --muted: #aaa69e; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--black); color: var(--ink); font-family: "Manrope", sans-serif; }
.site-shell { position: relative; display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(370px, .78fr); min-height: 100vh; overflow: hidden; }
.intro { display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; padding: clamp(2rem, 5vw, 4.5rem) clamp(2rem, 8vw, 8.25rem); background: var(--black); }
.brand img { width: min(230px, 60vw); height: auto; }
.intro-copy { position: relative; z-index: 1; max-width: 720px; margin: 4rem 0; }
.eyebrow { display: inline-block; color: var(--gold); font-size: .72rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
h1, h2 { margin: 0; font-family: "Manrope", sans-serif; }
h1 { max-width: 690px; margin-top: 1.25rem; color: var(--ink); font-size: clamp(2.45rem, 4.8vw, 5rem); font-weight: 700; letter-spacing: -.065em; line-height: 1.04; }
h1 em { color: var(--gold); font-style: normal; }
.intro-copy p { max-width: 570px; margin: 1.75rem 0 0; color: var(--muted); font-size: clamp(1rem, 1.25vw, 1.16rem); line-height: 1.75; }
.instagram-link { display: inline-flex; align-items: center; gap: .65rem; width: fit-content; border-bottom: 1px solid rgba(198,155,98,.65); padding-bottom: .6rem; color: var(--ink); font-size: .88rem; font-weight: 600; text-decoration: none; transition: color .2s ease, border-color .2s ease; }
.instagram-link i { color: var(--gold); font-size: 1.15rem; }.instagram-link span { color: var(--muted); font-weight: 400; }.instagram-link:hover { color: var(--gold); border-color: var(--gold); }
.contact-panel { position: relative; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid rgba(255,255,255,.1); padding: clamp(2.5rem, 7vw, 7rem); background: var(--black-soft); color: #fff; }
.contact-panel::before { position: absolute; top: 0; left: clamp(2.5rem, 7vw, 7rem); width: 66px; height: 5px; background: var(--gold); content: ""; }
.panel-heading h2 { margin-top: 1rem; font-size: clamp(2rem, 3vw, 3rem); font-weight: 700; letter-spacing: -.055em; line-height: 1.1; }.panel-heading p { margin: 1rem 0 2.8rem; color: #b7b3ac; font-size: .98rem; line-height: 1.6; }
.contact-list { border-top: 1px solid rgba(255,255,255,.17); }
.contact-item { display: flex; align-items: center; gap: 1rem; border-bottom: 1px solid rgba(255,255,255,.17); padding: 1.22rem 0; color: #fff; font-size: clamp(.92rem, 1.2vw, 1.04rem); text-decoration: none; transition: color .2s ease, padding-left .2s ease; }
.contact-item:hover { padding-left: .35rem; color: #e4c79d; }.contact-item i { width: 1.25rem; color: var(--gold); font-size: 1.1rem; text-align: center; }.contact-item span { display: grid; gap: .18rem; }.contact-item small { color: #aeadA6; font-size: .68rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
address { display: flex; gap: 1rem; margin: 3rem 0 0; color: #b7b3ac; font-size: .91rem; font-style: normal; line-height: 1.6; }address i { color: var(--gold); font-size: 1.15rem; }
.ornament { position: absolute; z-index: 0; border: 1px solid rgba(181,139,88,.22); border-radius: 50%; pointer-events: none; }.ornament-top { width: 35vw; height: 35vw; top: -25vw; left: 20vw; }.ornament-bottom { width: 23vw; height: 23vw; right: -15vw; bottom: -12vw; border-color: rgba(255,255,255,.12); }
@media (max-width: 820px) { .site-shell { display: block; overflow: visible; }.intro { min-height: 68vh; padding: 2.4rem 1.6rem 3rem; }.intro-copy { margin: 4.5rem 0; }.contact-panel { min-height: auto; padding: 3.5rem 1.6rem; }.contact-panel::before { left: 1.6rem; }.ornament-top { width: 80vw; height: 80vw; top: -43vw; left: 40vw; }.ornament-bottom { display: none; } }
@media (max-width: 420px) { .instagram-link { align-items: flex-start; flex-wrap: wrap; }.instagram-link span { width: 100%; margin-left: 1.8rem; } }