.practices-page { margin:0; background:#fffaf2; -webkit-font-smoothing:antialiased; }
.practices-page header { background:#f3e7d8 !important; border-bottom-color:rgba(33,75,58,.14) !important; }
.practices-page .site-header-inner > a:first-child span,.practices-page .site-nav a { color:#214b3a !important; }
.practices-page .site-nav a span { background:#214b3a !important; }
.pepper-practices { color:#214b3a; }
.pepper-practices * { box-sizing:border-box; }
.practices-wrap { width:min(1180px,92vw); margin-inline:auto; }
.pepper-practices h1,.pepper-practices h2,.pepper-practices h3 { font-family:'reiher-headline',Georgia,serif; font-weight:400; letter-spacing:-.015em; color:#214b3a; }
.pepper-practices h1 { font-size:clamp(48px,7.5vw,96px); line-height:1.05; max-width:15ch; margin:0 0 28px; }
.pepper-practices h1 em { color:#84263f; }
.pepper-practices h2 { font-size:clamp(32px,4vw,52px); line-height:1.14; margin:0 0 44px; }
.pepper-practices h3 { font-size:clamp(26px,2.5vw,32px); line-height:1.2; margin:0 0 14px; }
.pepper-practices p { font:300 17px/1.75 Geologica,system-ui,sans-serif; color:#43564b; margin:0 0 20px; }
.practices-hero { padding:clamp(72px,9vw,128px) 0; background:#f5f2e8; background-image:linear-gradient(90deg,rgba(255,250,242,.91),rgba(255,250,242,.72) 55%,rgba(255,250,242,.32)),url('/assets/time-back-coast.jpg'); background-size:cover; background-position:center; }
.practices-hero p { max-width:44ch; font-size:clamp(18px,1.7vw,21px); }
.practices-link { display:inline-block; color:#214b3a; font-size:15px; font-weight:500; text-underline-offset:5px; margin-top:8px; }
.practices-link:hover { color:#84263f; }
.practice-finder { max-width:420px; margin-top:30px; }
.practice-finder label { display:block; font:500 15px/1.5 Geologica,system-ui,sans-serif; margin-bottom:10px; }
.practice-finder select { width:100%; min-height:52px; padding:12px 16px; border:1px solid #819477; border-radius:12px; background:rgba(255,250,242,.95); color:#214b3a; font:400 16px/1.5 Geologica,system-ui,sans-serif; cursor:pointer; }
.pepper-practices .practice-finder p { font-size:13px; margin:8px 0 0; }
.practice-finder select:focus-visible { outline:2px solid #214b3a; outline-offset:4px; }
.practices-grid article,.practices-fit [tabindex] { scroll-margin-block:32px; border-radius:4px; transition:background-color .4s,box-shadow .4s; }
.practice-selected { background-color:rgba(237,220,168,.48); box-shadow:0 0 0 14px rgba(237,220,168,.48); }
.pepper-practices [tabindex="-1"]:focus-visible { outline:2px solid #819477; outline-offset:14px; }
@media(prefers-reduced-motion:reduce) { .practices-grid article,.practices-fit [tabindex] { transition:none; } }
.practices-band { padding:clamp(64px,8vw,104px) 0; scroll-margin-top:24px; }
.practices-white { background:#fff; }
.practices-lake { background:#f5f2e8; background-image:linear-gradient(rgba(255,250,242,.84),rgba(255,250,242,.84)),url('/assets/pepper-calm-lake.jpg'); background-size:cover; background-position:center; }
.practices-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.practices-grid article { border-top:1px solid #bdc9bb; padding-top:26px; }
.practices-grid p { font-size:16px; }
.practices-grid ul { margin:0; padding-left:19px; font:400 15px/1.7 Geologica,system-ui,sans-serif; color:#43564b; }
.practices-grid li { padding:3px 0 3px 3px; }
.practices-grid li::marker { color:#819477; }
.practices-fit { background:#f3e7d8; }
.practices-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(36px,7vw,88px); align-items:center; }
.practices-split img { width:100%; height:auto; aspect-ratio:1 / 1; object-fit:cover; border-radius:4px; display:block; }
.practices-split h2 { margin-bottom:24px; }
.practices-split p { max-width:42ch; }
.practices-button { display:inline-block; max-width:100%; padding:17px 26px; border-radius:999px; text-decoration:none; font-size:14px; margin-top:8px; }
.pepper-practices a:focus-visible { outline:2px solid #cc8617; outline-offset:5px; }
@media(max-width:700px) { .practices-grid,.practices-split { grid-template-columns:1fr; } .practices-grid { gap:30px; } .pepper-practices h2 { margin-bottom:32px; } .practices-hero { background-position:60% center; } .practices-split img { max-width:480px; margin-inline:auto; } }