@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#111111;--orange:#ee9656;--cream:#ffffff;--muted:#626262;--white:#fff;--line:#e4e4e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{max-width:1200px;margin:auto;padding:0 30px}.header{background:var(--cream);position:sticky;top:0;z-index:50;border-bottom:1px solid #e6e6e6}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.mark{display:flex;align-items:center;justify-content:center;width:51px;height:51px;background:var(--orange);border-radius:3px;font:800 27px Manrope;color:var(--ink);letter-spacing:-4px;padding-right:4px}.mark-small{font-size:15px;letter-spacing:-2px;align-self:center}.brand-copy{display:flex;flex-direction:column;gap:3px;letter-spacing:.08em}.brand-copy strong{font:800 13px Manrope}.brand-copy small{font:700 10px Manrope;letter-spacing:.18em}.nav nav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:13px}.nav nav a:hover,.footer a:hover{color:#d37c3d}.nav-cta{padding:14px 20px;background:var(--ink);color:white!important;border-radius:3px}.menu{display:none;border:0;background:none;font-size:27px}.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff}.hero-pattern{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(135deg,transparent 45%,#e2b18d 46%,transparent 47%);background-size:45px 45px}.hero-inner{position:relative;min-height:625px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px}.eyebrow,.kicker{font:800 11px Manrope;letter-spacing:.19em}.eyebrow{color:#f4b788;display:flex;align-items:center;gap:10px}.dot{height:8px;width:8px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.065em}h1{font-size:clamp(55px,6vw,91px);line-height:1.06;margin:28px 0}h1 em,h2 i{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:520px;color:#dddddd;font-size:17px;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 80px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 25px;border-radius:3px;font-weight:800;font-size:13px;cursor:pointer;border:0}.primary{background:var(--orange);color:var(--ink)}.primary:hover{background:#ffc093}.ghost{border:1px solid #888888;color:#fff}.ghost:hover{background:#303030}.hero-foot{display:flex;align-items:center;gap:20px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#c6c6c6}.separator{width:27px;height:1px;background:var(--orange)}.hero-art{position:relative}.hero-art svg{width:100%;max-height:480px;filter:drop-shadow(0 15px 45px #0004)}.art-caption{text-align:center;font:700 10px Manrope;letter-spacing:.14em;color:#d0a889}.ticker{background:var(--orange)}.ticker-inner{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:23px;padding-bottom:23px;font:800 12px Manrope;letter-spacing:.15em}.ticker b{font-size:18px}.section{padding:112px 0}.kicker{color:#c2783e;margin-bottom:20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:45px}.section-head h2,.about h2,.estimate h2,.statement h2,.area h2{font-size:clamp(37px,4.5vw,60px);line-height:1.15;margin:0}.section-head>p{max-width:350px;color:var(--muted);line-height:1.8;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{min-height:330px;background:#fff;border:1px solid var(--line);padding:25px;display:flex;flex-direction:column}.service-no{font-size:11px;color:#aaaaaa;font-weight:800}.service-icon{font-size:43px;color:#c9783e;margin:20px 0 24px}.service-card h3{font:800 18px Manrope;letter-spacing:-.04em;margin-bottom:12px}.service-card p{color:var(--muted);font-size:13px;line-height:1.8;flex:1}.service-card a{font-size:12px;font-weight:800;color:#b76532}.statement,.area{background:#171717;color:white;padding:92px 0}.statement-grid,.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.light{color:#eeaa74}.statement p,.area p{font-size:17px;line-height:1.85;color:#dedede}.text-link,.area a{display:inline-block;color:#f4b07d;font-weight:800;font-size:13px;margin-top:12px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{background:white}.work-image{height:320px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.img-one{background:linear-gradient(140deg,#444444,#151515)}.img-two{background:linear-gradient(140deg,#bd835a,#6e503d)}.img-three{background:linear-gradient(140deg,#5b5b5b,#202020)}.work-image:before{content:"";position:absolute;inset:20px;border:1px solid #ffffff45}.photo-placeholder{position:relative;text-align:center;color:#fff;display:flex;flex-direction:column;gap:10px;align-items:center}.photo-placeholder span{font:800 65px Manrope;color:#ffffff35}.photo-placeholder strong{font:800 12px Manrope;letter-spacing:.12em}.photo-placeholder small{font-size:12px}.work-meta{display:flex;align-items:center;justify-content:space-between;padding:23px}.work-meta h3{font:800 17px Manrope;margin-bottom:7px}.work-meta span{font-size:10px;letter-spacing:.1em;color:#ad6b42;font-weight:800}.work-meta>span{font-size:24px}.about{background:#f2f2f2}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-visual{min-height:430px;background:#dc9b67;position:relative;display:flex;align-items:center;justify-content:center}.about-square{width:70%;height:65%;border:2px solid #fff8;display:flex;flex-direction:column;justify-content:center;align-items:center;font:800 clamp(60px,9vw,120px) Manrope;letter-spacing:-.12em;color:#fff}.about-square span{font:800 11px Manrope;letter-spacing:.2em;line-height:1.6;text-align:center}.about-tag{position:absolute;bottom:-20px;right:-15px;background:var(--ink);color:#fff;padding:20px 25px;font:800 11px Manrope;letter-spacing:.13em;line-height:1.6}.about-text p{line-height:1.9;color:#565656;margin:24px 0}.dark{background:var(--ink);color:#fff;margin-top:14px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.review-grid blockquote{margin:0;background:#fff;padding:42px;border:1px solid var(--line)}.stars{color:#d78a49;letter-spacing:.16em;margin-bottom:25px}.review-grid blockquote p{font:600 22px/1.6 Manrope;letter-spacing:-.04em}.review-grid footer{font:800 12px Manrope;letter-spacing:.07em;margin-top:30px}.review-grid footer span{font-weight:500;color:#777777}.review-note{color:#777777;font-size:12px;margin-top:20px}.area{background:#111111}.estimate-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.estimate-grid>div>p{line-height:1.85;color:#606060;margin:25px 0}.estimate-points{display:flex;flex-direction:column;gap:15px;font-size:13px;font-weight:700}.form-warning{background:#fff2dc;border-left:3px solid #d88b50;padding:15px;margin-top:30px;font-size:12px;line-height:1.7}.estimate form{background:#fff;padding:35px;border:1px solid var(--line)}.estimate label{display:block;font-size:12px;font-weight:800;margin-bottom:19px}.estimate input,.estimate select,.estimate textarea{display:block;width:100%;margin-top:9px;padding:14px 13px;border:1px solid #d9d9d9;border-radius:2px;background:#fff;color:var(--ink);font-weight:400;outline-color:var(--orange)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit{width:100%;justify-content:center}.form-note{display:block;margin-top:13px;color:#777777;line-height:1.5}.footer{background:#0b0b0b;color:#fff;padding:65px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-brand .brand-copy strong{color:#fff}.footer-top p{color:#c7c7c7;line-height:1.8;font-size:13px;margin-top:23px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:16px 35px;font-size:13px;font-weight:700}.footer-bottom{border-top:1px solid #4a4a4a;margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;gap:18px;color:#bcbcbc;font-size:11px;flex-wrap:wrap}.footer-bottom strong{color:#f5b17b}@media(max-width:900px){.nav nav{gap:13px}.hero-inner{grid-template-columns:1fr}.hero-copy{padding-top:85px}.hero-art{max-width:460px;margin:-75px auto 35px}.actions{margin-bottom:35px}.service-grid{grid-template-columns:1fr 1fr}.about-grid,.estimate-grid{gap:45px}.section{padding:75px 0}}@media(max-width:650px){.wrap{padding:0 20px}.nav{min-height:73px}.brand-copy strong{font-size:11px}.brand-copy small{font-size:8px}.mark{width:43px;height:43px;font-size:23px}.menu{display:block}.nav nav{display:none;position:absolute;top:73px;left:0;right:0;background:var(--cream);padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 20px 25px #0002}.nav nav.open{display:flex}.hero-inner{min-height:0}.hero-copy{padding-top:78px}.hero h1{font-size:clamp(51px,12vw,72px)}.hero-copy>p{font-size:15px}.hero-art{margin:-30px auto 30px}.hero-foot{font-size:8px;gap:10px}.ticker-inner{flex-wrap:wrap;justify-content:center;gap:12px}.ticker-inner span{font-size:10px}.section-head{display:block}.section-head>p{margin-top:25px}.service-grid,.work-grid,.review-grid,.statement-grid,.area-grid,.about-grid,.estimate-grid{grid-template-columns:1fr}.service-card{min-height:260px}.statement-grid,.area-grid{gap:25px}.statement,.area{padding:65px 0}.about-visual{min-height:300px}.about-square{font-size:80px}.about-tag{right:0}.about-text{padding-top:20px}.work-image{height:280px}.review-grid blockquote{padding:27px}.review-grid blockquote p{font-size:18px}.estimate form{padding:23px}.field-row{grid-template-columns:1fr;gap:0}.footer-top{display:block}.footer-links{margin-top:30px}.footer-bottom{display:block;line-height:2.4}}

