/* Untitled Creative: curved 3D video reel + featured videos */
.ucr{position:relative;background:#000;color:#f5f5f7;padding:clamp(44px,6vw,84px) 0 clamp(40px,5vw,72px);overflow:hidden;
 font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Helvetica Neue',Arial,sans-serif;border-top:1px solid rgba(255,255,255,.06)}
.ucr-head{text-align:center;padding:0 20px;margin:0 auto clamp(4px,1vw,12px);max-width:760px}
.ucr-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,245,247,.6);margin:0 0 14px}
.ucr-eyebrow i{width:8px;height:8px;border-radius:50%;background:#E8001A;box-shadow:0 0 0 4px rgba(232,0,26,.18);animation:ucrBlink 1.2s steps(2,start) infinite}
@keyframes ucrBlink{to{visibility:hidden}}
.ucr-h{font-size:clamp(30px,5vw,64px);line-height:.98;margin:0;color:#f5f5f7}
.ucr-h em{display:block;font-style:normal;color:#E8001A}
.ucr-stage{position:relative;height:420px;perspective:1100px;perspective-origin:50% 50%;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.ucr-stage:active{cursor:grabbing}
.ucr-ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
.ucr-card{position:absolute;left:calc(var(--w) / -2);top:calc(var(--w) * -.889);width:var(--w);height:calc(var(--w) * 1.778);border-radius:14px;overflow:hidden;
 background:#0b0b0b center/cover no-repeat;backface-visibility:hidden;will-change:transform;box-shadow:0 30px 60px -30px rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.08)}
.ucr-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.ucr-card::after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);pointer-events:none}
.ucr-tag{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:flex;align-items:center;gap:7px;min-width:0}
.ucr-tag img{flex:none;width:26px;height:26px;border-radius:7px;background:#fff;object-fit:contain;padding:3px;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.ucr-tag b{font-size:10.5px;font-weight:600;line-height:1.15;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.ucr-cta{display:flex;justify-content:center;margin-top:clamp(8px,1.4vw,18px);padding:0 20px}
/* featured: Toyota + outdoor flooring, with sound */
.ucf{display:grid;grid-template-columns:repeat(4,minmax(0,250px));justify-content:center;gap:clamp(14px,2.4vw,32px);padding:clamp(28px,4vw,52px) 20px 0}
.ucf-item{margin:0}
.ucf-vid{position:relative;display:block;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#0b0b0b center/cover no-repeat;cursor:pointer;
 border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -40px rgba(232,0,26,.35),0 30px 60px -30px rgba(0,0,0,.9)}
.ucf-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ucf-snd{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
 padding:9px 15px;border-radius:99px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:600;color:#fff}
.ucf-snd svg{width:16px;height:16px}
.ucf-vid.snd .ucf-snd .on{display:none}.ucf-vid:not(.snd) .ucf-snd .off{display:none}
.ucf-cap{display:flex;align-items:center;gap:10px;margin-top:14px}
.ucf-cap img{width:40px;height:40px;border-radius:10px;background:#fff;object-fit:contain;padding:5px;flex:none}
.ucf-cap strong{display:block;font-size:15px;font-weight:650;color:#f5f5f7}
.ucf-cap span{display:block;font-size:13px;color:rgba(245,245,247,.55);margin-top:2px}
@media (max-width:900px){.ucf{grid-template-columns:repeat(2,minmax(0,280px));}}
@media (max-width:640px){.ucf{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-left:16px;padding-right:16px}
 .ucf-vid{border-radius:16px}.ucf-snd{font-size:11px;padding:7px 10px;bottom:10px}.ucf-cap img{width:32px;height:32px}.ucf-cap strong{font-size:13px}.ucf-cap span{font-size:11.5px}}
@media (prefers-reduced-motion:reduce){.ucr-eyebrow i{animation:none}}

/* ═══ Title font: Archivo Expanded, heavy, uppercase (all section titles) ═══ */
.uc-title,.ucr-h,#hero .hero-h1,h1.hero-h1,.ap-res-h2,main h2:not(.ap-h):not(.cg-title){
 font-family:'Archivo','Arial Black',sans-serif!important;font-stretch:125%;font-weight:900!important;
 text-transform:uppercase;letter-spacing:-.01em!important;font-style:normal}
#hero .hero-h1 em,.ap-res-h2 em{font-style:normal}
#hero .hero-h1{line-height:1.02!important}
#hero.uch.ap-hero .hero-h1{font-size:clamp(26px,2.9vw,42px)!important}
@media (max-width:760px){#hero.uch.ap-hero .hero-h1{font-size:clamp(22px,6.6vw,30px)!important}}
.ap-res-h2{font-size:clamp(28px,4vw,52px)!important;line-height:1!important}
/* ═══ Client logo grid under the questions: equal tiles, symmetrical 4 x 5 ═══ */
.ap-logos{margin-top:22px;width:100%}
.ap-logos-t{margin:0 0 12px;text-align:center;font:600 12px/1.2 -apple-system,BlinkMacSystemFont,'SF Pro Text',Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,245,247,.5)}
.ap-lg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ap-lg li{aspect-ratio:1/1;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;padding:14%;box-shadow:0 10px 24px -14px rgba(0,0,0,.8)}
.ap-lg img{width:100%;height:100%;object-fit:contain;display:block}
@media (max-width:760px){.ap-lg{gap:8px}.ap-lg li{border-radius:12px}}
/* fixes: homepage hero size, call-line spacing, logos fill tiles evenly */
#hero.uch:not(.ap-hero) .hero-h1{font-size:clamp(28px,3.5vw,52px)!important}
@media (max-width:760px){#hero.uch:not(.ap-hero) .hero-h1{font-size:clamp(24px,7.4vw,34px)!important}}
.ap-quiz .ap-sub.ap-sub3,.ap-sub3{display:block;margin:14px 0 28px!important;line-height:1.55!important}
.ap-lg li{padding:0!important;background:#000!important;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.ap-lg img{object-fit:cover!important}
.ap-lg li.wide{background:#fff!important;padding:10%!important}
.ap-lg li.wide img{object-fit:contain!important}

/* ═══ Nov 5 fixes ═══ */
#proven .pv-h .l1{white-space:normal!important;display:block}
#proven .pv-h{font-size:clamp(26px,3vw,46px)!important;position:relative;z-index:2}
#proven .pv-h .l1,#proven .pv-h .l2{font-size:inherit!important}
#hero.uch:not(.ap-hero) .hero-h1{font-size:clamp(26px,3.1vw,46px)!important}
/* ═══ hero title: 4 lines (Meta ad management / + / Content production / for Sydney businesses) ═══ */
#hero .hero-h1 .h1-plus{color:#E8001A}
/* ═══ /apply desktop: centred title, founder phone + questions side by side, logos full width (2 x 10) ═══ */
@media (min-width:761px){
 #hero.uch.ap-hero{padding-top:96px!important;padding-bottom:48px!important;--pw:clamp(220px,17vw,270px)}
 #hero.uch.ap-hero .ap-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"copy copy" "stage quiz" "logos logos"!important;align-items:center;column-gap:48px;row-gap:24px;max-width:1180px;margin:0 auto}
 #hero.uch.ap-hero .ap-copy{text-align:center;align-items:center;justify-self:center;align-self:start}
 #hero.uch.ap-hero .hero-h1{font-size:clamp(24px,2.5vw,38px)!important;line-height:1!important;text-align:center}
 #hero.uch.ap-hero .hero-trust{justify-content:center;margin-top:12px}
 #hero.uch.ap-hero .ap-promise{text-align:center;margin-top:8px}
 #hero.uch.ap-hero .ap-stage{justify-self:end;align-self:center}
 #hero.uch.ap-hero .ap-quiz-wrap{justify-self:start;align-self:center;max-width:520px;width:100%;margin-top:0}
 .ap-logos{grid-area:logos;margin-top:16px}
 .ap-lg{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:10px}
}
.ap-lg li{border-radius:14px}
/* phones: title, questions first, then logos, then the founder phone */
@media (max-width:760px){
 #hero.uch.ap-hero .ap-grid{grid-template-areas:"copy" "quiz" "logos" "stage"!important}
 #hero.uch.ap-hero .ap-copy{text-align:center}
 .ap-logos{grid-area:logos;margin-top:0}
 .ap-lg{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .ap-lg li{order:var(--om)}
}
@media (min-width:761px){#hero .hero-h1 .line{white-space:nowrap}#hero.uch:not(.ap-hero) .hero-h1{font-size:clamp(24px,2.6vw,40px)!important}}
@media (max-width:760px){#hero.uch.ap-hero .hero-h1{font-size:clamp(20px,6.2vw,26px)!important}#hero.uch.ap-hero{padding-top:80px!important}#hero.uch.ap-hero .ap-grid{row-gap:16px!important}}
/* hero title centred (+ in the middle) with more line spacing, homepage + apply */
#hero .hero-h1{text-align:center!important;line-height:1.22!important}
#hero .hero-h1 .line{display:block;text-align:center}
#hero.uch:not(.ap-hero) .hero-inner{align-items:center!important;text-align:center!important}
#hero.uch:not(.ap-hero) .hero-trust,#hero.uch:not(.ap-hero) .hero-btns{justify-content:center!important}
#hero.uch:not(.ap-hero) .hero-inner > *{margin-left:auto;margin-right:auto}
/* homepage results: 6 cards, 3 x 2 */
/* hero title: extra space only before "for Sydney businesses" */
#hero h1.hero-h1 .line:nth-child(4){margin-top:.55em!important}
.ap-lg li.wide{background:#000!important;padding:10%!important}
/* "People we work with" uses the same title font as the other section titles */
section#clients h2.cg-title{font-family:'Archivo','Arial Black',sans-serif!important;font-stretch:125%;font-weight:900!important;text-transform:uppercase!important;letter-spacing:-.01em!important;font-size:clamp(28px,4vw,44px)!important;line-height:1.05!important;font-style:normal}
/* apply desktop: phone sits further left in its column */
@media (min-width:761px){#hero.uch.ap-hero .ap-stage{justify-self:start!important;margin-left:clamp(0px,6vw,110px)}}
/* ═══ Nov 6: bigger homepage hero title ═══ */
#hero.uch:not(.ap-hero) .hero-h1{font-size:clamp(28px,3vw,44px)!important;max-width:none!important}
@media (max-width:760px){#hero.uch:not(.ap-hero) .hero-h1{font-size:clamp(27px,8.8vw,40px)!important}}