.cta-about-page{--red:#f51f27;--yellow:#ffd400;--ink:#111315;--paper:#f4f2ed;--line:#ddd9d1;color:var(--ink);background:#fff;overflow:hidden}.cta-about-page *{box-sizing:border-box}.cta-about-shell{width:min(1380px,calc(100% - 48px));margin:auto}.cta-about-page h1,.cta-about-page h2,.cta-about-page h3{font-family:inherit;text-transform:uppercase;line-height:.95;margin:0;font-weight:900;letter-spacing:-.035em}.cta-about-page p{font-family:inherit}.cta-about-eyebrow{display:flex;align-items:center;gap:12px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin-bottom:18px}.cta-about-eyebrow span{width:38px;height:2px;background:var(--red);display:block}.cta-about-eyebrow.light{color:#fff}.cta-about-eyebrow.light span{background:var(--red)}.cta-about-hero{height:min(650px,68vh);min-height:520px;position:relative;background:#151515;background-image:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.88) 35%,rgba(9,9,9,.22) 75%),var(--cta-hero);background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}.cta-about-hero:not(.has-image){background-image:linear-gradient(120deg,#111 0%,#202020 100%)}.cta-about-hero:after,.cta-about-story-content:after,.cta-about-cta:after{content:"";position:absolute;inset:auto 0 0 auto;width:31%;height:68%;opacity:.14;background-image:linear-gradient(45deg,#fff 25%,transparent 25%),linear-gradient(-45deg,#fff 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fff 75%),linear-gradient(-45deg,transparent 75%,#fff 75%);background-size:46px 46px;background-position:0 0,0 23px,23px -23px,-23px 0;pointer-events:none}.cta-about-hero-inner{position:relative;z-index:2}.cta-about-hero h1{font-size:clamp(60px,7vw,118px);max-width:980px;color:#fff}.cta-about-hero p{font-size:20px;line-height:1.55;max-width:670px;margin:26px 0 34px;color:#fff}.cta-about-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-width:230px;padding:22px 24px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;border-radius:0}.cta-about-btn.red{background:var(--red);color:#fff}.cta-about-btn b{font-size:22px;font-weight:400}.cta-about-hero-num{position:absolute;right:5%;bottom:20px;font-size:clamp(70px,9vw,160px);font-weight:900;color:rgba(255,212,0,.23);line-height:1}.cta-about-intro{padding:100px 0;background:var(--paper)}.cta-about-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.cta-about-intro h2,.cta-about-promises h2,.cta-about-workshop h2,.cta-about-gallery h2,.cta-about-cta h2{font-size:clamp(48px,5vw,78px)}.cta-about-copy{font-size:17px;line-height:1.75;color:#4b4b4b}.cta-about-copy p{margin:0 0 18px}.cta-about-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-about-stat{padding:30px;border-right:1px solid var(--line)}.cta-about-stat:last-child{border-right:0}.cta-about-stat strong{display:block;font-size:28px;font-weight:900}.cta-about-stat span{display:block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.16em;margin-top:7px}.cta-about-story{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#101214;color:#fff}.cta-about-story-media{background:#202020 center/cover no-repeat;min-height:600px}.cta-about-story-content{position:relative;padding:100px clamp(50px,8vw,140px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.cta-about-story-content h2{font-size:clamp(48px,5vw,80px);position:relative;z-index:1}.cta-about-story-content .cta-about-copy{margin-top:28px;position:relative;z-index:1}.light-copy{color:#d5d5d5}.cta-about-promises{padding:100px 0;background:var(--yellow);position:relative}.cta-about-section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:60px}.cta-about-section-head>p{font-size:16px;line-height:1.7;border-left:2px solid var(--red);padding-left:35px;max-width:520px}.cta-about-promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(0,0,0,.14)}.cta-about-promise-grid article{background:#111315;color:#fff;padding:34px 28px 38px;min-height:265px;border-bottom:5px solid var(--red);position:relative}.cta-about-promise-num{display:inline-flex;background:var(--red);color:var(--yellow);font-size:22px;font-weight:900;padding:10px 14px;margin:-34px 0 42px -28px}.cta-about-promise-grid h3{font-size:27px;color:#fff}.cta-about-promise-grid p{font-size:14px;line-height:1.6;color:#d2d2d2;margin:13px 0 0}.cta-about-workshop{padding:100px 0;background:#fff}.cta-about-workshop-grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:580px;border:1px solid #dedbd5}.cta-about-workshop-copy{padding:70px}.cta-about-workshop-copy>p{font-size:16px;line-height:1.7;color:#545454;max-width:600px;margin:24px 0 40px}.cta-about-workshop-image{background:#eee center/cover no-repeat;min-height:520px}.cta-about-detail{display:flex;gap:18px;border-top:1px solid #ddd9d1;padding:18px 0}.cta-about-detail svg{width:24px;height:24px;fill:var(--red);flex:0 0 auto}.cta-about-detail span{display:block;color:var(--red);font-size:9px;letter-spacing:.16em;font-weight:800;margin-bottom:5px}.cta-about-detail strong{font-size:14px}.cta-about-gallery{padding:100px 0;background:var(--paper)}.cta-about-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:8px;margin-top:45px}.cta-about-gallery-grid figure{margin:0;overflow:hidden}.cta-about-gallery-grid figure:nth-child(5n+1){grid-column:span 2;grid-row:span 2}.cta-about-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block}.cta-about-cta{background:var(--yellow);padding:70px 0;position:relative;overflow:hidden;border-bottom:5px solid var(--red)}.cta-about-cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px;position:relative;z-index:1}.cta-about-cta p{margin:16px 0 0;font-size:16px}.cta-about-cta h2{font-size:clamp(45px,5vw,72px)}
@media(max-width:900px){.cta-about-shell{width:calc(100% - 34px)}.cta-about-hero{height:auto;min-height:620px;padding:100px 0 65px;background-position:center}.cta-about-hero h1{font-size:58px}.cta-about-hero p{font-size:16px}.cta-about-intro,.cta-about-promises,.cta-about-workshop,.cta-about-gallery{padding:65px 0}.cta-about-intro-grid,.cta-about-section-head,.cta-about-story,.cta-about-workshop-grid,.cta-about-cta-grid{grid-template-columns:1fr}.cta-about-intro-grid,.cta-about-section-head{gap:28px}.cta-about-intro h2,.cta-about-promises h2,.cta-about-workshop h2,.cta-about-gallery h2,.cta-about-cta h2{font-size:45px}.cta-about-stats{grid-template-columns:1fr 1fr;margin-top:45px}.cta-about-stat:nth-child(2){border-right:0}.cta-about-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.cta-about-story-media{min-height:420px}.cta-about-story-content{padding:65px 25px}.cta-about-promise-grid{grid-template-columns:1fr 1fr}.cta-about-workshop-copy{padding:42px 28px}.cta-about-workshop-image{min-height:380px}.cta-about-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.cta-about-cta-grid{gap:28px}.cta-about-btn{width:100%}.cta-about-hero-num{font-size:70px}}
@media(max-width:560px){.cta-about-hero{min-height:600px}.cta-about-hero h1{font-size:49px}.cta-about-promises h2,.cta-about-intro h2,.cta-about-workshop h2,.cta-about-gallery h2,.cta-about-cta h2{font-size:39px}.cta-about-promise-grid{grid-template-columns:1fr}.cta-about-gallery-grid{grid-template-columns:1fr}.cta-about-gallery-grid figure:nth-child(5n+1){grid-column:auto;grid-row:auto}.cta-about-stats{grid-template-columns:1fr}.cta-about-stat{border-right:0;border-bottom:1px solid var(--line)!important}.cta-about-stat:last-child{border-bottom:0!important}}

/* v1.0.1 consistency + empty-state redesign */
@font-face{font-family:'Bebas Neue';src:url('https://citytyresauto.com.au/wp-content/uploads/2026/09/BebasNeue-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.cta-about-page{font-family:'Manrope',Arial,sans-serif}
.cta-about-page h1,.cta-about-page h2,.cta-about-page h3,.cta-about-stat strong,.cta-about-hero-num,.cta-about-promise-num{font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;letter-spacing:0!important}
.cta-about-hero h1{font-size:clamp(68px,7.2vw,126px);line-height:.86}
.cta-about-intro h2,.cta-about-promises h2,.cta-about-workshop h2,.cta-about-gallery h2,.cta-about-cta h2{font-size:clamp(46px,4vw,72px);line-height:.9}
.cta-about-promise-grid h3{font-size:31px;line-height:.95}
.cta-about-stat strong{font-size:34px;line-height:1}
.cta-about-copy,.cta-about-page p{font-family:'Manrope',Arial,sans-serif}

/* Never render dead grey image blocks when no image has been selected. */
.cta-about-story.no-image{grid-template-columns:1fr;min-height:auto;background:#101214;position:relative;overflow:hidden}
.cta-about-story.no-image .cta-about-story-media{display:none}
.cta-about-story.no-image .cta-about-story-content{min-height:540px;padding:95px max(48px,calc((100vw - 1380px)/2));max-width:none}
.cta-about-story.no-image .cta-about-story-content:before{content:'WORKSHOP';position:absolute;right:-20px;bottom:-45px;font:400 clamp(140px,19vw,330px)/.75 'Bebas Neue',sans-serif;color:rgba(255,212,0,.055);letter-spacing:0;pointer-events:none}
.cta-about-story.no-image .cta-about-story-content:after{width:28%;height:86%;opacity:.12}
.cta-about-story.no-image h2{max-width:900px;color:#fff}
.cta-about-story.no-image .cta-about-copy{max-width:860px}

.cta-about-workshop-grid{background:#fff}
.cta-about-workshop-image.no-image{position:relative;min-height:520px;background:var(--yellow);overflow:hidden;display:flex;align-items:flex-end;padding:48px}
.cta-about-workshop-image.no-image:before{content:'';position:absolute;inset:0;opacity:.14;background-image:linear-gradient(45deg,#111 25%,transparent 25%),linear-gradient(-45deg,#111 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111 75%),linear-gradient(-45deg,transparent 75%,#111 75%);background-size:48px 48px;background-position:0 0,0 24px,24px -24px,-24px 0}
.cta-about-workshop-image.no-image:after{content:'52';position:absolute;right:24px;top:12px;font:400 220px/.8 'Bebas Neue',sans-serif;color:rgba(0,0,0,.08)}
.cta-about-workshop-fallback{display:none}
.cta-about-workshop-image.no-image .cta-about-workshop-fallback{display:flex;position:relative;z-index:2;flex-direction:column;gap:8px;color:#111}
.cta-about-workshop-fallback span{font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--red)}
.cta-about-workshop-fallback strong{font:400 clamp(34px,3.8vw,64px)/.9 'Bebas Neue',sans-serif;max-width:520px}

/* Make the neutral section feel intentional rather than flat grey. */
.cta-about-intro{background:#f4f3ee;position:relative}
.cta-about-intro:after{content:'';position:absolute;right:0;top:0;width:18%;height:100%;opacity:.025;background-image:linear-gradient(45deg,#111 25%,transparent 25%),linear-gradient(-45deg,#111 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111 75%),linear-gradient(-45deg,transparent 75%,#111 75%);background-size:44px 44px;background-position:0 0,0 22px,22px -22px,-22px 0;pointer-events:none}
.cta-about-intro .cta-about-shell{position:relative;z-index:1}

@media(max-width:900px){
 .cta-about-story.no-image .cta-about-story-content{min-height:auto;padding:70px 24px}
 .cta-about-story.no-image .cta-about-story-content:before{font-size:150px;bottom:-20px}
 .cta-about-workshop-image.no-image{min-height:330px;padding:28px}
 .cta-about-workshop-image.no-image:after{font-size:150px}
 .cta-about-hero h1{font-size:58px}
 .cta-about-intro h2,.cta-about-promises h2,.cta-about-workshop h2,.cta-about-gallery h2,.cta-about-cta h2{font-size:45px}
}

/* v1.0.2 cleanup */
.cta-about-hero:after{display:none!important;content:none!important}
.cta-about-hero-num{display:none!important}