/* COKER HOPE PORTFOLIO — RESPONSIVE DESIGN SYSTEM */
:root{--bg:#f5f5f2;--paper:#fff;--ink:#111513;--muted:#68716c;--line:#dfe3df;--accent:#0b6b4c;--dark:#101614;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(245,245,242,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em}.brand-mark{width:34px;height:34px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.7rem}.navlinks{display:flex;gap:28px;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.navlinks a{color:#505954}.navlinks a:hover{color:var(--accent)}.menu-btn{display:none;background:none;border:0;padding:8px;font-size:1.5rem;cursor:pointer}.mobile-menu{display:none}
.hero{min-height:calc(100vh - 84px);display:grid;align-items:center;padding:80px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.kicker,.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;font-weight:900;color:var(--accent)}.hero h1{font-size:clamp(4rem,8vw,8.5rem);line-height:.86;letter-spacing:-.075em;margin:18px 0 30px}.hero h1 span{display:block;color:var(--accent)}.hero-lead{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:700px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border:1px solid var(--ink);border-radius:2px;font-weight:850;cursor:pointer;transition:.25s ease}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.btn-ghost:hover{background:#fff}.portrait-frame{background:var(--dark);padding:12px}.portrait-frame img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);margin-top:55px;padding-top:22px}.hero-stats strong{font-size:2rem;letter-spacing:-.05em}.hero-stats span{display:block;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.section{padding:115px 0}.section-dark{background:var(--dark);color:#fff}.section-mint{background:#e9f2ed}.section-intro{display:grid;grid-template-columns:.55fr 1fr;gap:80px;margin-bottom:55px}h1,h2,h3{line-height:1.05}h2{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.065em;margin:0;font-weight:900}.intro-copy{font-size:1.1rem;color:var(--muted);max-width:700px}.section-dark .intro-copy{color:#aebbb5}
.service-list{border-top:1px solid var(--line)}.section-dark .service-list{border-color:#36413c}.service-row{display:grid;grid-template-columns:70px 1fr 1.2fr 35px;gap:20px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.section-dark .service-row{border-color:#36413c}.service-row .num{font-size:.72rem;color:var(--muted);font-weight:900}.service-row h3{font-size:1.4rem;margin:0}.service-row p{margin:0;color:var(--muted)}.section-dark .service-row p{color:#aebbb5}.arrow{text-align:right;font-size:1.4rem}
.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.project{min-height:360px;background:#19352c;color:#fff;display:flex;align-items:flex-end;padding:32px;overflow:hidden}.project:nth-child(2){min-height:260px;background:#263b50}.project:nth-child(3){background:#493a22}.project:nth-child(4){background:#352d43}.project:nth-child(5){background:#263d34}.project:nth-child(6){background:#31363b}.project h3{font-size:2rem;margin:8px 0}.project small{font-size:.67rem;text-transform:uppercase;letter-spacing:.16em;opacity:.72}.project:nth-child(2n){margin-top:70px}
.tools-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);padding:28px}.panel h3{font-size:1.45rem;margin-top:0}.table-scroll{overflow-x:auto}.form-table{width:100%;border-collapse:collapse}.form-table th,.form-table td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--line);font-size:.84rem}.form-table th{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.form-table input{width:100%;min-width:80px;border:1px solid var(--line);padding:9px;background:#fafbfa}.tool-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:#eef5f1;padding:18px;border-left:3px solid var(--accent)}.metric span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.metric strong{font-size:1.7rem;letter-spacing:-.04em}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-details{display:grid;gap:16px}.contact-item{padding:20px 0;border-bottom:1px solid var(--line)}.contact-item small,.field label{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.contact-item strong{font-size:1.1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#fff;padding:13px 12px;border-radius:0;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}
footer{background:#0c1210;color:#dfe8e3;padding:55px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:45px}.footer-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#fff;font-weight:900;margin-bottom:14px}.footer-links{display:grid;gap:7px;color:#aebbb5;font-size:.9rem}.copyright{border-top:1px solid #29332f;margin-top:45px;padding-top:18px;color:#82918a;font-size:.78rem}
@media(max-width:900px){.container{width:calc(100% - 30px)}.nav{height:70px}.navlinks{display:none}.menu-btn{display:block}.mobile-menu{position:fixed;inset:70px 0 0;background:var(--dark);color:#fff;z-index:99;padding:28px 22px;overflow:auto}.mobile-menu.open{display:block}.mobile-menu a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #2e3b35;font-weight:800}.mobile-menu a:after{content:"→";color:#77cdaa}.hero{min-height:auto;padding:65px 0 75px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero h1{font-size:clamp(3.5rem,15vw,6rem)}.hero-media{max-width:500px}.section{padding:78px 0}.section-intro,.about-grid,.contact-grid,.tools-shell{grid-template-columns:1fr;gap:30px}.service-row{grid-template-columns:45px 1fr 30px}.service-row p{grid-column:2/-1}.projects{grid-template-columns:1fr}.project,.project:nth-child(2){min-height:280px;margin-top:0}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:calc(100% - 24px)}.hero h1{font-size:clamp(3rem,17vw,4.8rem)}h2{font-size:clamp(2.2rem,11vw,3.4rem)}.section{padding:62px 0}.hero-stats{grid-template-columns:1fr}.tool-results{grid-template-columns:1fr}.form-table{min-width:650px}.panel{padding:20px}.footer-grid{grid-template-columns:1fr}.service-row{grid-template-columns:38px 1fr 25px;padding:22px 0}.service-row h3{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}