/* Crellin Chiropractic — one stylesheet, no framework. */
:root{--ink:#243b41;--muted:#58696d;--teal:#245a61;--paper:#fffdf9;--tint:#eef2ed;--line:#d9dfda;--accent:#a14630;--width:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif}img{max-width:100%;height:auto;display:block}a{color:var(--teal);text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(42px,5.5vw,72px);margin-bottom:26px}h2{font-size:clamp(31px,3.5vw,46px);margin-bottom:24px}h3{font-size:22px}.wrap{width:min(var(--width),calc(100% - 64px));margin:auto}.narrow{max-width:680px}

.topbar{background:var(--teal);color:white;font-size:13px;letter-spacing:.03em}

.topbar .wrap{display:flex;justify-content:space-between;padding:9px 0}

.topbar a{color:white;text-decoration:none;font-weight:bold}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px;padding-bottom:28px}.brand{width:300px;flex-shrink:0}.brand img{width:100%}nav{display:flex;gap:26px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none;font-weight:bold;padding:8px 0}nav a[aria-current]{border-bottom:2px solid var(--accent)}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center;padding-top:42px;padding-bottom:64px}


.front-photo {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}


.hero-copy{padding:15px 0}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:.15em;color:var(--accent);margin-bottom:22px}.lead{font-size:21px;line-height:1.6;color:var(--muted);margin-bottom:32px}.hero figure{margin:0}.hero figure img{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:center}.hero figcaption{font-size:12px;color:var(--muted);margin-top:10px}.button{display:inline-block;background:var(--teal);color:white;text-decoration:none;font-weight:bold;font-size:15px;padding:14px 23px}.button:hover{background:var(--ink);color:white}.text-link{display:inline-block;font-size:15px;font-weight:bold;margin-top:22px}.hero .text-link{display:block}.hero-note{font-size:12px;color:var(--muted);margin:30px 0 0}.quick{background:var(--tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;gap:30px}.quick-grid>div+div{border-left:1px solid #c8d2cd;padding-left:30px}.quick span{display:block;font-size:10px;letter-spacing:.13em;font-weight:bold;color:var(--muted)}.quick a{font-size:18px;text-decoration:none}.section{padding-top:75px;padding-bottom:75px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.split>div>p{max-width:490px}.link-list{border-top:1px solid var(--line)}.link-list a{display:flex;justify-content:space-between;gap:15px;text-decoration:none;padding:13px 0;border-bottom:1px solid var(--line)}.link-list span{color:var(--accent)}.tinted{background:var(--tint)}.practice{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.practice>img{width:100%;aspect-ratio:1.2;object-fit:cover}.hours{margin:0}.hours>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}dd{margin:0;color:var(--muted)}footer{background:var(--ink);color:#e2e9e7;padding:55px 0 20px;font-size:14px}footer a{color:#e2e9e7}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:60px}.footer-grid strong{font-size:30px;letter-spacing:.09em}.footer-grid h2{font: bold 15px Arial;letter-spacing:0;margin-bottom:18px}.footer-grid>div:last-child a{display:block;margin:5px 0}.copyright{border-top:1px solid #ffffff26;margin-top:35px;padding-top:20px;font-size:11px}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:75px;margin-top:45px}article h2{font-size:30px}article h3{font-size:22px}article p{margin-bottom:22px}.article-image{width:100%;max-height:430px;object-fit:cover;margin-bottom:35px}aside h2{font: bold 18px Arial;letter-spacing:0;margin:30px 0 15px}aside h2:first-child{margin-top:0}aside .link-list{font-size:14px}.profile{display:grid;grid-template-columns:180px 1fr;gap:45px;border-top:1px solid var(--line);padding:45px 0}.profile img{width:180px}.profile h2{font-size:33px}.profile>div{max-width:850px}.location-image{max-width:780px;width:100%}.mission{max-width:850px}.mission img{max-width:100%;margin:20px 0}.mission table{width:100%;table-layout:fixed}.mission td{vertical-align:top}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:10px;background:white;padding:10px;z-index:10}
@media(max-width:1000px){.header{flex-direction:column;align-items:flex-start}.hero{gap:30px}.split{gap:50px}.practice{gap:40px}.article-layout{gap:35px}nav{gap:24px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.topbar .wrap{font-size:11px;gap:15px}.brand{width:260px}.header{padding:22px 0;gap:15px}nav{gap:8px 19px}nav a{font-size:13px}.hero{grid-template-columns:1fr;padding-top:20px;padding-bottom:35px;gap:24px}.hero h1{font-size:49px}.hero figure img{aspect-ratio:1.5}.quick-grid{grid-template-columns:1fr;gap:12px}.quick-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.section{padding:45px 0}.split,.practice,.article-layout,.footer-grid{grid-template-columns:1fr;gap:35px}.profile{grid-template-columns:1fr;gap:25px}.profile img{width:150px}.article-layout{margin-top:25px}.hours{font-size:15px}.footer-grid{gap:30px}.mission table,.mission tbody,.mission tr,.mission td{display:block;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Panama photo pairs fill their row and stack on phones. */
.mission-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.mission .mission-photo-pair img{width:100%;height:auto;margin:0}
@media(max-width:680px){.mission-photo-pair{grid-template-columns:1fr}}