@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=DM+Sans:wght@400;500;700&display=swap');
:root{--ink:#202727;--paper:#f6f0e5;--accent:#166d70;--teal:#12585b;--line:#d6cbb9}
html{scroll-behavior:smooth}body{background:#e8eeec;font:18px/1.5 'Cormorant Garamond',Georgia,serif}header,main,footer{max-width:1560px}main{background:var(--paper)}a{color:var(--teal)}header{gap:24px;padding:20px 5%;border-color:var(--line);background:linear-gradient(110deg,#f2e7d4,#fff 55%,#dfefeb)}header img{display:block;width:215px;max-height:72px;object-fit:contain}header>a:last-child{font:700 11px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.hero{padding:85px 10% 90px;min-height:550px;background:linear-gradient(90deg,rgba(246,240,229,.98),rgba(246,240,229,.94) 40%,rgba(246,240,229,.38) 78%),url('../assets/evans-co-coastal-services-hero.png') center/cover}.eyebrow{font:700 10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.22em;color:var(--teal)}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;line-height:.98;font-weight:500;letter-spacing:-.045em}h1{max-width:820px;font-size:clamp(48px,6vw,88px)}h1 em{color:var(--teal)}h2{font-size:clamp(36px,4vw,54px)}.hero>p:not(.eyebrow){max-width:520px;font-size:22px;line-height:1.5;margin:26px 0}.button,button{background:var(--teal);padding:17px 22px;border:1px solid var(--teal);border-radius:0;font:700 11px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.button:hover,button:hover{background:#093f41}
.steps{padding:0 5%;gap:0;border-color:var(--line);background:white}.steps article{padding:30px;border-right:1px solid var(--line)}.steps article:last-child{border-right:0}.steps b{color:var(--teal);font:700 11px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.steps p{font-size:18px;margin:12px 0 0}.request{gap:60px;padding:76px 7%;background:linear-gradient(135deg,#f6f0e5,#f9fbfa 70%,#e6f0ed)}.request>div>p:not(.eyebrow){font-size:20px}.note,.request>div>p.note{font:400 13px/1.7 'DM Sans',Arial,sans-serif;color:#526260}form{min-width:0;border-color:var(--line);padding:32px;border-radius:0;box-shadow:0 12px 38px rgba(18,88,91,.05)}label{font:500 13px/1.6 'DM Sans',Arial,sans-serif}input,textarea{border-color:#9aaea9;border-radius:2px;background:white;color:var(--ink);font:400 16px/1.5 'DM Sans',Arial,sans-serif}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#626e6b}fieldset{padding:18px;border-color:var(--line);background:#faf8f3}legend{font:700 13px/1.6 'DM Sans',Arial,sans-serif;color:var(--teal);padding:0 5px}fieldset label{align-items:flex-start;margin:12px 0}input[type=checkbox]{height:18px;accent-color:var(--teal)}footer{padding:28px 5%;background:#172424;color:#f6f0e5;font:500 12px/1.7 'DM Sans',Arial,sans-serif;letter-spacing:.04em}#message{font:500 14px/1.7 'DM Sans',Arial,sans-serif}#message:empty{margin:0}#message:not(:empty){margin-top:20px;padding:16px;background:#edf5f2;border-left:3px solid var(--teal)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--accent)}
@media(max-width:900px){.request{gap:30px;padding:55px 5%}.steps article{padding:24px 18px}.hero{padding:65px 7%;min-height:480px}}
@media(max-width:750px){header{padding:18px 20px}header img{width:170px}header>a:last-child{font-size:10px;max-width:120px;text-align:right}.hero{padding:52px 24px;min-height:0;background-position:60% center}.hero h1{font-size:54px}.hero>p:not(.eyebrow){font-size:21px}.steps,.request{padding:30px 24px;gap:20px}.steps{gap:0;padding-block:0}.steps article{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}.request{padding-block:45px}form{padding:22px}fieldset{padding:12px}.button{max-width:100%;text-align:center}footer{padding:24px}}
.hero{background-image:linear-gradient(90deg,rgba(246,240,229,.88),rgba(246,240,229,.65) 40%,rgba(246,240,229,.02) 75%),url('../assets/business-coastal-office.png')}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
header nav{display:flex;align-items:center;gap:24px;font:600 12px/1.5 'DM Sans',Arial,sans-serif}header nav a{text-decoration:none}header nav .manager-login{padding:10px 16px;border:1px solid var(--teal);border-radius:3px;color:var(--teal);white-space:nowrap}header nav .manager-login:hover{background:var(--teal);color:white}@media(max-width:600px){header{gap:16px;flex-wrap:wrap}header nav{width:100%;justify-content:center;gap:10px;flex-wrap:wrap;font-size:11px}header nav>a:first-child{order:3;flex-basis:100%;text-align:center;padding-top:2px}header nav .manager-login{padding:9px 13px}}
@media(max-width:680px){header.evans-access-header{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:10px 12px}header.evans-access-header>a:first-child{grid-column:1 / -1;width:auto!important;justify-self:center}header.evans-access-header #evans-access-corner{display:flex!important;grid-template-columns:none!important;width:auto!important;margin:0!important;gap:8px!important}header.evans-access-header nav{width:auto!important;justify-content:flex-start!important;margin:0!important;font-size:10px!important}header.evans-access-header nav>a:first-child{order:0;flex-basis:auto;text-align:left;padding-top:0}}
