:root{
  --fine-sand:#E6E3DB;
  --dune:#DED3C7;
  --dried-moss:#7A785B;
  --sea-mist:#425261;
  --forest-ash:#22221E;
  --terracota:#8C5737;
  --ink:#151511;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--forest-ash)}
body{margin:0;background:var(--forest-ash);color:var(--fine-sand);font-family:"EB Garamond", Georgia, serif;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}
.hero{position:relative;min-height:100svh;padding:38px clamp(26px,6vw,76px);display:grid;place-items:center;background:var(--forest-ash);isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;opacity:.18;background:radial-gradient(circle at 50% 20%,rgba(230,227,219,.08),transparent 27%),repeating-linear-gradient(90deg,transparent 0 72px,rgba(230,227,219,.06) 72px 75px,transparent 75px 150px);z-index:-2}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(34,34,30,.15),rgba(34,34,30,.95));z-index:-1}.mark-top,.footer-line{position:absolute;left:50%;transform:translateX(-50%);font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.48em;text-transform:uppercase;white-space:nowrap;color:rgba(230,227,219,.9)}.mark-top{top:32px}.footer-line{bottom:32px;font-size:11px;letter-spacing:.42em}.hero-inner{width:min(820px,100%);text-align:center;margin-top:10px}.logo{display:block;width:min(360px,76vw);height:auto;margin:0 auto 22px;mix-blend-mode:normal}.eyebrow{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.38em;font-size:13px;margin:0 0 22px;color:var(--dune)}h1{font-weight:500;text-transform:uppercase;letter-spacing:.12em;line-height:1.18;font-size:clamp(31px,5.2vw,62px);margin:0 auto 28px;max-width:850px}.intro{font-size:clamp(19px,2.2vw,25px);line-height:1.45;letter-spacing:.06em;max-width:720px;margin:0 auto 38px;color:rgba(230,227,219,.88)}.actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.button{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.24em;font-size:11px;border:1px solid rgba(230,227,219,.72);padding:15px 22px;min-width:170px;transition:.2s ease}.button:hover{transform:translateY(-1px);background:rgba(230,227,219,.08)}.button.primary{background:var(--fine-sand);color:var(--forest-ash);border-color:var(--fine-sand)}.button.primary:hover{background:var(--dune)}
.areas{background:var(--fine-sand);color:var(--forest-ash);padding:clamp(70px,10vw,130px) clamp(28px,8vw,110px);position:relative}.areas::before{content:"";position:absolute;left:0;top:0;bottom:0;width:clamp(28px,6vw,72px);background:var(--terracota)}.section-label{font-family:Arial,Helvetica,sans-serif;letter-spacing:.48em;font-size:16px;margin:0 0 45px clamp(20px,8vw,140px)}.grid{margin-left:clamp(20px,8vw,140px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 48px;max-width:900px}.grid article{border-top:1px solid rgba(34,34,30,.28);padding-top:17px;display:grid;grid-template-columns:52px 1fr;align-items:start}.grid span{font-family:Arial,Helvetica,sans-serif;letter-spacing:.18em;font-size:13px;color:var(--terracota);padding-top:6px}.grid p{margin:0;font-size:clamp(23px,2vw,31px);letter-spacing:.08em;line-height:1.12}.statement{background:var(--dried-moss);color:var(--fine-sand);padding:clamp(80px,12vw,150px) clamp(30px,10vw,150px);text-align:center;position:relative;overflow:hidden}.statement::before{content:"";position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(90deg,rgba(230,227,219,.2) 0 20px,transparent 20px 60px)}.statement p{position:relative;margin:0 auto;max-width:950px;font-size:clamp(30px,4.5vw,62px);line-height:1.15;letter-spacing:.09em;text-transform:uppercase}.contact{background:var(--forest-ash);color:var(--fine-sand);display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:32px;padding:52px clamp(28px,7vw,90px);border-top:1px solid rgba(230,227,219,.2);font-size:18px;line-height:1.35;letter-spacing:.05em}.contact strong{display:block;font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:.28em;margin-bottom:10px}.contact span,.contact a{display:block;color:rgba(230,227,219,.82)}
@media (max-width:760px){.mark-top,.footer-line{font-size:9px;letter-spacing:.28em}.hero{padding:32px 22px}.logo{width:min(300px,84vw)}.eyebrow{font-size:11px;letter-spacing:.24em}h1{font-size:31px;letter-spacing:.08em}.intro{font-size:18px}.button{width:100%}.areas{padding:76px 24px 84px}.areas::before{width:14px}.section-label,.grid{margin-left:18px}.grid{grid-template-columns:1fr;gap:18px}.grid article{grid-template-columns:45px 1fr}.contact{grid-template-columns:1fr;font-size:17px}}