:root{--ink:#172118;--dark:#142018;--lime:#dcfa7c;--paper:#f5f4ee;--line:#dadcd1;--muted:#5d6a5d;--violet:#5144d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,'Apple Symbols','Segoe UI Symbol',sans-serif;font-variant-emoji:text;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit} .wrap{width:min(1240px,calc(100% - 72px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.top{background:var(--dark);color:#fff}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff28}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.logo{width:34px;height:34px;background:var(--lime);color:var(--dark);display:grid;place-items:center;border-radius:50%;font-size:25px;font-weight:800;letter-spacing:-4px;padding-right:5px}.brand b{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.07em}.brand small{font-size:10px;letter-spacing:.1em;color:#c5d1bf;font-weight:700;margin-left:9px}.links{display:flex;align-items:center;gap:30px}.links a{text-decoration:none;font-size:13px;font-weight:700}.links a:hover{text-decoration:underline;text-underline-offset:5px}.pill{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:100px;padding:14px 23px;text-decoration:none;font-size:13px;font-weight:800;line-height:1.3;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px)}.pill.lime{background:var(--lime);color:var(--dark)}.pill.outline{border:1px solid #94a395;color:#fff}.pill.dark{background:var(--dark);color:white}.menu{display:none;border:1px solid #ffffff55;border-radius:9px;background:none;color:white;padding:9px 11px;font-size:18px}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:6%;align-items:center;padding:95px 0 110px}.hero-label{color:var(--lime);margin-bottom:28px}.hero h1{font:800 clamp(53px,6.8vw,103px)/.99 Manrope,sans-serif;letter-spacing:-.075em;margin:0 0 27px;max-width:740px}.hero h1 em{color:var(--lime);font-style:normal}.hero p{color:#c7d1c8;font-size:clamp(16px,1.55vw,20px);line-height:1.65;max-width:520px;margin:0 0 34px}.hero-btns{display:flex;gap:12px;flex-wrap:wrap}.hero-art{position:relative;min-height:470px;background:#dfe9b0;border-radius:18px;overflow:hidden;padding:16px;transform:rotate(2deg);box-shadow:17px 22px 0 #2b3b2b}.browser{height:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 7px 25px #00000023;display:flex;flex-direction:column}.site-shot{display:block;width:100%;height:auto;flex-shrink:0}.dots{height:29px;background:#f1f1ef;display:flex;gap:5px;align-items:center;padding:0 12px}.dots i{display:block;height:7px;width:7px;border-radius:50%;background:#c6cbc2}.browser .site-head{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#3d2767;font-weight:900;font-size:12px}.scout-symbol{font-size:25px;color:#6825c5}.browser .site-head span+span{color:#748077;font-size:9px;font-weight:700}.scout-pic{position:relative;flex:1;min-height:310px;background:linear-gradient(90deg,#0b1025ed,#0b10258a 57%,#0b10251e),url('https://1stwarfield.org/wp-content/uploads/sites/71/2026/09/scouts-boat.jpeg') center/cover}.scout-copy{position:absolute;top:23%;left:7%;color:#fff;max-width:66%}.scout-copy small{font-size:9px;letter-spacing:.13em}.scout-copy h3{font:900 clamp(26px,3vw,43px)/1.05 Manrope,sans-serif;letter-spacing:-.05em;margin:13px 0}.scout-copy h3 span{color:#7bf6d7}.scout-copy p{font-size:11px;color:#fff;max-width:210px;line-height:1.5}.scout-copy b{display:inline-block;margin-top:8px;background:#6424bc;color:white;border-radius:25px;padding:9px 13px;font-size:10px}.strip{background:var(--lime);color:var(--dark);overflow:hidden}.strip .wrap{display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:64px;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.strip i{font-size:17px;font-style:normal}.section{padding:110px 0}.section .heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.heading .lead{max-width:620px}.num{font-size:11px;letter-spacing:.16em;font-weight:900;color:#536c4d;text-transform:uppercase}.heading h2{font:800 clamp(34px,4.6vw,64px)/1.09 Manrope,sans-serif;letter-spacing:-.065em;margin:13px 0 0}.heading p{max-width:350px;color:var(--muted);font-size:15px;line-height:1.7;margin:0}.work-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.project{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.project .visual{height:350px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.project.featured .visual{height:430px}.project.small .visual{height:280px}.project.featured .visual.scout{background:#163044}.visual.jak{background:#12324a}.visual img{width:100%;height:100%;object-fit:cover;display:block}.visual.barber{background:#e6d1b1;color:#271e1c}.visual.barber .poster{width:71%;background:#241c1d;color:#ffe5ae;border-radius:4px;padding:34px;transform:rotate(-4deg);box-shadow:12px 13px 0 #b99068}.poster small{letter-spacing:.3em;font-size:11px}.poster h3{font:900 clamp(40px,5vw,72px)/.9 Manrope;letter-spacing:-.08em;margin:22px 0}.poster p{font-size:13px;color:#ddc5a9}.project-content{padding:27px 30px 31px}.status{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:#60775b}.project-content h3{font:800 27px/1.2 Manrope;letter-spacing:-.045em;margin:10px 0}.project-content p{color:#617064;font-size:14px;line-height:1.7;margin:0 0 19px}.project-content a{font-weight:900;font-size:13px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.other-work{display:grid;grid-template-columns:1fr 1fr;gap:20px}.services{background:#e8ebdf}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:#f7f8f2;border:1px solid #d6ddd0;border-radius:15px;padding:32px;min-height:260px}.service .icon{font-size:29px}.service h3{font:800 24px/1.2 Manrope;letter-spacing:-.04em;margin:29px 0 12px}.service p{color:var(--muted);font-size:15px;line-height:1.65;margin:0}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.price{border:1px solid #d8ddd3;background:#fff;border-radius:16px;padding:32px;display:flex;flex-direction:column}.price.feature{background:var(--dark);color:#fff;border-color:var(--dark)}.price small{font-weight:900;text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#69816c}.price.feature small{color:#b4d59a}.price h3{font:800 26px/1.2 Manrope;letter-spacing:-.04em;margin:15px 0 20px}.amount{font:900 42px/1 Manrope;letter-spacing:-.065em;margin:0 0 13px}.amount span{font:600 13px DM Sans;letter-spacing:0;color:#657463}.price.feature .amount span{color:#d2dec9}.price ul{list-style:none;padding:18px 0 10px;margin:0 0 22px;border-top:1px solid #dde0d7;flex:1}.price.feature ul{border-color:#ffffff40}.price li{font-size:13px;line-height:1.55;margin:11px 0;padding-left:21px;position:relative}.price li:before{content:'✓';position:absolute;left:0;color:#47814a;font-weight:900}.price.feature li:before{color:var(--lime)}.fine{font-size:12px;color:#677569;line-height:1.7;margin-top:16px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about p{font-size:17px;color:#546257;line-height:1.9}.about-panel{background:#dfe7d1;border-radius:20px;padding:42px}.about-panel .big{font:900 80px/.95 Manrope;letter-spacing:-.08em}.about-panel p{font-size:16px;color:#38453c;line-height:1.7;margin-bottom:0}.about-panel .tag{display:inline-block;margin-bottom:35px;border:1px solid #a5b69c;border-radius:50px;padding:8px 14px;font-size:11px;font-weight:900;letter-spacing:.13em}.contact{background:var(--dark);color:#fff;padding:110px 0 70px}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:60px}.contact h2{font:800 clamp(46px,6vw,87px)/1.04 Manrope;letter-spacing:-.075em;margin:20px 0}.contact h2 span{color:var(--lime)}.contact p{color:#c4d0c5;line-height:1.8;max-width:550px}.email{font:800 clamp(22px,2.7vw,36px) Manrope;letter-spacing:-.045em;text-decoration:none;border-bottom:2px solid var(--lime);padding-bottom:8px;overflow-wrap:anywhere}.contact-side{align-self:end;border-top:1px solid #ffffff50;padding-top:25px}.contact-side p{font-size:14px}.footer{padding:45px 0 5px;margin-top:80px;border-top:1px solid #ffffff35;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer small{font-size:11px;color:#a7b7aa}.footer a{font-weight:900;color:#fff;text-decoration:none;font-size:12px}.footer-end{display:flex;align-items:center;gap:18px}.socials{display:flex;align-items:center;gap:8px}.socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;color:#fff}.socials a:hover{background:var(--lime);color:var(--dark);border-color:var(--lime)}.socials svg{width:16px;height:16px;display:block} @media(max-width:1030px){.links{gap:15px}.hero{grid-template-columns:1fr 1fr;gap:25px}.hero-art{min-height:370px}.scout-pic{min-height:270px}.service-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.other-work{grid-template-columns:1fr 1fr}.project.featured .visual{height:380px}}@media(max-width:700px){.wrap{width:min(100% - 36px,1240px)}.nav{height:76px}.brand small{display:none}.menu{display:block}.links{display:none;position:absolute;z-index:20;top:70px;left:18px;right:18px;background:#253428;padding:19px;border-radius:12px;box-shadow:0 18px 30px #0006;flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{padding:8px}.links .pill{justify-content:center}.hero{display:block;padding:60px 0 74px}.hero h1{font-size:clamp(48px,12vw,75px)}.hero-art{margin:56px 10px 0;min-height:335px;transform:rotate(1deg)}.scout-pic{min-height:290px}.strip .wrap{min-height:57px;gap:12px;font-size:9px}.strip .wrap span:nth-of-type(3),.strip .wrap i:last-of-type{display:none}.section{padding:77px 0}.section .heading{display:block}.heading p{margin-top:19px}.project.featured .visual{height:310px}.project.small .visual{height:250px}.other-work,.service-grid,.price-grid,.about,.contact-layout{grid-template-columns:1fr}.about{gap:20px}.service{min-height:auto}.about-panel{padding:30px}.contact{padding-top:76px}.footer{align-items:start;flex-direction:column;margin-top:65px}.hero .pill{padding:12px 17px}.browser .site-head{padding:0 12px}.scout-copy h3{font-size:32px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill{transition:none}}

.links a[aria-current="page"]{color:var(--lime)}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px}
.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
.site-foot{background:var(--dark);color:#fff}
.site-foot .footer{margin-top:0;padding:36px 0 28px}
.page-head h1{font:800 clamp(34px,4.6vw,64px)/1.09 Manrope,sans-serif;letter-spacing:-.065em;margin:13px 0 0}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.card-media{display:block}
.card-media img{width:100%;height:220px;object-fit:cover;object-position:top center;display:block}
.card-body{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.post-card time{font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#60775b}
.post-card h2{font:800 24px/1.25 Manrope,sans-serif;letter-spacing:-.04em;margin:10px 0 12px}
.post-card h2 a{text-decoration:none}
.post-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.post-card p{color:#617064;font-size:14px;line-height:1.7;margin:0 0 18px}
.read-more{margin-top:auto;align-self:flex-start;font-weight:900;font-size:13px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.article-wrap{width:min(760px,calc(100% - 72px));margin:auto}
.article-wrap h1{font:800 clamp(34px,4.6vw,56px)/1.1 Manrope,sans-serif;letter-spacing:-.06em;margin:12px 0 16px}
.byline{font-size:14px;font-weight:700;color:var(--muted);margin:0}
.byline time{font-weight:800}
.article-wrap figure{margin:28px 0 8px}
.article-wrap figure img{width:100%;height:auto;border-radius:16px;display:block}
.article-wrap figcaption{font-size:13px;color:var(--muted);line-height:1.5;margin-top:10px}
.prose p{font-size:17px;line-height:1.8;color:#3c4a41;margin:0 0 18px}
.prose h2{font:800 28px/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:32px 0 12px}
.prose ul{margin:0 0 18px;padding-left:1.2em;color:#3c4a41}
.prose li{font-size:17px;line-height:1.7;margin:6px 0}
.prose a{font-weight:700;text-underline-offset:3px}
.article-wrap .read-more{display:inline-block;margin-top:12px}
.num a{text-decoration:none}
.num a:hover{text-decoration:underline;text-underline-offset:4px}
article.section{overflow-x:clip}
.compare{width:min(760px,calc(100% - 72px));max-width:100%;min-width:0;margin:8px auto 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.compare figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 16px 18px;display:flex;flex-direction:column;min-width:0;max-width:100%;overflow:hidden}
.compare .status{margin:0 0 12px}
.shot-open{display:block;width:100%;max-width:100%;min-width:0;flex:1;margin:0;padding:0;border:0;border-radius:8px;background:#f7f8f2;cursor:zoom-in;overflow:hidden}
.shot-open img{width:100%;max-width:100%;height:auto;display:block;border-radius:8px}
.compare figcaption{font-size:13px;color:var(--muted);line-height:1.5;margin:10px 0 0}
.case-cta{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 30px;margin:36px 0 8px}
.case-cta h2{font:800 28px/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 12px}
.case-cta p{font-size:17px;line-height:1.7;color:#3c4a41;margin:0 0 18px}
.case-cta .pill{text-decoration:none}
.shot-dialog{width:min(1100px,calc(100% - 32px));max-height:calc(100% - 32px);border:0;border-radius:16px;padding:16px;background:#fff}
.shot-dialog::backdrop{background:#142018bf}
.shot-dialog img{width:100%;height:auto;display:block;border-radius:8px}
.shot-dialog form{display:flex;justify-content:flex-end;margin:0 0 10px}
.shot-close{font:800 13px 'DM Sans',Arial,sans-serif;border:1px solid var(--line);background:#fff;border-radius:100px;padding:8px 14px;cursor:pointer}
.areas .service h3{margin-top:0}
.project-links{display:flex;flex-wrap:wrap;gap:14px 22px}
.service a{font-weight:800}
@media(max-width:700px){
  .article-wrap{width:min(100% - 36px,760px)}
  .post-card h2{font-size:22px}
  .compare{grid-template-columns:1fr;width:min(100% - 36px,760px)}
  .case-cta{padding:24px 22px}
  .case-cta h2{font-size:24px}
}