*{box-sizing:border-box}
:root{--green:#8cc63f;--navy:#1a5276;--blue:#2e86c1;--ink:#1c2a33;--base:#faf8f3;--rule:#c9c3b3}
html{scroll-behavior:smooth}
body{margin:0;padding-top:30px;font-family:"Source Sans 3",Arial,sans-serif;font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--base)}
h1,h2,h3{font-family:"Playfair Display",Georgia,"Times New Roman",serif;color:var(--navy);line-height:1.25;font-weight:700}
a{color:var(--navy);text-underline-offset:3px}
a:hover{color:#0e3550}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.proposal-banner{position:fixed;top:0;left:0;right:0;z-index:10000;background:#111;color:#f2f2f2;font:600 .8rem/30px Arial,sans-serif;text-align:center;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 8px}
.watermark{position:fixed;inset:0;z-index:9000;pointer-events:none;overflow:hidden;opacity:.06;color:#444}
.wm-inner{position:absolute;left:50%;top:50%;width:160vmax;transform:translate(-50%,-50%) rotate(-30deg);display:grid;grid-template-columns:repeat(2,1fr);gap:30vmax 10vmax;text-align:center}
.wm-inner span{font:900 clamp(4rem,12vw,10rem)/1 "Arial Black",Arial,sans-serif;letter-spacing:.1em}
.site-header{background:#fff;border-bottom:4px double var(--navy);text-align:center}
.head-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-top:14px;padding-bottom:10px}
.head-phone{margin:0;font-weight:600;text-align:left}
.head-phone-r{text-align:right;font-family:"Playfair Display",Georgia,serif;font-style:italic;color:var(--navy)}
.tel{font-weight:700;color:var(--navy);white-space:nowrap}
.head-phone .tel{display:inline-block;background:var(--green);color:#10222e;padding:6px 12px;border-radius:3px;text-decoration:none}
.logo img{width:260px;max-width:100%;height:auto}
.site-header nav ul{list-style:none;margin:0;padding:8px 0;display:flex;justify-content:center;gap:8px 36px;border-top:1px solid var(--rule);flex-wrap:wrap}
.site-header nav a{font-family:"Playfair Display",Georgia,serif;text-decoration:none;color:var(--navy);font-weight:500;padding:4px 2px;border-bottom:2px solid transparent;letter-spacing:.04em;text-transform:uppercase;font-size:.95rem}
.site-header nav a:hover,.site-header nav a[aria-current]{border-bottom-color:var(--green)}
.hero{position:relative;min-height:440px;background:var(--navy)}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:rgba(10,30,45,.45)}
.hero-box{max-width:640px;background:rgba(255,255,255,.95);border:1px solid var(--navy);outline:6px double rgba(255,255,255,.95);outline-offset:-12px;padding:34px 36px;text-align:center}
.hero-box h1{margin:0 0 .5em;font-size:2rem}
.hero-box p{margin:.5em 0}
.btn{display:inline-block;background:var(--green);color:#10222e;font-weight:700;text-decoration:none;padding:11px 24px;border:2px solid #10222e;border-radius:2px;cursor:pointer;font-size:1rem;font-family:inherit;margin:4px}
.btn:hover{background:#7ab52f;color:#10222e}
.btn-alt{background:#fff}
.btn-alt:hover{background:#eee}
.rule{border:0;border-top:3px double var(--navy);margin:28px 0}
.intro{text-align:center;padding-top:30px}
.intro h2{font-size:1.9rem;margin:.2em 0}
.lead{font-size:1.25rem;max-width:760px;margin:0 auto}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:30px 0 40px}
.three article{padding:10px 26px;text-align:center;border-left:1px solid var(--rule)}
.three article:first-child{border-left:0}
.three img{width:150px;height:150px;object-fit:contain;margin:0 auto 12px}
.cta{background:var(--navy);color:#fff;text-align:center;padding:40px 0;border-top:4px solid var(--green)}
.cta h2{color:#fff;margin-top:0}
.cta a:not(.btn){color:#fff}
.page-title{text-align:center;padding-top:24px}
.page-title h1{font-size:2.4rem;margin:.2em 0}
.page-title p{margin:0;font-style:italic;font-size:1.1rem}
.prose{padding-top:10px;padding-bottom:40px}
.prose h2{margin-top:1.2em}
.split{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center}
.split figure{margin:0}
.split img{margin:0 auto;max-width:260px}
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding-top:20px;padding-bottom:50px}
.form{border:1px solid var(--navy);outline:4px double var(--rule);outline-offset:4px;padding:24px;background:#fff}
.form h2{margin-top:0}
.field{margin-bottom:16px}
.hint{margin:-4px 0 16px;font-size:.95rem}
label{display:block;font-weight:600;margin-bottom:4px}
input,textarea{width:100%;font:inherit;padding:10px;border:1px solid #5b6770;border-radius:2px;background:#fff;color:var(--ink)}
input:focus,textarea:focus,a:focus-visible,.btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
input.invalid,textarea.invalid{border-color:#a4161a;border-width:2px}
.err{display:block;color:#a4161a;font-size:.95rem;min-height:1.2em;font-weight:600}
.status{font-weight:600;color:var(--navy)}
.site-footer{background:#10222e;color:#f1f1f1;padding:36px 0 20px;border-top:4px double var(--green)}
.site-footer h2{color:#fff;font-size:1.15rem;margin-top:0}
.site-footer a,.site-footer .tel{color:#fff}
.site-footer ul{list-style:none;padding:0;margin:0}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.foot-cols p{margin:.3em 0}
.proposal-line{border-top:1px solid #4a5b66;margin-top:26px;padding-top:14px;text-align:center;font-size:.95rem}
@media(max-width:760px){
.head-top{grid-template-columns:1fr;text-align:center}
.head-phone,.head-phone-r{text-align:center}
.head-phone-r{display:none}
.head-top .head-phone{order:2}
.logo{order:1}
.logo img{margin:0 auto;width:200px}
.three,.split,.contact-grid,.foot-cols{grid-template-columns:1fr}
.three article{border-left:0;border-top:1px solid var(--rule);padding:20px 0}
.three article:first-child{border-top:0}
.hero-box{padding:24px 20px}
.hero-box h1{font-size:1.6rem}
}