/* SCC brand palette: black, white, orange only */
.hero,.statement,.area,.footer{background-color:#111111;}
.hero-copy>p,.statement p,.area p,.footer-top p{color:#e0e0e0;}
.img-one{background:linear-gradient(140deg,#444,#151515)}
.img-two{background:linear-gradient(140deg,#ee9656,#292929)}
.img-three{background:linear-gradient(140deg,#666,#171717)}

/* Real SCC portfolio photographs */
.work-image { overflow:hidden; background:#171717; }
.work-image img { display:block; width:100%; height:100%; min-height:260px; max-height:410px; object-fit:cover; transition:transform .35s ease; }
.work-card:hover .work-image img { transform:scale(1.035); }

/* Show the complete deck and new-construction siding photo without cropping. */
.work-image.deck-wide {background:#111; height:320px;}
.work-image.deck-wide img {object-fit:contain; object-position:center; max-height:none;}
.work-card:hover .work-image.deck-wide img {transform:none;}
.project-detail {font-size:12px;line-height:1.65;color:#555;margin:12px 0 0;}
@media(max-width:650px){.work-image.deck-wide{height:260px;}}

/* Classic SCC sawblade mark inspired by the business owner's original logo */
.saw-mark{padding:2px!important;background:#e99a60!important;border-radius:1px!important;letter-spacing:normal!important;flex-shrink:0}
.saw-mark svg{display:block;width:100%;height:100%}
.about-logo .saw-mark{width:125px;height:125px;background:transparent!important}
.about-square{gap:12px}.about-square>.about-logo+span{font-size:12px}
.project-link{display:inline-block;margin-top:16px;color:#9d4f19;font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.feature-hero{background:#111;color:#fff;padding:90px 0 70px}.feature-hero h1{font-size:clamp(42px,6vw,75px);max-width:900px}.feature-hero p{max-width:760px;color:#ddd;line-height:1.8;font-size:18px}.feature-tag{color:#ee9656;font-size:12px;font-weight:800;letter-spacing:.17em}.feature-photo{width:100%;display:block;max-height:650px;object-fit:cover}.feature-body{padding:80px 0}.feature-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.feature-body h2{font-size:clamp(29px,4vw,48px)}.feature-body p,.feature-body li{line-height:1.85;color:#444}.scope-list{padding-left:21px}.scope-list li{margin:10px 0}.feature-secondary{background:#f3f3f3;padding:65px 0}.feature-secondary img{width:100%;max-height:480px;object-fit:contain;background:#111}.feature-cta{padding:70px 0;background:#111;color:white}.feature-cta p{color:#ddd}@media(max-width:650px){.feature-hero{padding:65px 0 45px}.feature-columns{grid-template-columns:1fr;gap:25px}.feature-body{padding:55px 0}}

/* Authentic SCC artwork supplied by the owner */
.mark.authentic-mark{padding:0;letter-spacing:normal;overflow:hidden;background:#ff914d;border-radius:2px;flex-shrink:0}
.mark.authentic-mark img{width:100%;height:100%;object-fit:cover;display:block}
.about-logo .authentic-mark{width:130px;height:130px;padding:0;background:#ff914d!important}

/* SCC original sawblade/woodgrain emblem — background-free, context-aware */
.authentic-mark,.about-logo .authentic-mark{background:transparent!important;border-radius:0!important;padding:0!important;overflow:visible!important}
.authentic-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand .authentic-mark{width:56px;height:60px;flex:0 0 56px}
.about-logo .authentic-mark{width:142px;height:150px}
.footer .authentic-mark{width:60px;height:65px}
@media(max-width:650px){.brand .authentic-mark{width:48px;height:51px;flex-basis:48px}}

.remodel-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.remodel-gallery figure{margin:0}.remodel-gallery img{width:100%;height:320px;object-fit:cover;display:block;border-radius:8px}.remodel-gallery figcaption{font-size:14px;margin-top:9px;opacity:.8}@media(max-width:650px){.remodel-gallery{grid-template-columns:1fr}.remodel-gallery img{height:250px}}

.honeypot {position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#lead-form button:disabled {opacity:.65;cursor:wait}
#form-status {min-height:1.5em}

/* SCC expanded service pages */
.service-hero{padding:95px 0 75px}.service-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}.service-hero h1{font-size:clamp(2.7rem,6vw,5.5rem);line-height:1.05;overflow-wrap:break-word}.service-hero h1 em{color:#e49a61}.service-hero-grid>img{width:100%;height:400px;object-fit:cover;border-radius:4px}.service-content{max-width:900px}.service-content>p{max-width:760px;line-height:1.8}.service-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:22px 0 30px}.service-bullets li{border-left:3px solid #e49a61;background:#f6f2ec;padding:18px;color:#242424}.service-directory,.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.service-directory a,.related-links a{display:block;border:1px solid #d7cfc5;padding:16px;color:inherit;text-decoration:none;font-weight:600}.related-services{background:#f6f2ec}@media(max-width:760px){.service-hero{padding:60px 0}.service-hero-grid{grid-template-columns:1fr}.service-hero-grid>img{height:260px}.service-bullets,.service-directory,.related-links{grid-template-columns:1fr}}
