:root{--navy:#08234b;--blue:#1348a2;--paper:#f5f4ef;--ink:#14243b;--muted:#546174;--line:#d6dce4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ddad40;outline-offset:5px}.skip{position:absolute;left:20px;top:-80px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.topbar{background:var(--navy);color:#fff;display:flex;justify-content:space-between;padding:8px 5%;font-size:12px;letter-spacing:.04em}.topbar a{text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:26px 5%;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-weight:bold;font-size:32px;line-height:1;text-decoration:none;letter-spacing:.01em}.wordmark span{display:block;font:9px/2 Arial,sans-serif;letter-spacing:.18em}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a{text-decoration:none}.navbutton{border:1px solid var(--navy);padding:10px 16px}.hero{padding:68px 5% 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.18em;color:var(--blue);margin:0 0 22px}h1{font:normal clamp(44px,5.6vw,82px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:0 0 28px}h1 em{color:var(--blue);font-weight:normal}.lede{max-width:490px;font-size:17px;color:var(--muted)}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:30px 0}.button{display:inline-block;text-decoration:none;border:0;background:var(--blue);color:#fff;padding:16px 22px;font-size:14px;font-weight:bold;cursor:pointer}.button:hover{background:var(--navy)}.plain{font-size:14px;font-weight:bold;text-underline-offset:5px}.small{font-size:10px;letter-spacing:.08em;line-height:1.9;margin-top:36px}.brandpanel{background:var(--navy);padding:22px;box-shadow:16px 16px 0 #e5e7ea}.brandpanel img{width:100%;display:block;height:auto}.brandcaption{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:24px 5px 4px;font:20px/1.3 Georgia,serif}.tricolor{display:block;background:linear-gradient(90deg,#129449 0 33.33%,#fff 33.33% 66.66%,#d42532 66.66%);width:70px;height:5px}.trust{background:#e8edf4;padding:17px 5%;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--navy)}.section{padding:85px 5%}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.sectionhead>p{max-width:380px;color:var(--muted)}h2{font:normal clamp(34px,4vw,53px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 20px}h3{font:normal 25px/1.2 Georgia,serif;margin:25px 0 16px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.services article{border-top:2px solid var(--navy);padding:24px 0;display:flex;flex-direction:column}.number{font-size:10px;letter-spacing:.11em;color:var(--blue);font-weight:bold}.services p{color:var(--muted);font-size:14px;margin:0 0 25px}.services a{font-size:12px;font-weight:bold;margin-top:auto;text-underline-offset:5px}.about{background:#e8edf4;display:grid;grid-template-columns:1fr 1fr;gap:8%}.about p{color:var(--muted);max-width:550px}.about .large{font:25px/1.4 Georgia,serif;color:var(--ink);margin-top:0}.work{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.work p:not(.eyebrow){max-width:490px;color:var(--muted);margin-bottom:30px}.worknote{background:var(--navy);color:#fff;min-height:280px;padding:50px;display:flex;flex-direction:column;justify-content:center}.worknote>span{font:bold 40px Georgia,serif}.worknote p:not(.eyebrow){color:#fff;font:24px/1.4 Georgia,serif}.process{border-top:1px solid var(--line)}ol{list-style:none;padding:0;margin:45px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}ol span{font-size:13px;color:var(--blue)}ol p{font-size:14px;color:var(--muted);max-width:310px}.contact{background:var(--navy);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}.contact .eyebrow{color:#b8cdf3}.contact>div>p:not(.eyebrow){color:#c3cddd;max-width:340px}.bigphone{display:block;font:clamp(24px,3vw,38px) Georgia,serif;text-decoration:none;margin:35px 0 5px}.email{font-size:14px;text-underline-offset:5px}form{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}label{font-size:12px;display:flex;flex-direction:column;gap:8px}input,textarea,select{width:100%;background:#fff;color:var(--ink);border:1px solid #bcc8d9;border-radius:0;padding:12px;font-size:15px;min-width:0}.full{grid-column:1/-1}.formnote{font-size:12px;line-height:1.5;color:#c3cddd;margin:0}form button{justify-self:start;grid-column:1/-1;background:#fff!important;color:var(--navy)}#formstatus{font-size:13px;margin:0}footer{padding:40px 5%;display:flex;justify-content:space-between;gap:25px;align-items:center}footer p,footer>a:last-child{font-size:11px}footer>a:last-child{text-underline-offset:4px}@media(min-width:1600px){header,.hero,.section,.trust,footer{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}@media(max-width:1000px){nav{gap:18px}.hero{gap:5%;padding-top:50px}.services{grid-template-columns:1fr 1fr}.brandcaption{font-size:16px}.section{padding-top:65px;padding-bottom:65px}.contact{gap:5%}}@media(max-width:650px){.topbar{justify-content:center}.topbar>span{display:none}header{flex-direction:column;align-items:flex-start;padding:20px 6%}nav{gap:18px;flex-wrap:wrap;font-size:12px}.navbutton{padding:7px 10px}.hero{grid-template-columns:1fr;padding:45px 6%;gap:35px}h1{font-size:49px}.brandpanel{max-width:480px;padding:15px}.trust{flex-wrap:wrap;padding:18px 6%;gap:8px 20px;font-size:11px}.section{padding:55px 6%}.sectionhead{display:block;margin-bottom:35px}.services{gap:20px}.services h3{font-size:23px}.about,.work,.contact{grid-template-columns:1fr;gap:30px}.worknote{min-height:230px;padding:35px}ol{grid-template-columns:1fr;gap:24px;margin-top:30px}ol h3{margin:8px 0}ol p{margin:0}form{gap:16px}.contact .small{margin-top:20px}footer{align-items:flex-start;flex-direction:column;padding:30px 6%}}@media(max-width:370px){.services,form{grid-template-columns:1fr}h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.facebook-feed{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#e8edf4;align-items:start}.feedcopy>p:not(.eyebrow){color:var(--muted);max-width:380px}.feedfallback{font-size:12px;margin-top:30px}.feedbox{width:100%;max-width:500px;min-height:150px;overflow:hidden;background:white;padding:0}.fb-page{max-width:100%}@media(max-width:650px){.facebook-feed{grid-template-columns:1fr;gap:30px}}
/* Photo-led layout based on the existing business site. */
body{background:#fff}header{background:#fff;padding-top:20px;padding-bottom:20px}.wordmark{color:#0b3676}.hero{display:flex;justify-content:center;text-align:center;min-height:540px;padding:80px 6%;background:linear-gradient(#03152c9e,#03152ca8),url('https://chilascustomcarpentryllc.com/images/porch4.jpg') center/cover;color:#fff}.hero-copy{max-width:850px}.hero .eyebrow{color:#fff}.hero h1{font:700 clamp(38px,5.5vw,70px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.035em}.tagline{font-size:clamp(23px,3vw,34px);margin:22px 0;font-weight:500}.hero .lede{color:#fff;max-width:650px;margin:20px auto}.hero .actions{justify-content:center}.hero .small{color:#e7efff}.button{background:#1559bd;border-radius:4px;padding:15px 26px}.trust{background:#0b3676;color:white}.section{padding:65px 6%}h2{font:700 clamp(29px,3.5vw,43px)/1.2 Arial,sans-serif;letter-spacing:-.025em;color:#0b3676}h3{font:700 23px/1.3 Arial,sans-serif}.values{text-align:center;background:#f5f7fa}.values h2{max-width:800px;margin:0 auto 40px}.valuegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.valuegrid article>span{color:#1559bd;font-size:30px}.valuegrid p{font-size:15px;color:var(--muted);max-width:320px;margin:auto}#services{text-align:center}.services{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.services article{border:1px solid #e1e6ed;padding:0;background:#fff;box-shadow:0 5px 18px #08234b0b;text-align:left}.services article>img{width:100%;height:225px;object-fit:cover;display:block;background:#e8edf4}.servicebody{padding:24px;display:flex;flex:1;flex-direction:column}.servicebody h3{margin:0 0 12px}.servicebody a{margin-top:auto;color:#1559bd;font-size:14px}.about{background:#f0f4f9}.aboutlogo{max-width:440px;width:100%;margin-top:15px}.work{display:block;text-align:center}.work>p:not(.eyebrow){margin:0 auto 30px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.galleryitem{padding:0;border:0;background:#f0f4f9;cursor:pointer;text-align:left;color:var(--ink)}.galleryitem img{width:100%;height:270px;object-fit:cover;display:block}.galleryitem span{display:block;padding:12px 16px;font-size:13px}.basementtitle{margin-top:40px}.basementgallery{max-width:900px;margin:25px auto 35px}.basementgallery img{width:100%;max-height:450px;object-fit:cover}.facebook-feed{background:#f0f4f9}.process{text-align:center}ol{text-align:left;gap:35px}ol h3{font-size:22px}.contact{background:#0b3676}.contact h2{color:white}.contact form button{color:#0b3676}.contact .small{font-size:12px}.topbar{background:#0b3676}dialog{border:0;padding:15px;max-width:90vw;max-height:90vh;background:white}dialog::backdrop{background:#000b}dialog img{display:block;max-width:80vw;max-height:75vh;object-fit:contain}dialog button{display:block;margin-left:auto;border:0;background:#0b3676;color:#fff;padding:10px 20px;cursor:pointer}@media(max-width:900px){.services,.gallery{grid-template-columns:1fr 1fr}.valuegrid{gap:20px}.services article>img{height:210px}}@media(max-width:650px){header{align-items:center}nav{justify-content:center}.hero{min-height:480px;padding:60px 6%}.hero h1{font-size:42px}.valuegrid{grid-template-columns:1fr;gap:30px}.section{padding:50px 6%}.services,.gallery{grid-template-columns:1fr}.services article>img,.galleryitem img{height:260px}.trust{justify-content:center}.about{text-align:center}.about p{margin-left:auto;margin-right:auto}.contact{text-align:left}.hero .small{font-size:9px}}

.logo-link img{display:block;width:190px;height:auto}.hero-logo{display:block;width:min(580px,100%);height:auto;margin:0 auto 25px;box-shadow:0 10px 35px #0005}.hero .tagline{font-size:clamp(18px,2.5vw,27px)}.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}.hero{padding-top:50px;padding-bottom:50px}.hero-copy{width:100%}@media(max-width:650px){.logo-link img{width:175px}.hero{padding-top:35px;padding-bottom:35px}.hero-logo{width:100%;max-width:480px}.hero .tagline{font-size:20px}}

header{display:block;padding:0;background:#08234b}.logo-link{display:block;width:100%}.logo-link img{display:block;width:100%;height:clamp(210px,32vw,480px);object-fit:fill;margin:0}header nav{display:flex;justify-content:center;padding:18px 6%;background:#fff;border-bottom:1px solid #d6dce4}.hero{min-height:300px;padding:40px 6%}.stock-note{font-size:12px;color:#657184;margin:0}.services img{aspect-ratio:4/3}.services article:nth-child(5) img{object-position:center 60%}@media(max-width:650px){.logo-link img{width:100%;height:clamp(220px,56vw,350px)}header nav{padding:15px 4%;gap:16px}.hero{min-height:270px;padding:30px 6%}.hero .tagline{margin:8px 0 18px}.hero .lede{font-size:15px}}

.logo-link img{width:100%;height:auto;max-height:none;object-fit:fill}.aboutlogo{height:auto}@media(max-width:650px){.logo-link img{width:100%;height:auto}}

.services-intro{max-width:780px;margin:0 auto 16px;color:var(--muted);font-size:16px;line-height:1.7}.services p{line-height:1.7}.servicebody{padding:26px}

.project-label{display:block;background:#0b3676;color:white;padding:8px 20px;font-size:10px;font-weight:bold;letter-spacing:.1em}

.services article>img.kitchen-project{object-position:center 72%}

.services article>img.deck-project{object-position:center 76%}

.services article>img.exterior-project{object-position:55% 56%}

.services article>img.bathroom-image{object-position:center 42%}.services article>img.trim-project{object-position:center 56%}

[hidden]{display:none!important}