@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--red:#f9611a;--black:#080808;--dark:#111;--gray:#9a9a9a;--white:#f7f7f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--black);color:var(--white);line-height:1.5}a{color:inherit;text-decoration:none}.site-header{height:78px;background:#050505;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:sticky;top:0;z-index:20;border-bottom:1px solid #222}.brand{font-weight:900;font-style:italic;line-height:.9}.brand-mark{display:block;font-size:22px}.brand-sub{display:block;font-size:11px;color:var(--red);letter-spacing:1px}.nav{display:flex;align-items:center;gap:30px;text-transform:uppercase;font-size:12px;font-weight:700}.nav a:hover{color:var(--red)}.nav-cta,.btn.primary{background:var(--red);padding:13px 22px;border-radius:4px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:650px;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.55)),url('/.netlify/images?url=/assets/work-tacoma-black-tint.jpg&w=1600&h=900&fit=cover&position=center') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent)}.hero-content{position:relative;z-index:1;padding:105px 6%;max-width:750px}.eyebrow{color:var(--red);font-weight:800;font-size:12px;letter-spacing:2px;margin:0 0 12px}.hero h1{font-size:clamp(52px,7vw,90px);line-height:.92;margin:0;font-weight:900;font-style:italic;letter-spacing:-3px}.hero h1 span{color:var(--red)}.hero-copy{font-size:17px;color:#ddd;margin:22px 0}.badges{display:flex;gap:0;margin:25px 0}.badges div{min-width:130px;border-right:1px solid #555;text-align:center;font-size:10px;text-transform:uppercase;font-weight:700}.badges div:first-child{border-left:0}.badges b{display:block;font-size:25px;color:white;margin-bottom:5px}.actions{display:flex;gap:13px;margin-top:28px}.btn{display:inline-block;border:1px solid #777;padding:13px 24px;border-radius:4px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.4px}.btn.ghost{background:rgba(0,0,0,.25)}.spanish{font-size:12px;font-weight:700;margin-top:24px}.spanish strong{color:var(--red)}.section{padding:70px 5%}.dark{background:#0c0c0c}.section-head{text-align:center;margin-bottom:30px}.section-head h2{font-size:28px;margin:0;font-weight:900;letter-spacing:.3px}.section-head p:last-child{color:#aaa}.red-line{height:3px;width:54px;background:var(--red);margin:12px auto}.filters{display:flex;justify-content:center;gap:10px;margin:25px 0}.filters button{background:none;color:white;border:1px solid #555;border-radius:4px;padding:9px 20px;text-transform:uppercase;font-weight:700;font-size:11px;cursor:pointer}.filters button.active,.filters button:hover{background:var(--red);border-color:var(--red)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:1080px;margin:0 auto}.gallery figure{margin:0}.photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:5px;background:#151515;border:1px solid #222}.gallery figcaption{font-size:12px;color:#aaa;padding-top:10px;font-weight:600}.placeholder-note{font-size:11px;color:#777;text-align:center;margin-top:20px}.placeholder-note a{color:var(--red);font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd}.feature-grid article{padding:35px 22px;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.feature-grid article:nth-child(3n){border-right:0}.icon{font-size:34px;color:var(--red);margin-bottom:10px}.feature-grid h3{font-size:14px;text-transform:uppercase}.feature-grid p{font-size:12px;color:#666;max-width:260px;margin:auto}.review-summary{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:center;gap:14px;margin:25px 0}.google{font-weight:900;font-size:35px}.review-summary strong{font-size:40px}.review-summary span{color:#ffc400;letter-spacing:3px}.review-summary small{grid-column:1/-1;text-align:center;color:#888;font-size:10px}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.review-grid article{background:#171717;padding:22px;border-radius:6px}.review-top{display:flex;justify-content:space-between}.review-top span{color:#ffc400}.review-grid p{font-size:13px;color:#ddd}.review-grid small{color:#777}.review-btn{display:block;width:max-content;margin:25px auto 0}.about{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.about h2{font-size:38px;line-height:1.05}.about-copy>p:not(.eyebrow):not(.spanish-box){color:#666;max-width:650px}.about-card{background:#111;padding:40px;border:1px solid #333;position:relative}.card-accent{height:4px;background:var(--red);position:absolute;top:0;left:0;right:0}.spanish-box{border-left:3px solid var(--red);padding:12px 15px;background:#f5f5f5;color:#222!important;max-width:350px}.contact{background:linear-gradient(rgba(10,10,10,.93),rgba(10,10,10,.9)),url('/.netlify/images?url=/assets/work-palisade-tint.jpg&w=1600&h=1000&fit=cover&position=center') center/cover}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;max-width:1100px;margin:auto}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-info>div{border-bottom:1px solid #333;padding:12px}.contact-info span{color:var(--red);font-size:25px}.contact-info h3{font-size:12px;text-transform:uppercase}.contact-info p{font-size:12px;color:#aaa}.placeholder{color:#e8e8e8!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-row.single{grid-template-columns:1fr}input,select,textarea{width:100%;padding:14px;background:#151515;border:1px solid #444;color:white;border-radius:3px;font:inherit;font-size:12px}textarea{min-height:105px;resize:vertical;margin-bottom:12px}.submit{width:100%;border:0;cursor:pointer}.form-note{font-size:10px;color:#777}footer{background:#070707;padding:50px 5%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;position:relative}.footer-brand b{display:block;font-size:25px;font-style:italic}.footer-brand strong{color:var(--red);font-size:12px}.footer-brand p,footer span,footer a{display:block;color:#888;font-size:11px;margin:5px 0}.footer-brand p{color:#aaa}.footer-brand h4,footer h4{font-size:11px;margin-top:0}.copyright{grid-column:1/-1;border-top:1px solid #222;padding-top:18px;color:#666;font-size:10px}.copyright span{float:right;color:#aaa}@media(max-width:900px){.nav{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#080808;flex-direction:column;padding:25px}.hero-content{padding:75px 7%}.gallery{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article:nth-child(3n){border-right:1px solid #ddd}.review-grid{grid-template-columns:1fr}.about,.contact-grid{grid-template-columns:1fr}.contact-info{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:550px){.hero{min-height:700px}.hero h1{font-size:56px}.badges{display:grid;grid-template-columns:1fr 1fr}.badges div{border-right:0;border-bottom:1px solid #444;padding:10px}.actions{flex-direction:column}.gallery{grid-template-columns:1fr;max-width:430px}.feature-grid,.contact-info,.form-row,footer{grid-template-columns:1fr}.feature-grid article{border-right:0!important}.copyright span{float:none;margin-top:8px}.section{padding:55px 5%}}

