@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600&display=swap");

:root { --ink:#23342e; --soft-ink:#52645a; --sand:#e9e0d1; --paper:#f7f3ec; --sun:#d4a45a; --line:rgba(35,52,46,.22); }
* { box-sizing:border-box; }
html { background:var(--sand); }
body { min-width:320px; margin:0; color:var(--ink); background:var(--sand); font-family:Manrope,Arial,sans-serif; }
.page { position:relative; display:flex; flex-direction:column; min-height:100vh; overflow:hidden; }
.page::before { position:absolute; inset:0; z-index:0; content:""; pointer-events:none; opacity:.36; background-image:radial-gradient(rgba(35,52,46,.12) .55px,transparent .55px); background-size:9px 9px; }
.site-header,.hero,.contact,footer { position:relative; z-index:1; }
.site-header { display:flex; justify-content:space-between; align-items:center; padding:1.5rem clamp(1.5rem,5vw,5rem); }
.brand { display:flex; gap:.75rem; align-items:center; color:var(--ink); text-decoration:none; font:500 .72rem/1.2 "DM Mono",monospace; letter-spacing:.15em; }.brand img { width:28px; }.brand em { color:var(--soft-ink); font-size:.58rem; font-style:normal; letter-spacing:.1em; }.status,.eyebrow,footer { font:400 .63rem/1.5 "DM Mono",monospace; letter-spacing:.13em; }.status { color:var(--soft-ink); }
.hero { display:grid; flex:1; place-items:center; padding:clamp(5rem,13vh,9rem) 1.5rem clamp(4rem,10vh,7rem); text-align:center; }.sun { position:absolute; z-index:-1; width:clamp(230px,35vw,450px); aspect-ratio:1; border-radius:50%; opacity:.58; background:radial-gradient(circle at 45% 44%,#f4d18c 0%,var(--sun) 37%,rgba(212,164,90,0) 70%); filter:blur(1px); }.eyebrow { margin:0 0 1.2rem; color:var(--soft-ink); }h1,h2 { font-family:"DM Serif Display",Georgia,serif; font-weight:400; }h1 { margin:0; font-size:clamp(4.2rem,10vw,8.8rem); letter-spacing:-.06em; line-height:.76; }h1 em { color:#6c806b; font-style:italic; }.intro { width:min(480px,100%); margin:2.5rem 0 0; color:var(--soft-ink); font-size:.95rem; line-height:1.75; }
.contact { display:flex; justify-content:space-between; gap:2rem; padding:2.2rem clamp(1.5rem,5vw,5rem); border-top:1px solid var(--line); background:rgba(247,243,236,.63); }.contact h2 { margin:.25rem 0 0; font-size:clamp(1.8rem,3vw,2.7rem); letter-spacing:-.04em; }.contact-details { display:grid; grid-template-columns:repeat(3, minmax(120px,1fr)); gap:clamp(1.25rem,3vw,3.5rem); }.contact-details p { display:flex; flex-direction:column; gap:.35rem; margin:0; }.contact-details span { color:var(--soft-ink); font:400 .57rem "DM Mono",monospace; letter-spacing:.14em; }.contact-details strong { font-size:.82rem; font-weight:500; }
footer { display:flex; justify-content:space-between; gap:1rem; padding:1.25rem clamp(1.5rem,5vw,5rem); color:#708077; background:var(--paper); }
@media (max-width:700px) { .status { display:none; }.hero { padding-top:6rem; }.contact { flex-direction:column; }.contact-details { grid-template-columns:1fr; gap:1rem; }.contact-details p { display:grid; grid-template-columns:110px 1fr; align-items:center; }.contact-details span { text-align:right; }footer { flex-direction:column; gap:.35rem; } }