:root {
    color-scheme: light;
    --paper: #f2efe6;
    --paper-2: #e9e4d8;
    --ink: #151713;
    --muted: #666a60;
    --wine: #6b1f2b;
    --green: #657052;
    --line: rgba(21,23,19,.16);
    --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:inherit; }
.shell { width:min(calc(100% - 3rem),var(--max)); margin-inline:auto; }
.topbar { height:96px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { text-decoration:none; font-size:1.3rem; font-weight:800; letter-spacing:-.055em; }
.brand span { font-weight:500; } .brand b { color:var(--wine); }
.top-contact { font-size:.78rem; text-transform:uppercase; letter-spacing:.14em; text-decoration:none; border-bottom:1px solid var(--ink); padding-bottom:.25rem; }
.hero { min-height:92vh; }
.hero-grid { min-height:calc(92vh - 96px); display:grid; grid-template-columns:1.35fr .65fr; gap:5rem; align-items:center; padding:5rem 0 7rem; }
.eyebrow,.section-number { margin:0 0 1.4rem; color:var(--green); font-size:.72rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
h1 { margin:0; max-width:850px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(4.3rem,9.5vw,8.7rem); line-height:.78; letter-spacing:-.075em; font-weight:400; }
h1 em { color:var(--wine); font-weight:400; }
.lead { max-width:680px; margin:3rem 0 2.2rem; color:var(--muted); font-size:clamp(1.15rem,2vw,1.45rem); line-height:1.55; }
.lead strong { color:var(--ink); }
.cta { display:inline-flex; gap:.8rem; align-items:center; text-decoration:none; font-size:.82rem; font-weight:750; text-transform:uppercase; letter-spacing:.1em; border-bottom:1px solid var(--ink); padding:.4rem 0; }
.domain-mark { aspect-ratio:1; border:1px solid var(--line); border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; transform:rotate(-5deg); }
.domain-prefix,.domain-core,.domain-tld { font-family:Georgia,"Times New Roman",serif; line-height:.8; letter-spacing:-.07em; }
.domain-prefix { font-size:clamp(1.8rem,4vw,3.4rem); align-self:flex-start; margin-left:24%; color:var(--green); }
.domain-core { font-size:clamp(3.8rem,7vw,6.4rem); }
.domain-tld { font-size:clamp(2.2rem,4.5vw,4rem); align-self:flex-end; margin-right:22%; color:var(--wine); }
.domain-caption { position:absolute; bottom:14%; font-size:.6rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); }
.story { background:var(--ink); color:var(--paper); padding:clamp(5rem,10vw,9rem) 0; }
.story-grid { display:grid; grid-template-columns:.65fr 1.35fr; gap:6rem; }
.story .section-number { color:#aab29a; }
h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(3rem,6vw,6rem); line-height:.95; letter-spacing:-.055em; font-weight:400; }
.story-copy { max-width:720px; }
.story-copy p { color:#bbbdb5; line-height:1.75; font-size:1rem; }
.story-copy .big-copy { margin-top:0; color:var(--paper); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.5rem,2.8vw,2.25rem); line-height:1.35; }
.principles { display:grid; grid-template-columns:repeat(3,1fr); padding:7rem 0; }
.principles article { padding:0 2.5rem; border-left:1px solid var(--line); }
.principles article:first-child { padding-left:0; border-left:0; }
.principles span { color:var(--wine); font-size:.7rem; font-weight:800; letter-spacing:.12em; }
.principles h3 { margin:2rem 0 1rem; font-family:Georgia,"Times New Roman",serif; font-size:2rem; font-weight:400; }
.principles p { margin:0; color:var(--muted); line-height:1.65; }
.contact-section { background:var(--paper-2); padding:7rem 0; border-block:1px solid var(--line); }
.contact-grid { display:grid; grid-template-columns:.65fr 1.35fr; gap:6rem; }
.contact-grid p:not(.section-number) { color:var(--muted); max-width:620px; line-height:1.65; }
.email { display:inline-block; margin-top:1.4rem; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.4rem,3vw,2.5rem); text-decoration-thickness:1px; text-underline-offset:.18em; }
.legal { padding:3rem 0; display:grid; grid-template-columns:.65fr 1.35fr; gap:6rem; border-bottom:1px solid var(--line); font-size:.78rem; }
.legal strong { text-transform:uppercase; letter-spacing:.1em; }
.legal p { margin:0; max-width:760px; color:var(--muted); line-height:1.65; }
footer { padding:2rem 0 3rem; display:flex; justify-content:space-between; gap:1rem; color:var(--muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; }
@media(max-width:820px){
 .shell{width:min(calc(100% - 1.5rem),var(--max))}.topbar{height:76px}.hero{min-height:auto}.hero-grid{min-height:auto;grid-template-columns:1fr;gap:4rem;padding:5rem 0}.domain-mark{width:min(80vw,390px);justify-self:center}.story-grid,.contact-grid,.legal{grid-template-columns:1fr;gap:2.5rem}.principles{grid-template-columns:1fr;padding:4rem 0}.principles article,.principles article:first-child{padding:2rem 0;border-left:0;border-top:1px solid var(--line)}footer{flex-direction:column}}
@media(prefers-reduced-motion:no-preference){ .domain-mark{animation:float 8s ease-in-out infinite}@keyframes float{50%{transform:rotate(-2deg) translateY(-10px)}} }
