/*
Theme Name: David Karr
Description: Personal brand website for David Karr, Costa Rica real estate.
Version: 1.0.0
Author: David Karr
Text Domain: david-karr
*/
:root{--navy:#102d3d;--ink:#233c46;--cream:#f6f3eb;--gold:#ae824c;--line:#d9dedb;--white:#fff;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:#8b612e}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:1rem;top:-100px;z-index:100;background:white;padding:1rem}.skip:focus{top:1rem}.wrap{max-width:var(--max);margin:auto;padding-inline:30px}.site-header{border-bottom:1px solid var(--line);background:var(--cream)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:25px}.brand{text-decoration:none;line-height:1.15;white-space:nowrap}.brand strong{display:block;font:32px/1.1 Georgia,serif;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:2.3px;text-transform:uppercase;margin-top:7px}nav{display:flex;align-items:center;gap:24px;font-size:14px}nav a{text-decoration:none}nav .nav-contact{border:1px solid var(--navy);padding:10px 17px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-block:76px}.eyebrow{font-size:11px!important;font-weight:650;letter-spacing:2px;text-transform:uppercase;color:#866137}.hero h1{font:clamp(64px,7vw,100px)/1 Georgia,serif;letter-spacing:-4px;margin:22px 0}.hero h2{font:clamp(25px,3vw,37px)/1.25 Georgia,serif;margin:0 0 25px;font-weight:400}.hero p{font-size:17px}.hero figure{margin:0;position:relative}.hero img{width:100%;height:490px;object-fit:cover;display:block;border-radius:140px 0 0 0}.hero figcaption{font-size:11px;letter-spacing:1px;margin-top:12px;color:#64747a}.button{display:inline-block;padding:13px 21px;background:var(--navy);color:white!important;text-decoration:none;font-size:14px;border:1px solid var(--navy)}.button:hover{background:#244d60}.text-link{display:inline-block;font-size:14px;margin-left:20px}.fact-bar{background:var(--navy);color:white;padding:25px 0}.facts{display:flex;justify-content:space-between;gap:20px;font-size:13px;letter-spacing:.6px}.facts b{font-weight:600;color:#e5c79f}.section{padding-block:75px;border-bottom:1px solid var(--line)}.section h2{font:42px/1.2 Georgia,serif;letter-spacing:-1px;margin:10px 0 25px;max-width:750px}.section .lead{max-width:790px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.card{border-top:1px solid var(--gold);padding-top:20px}.card .number{font-size:12px;color:#866137}.card h3{font:26px/1.25 Georgia,serif;margin:15px 0}.card p{font-size:16px}.card a{font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.closing{background:#e8e8df;text-align:center;padding:70px 30px}.closing h2{font:42px/1.2 Georgia,serif;margin:0 0 20px}.closing p{max-width:650px;margin:0 auto 25px}.page-content{max-width:820px;padding-block:65px 90px;min-height:65vh}.page-content h1{font:clamp(40px,6vw,63px)/1.12 Georgia,serif;letter-spacing:-1.8px;margin:0 0 35px}.page-content h2{font:30px/1.25 Georgia,serif;margin-top:45px}.page-content p{margin:20px 0}.site-footer{background:var(--navy);color:#e9efed;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer-grid p{font-size:14px;max-width:390px}.footer-grid h2{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#d8b98f}.footer-grid a{font-size:14px}.copyright{border-top:1px solid #38515e;margin-top:35px;padding-top:20px;font-size:11px;color:#aebfca}img{max-width:100%;height:auto}@media(max-width:850px){.header-row{align-items:flex-start;flex-direction:column;gap:18px}nav{flex-wrap:wrap;gap:16px}.hero{gap:30px}.hero img{height:400px}.hero h1{letter-spacing:-2px}.cards{gap:20px}.split{gap:35px}}@media(max-width:600px){body{font-size:17px}.wrap{padding-inline:22px}.hero{grid-template-columns:1fr;padding-block:40px}.hero img{height:330px;border-radius:90px 0 0 0}.hero h1{font-size:68px}.hero p{font-size:16px}.text-link{margin:15px 0 0;display:block}.facts{flex-direction:column;gap:8px}.cards,.split,.footer-grid{grid-template-columns:1fr}.section{padding-block:45px}.section h2,.closing h2{font-size:34px}.cards{gap:25px}nav{font-size:13px}.footer-grid{gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}