/* RodneyHowell.com site v17. Visual foundation: UnitedTaps.com. */
@font-face{font-family:Oswald;font-style:normal;font-weight:400;font-display:swap;src:url('./oswald-400.woff2') format('woff2')}
@font-face{font-family:Oswald;font-style:normal;font-weight:600;font-display:swap;src:url('./oswald-600.woff2') format('woff2')}
:root{--navy:#1e3a5f;--deep:#0f1f35;--pale:#e2f1ff;--yellow:#ffec00;--ink:#142235;--muted:#526274;--line:#bfd1e1;--white:#fff;--width:1152px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--ink);background:var(--white);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-size:18px;line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:var(--navy);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button{font:inherit}h1,h2,h3,.brand,.nav-link,.button{font-family:Oswald,sans-serif}h1,h2,h3{line-height:1.2;margin:0 0 24px;font-weight:600;text-wrap:balance}h1{font-size:clamp(2.25rem,4vw,3rem)}h2{font-size:clamp(2rem,3vw,2.5rem)}h3{font-size:1.65rem}p{margin:0 0 22px}p:last-child{margin-bottom:0}ul{padding-left:24px}li+li{margin-top:10px}.wrap{max-width:var(--width);margin-inline:auto;padding-inline:24px}.narrow{max-width:830px}.section{padding-block:72px}.pale{background:var(--pale)}.white{background:var(--white)}:focus-visible{outline:3px solid #2368a8;outline-offset:5px}.site-header :focus-visible,.contact :focus-visible,.site-footer :focus-visible{outline-color:var(--yellow)}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 20px;background:var(--yellow);color:#000;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{background:var(--navy);color:#fff}.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:24px;font-weight:600;letter-spacing:.02em;color:white;text-decoration:none;white-space:nowrap}.site-nav{display:flex;align-items:center;gap:30px}.nav-link{font-size:20px;color:#fff;text-decoration:none}.nav-link:hover{color:var(--pale);text-decoration:none}.menu-button{display:none;border:1px solid #92a9c4;border-radius:8px;color:#fff;background:transparent;min-height:44px;padding:5px 13px;font-family:Oswald;font-size:18px}.hero{background:var(--pale)}.hero-inner{max-width:var(--width);margin:auto;display:grid;grid-template-columns:5fr 7fr}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:75% top;aspect-ratio:1}.hero-content{padding:48px 58px;align-self:center}.hero h1{font-size:40px;color:#000;max-width:470px;margin-bottom:22px}.hero-intro{font-size:23px;line-height:1.55;color:#111;max-width:470px}.hero-detail{font-size:17px;line-height:1.6;max-width:470px;color:#364b60}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 25px;background:var(--navy);border:2px solid var(--navy);border-radius:8px;color:var(--white);font-size:20px;font-weight:600;text-decoration:none;white-space:nowrap;line-height:1.3;transition:background .15s,transform .15s}.button:hover{background:var(--deep);border-color:var(--deep)}.button-secondary{background:transparent;color:var(--navy)}.button-secondary:hover{background:#d1e4f6;border-color:var(--navy)}.button-inverse{background:var(--white);border-color:var(--white);color:var(--navy)}.button-inverse:hover{background:var(--pale);border-color:var(--pale)}.button:active{transform:translateY(1px)}.service-list{margin-top:28px;border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:1fr 1.4fr;align-items:start;gap:40px;padding:30px 0}.service-row h3{margin:0;color:var(--navy);text-wrap:initial}.service-copy p{margin:0;font-size:18px;line-height:1.6;max-width:610px}.service-example{display:inline-flex;align-items:center;min-height:44px;font-size:16px;margin-top:8px;color:var(--navy);font-weight:600;text-decoration:none}.service-example:hover{color:var(--deep)}.contact{background:var(--navy);color:#fff}.contact h2{font-size:40px}.contact p{max-width:740px;color:#e1ebf7;font-size:20px}.contact a:not(.button){color:#fff}.contact .actions{margin-top:30px}.site-footer{background:var(--deep);color:#c7d4e3;font-size:15px;padding-block:25px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.site-footer a{color:#e1ebf7}.footer-links{display:flex;gap:25px}.breadcrumb{display:inline-flex;align-items:center;min-height:44px;margin-bottom:25px;font-size:16px;text-decoration:none}.breadcrumb:hover{text-decoration:underline}.project-hero{padding-block:35px 58px}.project-hero h1{font-size:clamp(2.5rem,4.5vw,3.25rem);max-width:830px}.project-subtitle{font-size:22px;line-height:1.6;max-width:830px}.project-meta{display:flex;gap:20px;flex-wrap:wrap;color:#3b516a;font-size:15px;margin-top:27px}.project-section{padding-block:56px}.project-section+.project-section{border-top:1px solid #dae3eb}.project-section h2{font-size:32px}.project-section h3{font-size:25px;margin-top:30px;margin-bottom:15px}.project-copy{max-width:780px}.project-copy p{font-size:19px}.project-figure{margin:32px 0 0}.project-figure img{border:1px solid var(--line);border-radius:8px;background:#edf2f7;width:100%}.project-figure figcaption{color:var(--muted);font-size:15px;line-height:1.6;margin-top:12px;max-width:850px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.detail-grid h3{margin-top:0}.example{border-left:4px solid var(--navy);padding:4px 0 4px 25px;margin-block:30px}.example p{font-size:21px}.next-projects{display:flex;gap:28px;flex-wrap:wrap;padding-top:30px;margin-top:40px;border-top:1px solid var(--line)}.next-projects a{min-height:44px;display:flex;align-items:center;font-weight:600}.image-link{display:block}.image-link:focus-visible{outline-offset:6px}.small{font-size:16px;color:var(--muted)}
.back-to-top{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:20;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:3px;background:var(--navy);color:var(--white);cursor:pointer}
.back-to-top[hidden]{display:none}
.back-to-top::before{content:"";width:8px;height:8px;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:translateY(2px) rotate(45deg)}
.back-to-top:hover{background:var(--deep)}
.back-to-top:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;box-shadow:0 0 0 7px var(--deep)}
.site-footer .wrap{padding-right:88px}
@media(min-width:1200px){.hero-content{padding-inline:64px}}
@media(max-width:900px){.hero-content{padding:36px}.hero h1{font-size:36px}.hero-intro{font-size:21px}.service-row{grid-template-columns:1fr 1.25fr;gap:24px}}
@media(max-width:767px){.section{padding-block:52px}.hero-inner{grid-template-columns:1fr}.hero-content{grid-row:1;padding:36px 24px 40px}.hero h1{font-size:36px;max-width:500px}.hero-intro{font-size:22px;max-width:580px}.hero-photo{max-height:550px;object-position:50% 28%;aspect-ratio:1.12}.detail-grid{grid-template-columns:1fr;gap:15px}.service-row{grid-template-columns:1fr;gap:12px;padding-block:25px}.service-row h3{max-width:580px}.project-section{padding-block:40px}.project-hero{padding-bottom:40px}.project-subtitle{font-size:20px}.project-copy p{font-size:18px}.project-meta{gap:7px 20px}.contact h2{font-size:34px}}
@media(max-width:639px){.header-inner{height:auto;min-height:64px;flex-wrap:wrap;gap:0}.brand{font-size:23px}.menu-button{display:inline-flex;align-items:center;margin-left:auto}.site-nav{display:none;flex-basis:100%;padding:10px 0 19px;gap:0;flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}.nav-link{padding:9px 0;min-height:44px}.footer-inner{align-items:flex-start;flex-direction:column}.actions{gap:12px}.button{font-size:19px;padding-inline:20px}.hero h1{font-size:34px}.hero-intro{font-size:21px}.hero-photo{aspect-ratio:1.08}.project-hero h1{font-size:38px}.contact .actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}