:root { --ink:#18201d; --paper:#f5f3ed; --line:rgba(24,32,29,.16); --muted:#62706a; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; font-size:16px; }
.page-shell { max-width:1240px; margin:auto; padding:30px 32px 26px; }
.masthead { align-items:center; display:flex; justify-content:space-between; }
.name { color:inherit; font-size:.92rem; font-weight:700; letter-spacing:-.03em; text-decoration:none; }
.contact-link { color:inherit; font-size:.82rem; text-decoration-color:var(--line); text-underline-offset:4px; }
.intro { max-width:760px; padding:clamp(72px,13vw,154px) 0 clamp(54px,9vw,100px); }
.eyebrow { color:var(--muted); font-size:.72rem; font-weight:700; letter-spacing:.13em; margin:0 0 20px; text-transform:uppercase; }
h1 { font-family:"Playfair Display",Georgia,serif; font-size:clamp(3rem,7.2vw,6.5rem); font-weight:500; letter-spacing:-.065em; line-height:.94; margin:0; }
h1 em { color:#537b71; font-weight:500; }
.intro-copy { color:#43504a; font-size:clamp(1rem,1.6vw,1.18rem); line-height:1.65; margin:30px 0 0; max-width:530px; }
.directions { border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); }
.direction { color:inherit; display:flex; flex-direction:column; min-height:330px; padding:25px 28px 26px; text-decoration:none; transition:background-color .25s ease,color .25s ease; }
.direction + .direction { border-left:1px solid var(--line); }
.direction:hover { color:#fff; }.direction-dev:hover { background:#233c45; }.direction-psy:hover { background:#986c61; }.direction-eso:hover { background:#563c6d; }
.direction-index { color:var(--muted); font-size:.74rem; font-weight:700; letter-spacing:.08em; }.direction:hover .direction-index { color:rgba(255,255,255,.65); }
.direction-mark { font-family:"Playfair Display",Georgia,serif; font-size:3.2rem; line-height:1; margin:auto 0 18px; }
.direction-title { font-family:"Playfair Display",Georgia,serif; font-size:clamp(1.6rem,2.6vw,2.25rem); letter-spacing:-.04em; line-height:1.05; }
.direction-description { font-size:.87rem; line-height:1.55; margin-top:12px; max-width:295px; }
.direction-go { border-top:1px solid var(--line); font-size:.74rem; margin-top:auto; padding-top:17px; }.direction:hover .direction-go { border-color:rgba(255,255,255,.28); }.direction-go b { float:right; font-size:1rem; font-weight:400; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:.74rem; margin-top:22px; padding-top:22px; }
@media (max-width:720px) { .page-shell { padding:24px 20px; }.contact-link { font-size:.72rem; }.directions { grid-template-columns:1fr; }.direction { min-height:240px; padding:20px 0 24px; }.direction + .direction { border-left:0; border-top:1px solid var(--line); }.direction:hover { background:transparent; color:inherit; }.direction-mark { font-size:2.5rem; margin:34px 0 14px; }.direction:hover .direction-index { color:var(--muted); }.direction:hover .direction-go { border-color:var(--line); } }