
/* FJW RECOVERY V7 — PREMIUM EDITORIAL EXTENSIONS */
:root{--yellow:#facb28}
.site-header .navigation{gap:clamp(13px,1.65vw,28px)}
.site-header .header-inner{gap:clamp(12px,1.8vw,32px)}
.brand{width:190px}.brand img{width:190px;height:78px}
.navigation a{white-space:nowrap;font-size:11px}
.hero-headline{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(72px,8.3vw,140px);font-weight:800;line-height:.86;letter-spacing:-.017em;margin:28px 0 28px;max-width:1000px;text-shadow:0 10px 40px #0009;text-transform:uppercase}
.hero-headline em{font-style:normal;color:var(--yellow);display:block}
.slide-tab{padding:27px 0 8px;height:77px;min-width:110px}
.services-gallery{grid-template-rows:330px 330px}
.mini-hero-actions{display:flex;gap:10px;margin-top:25px;align-items:center;flex-wrap:wrap}
.hero-secondary{font-size:12px;font-weight:800;letter-spacing:.11em;padding:15px 4px;border-bottom:1px solid var(--yellow);color:white}
.hero-secondary:hover{color:var(--yellow)}
.page-hero.cinematic-inner{min-height:clamp(520px,53vw,720px);display:flex;align-items:end;padding:105px 0 92px;background:#081114}
.cinematic-inner .container{position:relative;z-index:2}
.cinematic-inner>img{opacity:.84}
.cinematic-inner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071015f7 0%,#071015da 35%,#07101529 90%),linear-gradient(0deg,#071015a8 0%,transparent 75%)}
.cinematic-inner h1{max-width:940px;font-size:clamp(56px,6.8vw,110px);letter-spacing:-.01em;line-height:.88}
.cinematic-inner h1 span{color:var(--yellow)}
.cinematic-inner p{max-width:675px;font-size:clamp(15px,1.35vw,18px);line-height:1.75;color:#f0f1f1}
.cinematic-inner .mini-hero-actions{margin-top:30px}
.proof-strip{background:#e7c137;color:#111817}.proof-strip>.container{display:flex;align-items:stretch;justify-content:space-between;gap:12px;padding-block:20px}
.proof-strip span{font-size:11px;text-align:center;font-weight:850;letter-spacing:.1em;line-height:1.4;text-transform:uppercase;flex:1;padding:8px 17px;border-right:1px solid #101b2038}
.proof-strip span:last-child{border:0}
.section-lead{color:#acb8b9;font-size:17px;line-height:1.8;max-width:760px;margin-top:24px}
.feature-detail-section{background:#101a20;color:#f3f4f4}
.feature-detail-section .feature-head{max-width:1050px;margin-bottom:43px}
.feature-detail-section .section-title{margin-top:20px;max-width:990px}
.detail-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.detail-card{border:1px solid #ffffff2d;background:linear-gradient(130deg,#1a292f,#0b1419);padding:43px;position:relative;overflow:hidden;min-height:225px;transition:transform .2s,border-color .2s}
.detail-card:hover{transform:translateY(-4px);border-color:#facb287f}
.detail-card-rail{position:absolute;left:0;top:0;height:100%;width:4px;background:var(--yellow)}
.detail-card h3{font-size:clamp(29px,2.7vw,43px);line-height:1;margin:0 0 17px}
.detail-card p{font-size:15px;line-height:1.7;color:#b5c4c6;max-width:540px}
.statement-section{background:#091319;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:670px}
.statement-section.reverse .statement-photo{order:2}.statement-section.reverse .statement-content{order:1}
.statement-photo{position:relative;min-height:590px;overflow:hidden;background:#192932}
.statement-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.statement-content{padding:clamp(60px,6vw,120px) clamp(28px,6vw,110px);display:flex;flex-direction:column;align-items:start;justify-content:center}
.statement-content h2{font-size:clamp(48px,5vw,84px);margin:25px 0 31px}
.statement-content p{font-size:16px;line-height:1.8;color:#c0cdcf;max-width:610px;margin:0 0 19px}
.statement-content .inline-link{margin-top:13px}
.claim-section{background:#e9e8e1;color:#101b20}
.claim-section .kicker{color:#987700}
.claim-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center}
.claim-grid .section-title{font-size:clamp(45px,5vw,83px);margin:22px 0 32px}
.claim-grid p{font-size:16px;line-height:1.8;color:#35454a;max-width:700px;margin-bottom:19px}
.claim-note{background:#0a1319;color:white;padding:clamp(30px,4vw,70px);box-shadow:0 26px 75px #0002}
.claim-note-mark{display:block;font-size:41px;color:var(--yellow);margin-bottom:35px}
.claim-note h3{font-size:clamp(30px,3vw,49px)}.claim-note p{color:#c4cfd1;margin-top:18px}
.claim-note a{color:var(--yellow);display:inline-block;margin-top:15px;letter-spacing:.08em;font-size:12px;font-weight:800}
.insurance-spotlight{background:#0a1519;border-block:1px solid #ffffff21}
.insurance-feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:550px;align-items:center;gap:8%;padding-block:82px}
.insurance-copy h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(52px,5.7vw,92px);line-height:.92;margin:24px 0 30px}
.insurance-copy h2 span{color:var(--yellow)}
.insurance-copy p{color:#b6c4c6;font-size:16px;line-height:1.8;max-width:650px;margin-bottom:30px}
.insurance-photo{height:440px;overflow:hidden;border:1px solid #ffffff3c;position:relative}
.insurance-photo img{width:100%;height:100%;object-fit:cover}
.trade-feature{background:#0c1419;border-block:1px solid #ffffff25;padding:105px 0}
.trade-feature-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:8%}
.trade-feature .section-title{font-size:clamp(53px,5.1vw,86px);margin:23px 0}
.trade-feature p{font-size:18px;line-height:1.8;color:#b9c5c7;margin-bottom:32px}
.trade-opportunity{background:#e6e7e0;color:#0a1418}
.trade-opportunity .kicker{color:#9a7900}
.trade-opportunity-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.trade-opportunity h2{font-size:clamp(48px,5vw,84px);margin:25px 0}
.trade-opportunity p{font-size:17px;line-height:1.8;max-width:610px;color:#405057}
.trade-quick-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.trade-quick-actions .inline-link{color:#111b20}
.trade-photo{min-height:490px;align-self:stretch;overflow:hidden}
.trade-photo img{width:100%;height:100%;object-fit:cover}
.trade-form-section{background:#101b21}
.trade-enquiry-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:8%;align-items:start}
.trade-enquiry-grid .section-title{margin:26px 0}.trade-enquiry-grid>div:first-child>p{color:#c1caca;line-height:1.8}
.trade-direct{margin-top:52px;border-top:1px solid #ffffff30;padding-top:28px;display:flex;flex-direction:column;gap:7px}
.trade-direct strong{font-size:11px;letter-spacing:.15em;color:var(--yellow)}.trade-direct a{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(35px,4vw,61px);font-weight:800}.trade-direct small{color:#b6c0c1}
.trade-form-panel{background:#e9e8e0;color:#0c1519;border-top:5px solid #efbd09}
.trade-form-panel h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:48px;margin:0 0 10px;text-transform:uppercase}
.trade-form-panel .form-honesty{font-size:13px;color:#40535a;margin:0 0 22px;line-height:1.5}
.trade-form-panel .field span{color:#14232a}
.trade-form-panel input,.trade-form-panel textarea,.trade-form-panel select{background:#fff;border:1px solid #b6c0c1;color:#0c161a}
.trade-form-panel input:focus,.trade-form-panel textarea:focus,.trade-form-panel select:focus{outline:2px solid var(--yellow)}
.trade-form-panel button{margin-top:25px}
.trade-form-panel #form-status{margin-top:15px;font-size:13px;color:#34484e}
.local-context{background:#0a1419;border-top:1px solid #ffffff30}
.local-context-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%}
.local-context .section-title{margin:25px 0}
.local-context p{color:#b4c1c4;line-height:1.85;font-size:16px;margin:0 0 19px}
.local-crosslinks{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}
.local-crosslinks a{border-bottom:1px solid var(--yellow);padding:8px 0;font-weight:800;font-size:12px}
.urgent-safety{background:#e8e8e1;color:#121d21}
.urgent-safety .kicker{color:#a88200}.urgent-safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}
.urgent-safety .section-title{margin:25px 0}
.urgent-safety p{font-size:16px;color:#47575c;line-height:1.8;margin-bottom:19px}
.urgent-safety .inline-link{color:#10171a;margin-top:10px}
@media(max-width:1150px){.site-header .navigation{gap:14px}.navigation a{font-size:10px}.brand,.brand img{width:175px}.header-phone{font-size:9px;padding:0 12px}}
@media(max-width:980px){.statement-section{grid-template-columns:1fr}.statement-photo,.statement-section.reverse .statement-photo{min-height:390px;order:1}.statement-content,.statement-section.reverse .statement-content{order:2;padding:70px 5vw}.claim-grid,.trade-opportunity-grid,.insurance-feature,.trade-feature-grid,.trade-enquiry-grid,.local-context-grid,.urgent-safety-grid{grid-template-columns:1fr;gap:35px}.insurance-feature{padding-block:70px}.insurance-photo{height:360px}.detail-card-grid{gap:10px}.proof-strip>.container{flex-wrap:wrap}.proof-strip span{flex:1 1 230px}}
@media(max-width:700px){.hero-headline{font-size:clamp(57px,13.5vw,81px);line-height:.88}.slide-tab{min-width:0;padding:21px 0 0;height:74px;font-size:8px;width:77px}.page-hero.cinematic-inner{min-height:550px;padding:92px 0 55px}.cinematic-inner h1{font-size:clamp(52px,12.5vw,80px)}.cinematic-inner .mini-hero-actions{flex-direction:column;align-items:stretch}.cinematic-inner .mini-hero-actions .btn{justify-content:center}.cinematic-inner .hero-secondary{text-align:center}.proof-strip>.container{padding-block:12px}.proof-strip span{flex:1 1 100%;border:0;border-bottom:1px solid #1114}.detail-card-grid{grid-template-columns:1fr}.detail-card{padding:30px 27px;min-height:0}.statement-photo{min-height:310px}.statement-content{padding:65px 18px}.statement-content h2{font-size:clamp(47px,11.4vw,67px)}.claim-grid .section-title{font-size:clamp(44px,10vw,63px)}.claim-note{padding:30px}.insurance-photo{height:275px}.insurance-copy h2{font-size:clamp(50px,11vw,69px)}.trade-feature{padding:78px 0}.trade-feature .section-title{font-size:clamp(50px,10vw,66px)}.trade-opportunity h2{font-size:clamp(49px,10.2vw,68px)}.trade-photo{min-height:290px}.trade-enquiry-grid .section-title{font-size:58px}.services-gallery{grid-template-rows:none}.service-tile.feature{min-height:400px}.trade-form-panel h3{font-size:40px}.trade-form-section{padding-bottom:120px}}
@media(max-width:380px){.hero-headline{font-size:clamp(49px,13.8vw,59px)}.slide-tab{width:71px;font-size:7px}.cinematic-inner h1{font-size:clamp(45px,12.1vw,56px)}}
/* Give long town names space on narrow phones. */
@media(max-width:700px){.cinematic-inner h1{font-size:clamp(40px,10.5vw,58px);overflow-wrap:normal}.statement-content .section-title,.local-context .section-title{overflow-wrap:break-word}}
/* Prevent long locality headings creating horizontal scrolling. */
@media(max-width:700px){
.local-context-grid{grid-template-columns:minmax(0,1fr)}
.local-context-grid>*{min-width:0;max-width:100%}
.local-context .section-title{font-size:clamp(38px,9.8vw,62px);overflow-wrap:anywhere;max-width:100%}
}
/* Small-screen editorial safeguards: long service and town names must wrap cleanly. */
@media(max-width:700px){
 .statement-section{grid-template-columns:minmax(0,1fr)}
 .statement-section>*{min-width:0;max-width:100%}
 .trade-opportunity-grid,.trade-feature-grid,.insurance-feature,.trade-enquiry-grid,.claim-grid,.local-context-grid,.urgent-safety-grid{grid-template-columns:minmax(0,1fr)}
 .trade-opportunity-grid>*,.trade-feature-grid>*,.insurance-feature>*,.trade-enquiry-grid>*,.claim-grid>*,.local-context-grid>*,.urgent-safety-grid>*{min-width:0;max-width:100%}
 .faq-layout,.faq-intro{min-width:0}
 .faq-intro .section-title{font-size:clamp(36px,9vw,56px);overflow-wrap:anywhere}
 .feature-detail-section .section-title{font-size:clamp(38px,10.2vw,59px);overflow-wrap:anywhere}
 .intro-section .section-title{font-size:clamp(40px,10.3vw,63px);overflow-wrap:anywhere}
 .journey-head h2{font-size:clamp(39px,10.4vw,65px);overflow-wrap:anywhere}
 .visual-split-copy .section-title{font-size:clamp(42px,10.8vw,65px);overflow-wrap:anywhere}
 .service-tile h3,.service-tile.feature h3,.services-gallery>.service-tile:last-child h3{font-size:clamp(39px,10vw,52px);overflow-wrap:anywhere}
 .service-tile h3{line-height:1}
 .slide .hero-headline{font-size:clamp(44px,12.3vw,68px);overflow-wrap:anywhere}
 .area-list a strong{font-size:clamp(27px,8vw,48px);overflow-wrap:anywhere}
 .statement-content h2{overflow-wrap:anywhere}
}
@media(max-width:380px){
 main{max-width:100vw;overflow-x:clip}
 .trade-opportunity h2{font-size:clamp(39px,10.2vw,50px);overflow-wrap:anywhere}
 .trade-opportunity-grid>*{min-width:0}
 .intro-grid,.journey-grid,.area-intro{grid-template-columns:minmax(0,1fr)}
}
