:root{--cocoa:#2b2019;--cocoa-2:#49372b;--orange:#d96f32;--sand:#e8d5bd;--ivory:#f7f0e7;--ink:#362a22}
body{background:var(--ivory);color:var(--ink)}
.repair-hero{min-height:100svh;position:relative;background:radial-gradient(circle at 78% 22%,#8d6e51 0,#4b392c 38%,#241a14 100%);color:var(--white);padding:88px 24px 44px}
.hero-wrap{max-width:1120px;margin:auto;display:grid;gap:38px;align-items:center}
.repair-copy h1{font-size:clamp(3.1rem,11vw,6.7rem);margin-bottom:24px}
.repair-copy h1 em{font-weight:400;color:var(--sand)}
.repair-copy>p:not(.eyebrow){max-width:590px;color:#eee3d8;font-size:1.08rem}
.repair-button{display:inline-flex;margin-top:20px;min-height:54px;padding:14px 23px;align-items:center;background:var(--orange);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:700}
.hero-visual{margin:0;max-width:560px;justify-self:center}
.hero-visual img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:62% center;border:1px solid rgba(232,213,189,.48);box-shadow:0 30px 85px rgba(0,0,0,.4)}
.hero-visual figcaption{margin-top:12px;text-align:right;text-transform:uppercase;letter-spacing:.16em;color:#d9c4aa;font-size:.64rem}
.repair-manifesto{max-width:900px;margin:auto;padding:100px 24px}
.repair-manifesto h2{max-width:800px}.repair-manifesto>p:last-child{max-width:700px}
.benefits{background:#fffaf4;padding:90px 24px;display:grid;gap:28px}.benefits>div,.benefits>p{width:min(100%,760px);margin:0 auto}.benefits>p{font-size:1.08rem;color:#69594d}
.product-story{background:#f3e9dc;padding:96px 24px}
.product{max-width:1040px;margin:0 auto 32px;display:grid;background:var(--ivory);border:1px solid #dfd0bf;box-shadow:0 18px 46px rgba(54,42,34,.08);overflow:hidden}
.product-shot{min-height:430px;background:#e9d7c1;overflow:hidden}
.product-shot img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}
.product-copy{padding:38px 28px 44px;align-self:center}
.number{margin:0 0 18px;color:var(--orange);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:700}
.product-copy h3{margin:0 0 7px;color:var(--cocoa);font-size:clamp(2.25rem,7vw,3.7rem)}
.ingredient{margin:0 0 25px;color:#a94f22;font-family:Georgia,serif;font-style:italic;font-size:1.08rem}
.product-copy>p:last-child{margin:0;max-width:520px;color:#69594d}
.technique{background:#fffaf4;padding:96px 24px}
.story-title{max-width:1040px;margin:0 auto 52px}
.story-title>p:last-child{max-width:680px}.steps{list-style:none;padding:0;margin:0 auto;max-width:1040px;display:grid;gap:1px;background:#dfd0bf;border:1px solid #dfd0bf}.steps li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:28px 24px;background:var(--ivory)}.steps span{color:var(--orange);font-size:.72rem;font-weight:700;letter-spacing:.14em;padding-top:7px}.steps h3{margin:0 0 8px;color:var(--cocoa);font-size:1.5rem}.steps p{margin:0;color:#69594d}.professional-note{max-width:1040px;margin:34px auto 0;padding:28px;border-left:3px solid var(--orange);background:#efe1d1}.professional-note p{margin:0;color:#5d4b3e}
.repair-quote{background:var(--cocoa);color:var(--sand);padding:85px 24px;text-align:center}
.repair-quote p{font-family:Georgia,serif;font-size:clamp(1.9rem,6vw,3.3rem);line-height:1.25;max-width:900px;margin:auto}
.repair-consult{text-align:center;background:#cdb398;color:#2f241d;padding:96px 24px}.repair-consult h2{color:#2f241d;max-width:760px;margin-left:auto;margin-right:auto}.repair-consult>p:not(.kicker):not(.address){max-width:640px;margin:0 auto}.repair-button.light{background:#fff;color:var(--cocoa);margin-top:28px}.address{font-size:.82rem;color:#675345;margin-top:38px}
@media(min-width:820px){.repair-hero{padding:118px 38px 72px}.hero-wrap{grid-template-columns:1.02fr .98fr}.repair-manifesto{padding-top:130px;padding-bottom:130px}.benefits{grid-template-columns:1fr 1fr;align-items:center;padding:110px max(24px,calc((100vw - 1040px)/2))}.benefits>div,.benefits>p{width:auto}.product{grid-template-columns:.9fr 1.1fr;min-height:520px;margin-bottom:48px}.product.reverse .product-shot{order:2}.product.reverse .product-copy{order:1}.product-shot,.product-shot img{min-height:520px}.product-copy{padding:58px 52px}.steps{grid-template-columns:1fr 1fr}.steps li{padding:36px 32px}.repair-consult{padding-top:120px;padding-bottom:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}