/* Eddie's real branding + social proof */
.brand img{width:122px;height:62px;object-fit:contain;display:block}.social-proof{background:#111;display:flex;align-items:center;gap:28px;padding:18px 5%;border-bottom:1px solid #2a2a2a}.social-brand{display:flex;align-items:center;gap:12px;margin-right:auto}.social-brand img{width:58px;height:58px;object-fit:contain}.social-brand strong,.social-brand span{display:block}.social-brand strong{font-size:13px}.social-brand span{font-size:10px;color:#888;margin-top:3px}.social-stat{min-width:85px;text-align:center}.social-stat strong{display:block;font-size:18px}.social-stat span{font-size:10px;color:#888;text-transform:uppercase}.social-follow{border:1px solid #555;padding:11px 16px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase}.social-follow:hover{border-color:var(--red);color:var(--red)}.spanish a{color:#fff}.spanish a:hover{color:var(--red)}@media(max-width:700px){.social-proof{flex-wrap:wrap;gap:15px}.social-brand{width:100%;margin-right:0}.social-stat{flex:1}.social-follow{width:100%;text-align:center}.brand img{width:105px;height:58px}}

/* Nano-ceramic film section */
.film-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;max-width:1100px;margin:auto}.film-copy>p{font-size:16px;color:#ddd;margin:0 0 22px}.film-list{list-style:none;padding:0;margin:0 0 28px}.film-list li{font-size:13px;color:#aaa;padding:9px 0 9px 26px;border-bottom:1px solid #222;position:relative}.film-list li:before{content:"◆";color:var(--red);position:absolute;left:0;font-size:11px}.film-specs{display:grid;gap:18px}.spec{background:#151515;border:1px solid #2a2a2a;border-radius:6px;padding:20px 22px}.spec strong{display:block;font-size:44px;font-weight:900;font-style:italic;letter-spacing:-2px;line-height:1}.spec strong i{font-style:normal;font-size:20px;color:var(--red);margin-left:2px}.spec span{display:block;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:1.5px;color:#999;margin-top:6px}.spec-bar{height:4px;background:#2c2c2c;border-radius:3px;margin-top:14px;overflow:hidden}.spec-bar b{display:block;height:100%;background:var(--red);border-radius:3px}@media(max-width:900px){.film-grid{grid-template-columns:1fr;gap:32px}}

/* About portraits */
.about{grid-template-columns:1fr 1.05fr;gap:55px;align-items:center}.about-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-photo{margin:0}.about-photo img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center top;border-radius:6px;background:#151515;border:1px solid #222}.about-photo figcaption{font-size:11px;color:#888;padding-top:9px;font-weight:600;line-height:1.35}.about-copy .about-card{margin-top:34px}@media(max-width:900px){.about{grid-template-columns:1fr;gap:34px}.about-photos{max-width:520px}}

/* Lighter background images on small screens */
@media(max-width:900px){.hero{background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.6)),url('/.netlify/images?url=/assets/work-tacoma-black-tint.jpg&w=900&h=1000&fit=cover&position=center') center/cover}.contact{background:linear-gradient(rgba(10,10,10,.93),rgba(10,10,10,.9)),url('/.netlify/images?url=/assets/work-palisade-tint.jpg&w=900&h=1100&fit=cover&position=center') center/cover}}

/* No tint vs. with tint comparison */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1080px;margin:0 auto}.compare-card{margin:0;position:relative}.compare-card figcaption{font-size:12px;color:#aaa;padding-top:10px;font-weight:600}.tint-tag{position:absolute;top:11px;left:11px;z-index:1;padding:6px 11px;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;background:rgba(8,8,8,.8);border:1px solid #545454;color:#ededed}.tint-tag.after{background:var(--red);border-color:var(--red);color:#fff}@media(max-width:1250px) and (min-width:901px){.nav{gap:20px}}@media(max-width:550px){.compare-grid{gap:9px}.compare-card figcaption{font-size:10.5px;padding-top:7px;line-height:1.35}.tint-tag{top:6px;left:6px;padding:4px 7px;font-size:8.5px;letter-spacing:.8px}}