:root{--ink:#162822;--green:#264c3d;--sage:#b5bda7;--cream:#f3f0e8;--gold:#c4a77a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;background:#f3f0e8f2;border-bottom:1px solid #16282222;backdrop-filter:blur(10px)}.brand{font-size:26px;letter-spacing:.16em;font-weight:700}.brand span{display:block;font-size:8px;letter-spacing:.21em;font-weight:400;margin-top:6px}nav{display:flex;gap:27px}nav a,#menu{font-size:11px;letter-spacing:.12em;text-transform:uppercase}nav a:hover,.textlink:hover{color:#9b6c32}#menu{display:none;background:none;border:1px solid var(--ink);padding:10px 15px}.hero{min-height:73vh;position:relative;background:linear-gradient(125deg,#153b30,#476655);color:#fff;display:flex;align-items:end;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 15%,#a9b49a66,transparent 48%),linear-gradient(115deg,#092a26aa,transparent 80%)}.hero-inner{position:relative;padding:7% 5%;max-width:1100px}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(56px,8vw,122px);line-height:.98;letter-spacing:-.055em;margin:22px 0}h2{font-size:clamp(37px,5vw,72px);line-height:1.06;letter-spacing:-.045em;margin:14px 0 25px}h3{font-size:29px;line-height:1.1}.lead{font-size:clamp(18px,2vw,25px);line-height:1.6;max-width:790px}.hero .lead{color:#e2e8dc}.btn{display:inline-flex;margin-top:25px;background:var(--gold);color:var(--ink);padding:16px 24px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:bold}.btn:hover{background:#e0c99d}.section{padding:85px 5%}.section.dark{background:var(--green);color:white}.section.light{background:#e7e9df}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}.section-head p{font-size:17px;line-height:1.8;max-width:820px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.card{padding:30px;background:#fff;min-height:250px;border-top:4px solid var(--green)}.card h3{margin:0 0 18px}.card p,.copy p{font-size:15px;line-height:1.8;color:#526158}.dark .card p{color:#526158}.textlink{display:inline-block;margin-top:15px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:7px}.pagehead{padding:85px 5% 55px;background:var(--green);color:white}.pagehead h1{font-size:clamp(52px,7vw,100px)}.content{max-width:1100px;margin:auto;padding:75px 5%}.copy{max-width:850px}.copy p{font-size:17px}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:40px}.service{background:white;padding:30px;border-left:4px solid var(--gold)}.service h3{margin:0 0 15px}.service p{line-height:1.8;color:#526158}.note{background:#e2e5d9;border-left:3px solid var(--green);padding:20px;margin:25px 0;color:#45554a;line-height:1.7}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-grid a{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap;background:#12241e;color:#e4e9df;padding:45px 5%;font-size:12px}footer strong{letter-spacing:.2em}footer p{opacity:.7}a:focus-visible,button:focus-visible{outline:3px solid #c4a77a;outline-offset:3px}@media(max-width:850px){#menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:25px 5%;flex-direction:column;border-bottom:1px solid #ddd}nav.open{display:flex}.cards,.service-list,.contact-grid,.section-head{grid-template-columns:1fr}.section{padding:60px 5%}.hero{min-height:65vh}}

/* Homepage v2: imagery is optional until approved Poroman assets are uploaded. */
.poroman-hero{background-image:linear-gradient(100deg,rgba(7,33,28,.90),rgba(20,58,43,.44)),url('/Images/hero.jpg');background-size:cover;background-position:center}
.poroman-hero .hero-inner{max-width:1150px}
.poroman-hero h1{font-size:clamp(48px,7vw,104px)}
.hero-support{max-width:760px;font-size:16px;line-height:1.75;color:#e8ede7}
.section-intro{font-size:18px;line-height:1.7;max-width:840px}
.about-image,.experience-image{margin-top:40px;min-height:340px;background-color:#9caa9a;background-size:cover;background-position:center}
.about-image{background-image:linear-gradient(90deg,#1c4b3b55,#1c4b3b11),url('/Images/about.jpg')}
.experience-image{background-image:linear-gradient(90deg,#1c4b3b55,#1c4b3b11),url('/Images/experience.jpg')}
.principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:42px}
.principles article{padding:22px 0;border-top:2px solid var(--gold)}
.principles h3{font-size:25px}
.principles p{font-size:14px;line-height:1.7;color:#e4ebe5}
.closing{background:#dfe5da}
.closing .lead{max-width:920px}
.brand-logo{display:none;height:47px;max-width:170px;object-fit:contain;margin-right:12px}
.brand-logo.available{display:block}
@media(max-width:850px){.principles{grid-template-columns:repeat(2,1fr)}.about-image,.experience-image{min-height:240px}}
@media(max-width:520px){.principles{grid-template-columns:1fr}}

/* About Poroman page refinement */
.about-pagehead{background:linear-gradient(110deg,#173b30,#345d49)}
.about-pagehead h1{max-width:1050px}
.about-story{max-width:1250px}
.about-story-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(25px,5vw,90px);align-items:start}
.about-story-grid .copy p{margin-top:0}
.about-page-photo{display:block;width:100%;height:clamp(260px,35vw,470px);object-fit:cover;object-position:center;margin-top:40px}
.about-values .section-intro{max-width:920px}
.about-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px}
.about-pillars article{padding:25px;background:#fff;border-top:3px solid var(--green)}
.about-pillars article span{font-size:11px;letter-spacing:.2em;color:#8b6a45}
.about-pillars article h3{margin:14px 0}
.about-pillars article p{font-size:15px;line-height:1.75;color:#526158}
.about-services .section-head{align-items:center}
.about-cta .lead{max-width:850px}
@media(max-width:800px){.about-story-grid,.about-pillars{grid-template-columns:1fr}.about-page-photo{height:300px}}

/* Services page: five substantial, scannable service sections. */
.services-pagehead{background:linear-gradient(110deg,#183a30,#3b614e)}
.services-pagehead .lead{max-width:930px}
.services-intro{padding-bottom:60px}
.services-intro .copy p{font-size:17px;line-height:1.8}
.services-list{padding:0 5% 75px;background:#f3f0e8}
.service-feature{display:grid;grid-template-columns:minmax(70px,.28fr) minmax(0,2fr);gap:30px;border-top:1px solid #173b3038;padding:42px 0}
.service-feature:last-child{border-bottom:1px solid #173b3038}
.service-number{font:24px Georgia,serif;color:#9a7950;padding-top:8px}
.service-feature h2{font-size:clamp(31px,4vw,54px);margin:0 0 16px}
.service-feature p{max-width:900px;font-size:17px;line-height:1.75;color:#3c5348}
.service-feature ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 30px;max-width:900px;margin:22px 0 0;padding-left:18px;color:#365347;font-size:14px;line-height:1.65}
.service-feature li::marker{color:#ad895c}
.services-cta .lead{max-width:900px}
@media(max-width:700px){.service-feature{grid-template-columns:1fr;gap:8px;padding:30px 0}.service-feature ul{grid-template-columns:1fr}}
