:root{--forest:#15382b;--forest-2:#101815;--gold:#f5ae19;--cream:#f7f0e2;--line:#dfd4c1}
.topbar{background:#111715}
.nav{height:96px;background:#fff}.nav-logo{width:220px;height:110px;align-self:flex-start;position:relative;z-index:5}.nav-links{font-size:14px}.btn{border-radius:5px}.btn-gold{box-shadow:0 4px 0 #a46c0d}
.hero{background:linear-gradient(90deg,#0a100fd9 0,#0a100fb0 42%,#0a100f24 74%),url('assets/hero-cedar-san-diego-v2.png') center/cover no-repeat;border:0}
.hero:after{display:none}.hero-grid{display:block;min-height:520px;padding:0}.hero-copy{width:540px;max-width:58%;color:#fff;padding-top:112px}.hero-copy .eyebrow{color:var(--gold)}.hero h1{font-family:Inter,Arial,sans-serif;color:#fff;font-weight:950;font-size:clamp(52px,6vw,76px);line-height:.98}.hero h1 em{color:#fff}.lead{color:#fff;font-size:21px;font-weight:600;max-width:470px;margin:22px 0 28px}.hero-cta{min-width:210px}.hero-character{display:block;left:auto;right:24px;bottom:-54px;width:365px;transform:none;filter:drop-shadow(0 17px 12px #0009)}
.hero:before{display:none}
.trust-strip{background:#fff;border-bottom:1px solid var(--line);padding:22px 0}.trust-grid{gap:14px}.trust-item{background:#f8f3e9;border:1px solid #dfd4c1!important;border-radius:8px;padding:20px 16px;color:#343b36;text-align:left}.trust-item:before{content:"";display:block;width:38px;height:3px;background:var(--gold);margin-bottom:15px}.trust-item strong{color:var(--forest);font:900 20px/1.1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.section-cream{background:var(--cream)}.service-grid{grid-template-columns:repeat(5,1fr)}.service{min-height:300px;padding:0;overflow:hidden;border-radius:8px;border:1px solid #d8cdb9;box-shadow:0 8px 22px #3c30100d}.service:before{content:"";display:block;height:165px;background:center/cover no-repeat}.service:nth-child(1):before{background-image:url('assets/service-vinyl.png')}.service:nth-child(2):before{background-image:url('assets/hero-cedar-san-diego-v2.png')}.service:nth-child(3):before{background-image:url('assets/service-chain-link.png')}.service:nth-child(4):before{background-image:url('assets/service-metal.png')}.service:nth-child(5):before{background-image:url('assets/service-gate.png')}.service .num{font-size:15px;padding:16px 18px 4px;color:#a56b08}.service>div{padding:0 18px 20px}.service h3{font-size:19px}
.example-projects{padding:75px 0;background:#fff}.example-projects .intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.example-projects h2{font-size:48px;color:var(--forest)}.example-projects .intro p{max-width:490px;color:#666}.example-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:30px}.compare{position:relative;min-height:380px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:6px}.compare figure{margin:0;position:relative}.compare img{width:100%;height:100%;object-fit:cover}.compare b{position:absolute;left:14px;top:14px;background:#111;color:#fff;padding:7px 11px}.compare figure:last-child b{background:var(--gold);color:#111}.compare small{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:#fff;padding:6px 10px;border-radius:99px;white-space:nowrap}.customer-note{border-left:1px solid var(--line);padding:35px;text-align:center;display:flex;flex-direction:column;justify-content:center}.customer-note .stars{color:#d98a00;font-size:31px;letter-spacing:4px}.customer-note blockquote{font-size:22px;line-height:1.35;margin:15px 0}.customer-note strong{color:var(--forest)}
.estimator{width:min(1180px,calc(100% - 40px));margin:70px auto;background:#fffaf0;border:2px solid var(--forest);border-radius:7px;padding:34px;box-shadow:10px 10px 0 #e1a629;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.estimator:before{content:"GET AN INSTANT ESTIMATE";display:block;color:var(--forest);font:950 34px/1.1 Georgia,serif;margin-bottom:20px;grid-column:1/-1}.estimator>.step-label,.estimator>.materials,.estimator>.fields{grid-column:1}.estimator .result{grid-column:2;grid-row:2/7;margin:0;display:flex;flex-direction:column;justify-content:center;border:2px solid #0d241a;border-radius:5px}.estimator .est-top{display:none}.estimator .mat{border-radius:5px;background:#fffdf8}.estimator .mat:hover,.estimator .mat.active{background:#fff2cf}.estimator .fields{border-radius:5px;background:#f6eddc;border:1px solid #dfd0b6}.estimator .range{accent-color:#d79012}
.estimator{background-image:linear-gradient(#fffaf0f3,#fffaf0f3),url('assets/service-gate.png');background-size:cover;background-position:center}
@media(max-width:980px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{max-width:68%}.hero-character{right:-30px;width:320px}.example-grid{grid-template-columns:1fr}.customer-note{border:0;border-top:1px solid var(--line)}.estimator{grid-template-columns:1fr}.estimator:before,.estimator>.step-label,.estimator>.materials,.estimator>.fields,.estimator .result{grid-column:1}.estimator .result{grid-row:auto;margin-top:20px}}
@media(max-width:620px){.nav{height:76px}.nav-logo{width:145px;height:82px}.hero-grid{min-height:560px}.hero-copy{max-width:100%;padding-top:56px;text-align:left}.hero h1{font-size:48px}.hero .lead{font-size:18px;max-width:300px}.hero-character{display:block;right:-58px;bottom:-45px;width:255px}.service-grid{grid-template-columns:1fr 1fr}.service{min-height:230px}.service:before{height:105px}.example-projects .intro{display:block}.example-projects h2{font-size:38px}.compare{grid-template-columns:1fr;min-height:500px}.estimator{width:calc(100% - 24px);margin:45px auto;padding:19px}.estimator:before{font-size:25px}}

/* Professional horizontal brand lockup */
.brand-lockup{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--forest);height:78px}.brand-bird{width:64px;height:64px;border-radius:50%;background:#f2e4c8;overflow:hidden;display:grid;place-items:center;border:1px solid #d6c5a8}.brand-bird img{width:86px;height:86px;object-fit:contain;object-position:center 12px}.brand-name{display:grid;line-height:.88}.brand-name b{font:950 25px/.9 Inter,Arial,sans-serif;letter-spacing:-.04em}.brand-name small{font:850 12px/1 Inter,Arial,sans-serif;letter-spacing:.23em;color:#a56809;margin-top:8px}.footer-brand{color:#fff}.footer-brand .brand-bird{background:#ead9ba}.footer-brand .brand-name small{color:var(--gold)}
.official-logo-link{display:flex;align-items:center;width:190px;height:92px;text-decoration:none;overflow:visible}.official-logo{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.footer-official-logo{width:230px;height:155px}.footer-official-logo .official-logo{filter:drop-shadow(0 3px 5px #0005)}

/* Functional before/after control */
.compare.ba-slider{--position:50%;display:block;position:relative;min-height:0;aspect-ratio:16/8.4;background:#ddd;overflow:hidden;border-radius:8px}.ba-before,.ba-after,.ba-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ba-after{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:8}.ba-handle{position:absolute;z-index:7;left:var(--position);top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 0 1px #183a2d;transform:translateX(-50%);pointer-events:none}.ba-handle:after{content:"↔";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold);border:3px solid #fff;color:#17291f;font-weight:950;box-shadow:0 4px 18px #0005}.ba-label{position:absolute;z-index:6;top:16px;padding:8px 12px;background:#101815;color:#fff;font-weight:900;letter-spacing:.08em;font-size:12px}.ba-label-before{left:16px}.ba-label-after{right:16px;background:var(--gold);color:#17291f}.compare.ba-slider small{z-index:6;left:auto;right:12px;transform:none;bottom:10px;border-radius:3px;background:#101815cc;color:#fff;font-size:11px;letter-spacing:.03em;padding:5px 8px}

/* Full-section fence photography, kept subtle behind readable content */
.section,.example-projects,.service-area,.cta{position:relative;overflow:hidden}.section>.wrap,.example-projects>.wrap,.service-area>.wrap,.cta>.wrap{position:relative;z-index:2}#services:after,#why:after,#faq:after,.example-projects:after,.service-area:after,.cta:after{content:"";position:absolute;z-index:1;inset:0;background-repeat:no-repeat;background-size:cover;background-position:center;pointer-events:none}#services:after{background-image:url('assets/service-vinyl.png');opacity:.045}#why:after{background-image:url('assets/service-metal.png');opacity:.045}#faq:after{background-image:url('assets/service-chain-link.png');opacity:.11;mix-blend-mode:luminosity}.example-projects:after{background-image:url('assets/hero-cedar-san-diego-v2.png');opacity:.04}.service-area:after{background-image:url('assets/service-gate.png');opacity:.055}.cta:after{background-image:url('assets/hero-cedar-san-diego-v2.png');opacity:.13;mix-blend-mode:multiply}.mascot-stage{background:linear-gradient(145deg,#f0e3ca,#c9b58f);border-radius:8px}.mascot-stage img{opacity:.92}.timeline article,.proof-main,.proof-card{border-radius:8px}.customer-note p{font-size:21px;line-height:1.45;margin:18px 0}
#process{background-image:linear-gradient(#101815e8,#101815e8),url('assets/hero-cedar-san-diego-v2.png');background-size:cover;background-position:center}

@media(max-width:780px){.official-logo-link{width:135px;height:70px}.footer-official-logo{width:200px;height:135px}.nav-links{display:none}.trust-grid{grid-template-columns:1fr 1fr}.compare.ba-slider{aspect-ratio:4/3}.service-grid{grid-template-columns:1fr}.service:before{height:190px}#services:after,#why:after,#faq:after,.example-projects:after,.service-area:after,.cta:after{background-position:center}}