.tile-replacement{margin:0!important;padding:0!important;background:var(--mist);font-family:"Avenir Next","Manrope",Arial,sans-serif}.tile-replacement .page{max-width:none;margin:0;padding-bottom:95px}.shell{width:min(100% - 36px,1180px);margin:auto}.hero{min-height:680px;display:grid;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(3,20,38,.98),rgba(3,26,48,.8)),url('/images/tile-roof-replacement/finished-grey-tile.jpg') center/cover}.hero-grid,.solar,.photo-split{display:grid;grid-template-columns:1.14fr .64fr;gap:8vw;align-items:center}.eyebrow{color:var(--orange-500);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero h1,.intro h2,.solar h2{font-size:clamp(2.7rem,5.4vw,5.35rem);line-height:1;letter-spacing:-.06em}.lede{max-width:690px;color:rgba(255,255,255,.77);font-size:1.05rem;line-height:1.75}.actions,.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.button{min-height:51px;padding:13px 20px!important;border-radius:13px!important;font-size:.74rem!important;font-weight:900!important}.button-primary{background:linear-gradient(135deg,#ffad43,var(--orange-500))!important;color:var(--navy-950)!important}.button-ghost{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}.pills span{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:.66rem;font-weight:800}.glass{margin:0;padding:14px;border:1px solid rgba(255,255,255,.34);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.06));backdrop-filter:blur(18px)}.glass img{display:block;width:100%;height:280px;object-fit:cover;border-radius:15px}.glass figcaption{padding:14px 3px;color:rgba(255,255,255,.7);font-size:.72rem}.glass strong{display:block;color:#ffb15b}.pillnav{position:sticky;top:102px;z-index:8;display:flex;gap:8px;overflow:auto;width:min(100% - 36px,1100px);margin:21px auto;padding:10px;background:rgba(255,255,255,.96);border-radius:16px;box-shadow:var(--shadow-md)}.pillnav a{flex:0 0 auto;padding:10px 13px;color:var(--navy-900);font-size:.66rem;font-weight:850}.section{padding:85px 0}.intro{max-width:830px;margin:0 auto 36px;text-align:center}.intro h2,.solar h2{margin:10px 0;color:var(--navy-950);font-size:clamp(2.2rem,4.3vw,3.9rem)}.intro p:not(.eyebrow){color:var(--ink-500);line-height:1.75}.photo-split{grid-template-columns:1fr 1fr;gap:24px}.photo-split figure,.solar figure,.gallery figure{margin:0;overflow:hidden;border-radius:20px;background:#fff}.photo-split img{display:block;width:100%;height:390px;object-fit:cover}.photo-split figcaption,.solar figcaption,.gallery figcaption{padding:14px;color:var(--ink-500);font-size:.72rem}.note{padding:38px;background:linear-gradient(145deg,var(--navy-950),var(--navy-800));border-radius:20px;color:#fff}.note h3{font-size:1.7rem}.note p:not(.eyebrow),.solar p{color:rgba(255,255,255,.7);line-height:1.75}.band,.photo{padding:85px 0;background:var(--navy-950);color:#fff}.solar h2{color:#fff}.solar img{display:block;width:100%;height:360px;object-fit:cover}.cards,.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{padding:26px;background:#fff;border:1px solid rgba(6,41,75,.1);border-radius:18px}.cards h3{color:var(--navy-950)}.cards p{color:var(--ink-500);line-height:1.7;font-size:.78rem}.light h2{color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0;padding:0;list-style:none}.steps li{padding:25px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:18px}.steps b{color:#ffb15b}.steps h3{color:#fff}.steps p{color:rgba(255,255,255,.65);font-size:.76rem;line-height:1.65}.gallery img{width:100%;height:260px;object-fit:cover}.estimate{margin-top:24px;padding:45px;background:#fff;border-radius:25px;box-shadow:var(--shadow-lg)}.estimate h2{color:var(--navy-950)}.estimate p{color:var(--ink-500)}@media(max-width:900px){.hero-grid,.solar,.photo-split{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{width:min(100% - 28px,1180px)}.hero{min-height:0;padding:75px 0 65px}.hero h1{font-size:3rem}.pillnav{top:76px;width:calc(100% - 20px)}.section,.band,.photo{padding:64px 0}.cards,.gallery,.steps{grid-template-columns:1fr}.photo-split img,.solar img{height:300px}.glass img{height:245px}.estimate{padding:28px 18px}}