@charset "UTF-8";
:root{--ink:#142525;--paper:#f2ecde;--muted:#b4bdb7;--gold:#d9a768;--line:rgba(242,236,222,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(64px,7.7vw,124px)}h2{font-size:clamp(42px,4.7vw,74px)}em{font-weight:400;color:var(--gold)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip-link{position:fixed;left:16px;top:-100px;z-index:20;background:var(--paper);color:var(--ink);padding:12px}.skip-link:focus{top:12px}.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:22px 5.5%}.wordmark{font-family:Georgia,serif;font-size:17px;letter-spacing:.08em;line-height:1.25;display:block;flex-shrink:0}.wordmark span{display:block}.wordmark small{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.39em;margin-top:8px}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a{padding:8px 0}nav a:hover{color:var(--gold)}.nav-contact{border-bottom:1px solid var(--gold)}.nav-contact span{margin-left:15px}.menu-toggle{border:1px solid var(--line);background:none;color:var(--paper);padding:8px 14px;min-height:44px}.hero{position:relative;min-height:680px;height:min(790px,calc(100svh - 112px));isolation:isolate;display:flex;align-items:center;padding:70px 7%;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-image{object-position:center 60%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(8,22,23,.78),rgba(8,22,23,.23) 64%,rgba(8,22,23,.13)),linear-gradient(0deg,rgba(8,22,23,.6),transparent 40%)}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:600;line-height:1.6}.hero .eyebrow{margin-bottom:28px}.hero h1 em{color:#f1cf98}.hero-intro{margin:26px 0 30px;font-size:18px;line-height:1.55;color:#f0eadf}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:54px;padding:14px 23px;border:1px solid transparent;font-size:14px;font-weight:600}.button-light{background:var(--paper);color:var(--ink)}.button:hover{background:var(--gold);color:var(--ink)}.button-dark{background:var(--ink);color:var(--paper)}.hero-seal{position:absolute;width:185px;height:185px;right:7%;bottom:112px;border-radius:50%;transform:rotate(-9deg)}.hero-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;gap:24px;font-size:11px;letter-spacing:.13em}.hero-bottom a{font-size:12px;letter-spacing:.03em}.hero-bottom a span{margin-left:20px}.section-wrap{padding:100px 7%}.services{background:var(--paper);color:var(--ink)}.section-heading{display:grid;grid-template-columns:1fr 1.3fr;gap:26px 80px;align-items:end}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2 em{color:#956033}.section-heading>p:last-child{max-width:390px;justify-self:end;color:#53605a;padding-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:65px}.service-grid article{border-top:1px solid #9eaaa0;padding-top:20px}.number{color:#69746b;font-size:12px}.service-grid h3{font-family:Georgia,serif;font-weight:400;font-size:30px;line-height:1.2;margin:25px 0 18px;min-height:72px;letter-spacing:-.035em}.service-grid p{color:#53605a;font-size:15px;line-height:1.7;max-width:240px}.artist{display:grid;grid-template-columns:1.05fr 1fr;background:#203535}.artist-image{position:relative;min-height:640px}.artist-image img{height:100%;width:100%;position:absolute;object-position:center}.artist-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.5))}.artist-image>span{position:absolute;z-index:1;bottom:30px;left:35px;font-size:11px;letter-spacing:.17em}.artist-copy{padding:80px 14% 65px 12%;display:flex;flex-direction:column;justify-content:center}.artist h2{font-size:clamp(64px,7vw,108px);margin:28px 0}.artist-copy>p:not(.eyebrow){max-width:400px;color:#c6cec7}.artist-detail{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;display:flex;flex-direction:column;gap:4px;font-size:10px;letter-spacing:.13em}.draft-note{font-size:12px!important;line-height:1.6!important;color:var(--muted)!important;margin-top:18px}.story{display:grid;grid-template-columns:1fr 1.8fr;gap:80px}.story-seal{width:225px;margin-top:65px;border-radius:50%}.story h2{font-size:clamp(40px,4.6vw,70px)}.story-text{max-width:540px;margin-top:34px;color:#bdc8c0}.story-text p+p{margin-top:18px}.contact{border-top:1px solid var(--line);background:#1a2d2b;padding-top:65px;padding-bottom:70px}.contact-row{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-top:26px}.contact h2{font-size:clamp(40px,4.5vw,66px)}.contact-row>div>p{color:#bdc8c0;margin-top:25px}.contact-action{max-width:260px;padding-bottom:8px}.contact-action .button{width:100%}footer{display:grid;grid-template-columns:1fr 1fr 1.3fr;align-items:center;gap:32px;padding-top:44px!important;padding-bottom:44px!important}footer>p{font-family:Georgia,serif;font-style:italic;font-size:18px;color:var(--gold)}footer>div{text-align:right;font-size:13px}footer small{display:block;font-size:10px;color:#a7b5ac;margin-top:6px}.preview-label{letter-spacing:.14em}dialog{background:var(--paper);color:var(--ink);border:0;padding:48px;width:min(90vw,520px)}dialog::backdrop{background:rgba(4,15,15,.8)}dialog h2{font-size:45px;margin:20px 0}dialog p{margin-bottom:16px}dialog p:not(.eyebrow){color:#53605a}.dialog-close{position:absolute;right:15px;top:10px;background:transparent;border:0;font-size:30px;width:44px;height:44px;color:var(--ink)}
@media(min-width:1600px){.section-wrap{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:1100px){nav{gap:18px;font-size:13px}.site-header{padding-left:5%;padding-right:5%}.hero{min-height:620px}.section-heading{gap:24px 45px}.service-grid{gap:24px}.service-grid h3{font-size:27px}.story{gap:40px}.artist-copy{padding:60px 10%}.artist-image{min-height:600px}.hero-seal{width:150px;height:150px}}
@media(max-width:760px){.site-header{min-height:94px;flex-wrap:wrap;padding:20px 6%;gap:18px}.wordmark{font-size:14px}.wordmark small{font-size:9px}.menu-toggle:not([hidden]){display:flex;gap:25px;align-items:center}nav{width:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);padding-top:8px}nav a{padding:12px 0;font-size:16px}.js nav:not(.is-open){display:none}.hero{height:auto;min-height:730px;align-items:flex-start;padding:66px 7% 170px}.hero-content{max-width:100%}.hero .eyebrow{max-width:240px;font-size:10px;margin-bottom:25px}h1{font-size:clamp(55px,11.8vw,86px)}.hero-intro{font-size:17px;margin:26px 0}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(8,22,23,.72),rgba(8,22,23,.25)),linear-gradient(0deg,rgba(8,22,23,.6),transparent 45%)}.hero-seal{width:112px;height:112px;right:7%;bottom:60px}.hero-bottom{bottom:24px;align-items:end;font-size:9px;left:7%;right:7%}.hero-bottom>span{max-width:170px}.hero-bottom a{font-size:11px}.section-wrap{padding:65px 7%}.section-heading{display:block}.section-heading h2{margin:22px 0}.section-heading>p:last-child{max-width:100%}.service-grid{grid-template-columns:1fr 1fr;gap:34px 25px;margin-top:38px}.service-grid h3{font-size:26px;min-height:62px;margin-top:18px;margin-bottom:12px}.service-grid p{font-size:14px}.artist{grid-template-columns:1fr}.artist-image{min-height:0;aspect-ratio:1.2}.artist-image>span{left:7%;font-size:10px}.artist-copy{padding:50px 7%}.artist h2{font-size:75px;line-height:1;margin:23px 0}.artist h2 br{display:none}.artist h2 em{display:block}.artist-detail{margin-top:25px}.story{grid-template-columns:1fr;gap:25px}.story>div:first-child{display:flex;align-items:center;justify-content:space-between}.story-seal{width:94px;margin:0}.story h2{font-size:clamp(36px,8.5vw,54px)}.story-text{margin-top:27px}.contact-row{display:block}.contact h2{font-size:42px}.contact-action{margin-top:30px;max-width:100%}.contact-action .button{width:auto}.contact-action .draft-note{margin-top:14px}footer{grid-template-columns:1fr;gap:25px}footer>div{text-align:left}footer>p{font-size:20px}dialog{padding:42px 25px}}
/* A shorter, side-by-side composition for phones held horizontally. */
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){.site-header{min-height:76px;padding:14px 5%;flex-wrap:wrap}.wordmark{font-size:12px}.wordmark small{font-size:8px;margin-top:4px}.menu-toggle:not([hidden]){display:flex;gap:20px}.js nav:not(.is-open){display:none}nav{width:100%;flex-direction:row;flex-wrap:wrap;gap:22px;border:0}.hero{height:auto;min-height:440px;padding:35px 7% 65px;align-items:center}.hero .eyebrow{font-size:10px;margin-bottom:12px;max-width:none}h1{font-size:66px}.hero-intro{font-size:15px;margin:15px 0 18px}.hero-seal{width:140px;height:140px;bottom:110px;right:10%}.hero-bottom{bottom:20px}.hero-bottom>span{max-width:none}.hero-bottom a{font-size:11px}.button{min-height:46px;padding:10px 19px}.section-wrap{padding-top:48px;padding-bottom:48px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:16px 30px}.section-heading h2{margin:0;font-size:40px}.section-heading>p:last-child{font-size:15px}.service-grid{grid-template-columns:repeat(4,1fr);gap:22px}.service-grid h3{font-size:24px;min-height:58px}.artist{grid-template-columns:1fr 1fr}.artist-image{aspect-ratio:auto;min-height:440px}.artist-copy{padding:40px 9%}.artist h2{font-size:58px}.artist-copy>p:not(.eyebrow){font-size:14px}.artist .eyebrow{font-size:10px}.artist-detail{font-size:9px}.story{grid-template-columns:1fr 2fr;gap:35px}.story>div:first-child{display:block}.story-seal{width:150px;margin-top:30px}.story h2{font-size:42px}.contact-row{display:flex}.contact h2{font-size:40px}.contact-action{min-width:200px;margin:0}footer{grid-template-columns:1fr 1fr}footer>div{grid-column:1/-1;text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:761px) and (min-height:601px){.menu-toggle{display:none!important}}
@media(min-width:1001px){.menu-toggle{display:none!important}}
.story-seal{height:auto;aspect-ratio:1;object-fit:contain}

/* Reference direction: ivory paper, ink-blue lettering, golden coastal light. */
:root{--ink:#102f39;--paper:#f5efdf;--gold:#d69556}
.site-header{background:var(--paper);color:var(--ink)}
.site-header .menu-toggle{color:var(--ink);border-color:#8d9b98}
.hero{min-height:790px;height:auto;padding-top:40px;padding-bottom:95px;color:var(--ink)}
.hero-image{object-position:center center}
.hero-shade{background:linear-gradient(90deg,rgba(248,240,215,.95) 0%,rgba(248,240,215,.84) 24%,rgba(248,240,215,.35) 47%,transparent 65%)}
.hero-content{max-width:650px}
.hero-brand{width:176px;height:auto;border-radius:50%;margin:0 0 23px;object-fit:contain}
.hero .eyebrow{font-size:11px;margin-bottom:18px;max-width:390px}
.hero h1{font-size:clamp(64px,6.3vw,96px)}
.hero h1 em{color:#96532d}
.hero-intro{color:var(--ink);margin:22px 0;font-size:19px}
.hero .button{background:var(--ink);color:var(--paper)}
.hero .button:hover{background:#244d54}
.hero-bottom{color:var(--ink)}
.hero-bottom>a{background:var(--paper);padding:8px 14px}
.story{background:var(--paper);color:var(--ink)}
.story em{color:#96532d}
.story-text{color:#405957}
.story-seal{width:260px;border-radius:50%}
.contact{background:linear-gradient(90deg,rgba(10,29,32,.92),rgba(10,29,32,.78)),url('assets/florida-beach.jpg') center 60%/cover}
@media(max-width:760px){
 .hero{display:flex;flex-direction:column;padding:0;min-height:0;overflow:hidden;background:var(--paper)}
 .hero-image{position:relative;height:310px;width:100%;object-position:82% center;order:0;z-index:0}
 .hero-shade{display:none}
 .hero-content{order:1;position:relative;width:100%;padding:35px 7% 30px}
 .hero-brand{width:120px;margin:-92px 0 25px;position:relative;border:5px solid var(--paper)}
 .hero .eyebrow{max-width:100%;font-size:10px}
 .hero h1{font-size:clamp(52px,12vw,82px)}
 .hero-intro{font-size:17px;margin:23px 0}
 .hero-bottom{position:static;order:2;width:100%;padding:0 7% 26px;align-items:center}
 .hero-bottom>a{padding:0}
 .hero-bottom>span{max-width:180px}
 .story-seal{width:110px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){
 .hero{display:block;min-height:500px;padding:30px 7% 65px}
 .hero-image{position:absolute;inset:0;height:100%;width:100%;z-index:-2;object-position:center}
 .hero-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,240,215,.96),rgba(248,240,215,.82) 32%,transparent 65%)}
 .hero-content{padding:0;max-width:440px}
 .hero-brand{width:104px;margin:0 0 14px;border:0}
 .hero h1{font-size:60px}
 .hero .eyebrow{font-size:9px;margin-bottom:12px}
 .hero-intro{font-size:15px;margin:15px 0}
 .hero-bottom{position:absolute;bottom:16px;left:7%;right:7%;width:auto;padding:0}
 .hero-bottom>span{max-width:none}
 .hero-bottom>a{padding:6px 12px}
 .story-seal{width:155px}
}

/* Florida coast revision: transparent script identity leads the hero. */
.hero{min-height:800px;padding-top:30px}
.hero-content{max-width:530px}
.hero-brand{width:360px;height:auto;border:0;border-radius:0;margin:0 0 22px;object-fit:contain}
.hero h1{font-size:clamp(44px,4vw,62px);letter-spacing:-.04em}
.hero-intro{font-size:17px;margin:20px 0}
.story-seal{border-radius:50%;mix-blend-mode:multiply}
@media(max-width:760px){
 .hero{min-height:0;padding-top:0}
 .hero-image{height:300px}
 .hero-content{padding-top:25px}
 .hero-brand{width:min(100%,290px);margin:0 auto 24px;border:0}
 .hero h1{font-size:clamp(44px,10.5vw,65px)}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){
 .hero{min-height:600px;padding-top:24px}
 .hero-image{height:100%}
 .hero-content{padding:0;max-width:380px}
 .hero-brand{width:230px;margin:0 0 18px}
 .hero h1{font-size:43px}
 .hero-intro{font-size:14px;margin:15px 0}
}
@media(max-width:760px){.hero-brand{margin-left:0;margin-right:0}}

/* Artist photograph supplied by Bo; crop is presentation-only. */
.artist-portrait img{object-position:42% center}
.artist-portrait:after{display:none}
.artist-link{align-self:flex-start;display:inline-flex;gap:20px;align-items:center;margin-top:26px;padding:8px 0;border-bottom:1px solid var(--gold);font-size:16px}
.artist-link:hover{color:var(--gold)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.story-road{width:100%;height:auto;margin-top:32px;aspect-ratio:1.5;object-fit:cover}
@media(max-width:760px){.artist-portrait{aspect-ratio:1.2}.artist-portrait img{object-position:42% center}.story>div:first-child{flex-wrap:wrap}.story-road{flex-basis:100%;margin-top:24px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){.artist-portrait{aspect-ratio:auto}.story-road{aspect-ratio:1.2}}
.service-grid h3{margin-top:8px}
.contact-action{max-width:310px}
.contact-email{display:block;margin-top:16px;font-size:15px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.contact-email:hover{color:var(--gold)}

/* Six services with room for useful, complete descriptions. */
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 40px}
.service-grid h3{font-size:30px;min-height:72px;margin:8px 0 18px}
.service-grid p{max-width:none;font-size:16px;line-height:1.75}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 30px}.service-grid h3{font-size:28px;min-height:68px}}
@media(max-width:540px){.service-grid{grid-template-columns:1fr;gap:30px}.service-grid h3{min-height:0;font-size:29px;margin-bottom:15px}.service-grid p{font-size:16px}}

/* Our Story: wide coastal photograph, quiet stamp, then the story. */
.story-wide{display:block;padding:0}
.story-panorama{position:relative;margin:0;isolation:isolate}
.story-panorama-photo{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.story-watermark{position:absolute;width:clamp(100px,16vw,235px);height:auto;right:4%;bottom:6%;filter:invert(1);mix-blend-mode:screen;opacity:.56;transform:rotate(-7deg);pointer-events:none}
.story-below{display:grid;grid-template-columns:1.15fr 1fr;gap:28px 80px;align-items:center;padding-top:65px;padding-bottom:75px}
.story-below>.eyebrow{grid-column:1/-1}
.story-below .story-text{margin:0;max-width:540px}
@media(max-width:760px){.story-wide{padding:0}.story-panorama-photo{aspect-ratio:4/3;object-position:40% center}.story-watermark{width:95px;right:4%;bottom:6%}.story-below{display:block;padding-top:40px;padding-bottom:50px}.story-below h2{margin-top:22px}.story-below .story-text{margin-top:25px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){.story-panorama-photo{aspect-ratio:16/9}.story-watermark{width:135px}.story-below{display:grid;gap:22px 35px}.story-below h2{margin:0}.story-below .story-text{margin:0}}

/* Slim, photographic coastal banner. */
.story-panorama-photo{aspect-ratio:3/1;object-position:center}
.story-watermark{width:clamp(80px,11vw,165px);bottom:7%;right:3%}
@media(max-width:760px){.story-panorama-photo{aspect-ratio:2/1;object-position:35% center}.story-watermark{width:70px;right:3%;bottom:7%}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){.story-panorama-photo{aspect-ratio:3/1}.story-watermark{width:90px}}

/* Half-height banner, with the whole truck preserved in the crop. */
.story-panorama-photo{aspect-ratio:6/1;object-position:center 76%}
.story-watermark{width:clamp(60px,8vw,115px);bottom:8%}
@media(max-width:760px){.story-panorama-photo{aspect-ratio:4/1;object-position:center 76%}.story-watermark{width:54px;bottom:8%}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){.story-panorama-photo{aspect-ratio:6/1}.story-watermark{width:70px}}

/* Navigation lives over the photograph; the script mark is the primary identity. */
.site-header{position:absolute;top:0;right:0;left:0;z-index:5;min-height:0;justify-content:flex-end;padding:24px 5.5%;background:linear-gradient(to bottom,rgba(245,239,223,.9),rgba(245,239,223,.48) 65%,transparent);color:var(--ink)}
.site-header nav{gap:32px}
.hero{padding-top:85px}
.hero-home{display:block;width:fit-content}
@media(max-width:760px){
 .site-header{padding:16px 6%;gap:12px;background:linear-gradient(to bottom,rgba(245,239,223,.6),transparent)}
 .site-header .menu-toggle{background:rgba(245,239,223,.95);border-color:rgba(16,47,57,.35)}
 .site-header nav{background:var(--paper);border:1px solid rgba(16,47,57,.2);padding:10px 20px;gap:0;box-shadow:0 12px 25px rgba(0,0,0,.12)}
 .hero{padding-top:0}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){
 .site-header{padding:14px 5%}
 .site-header .menu-toggle{background:rgba(245,239,223,.95)}
 .site-header nav{background:var(--paper);padding:12px 20px;gap:24px}
 .hero{padding-top:32px}
}

/* Clear navigation contrast and a tighter opening composition. */
.site-header{background:none;padding-top:18px;padding-bottom:18px}
.site-header nav{background:rgba(245,239,223,.97);padding:10px 25px;border:1px solid rgba(16,47,57,.16);box-shadow:0 3px 14px rgba(16,47,57,.08);gap:30px;font-size:16px}
.hero{align-items:flex-start;padding-top:25px}
@media(max-width:760px){
 .site-header{padding-top:14px;padding-bottom:14px}
 .site-header nav{padding:10px 20px;gap:0;font-size:16px}
 .hero{padding-top:0}
 .hero-content{padding-top:16px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){
 .hero{padding-top:20px}
 .hero-content{padding-top:0}
 .site-header nav{gap:24px;padding:10px 20px}
}

/* One compact menu control on every screen size. */
.site-header{display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}
.site-header>*{pointer-events:auto}
.site-header .menu-toggle:not([hidden]){display:flex!important;align-items:center;justify-content:center;width:52px;height:52px;padding:14px;background:rgba(245,239,223,.97);border:1px solid rgba(16,47,57,.2);color:var(--ink);box-shadow:0 3px 12px rgba(0,0,0,.08)}
.hamburger{display:flex;width:23px;height:20px;flex-direction:column;justify-content:space-between;position:relative}
.hamburger span{display:block;width:23px;height:2px;background:currentColor}
.menu-toggle[aria-expanded="true"] .hamburger span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .hamburger span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .hamburger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.site-header nav{width:min(290px,100%);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px;background:var(--paper)}
.site-header nav a{padding:13px 0;font-size:16px}
.js .site-header nav:not(.is-open){display:none}

/* Left-side menu and a centered brand composition within the hero column. */
.site-header{align-items:flex-start;padding-left:24px}
.hero-content{width:530px;text-align:center}
.hero-home{margin-left:auto;margin-right:auto;max-width:100%}
.hero-brand{margin-left:auto;margin-right:auto}
@media(max-width:760px){.site-header{padding-left:16px}.hero-content{width:100%}.hero-brand{margin-left:auto;margin-right:auto}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){.site-header{padding-left:16px}.hero-content{width:380px}}

/* No decorative CTA arrows; shift the brand column toward the left edge. */
@media(min-width:761px){.hero{padding-left:2.5%}.hero-content{width:460px;max-width:43%}.hero-shade{background:linear-gradient(90deg,rgba(248,240,215,.95) 0%,rgba(248,240,215,.8) 18%,rgba(248,240,215,.25) 39%,transparent 55%)}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){.hero{padding-left:2.5%}.hero-content{width:330px;max-width:44%}}

/* Separate service bands on phones, including landscape orientation. */
@media(max-width:600px), (orientation:landscape) and (max-height:500px) and (max-width:1000px){
 #what-we-do .service-grid{grid-template-columns:1fr;gap:0;margin-left:-8.14%;margin-right:-8.14%}
 #what-we-do .service-grid article{border:0;padding:32px 7%;background:#f5efdf}
 #what-we-do .service-grid article:nth-child(even){background:#dce7e1}
 #what-we-do .service-grid h3{min-height:0;margin:0 0 16px;color:#102f39}
 #what-we-do .service-grid p{color:#405651;font-size:16px;line-height:1.75;max-width:65ch}
}