/* Case study pages. Generated by tools/extract-cs-css.js from the old case study templates. Rules prefixed .page- keep one case study's own variation. */ :where(.single-case_study) * { margin:0; padding:0; box-sizing:border-box; } body:where(.single-case_study) { font-family:'DM Sans',sans-serif; background-color:#000000; color:#ffffff; min-height:100vh; overflow-x:hidden; } :where(.single-case_study) nav { position:absolute; top:0; left:0; right:0; display:flex; justify-content:space-between; align-items:center; padding:20px 60px; z-index:100; } :where(.single-case_study) .logo { display:flex; align-items:center; gap:10px; } :where(.single-case_study) .logo img { height:45px; } :where(.single-case_study) .nav-divider { display:none; } :where(.single-case_study) .nav-links { display:flex; align-items:center; gap:50px; } :where(.single-case_study) .nav-links>a { color:#ffffff; text-decoration:none; font-size:15px; font-weight:400; transition:color 0.3s ease; } :where(.single-case_study) .nav-links>a:hover, :where(.single-case_study) .nav-links>a.active { color:#F5A623; } :where(.single-case_study) .nav-dropdown { position:relative; } :where(.single-case_study) .nav-dropdown>a { color:#ffffff; text-decoration:none; font-size:15px; font-weight:400; transition:color 0.3s ease; display:flex; align-items:center; gap:5px; } :where(.single-case_study) .nav-dropdown>a:hover, :where(.single-case_study) .nav-dropdown>a.active { color:#F5A623; } :where(.single-case_study) .nav-dropdown>a::after { content:''; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #ffffff; transition:transform 0.3s ease,border-color 0.3s ease; } :where(.single-case_study) .nav-dropdown:hover>a::after { border-top-color:#F5A623; transform:rotate(180deg); } :where(.single-case_study) .dropdown-menu { position:absolute; top:100%; left:50%; transform:translateX(-50%); background:rgba(20,20,20,0.95); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.1); border-radius:12px; padding:15px 0; min-width:200px; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.3s ease,visibility 0.3s ease,margin-top 0.3s ease; margin-top:15px; box-shadow:0 10px 40px rgba(0,0,0,0.5); z-index:1000; } :where(.single-case_study) .dropdown-menu::before { content:''; position:absolute; top:-15px; left:0; right:0; height:15px; } :where(.single-case_study) .nav-dropdown:hover .dropdown-menu, :where(.single-case_study) .dropdown-menu:hover { opacity:1; visibility:visible; margin-top:10px; pointer-events:auto; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .dropdown-menu a { display:block; padding:12px 25px; color:#ffffff; text-decoration:none; font-size:14px; transition:all 0.3s ease; cursor:pointer; pointer-events:auto; } :where(.page-how-we-helped-bariano-increase-their-sales) .dropdown-menu a { display:block; padding:12px 25px; color:#ffffff; text-decoration:none; font-size:14px; transition:all 0.3s ease; } :where(.single-case_study) .dropdown-menu a:hover { background:rgba(245,166,35,0.1); color:#F5A623; } :where(.single-case_study) .dropdown-menu a.active { color:#F5A623; background:rgba(245,166,35,0.05); } :where(.single-case_study) .nav-cta { background-color:#F5A623; color:#000000; padding:12px 28px; border-radius:8px; text-decoration:none; font-weight:600; font-size:14px; transition:background-color 0.3s ease,transform 0.3s ease; } :where(.single-case_study) .nav-cta:hover { background-color:#e09515; transform:translateY(-2px); } :where(.page-asedos-perfumes-case-study) .mobile-nav-right { display:none; align-items:center; gap:15px; } :where(.page-becker-watt-lawyers-case-study) .mobile-nav-right { display:none; align-items:center; gap:15px; } :where(.page-canvas-art-factory-case-study) .mobile-nav-right { display:none; align-items:center; gap:15px; } :where(.page-jh-plumbing-drainage-case-study) .mobile-nav-right { display:none; align-items:center; gap:15px; } :where(.page-naudic-case-study) .mobile-nav-right { display:none; align-items:center; gap:15px; } :where(.page-salon-supplies-furniture-case-study) .mobile-nav-right { display:none; align-items:center; gap:15px; } :where(.page-smooth-service-tiling-case-study) .mobile-nav-right { display:none; align-items:center; gap:15px; } :where(.page-mcmore-motor-co-case-study) .mobile-nav-right { display:none; align-items:center; gap:4px; } :where(.page-property-specialists-australia-case-study) .mobile-nav-right { display:none; align-items:center; gap:4px; } :where(.single-case_study) .mobile-menu-toggle { display:none; flex-direction:column; justify-content:center; align-items:center; width:44px; height:44px; background:transparent; border:none; cursor:pointer; padding:10px; z-index:1001; position:relative; } :where(.single-case_study) .mobile-menu-toggle span { display:block; width:24px; height:2px; background-color:#ffffff; transition:all 0.3s ease; position:absolute; } :where(.single-case_study) .mobile-menu-toggle span:nth-child(1) { transform:translateY(-8px); } :where(.single-case_study) .mobile-menu-toggle span:nth-child(2) { transform:translateY(0); } :where(.single-case_study) .mobile-menu-toggle span:nth-child(3) { transform:translateY(8px); } :where(.single-case_study) .mobile-menu-toggle.active span:nth-child(1) { transform:rotate(45deg); } :where(.single-case_study) .mobile-menu-toggle.active span:nth-child(2) { opacity:0; } :where(.single-case_study) .mobile-menu-toggle.active span:nth-child(3) { transform:rotate(-45deg); } :where(.single-case_study) .mobile-menu-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; opacity:0; pointer-events:none; transition:opacity 0.3s ease; } :where(.single-case_study) .mobile-menu-overlay.active { opacity:1; pointer-events:auto; } :where(.single-case_study) .mobile-menu { position:fixed; top:0; right:0; width:85%; max-width:320px; height:100%; background:linear-gradient(180deg,#0a0a0a 0%,#111111 100%); z-index:1000; overflow-y:auto; padding:80px 30px 30px; box-shadow:-10px 0 30px rgba(0,0,0,0.5); transform:translateX(100%); visibility:hidden; transition:transform 0.3s ease,visibility 0.3s ease; } :where(.single-case_study) .mobile-menu.active { transform:translateX(0); visibility:visible; } :where(.single-case_study) .mobile-menu-links { display:flex; flex-direction:column; gap:0; } :where(.single-case_study) .mobile-menu-links>a, :where(.single-case_study) .mobile-menu-links>.mobile-dropdown>a { display:block; color:#ffffff; text-decoration:none; font-size:18px; font-weight:500; padding:18px 0; border-bottom:1px solid rgba(255,255,255,0.1); transition:color 0.3s ease,padding-left 0.3s ease; } :where(.single-case_study) .mobile-menu-links>a:hover, :where(.single-case_study) .mobile-menu-links>.mobile-dropdown>a:hover { color:#F5A623; padding-left:10px; } :where(.single-case_study) .mobile-dropdown { border-bottom:1px solid rgba(255,255,255,0.1); } :where(.single-case_study) .mobile-dropdown>a { display:flex !important; justify-content:space-between; align-items:center; border-bottom:none !important; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study)) .mobile-dropdown>a::after { content:'+'; font-size:20px; color:#F5A623; transition:transform 0.3s ease; } :where(.page-3rd-story-case-study) .mobile-dropdown>a::after { content:'+'; font-size:20px; color:#F5A623; } :where(.page-how-we-helped-bariano-increase-their-sales) .mobile-dropdown>a::after { content:'+'; font-size:20px; color:#F5A623; } :where(.page-hunter-broking-case-study) .mobile-dropdown>a::after { content:'+'; font-size:20px; color:#F5A623; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study)) .mobile-dropdown.active>a::after { content:'−'; } :where(.page-3rd-story-case-study) .mobile-dropdown.active>a::after { content:'\2212'; } :where(.page-how-we-helped-bariano-increase-their-sales) .mobile-dropdown.active>a::after { content:'\2212'; } :where(.page-hunter-broking-case-study) .mobile-dropdown.active>a::after { content:'\2212'; } :where(.single-case_study) .mobile-dropdown-menu { max-height:0; overflow:hidden; transition:max-height 0.3s ease; background:rgba(255,255,255,0.02); margin:0 -30px; padding:0 30px; } :where(.single-case_study) .mobile-dropdown.active .mobile-dropdown-menu { max-height:300px; } :where(.single-case_study) .mobile-dropdown-menu a { display:block; color:#aaaaaa; text-decoration:none; font-size:16px; padding:14px 0 14px 20px; border-bottom:1px solid rgba(255,255,255,0.05); transition:color 0.3s ease,padding-left 0.3s ease; } :where(.single-case_study) .mobile-dropdown-menu a:last-child { border-bottom:none; } :where(.single-case_study) .mobile-dropdown-menu a:hover { color:#F5A623; padding-left:30px; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .mobile-menu-cta { display:block; background-color:#F5A623; color:#000000; padding:16px 28px; border-radius:8px; text-decoration:none; font-weight:600; font-size:16px; text-align:center; margin-top:30px; transition:background-color 0.3s ease,transform 0.3s ease; } :where(.page-how-we-helped-bariano-increase-their-sales) .mobile-menu-cta { display:block; background-color:#F5A623; color:#000000; padding:16px 28px; border-radius:8px; text-decoration:none; font-weight:600; font-size:16px; text-align:center; margin-top:30px; } :where(.single-case_study) .mobile-menu-cta:hover { background-color:#e09515; transform:translateY(-2px); } :where(.single-case_study) .hero { position:relative; min-height:80vh; display:flex; align-items:center; justify-content:center; overflow:hidden; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .hero-image-container { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-size:cover; background-position:center; background-repeat:no-repeat; } :where(.page-how-we-helped-bariano-increase-their-sales) .hero-image-container { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-size:cover; background-position:center; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .hero-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient( 180deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100% ); z-index:2; } :where(.page-3rd-story-case-study) .hero-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%); z-index:2; } :where(.page-how-we-helped-bariano-increase-their-sales) .hero-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%); z-index:2; } :where(.page-hunter-broking-case-study) .hero-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%); z-index:2; } :where(.page-fencing-case-study) .hero-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%); z-index:2; } :where(.single-case_study) .hero-content { position:relative; z-index:10; text-align:center; max-width:1000px; padding:160px 60px 80px; } :where(.single-case_study) .hero-badge { display:inline-flex; align-items:center; gap:10px; padding:12px 30px; border-radius:50px; color:#ffffff; font-size:12px; font-weight:600; letter-spacing:2px; text-transform:uppercase; margin-bottom:30px; position:relative; background:#1a1a1a; z-index:1; } :where(.single-case_study) .hero-badge::before { content:''; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px; border-radius:50px; background:conic-gradient(from var(--angle),transparent 60%,#F5A623 80%,#FFBD00 100%,transparent 100%); z-index:-2; animation:rotateBorder 3s linear infinite; } :where(.single-case_study) .hero-badge::after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50px; background:#1a1a1a; z-index:-1; } :where(.single-case_study) .hero-badge-dot { width:6px; height:6px; background:#ffffff; border-radius:50%; } @property --angle { syntax: ''; initial-value: 0deg; inherits: false; } @keyframes rotateBorder { 0% { --angle: 0deg; filter: drop-shadow(0 0 5px rgba(245, 166, 35, 0.5)); } 50% { filter: drop-shadow(0 0 15px rgba(245, 166, 35, 0.8)); } 100% { --angle: 360deg; filter: drop-shadow(0 0 5px rgba(245, 166, 35, 0.5)); } } @keyframes rotateBorder { 0% { --angle: 0deg; filter: drop-shadow(0 0 5px rgba(245,166,35,0.5)); } 50% { filter: drop-shadow(0 0 15px rgba(245,166,35,0.8)); } 100% { --angle: 360deg; filter: drop-shadow(0 0 5px rgba(245,166,35,0.5)); } } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .hero h1 { font-size:64px; font-weight:400; line-height:1.1; margin-bottom:30px; } :where(.page-how-we-helped-bariano-increase-their-sales) .hero h1 { font-size:60px; font-weight:400; line-height:1.1; margin-bottom:30px; } :where(.single-case_study) .hero-subtitle { font-size:20px; color:rgba(255,255,255,0.8); max-width:800px; margin:0 auto; line-height:1.6; } :where(.page-asset-outdoor-additions-case-study) .intro-section { background:#000000; padding:100px 60px; } :where(.page-fencing-case-study) .intro-section { background:#000000; padding:100px 60px; } :where(.page-smooth-service-tiling-case-study) .intro-section { background:#000000; padding:100px 60px; } :where(.page-asset-outdoor-additions-case-study) .intro-container { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; } :where(.page-fencing-case-study) .intro-container { max-width:900px; margin:0 auto; } :where(.page-smooth-service-tiling-case-study) .intro-container { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; } :where(.page-asset-outdoor-additions-case-study) .intro-text { font-size:18px; font-weight:400; color:rgba(255,255,255,0.85); line-height:1.8; } :where(.page-fencing-case-study) .intro-text { font-size:18px; font-weight:400; color:rgba(255,255,255,0.85); line-height:1.8; } :where(.page-smooth-service-tiling-case-study) .intro-text { font-size:32px; font-weight:400; color:#ffffff; line-height:1.4; } :where(.page-smooth-service-tiling-case-study) .intro-text strong { color:#F5A623; } :where(.page-asset-outdoor-additions-case-study) .intro-image img { width:100%; height:auto; border-radius:16px; } :where(.page-smooth-service-tiling-case-study) .intro-image img { width:100%; height:auto; border-radius:16px; display:block; } :where(.single-case_study) .challenge-section { background:#000000; padding:100px 60px; } :where(.single-case_study) .challenge-container { max-width:1100px; margin:0 auto; } :where(.single-case_study) .challenge-heading { font-size:64px; font-weight:400; color:#ffffff; text-align:center; margin-bottom:60px; } :where(.single-case_study) .challenge-card { position:relative; background:#0a0a0a; border-radius:16px; padding:50px 60px; border-left:4px solid #F5A623; overflow:hidden; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .challenge-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient( 600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.15) 0%,rgba(245,166,35,0.08) 25%,transparent 50% ); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-3rd-story-case-study) .challenge-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.15) 0%,rgba(245,166,35,0.08) 25%,transparent 50%); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-hunter-broking-case-study) .challenge-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.15) 0%,rgba(245,166,35,0.08) 25%,transparent 50%); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-fencing-case-study) .challenge-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.15) 0%,rgba(245,166,35,0.08) 25%,transparent 50%); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-how-we-helped-bariano-increase-their-sales) .challenge-card::before { content:''; position:absolute; inset:0; background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.15) 0%,rgba(245,166,35,0.08) 25%,transparent 50%); opacity:0; transition:opacity 0.4s; pointer-events:none; border-radius:16px; } :where(.single-case_study) .challenge-card:hover::before { opacity:1; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .challenge-card::after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(255,189,0,0); border-radius:16px; transition:border-color 0.4s ease; pointer-events:none; } :where(.page-how-we-helped-bariano-increase-their-sales) .challenge-card::after { content:''; position:absolute; inset:0; border:1px solid rgba(255,189,0,0); border-radius:16px; transition:border-color 0.4s; pointer-events:none; } :where(.single-case_study) .challenge-card:hover::after { border-color:rgba(255,189,0,0.2); } :where(.single-case_study) .challenge-card p { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:25px; position:relative; z-index:1; } :where(.single-case_study) .challenge-card p:last-child { margin-bottom:0; } :where(.single-case_study) .key-problems-section { background:#000000; padding:100px 60px; } :where(.single-case_study:not(.page-canvas-art-factory-case-study)) .key-problems-container { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; } :where(.page-canvas-art-factory-case-study) .key-problems-container { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; } :where(.single-case_study) .key-problems-left { position:sticky; top:100px; } :where(.single-case_study) .key-problems-heading { font-size:72px; font-weight:400; color:#ffffff; line-height:1.1; margin-bottom:50px; } :where(.single-case_study) .key-problems-image img { width:100%; max-width:500px; height:auto; display:block; } :where(.single-case_study:not(.page-canvas-art-factory-case-study)) .key-problems-right { display:flex; flex-direction:column; gap:25px; } :where(.page-canvas-art-factory-case-study) .key-problems-right { display:flex; flex-direction:column; gap:25px; justify-content:center; } :where(.page-canvas-art-factory-case-study) .key-problems-right .problem-card-wrapper { flex:1; } :where(.page-canvas-art-factory-case-study) .key-problems-right .problem-card { height:100%; display:flex; flex-direction:column; justify-content:center; } :where(.single-case_study) .problem-card-wrapper { position:relative; border-radius:16px; z-index:1; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .problem-card-wrapper::before { content:''; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px; border-radius:18px; background:conic-gradient(from var(--card-angle,0deg),transparent 70%,#F5A623 85%,#FFBD00 100%,transparent 100%); z-index:-1; opacity:0; transition:opacity 0.4s ease; } :where(.page-how-we-helped-bariano-increase-their-sales) .problem-card-wrapper::before { content:''; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px; border-radius:18px; background:conic-gradient(from var(--card-angle,0deg),transparent 70%,#F5A623 85%,#FFBD00 100%,transparent 100%); z-index:-1; opacity:0; transition:opacity 0.4s; } :where(.single-case_study) .problem-card-wrapper:hover::before { opacity:1; animation:rotateCardBorder 4s linear infinite; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .problem-card-wrapper::after { content:''; position:absolute; top:-4px; left:-4px; right:-4px; bottom:-4px; border-radius:20px; background:conic-gradient(from var(--card-angle,0deg),transparent 70%,#F5A623 85%,#FFBD00 100%,transparent 100%); z-index:-2; filter:blur(10px); opacity:0; transition:opacity 0.4s ease; } :where(.page-how-we-helped-bariano-increase-their-sales) .problem-card-wrapper::after { content:''; position:absolute; top:-4px; left:-4px; right:-4px; bottom:-4px; border-radius:20px; background:conic-gradient(from var(--card-angle,0deg),transparent 70%,#F5A623 85%,#FFBD00 100%,transparent 100%); z-index:-2; filter:blur(10px); opacity:0; transition:opacity 0.4s; } :where(.single-case_study) .problem-card-wrapper:hover::after { opacity:0.5; animation:rotateCardBorder 4s linear infinite; } @keyframes rotateCardBorder { 0% { --card-angle: 0deg; } 100% { --card-angle: 360deg; } } @property --card-angle { syntax: ''; initial-value: 0deg; inherits: false; } :where(.single-case_study) .problem-card { position:relative; background:#0d0d0d; border-radius:16px; padding:35px 40px; border-right:3px solid #F5A623; overflow:hidden; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .problem-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient( 500px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.12) 0%,rgba(245,166,35,0.06) 25%,transparent 50% ); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-3rd-story-case-study) .problem-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.12) 0%,rgba(245,166,35,0.06) 25%,transparent 50%); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-hunter-broking-case-study) .problem-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.12) 0%,rgba(245,166,35,0.06) 25%,transparent 50%); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-fencing-case-study) .problem-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.12) 0%,rgba(245,166,35,0.06) 25%,transparent 50%); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-how-we-helped-bariano-increase-their-sales) .problem-card::before { content:''; position:absolute; inset:0; background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.12) 0%,rgba(245,166,35,0.06) 25%,transparent 50%); opacity:0; transition:opacity 0.4s; pointer-events:none; border-radius:16px; } :where(.single-case_study) .problem-card:hover::before { opacity:1; } :where(.single-case_study) .problem-card h3 { font-size:24px; font-weight:600; color:#F5A623; margin-bottom:20px; position:relative; z-index:1; } :where(.single-case_study) .problem-card p { font-size:15px; color:rgba(255,255,255,0.8); line-height:1.7; position:relative; z-index:1; } :where(.page-becker-watt-lawyers-case-study) .key-problems-evidence { background:#000000; padding:0 60px 100px; } :where(.page-becker-watt-lawyers-case-study) .key-problems-evidence-container { max-width:1400px; margin:0 auto; } :where(.page-becker-watt-lawyers-case-study) .key-problems-evidence img { width:100%; height:auto; border-radius:16px; } :where(.single-case_study) .approach-section { background:#000000; padding:100px 60px; } :where(.single-case_study) .approach-container { max-width:1200px; margin:0 auto; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .approach-heading { font-size:72px; font-weight:400; color:#ffffff; line-height:1.1; margin-bottom:30px; } :where(.page-how-we-helped-bariano-increase-their-sales) .approach-heading { font-size:72px; font-weight:400; color:#ffffff; line-height:1.1; margin-bottom:60px; } :where(.page-asedos-perfumes-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-asset-outdoor-additions-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-brisbane-nightclub-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-cane-wood-emporium-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-canvas-art-factory-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-deconduarte-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-naudic-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-online-beauty-brand-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-salon-supplies-furniture-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-smooth-service-tiling-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-3rd-story-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; } :where(.page-hunter-broking-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; } :where(.page-fencing-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; } :where(.page-bang-olufsen-case-study) .approach-intro { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:40px; max-width:100%; } :where(.page-mcmore-motor-co-case-study) .approach-intro { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:30px; max-width:100%; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-bang-olufsen-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-jh-plumbing-drainage-case-study, .page-mcmore-motor-co-case-study, .page-fencing-case-study)) .approach-subtitle { font-size:28px; font-weight:500; color:#F5A623; margin-bottom:40px; max-width:100%; } :where(.page-3rd-story-case-study) .approach-subtitle { font-size:28px; font-weight:500; color:#F5A623; margin-bottom:40px; } :where(.page-hunter-broking-case-study) .approach-subtitle { font-size:28px; font-weight:500; color:#F5A623; margin-bottom:40px; } :where(.page-fencing-case-study) .approach-subtitle { font-size:28px; font-weight:500; color:#F5A623; margin-bottom:40px; } :where(.page-bang-olufsen-case-study) .approach-subtitle { font-size:28px; font-weight:500; color:#F5A623; margin-bottom:30px; max-width:100%; } :where(.page-jh-plumbing-drainage-case-study) .approach-subtitle { font-size:28px; font-weight:500; color:#F5A623; margin-bottom:30px; max-width:100%; } :where(.page-mcmore-motor-co-case-study) .approach-subtitle { font-size:28px; font-weight:500; color:#F5A623; margin-bottom:30px; max-width:100%; } :where(.page-bang-olufsen-case-study) .approach-strategies { margin-bottom:50px; } :where(.page-bang-olufsen-case-study) .approach-strategy { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:15px; padding-left:20px; position:relative; } :where(.page-bang-olufsen-case-study) .approach-strategy::before { content:''; position:absolute; left:0; top:12px; width:8px; height:8px; background:#F5A623; border-radius:50%; } :where(.page-bang-olufsen-case-study) .approach-strategy strong { color:#F5A623; } :where(.page-asset-outdoor-additions-case-study) .approach-list { list-style:none; padding:0; margin:0; } :where(.page-canvas-art-factory-case-study) .approach-list { list-style:none; padding:0; margin:0; } :where(.page-fencing-case-study) .approach-list { list-style:none; padding:0; margin:0; } :where(.page-asset-outdoor-additions-case-study) .approach-list li { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; padding-left:30px; position:relative; } :where(.page-canvas-art-factory-case-study) .approach-list li { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; padding-left:30px; position:relative; } :where(.page-fencing-case-study) .approach-list li { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; padding-left:30px; position:relative; } :where(.page-asset-outdoor-additions-case-study) .approach-list li::before { content:''; position:absolute; left:0; top:10px; width:8px; height:8px; background:#F5A623; border-radius:50%; } :where(.page-canvas-art-factory-case-study) .approach-list li::before { content:''; position:absolute; left:0; top:10px; width:8px; height:8px; background:#F5A623; border-radius:50%; } :where(.page-fencing-case-study) .approach-list li::before { content:''; position:absolute; left:0; top:10px; width:8px; height:8px; background:#F5A623; border-radius:50%; } :where(.page-asset-outdoor-additions-case-study) .approach-list li:last-child { margin-bottom:0; } :where(.page-canvas-art-factory-case-study) .approach-list li:last-child { margin-bottom:0; } :where(.page-fencing-case-study) .approach-list li:last-child { margin-bottom:0; } :where(.page-jh-plumbing-drainage-case-study) .approach-description { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-mcmore-motor-co-case-study) .approach-description { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:50px; max-width:100%; } :where(.page-bang-olufsen-case-study) .approach-solution-title { font-size:28px; font-weight:500; color:#F5A623; margin-bottom:40px; max-width:100%; } :where(.page-jh-plumbing-drainage-case-study) .approach-solution-title { font-size:28px; font-weight:500; color:#F5A623; margin-bottom:40px; max-width:100%; } :where(.page-mcmore-motor-co-case-study) .approach-solution-title { font-size:28px; font-weight:500; color:#F5A623; margin-bottom:40px; max-width:100%; } :where(.single-case_study:not(.page-asset-outdoor-additions-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-fencing-case-study)) .approach-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; align-items:start; } :where(.page-how-we-helped-bariano-increase-their-sales) .approach-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; } :where(.single-case_study:not(.page-asset-outdoor-additions-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-fencing-case-study)) .approach-column { display:flex; flex-direction:column; gap:25px; } :where(.single-case_study:not(.page-asset-outdoor-additions-case-study, .page-fencing-case-study)) .approach-card { position:relative; background:linear-gradient(145deg,#141414 0%,#0a0a0a 100%); border-radius:16px; padding:35px 40px; border:1px solid rgba(255,255,255,0.08); overflow:hidden; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-asset-outdoor-additions-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient( 500px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.12) 0%,rgba(245,166,35,0.06) 25%,transparent 50% ); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-3rd-story-case-study) .approach-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.12) 0%,rgba(245,166,35,0.06) 25%,transparent 50%); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-hunter-broking-case-study) .approach-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.12) 0%,rgba(245,166,35,0.06) 25%,transparent 50%); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-how-we-helped-bariano-increase-their-sales) .approach-card::before { content:''; position:absolute; inset:0; background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.12) 0%,rgba(245,166,35,0.06) 25%,transparent 50%); opacity:0; transition:opacity 0.4s; pointer-events:none; border-radius:16px; } :where(.single-case_study:not(.page-asset-outdoor-additions-case-study, .page-fencing-case-study)) .approach-card:hover::before { opacity:1; } :where(.single-case_study:not(.page-asset-outdoor-additions-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-fencing-case-study)) .approach-card::after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(255,189,0,0); border-radius:16px; transition:border-color 0.4s ease; pointer-events:none; } :where(.page-how-we-helped-bariano-increase-their-sales) .approach-card::after { content:''; position:absolute; inset:0; border:1px solid rgba(255,189,0,0); border-radius:16px; transition:border-color 0.4s; pointer-events:none; } :where(.single-case_study:not(.page-asset-outdoor-additions-case-study, .page-fencing-case-study)) .approach-card:hover::after { border-color:rgba(255,189,0,0.25); } :where(.page-how-we-helped-bariano-increase-their-sales) .approach-card h3 { font-size:18px; font-weight:600; color:#F5A623; margin-bottom:14px; position:relative; z-index:1; } :where(.page-salon-supplies-furniture-case-study) .approach-card h3 { font-size:20px; font-weight:600; color:#F5A623; margin-bottom:20px; position:relative; z-index:1; } :where(.single-case_study:not(.page-asset-outdoor-additions-case-study, .page-salon-supplies-furniture-case-study, .page-fencing-case-study)) .approach-card p { font-size:15px; color:rgba(255,255,255,0.85); line-height:1.7; position:relative; z-index:1; } :where(.page-salon-supplies-furniture-case-study) .approach-card p { font-size:15px; color:rgba(255,255,255,0.85); line-height:1.7; position:relative; z-index:1; margin-bottom:12px; } :where(.page-salon-supplies-furniture-case-study) .approach-card p:last-child { margin-bottom:0; } :where(.page-salon-supplies-furniture-case-study) .approach-card-full { margin-top:25px; width:100%; } :where(.single-case_study) .results-section { background:#000000; padding:100px 60px; } :where(.single-case_study) .results-container { max-width:1400px; margin:0 auto; } :where(.single-case_study) .results-heading { font-size:72px; font-weight:400; color:#ffffff; line-height:1.1; margin-bottom:50px; } :where(.page-mcmore-motor-co-case-study) .results-image-full { width:100%; margin-bottom:50px; } :where(.page-mcmore-motor-co-case-study) .results-image-full img { width:100%; height:auto; border-radius:16px; display:block; } :where(.page-asedos-perfumes-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; } :where(.page-asset-outdoor-additions-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; } :where(.page-brisbane-nightclub-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; } :where(.page-mcmore-motor-co-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; } :where(.page-naudic-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; } :where(.page-salon-supplies-furniture-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; } :where(.page-fencing-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; } :where(.page-smooth-service-tiling-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; } :where(.page-3rd-story-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; margin-bottom:60px; } :where(.page-how-we-helped-bariano-increase-their-sales) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; margin-bottom:60px; } :where(.page-hunter-broking-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; margin-bottom:60px; } :where(.page-online-beauty-brand-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; margin-bottom:60px; } :where(.page-becker-watt-lawyers-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; margin-bottom:40px; } :where(.page-deconduarte-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; margin-bottom:40px; } :where(.page-franklin-family-law-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; margin-bottom:40px; } :where(.page-property-specialists-australia-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; margin-bottom:40px; } :where(.page-bang-olufsen-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:stretch; } :where(.page-jh-plumbing-drainage-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:stretch; } :where(.page-canvas-art-factory-case-study) .results-layout { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-bottom:50px; } :where(.page-canvas-art-factory-case-study) .results-column { background:linear-gradient(145deg,#1a1a1a 0%,#0d0d0d 100%); border-radius:16px; padding:40px; border:1px solid rgba(255,255,255,0.1); } :where(.page-canvas-art-factory-case-study) .results-column h3 { font-size:28px; font-weight:600; color:#F5A623; margin-bottom:30px; } :where(.page-canvas-art-factory-case-study) .results-column p { font-size:16px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:12px; } :where(.page-canvas-art-factory-case-study) .results-column p:last-child { margin-bottom:0; } :where(.page-canvas-art-factory-case-study) .results-column p span { color:#F5A623; font-weight:500; } :where(.page-asedos-perfumes-case-study) .results-left { display:flex; flex-direction:column; gap:20px; } :where(.page-asset-outdoor-additions-case-study) .results-left { display:flex; flex-direction:column; gap:20px; } :where(.page-becker-watt-lawyers-case-study) .results-left { display:flex; flex-direction:column; gap:20px; } :where(.page-brisbane-nightclub-case-study) .results-left { display:flex; flex-direction:column; gap:20px; } :where(.page-mcmore-motor-co-case-study) .results-left { display:flex; flex-direction:column; gap:20px; } :where(.page-naudic-case-study) .results-left { display:flex; flex-direction:column; gap:20px; } :where(.page-property-specialists-australia-case-study) .results-left { display:flex; flex-direction:column; gap:20px; } :where(.page-salon-supplies-furniture-case-study) .results-left { display:flex; flex-direction:column; gap:20px; } :where(.page-fencing-case-study) .results-left { display:flex; flex-direction:column; gap:20px; } :where(.page-smooth-service-tiling-case-study) .results-left { display:flex; flex-direction:column; gap:20px; } :where(.page-3rd-story-case-study) .results-left { display:flex; flex-direction:column; gap:30px; } :where(.page-franklin-family-law-case-study) .results-left { display:flex; flex-direction:column; gap:30px; } :where(.page-hunter-broking-case-study) .results-left { display:flex; flex-direction:column; gap:30px; } :where(.page-bang-olufsen-case-study) .results-left { display:flex; flex-direction:column; gap:15px; } :where(.page-jh-plumbing-drainage-case-study) .results-left { display:flex; flex-direction:column; gap:15px; } :where(.page-3rd-story-case-study) .results-text { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; } :where(.page-franklin-family-law-case-study) .results-text { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; } :where(.page-hunter-broking-case-study) .results-text { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; } :where(.page-naudic-case-study) .results-left h3 { font-size:28px; font-weight:500; color:#ffffff; margin-bottom:10px; } :where(.page-salon-supplies-furniture-case-study) .results-left h3 { font-size:28px; font-weight:500; color:#ffffff; margin-bottom:10px; } :where(.page-brisbane-nightclub-case-study) .results-image { width:100%; } :where(.page-deconduarte-case-study) .results-image { width:100%; } :where(.page-jh-plumbing-drainage-case-study) .results-image { width:100%; } :where(.page-mcmore-motor-co-case-study) .results-image { width:100%; } :where(.page-naudic-case-study) .results-image { width:100%; } :where(.page-online-beauty-brand-case-study) .results-image { width:100%; } :where(.page-brisbane-nightclub-case-study) .results-image img { width:100%; height:auto; border-radius:16px; display:block; } :where(.page-jh-plumbing-drainage-case-study) .results-image img { width:100%; height:auto; border-radius:16px; display:block; } :where(.page-mcmore-motor-co-case-study) .results-image img { width:100%; height:auto; border-radius:16px; display:block; } :where(.page-naudic-case-study) .results-image img { width:100%; height:auto; border-radius:16px; display:block; } :where(.page-deconduarte-case-study) .results-image img { width:100%; max-width:600px; height:auto; border-radius:16px; } :where(.page-online-beauty-brand-case-study) .results-image img { width:100%; max-width:600px; height:auto; border-radius:16px; } :where(.page-3rd-story-case-study) .results-image img { width:100%; border-radius:16px; display:block; } :where(.page-jh-plumbing-drainage-case-study) .results-images-stack { display:flex; flex-direction:column; gap:15px; height:100%; } :where(.page-jh-plumbing-drainage-case-study) .results-images-stack img { width:100%; flex:1; object-fit:cover; border-radius:16px; display:block; } :where(.page-asedos-perfumes-case-study) .results-right { display:flex; flex-direction:column; gap:30px; } :where(.page-brisbane-nightclub-case-study) .results-right { display:flex; flex-direction:column; gap:30px; } :where(.page-deconduarte-case-study) .results-right { display:flex; flex-direction:column; gap:30px; } :where(.page-mcmore-motor-co-case-study) .results-right { display:flex; flex-direction:column; gap:30px; } :where(.page-naudic-case-study) .results-right { display:flex; flex-direction:column; gap:30px; } :where(.page-property-specialists-australia-case-study) .results-right { display:flex; flex-direction:column; gap:30px; } :where(.page-smooth-service-tiling-case-study) .results-right { display:flex; flex-direction:column; gap:30px; } :where(.page-asset-outdoor-additions-case-study) .results-right { display:flex; flex-direction:column; gap:30px; justify-content:center; height:100%; } :where(.page-salon-supplies-furniture-case-study) .results-right { display:flex; flex-direction:column; gap:30px; justify-content:center; height:100%; } :where(.page-fencing-case-study) .results-right { display:flex; flex-direction:column; gap:30px; justify-content:center; height:100%; } :where(.page-bang-olufsen-case-study) .results-right { display:flex; flex-direction:column; gap:15px; } :where(.page-jh-plumbing-drainage-case-study) .results-right { display:flex; flex-direction:column; gap:15px; } :where(.page-franklin-family-law-case-study) .results-right { display:flex; flex-direction:column; gap:20px; } :where(.page-online-beauty-brand-case-study) .results-right { display:flex; flex-direction:column; gap:20px; } :where(.page-becker-watt-lawyers-case-study) .results-right { display:flex; flex-direction:column; justify-content:center; height:100%; } :where(.single-case_study:not(.page-bang-olufsen-case-study, .page-cane-wood-emporium-case-study, .page-canvas-art-factory-case-study, .page-jh-plumbing-drainage-case-study)) .results-cards { display:flex; flex-direction:column; gap:20px; } :where(.page-bang-olufsen-case-study) .results-cards { display:flex; flex-direction:column; gap:15px; height:100%; } :where(.page-jh-plumbing-drainage-case-study) .results-cards { display:flex; flex-direction:column; gap:15px; height:100%; } :where(.page-cane-wood-emporium-case-study) .results-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; } :where(.single-case_study:not(.page-bang-olufsen-case-study, .page-canvas-art-factory-case-study, .page-jh-plumbing-drainage-case-study)) .result-card { background:linear-gradient(145deg,#1a1a1a 0%,#0d0d0d 100%); border-radius:16px; padding:30px 35px; border:1px solid rgba(255,255,255,0.1); } :where(.page-bang-olufsen-case-study) .result-card { background:linear-gradient(145deg,#1a1a1a 0%,#0d0d0d 100%); border-radius:16px; padding:25px 30px; border:1px solid rgba(255,255,255,0.1); flex:1; display:flex; align-items:center; } :where(.page-jh-plumbing-drainage-case-study) .result-card { background:linear-gradient(145deg,#1a1a1a 0%,#0d0d0d 100%); border-radius:16px; padding:25px 30px; border:1px solid rgba(255,255,255,0.1); flex:1; display:flex; align-items:center; } :where(.single-case_study:not(.page-canvas-art-factory-case-study)) .result-card h3 { font-size:18px; font-weight:500; color:#ffffff; line-height:1.4; } :where(.single-case_study:not(.page-canvas-art-factory-case-study)) .result-card h3 span { color:#F5A623; } :where(.page-online-beauty-brand-case-study) .results-story { max-width:1400px; margin:0 auto; } :where(.page-online-beauty-brand-case-study) .results-story-card { position:relative; background:#0a0a0a; border-radius:16px; padding:50px 60px; border-left:4px solid #F5A623; overflow:hidden; } :where(.page-online-beauty-brand-case-study) .results-story-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient( 600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,189,0,0.15) 0%,rgba(245,166,35,0.08) 25%,transparent 50% ); opacity:0; transition:opacity 0.4s ease; pointer-events:none; border-radius:16px; } :where(.page-online-beauty-brand-case-study) .results-story-card:hover::before { opacity:1; } :where(.page-online-beauty-brand-case-study) .results-story-card p { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:25px; position:relative; z-index:1; } :where(.page-online-beauty-brand-case-study) .results-story-card p:last-child { margin-bottom:0; } :where(.page-online-beauty-brand-case-study) .results-story-card a { color:#F5A623; text-decoration:underline; transition:color 0.3s ease; } :where(.page-online-beauty-brand-case-study) .results-story-card a:hover { color:#FFBD00; } :where(.page-mcmore-motor-co-case-study) .results-bullets { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:20px; } :where(.page-mcmore-motor-co-case-study) .results-bullets li { font-size:18px; font-weight:500; color:#ffffff; line-height:1.6; padding-left:30px; position:relative; } :where(.page-mcmore-motor-co-case-study) .results-bullets li::before { content:''; position:absolute; left:0; top:10px; width:10px; height:10px; background:#F5A623; border-radius:50%; } :where(.page-mcmore-motor-co-case-study) .results-bullets li span { color:#F5A623; } :where(.page-asedos-perfumes-case-study) .results-summary { text-align:left; } :where(.page-asset-outdoor-additions-case-study) .results-summary { text-align:left; } :where(.page-becker-watt-lawyers-case-study) .results-summary { text-align:left; } :where(.page-brisbane-nightclub-case-study) .results-summary { text-align:left; } :where(.page-jh-plumbing-drainage-case-study) .results-summary { text-align:left; } :where(.page-mcmore-motor-co-case-study) .results-summary { text-align:left; } :where(.page-naudic-case-study) .results-summary { text-align:left; } :where(.page-property-specialists-australia-case-study) .results-summary { text-align:left; } :where(.page-salon-supplies-furniture-case-study) .results-summary { text-align:left; } :where(.page-smooth-service-tiling-case-study) .results-summary { text-align:left; } :where(.page-deconduarte-case-study) .results-summary { text-align:left; margin-top:20px; } :where(.page-franklin-family-law-case-study) .results-summary { text-align:left; margin-top:20px; } :where(.page-bang-olufsen-case-study) .results-summary { text-align:left; height:100%; display:flex; flex-direction:column; justify-content:center; } :where(.page-canvas-art-factory-case-study) .results-summary { background:linear-gradient(145deg,#141414 0%,#0a0a0a 100%); border-radius:16px; padding:40px; border:1px solid rgba(255,255,255,0.1); } :where(.single-case_study:not(.page-3rd-story-case-study, .page-becker-watt-lawyers-case-study, .page-cane-wood-emporium-case-study, .page-deconduarte-case-study, .page-franklin-family-law-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-online-beauty-brand-case-study, .page-property-specialists-australia-case-study)) .results-summary p { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-3rd-story-case-study) .results-summary p { font-size:16px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-deconduarte-case-study) .results-summary p { font-size:16px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-franklin-family-law-case-study) .results-summary p { font-size:16px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-how-we-helped-bariano-increase-their-sales) .results-summary p { font-size:16px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-hunter-broking-case-study) .results-summary p { font-size:16px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-property-specialists-australia-case-study) .results-summary p { font-size:16px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-becker-watt-lawyers-case-study) .results-summary p { font-size:18px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.single-case_study:not(.page-cane-wood-emporium-case-study, .page-online-beauty-brand-case-study)) .results-summary p:last-child { margin-bottom:0; } :where(.single-case_study:not(.page-cane-wood-emporium-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-online-beauty-brand-case-study)) .results-summary a { color:#F5A623; text-decoration:underline; transition:color 0.3s ease; } :where(.page-how-we-helped-bariano-increase-their-sales) .results-summary a { color:#F5A623; text-decoration:underline; transition:color 0.3s; } :where(.single-case_study:not(.page-cane-wood-emporium-case-study, .page-online-beauty-brand-case-study)) .results-summary a:hover { color:#FFBD00; } :where(.page-smooth-service-tiling-case-study) .results-cta { font-size:17px; color:#F5A623; line-height:1.8; } :where(.page-smooth-service-tiling-case-study) .results-cta a { color:#F5A623; text-decoration:underline; transition:color 0.3s ease; } :where(.page-smooth-service-tiling-case-study) .results-cta a:hover { color:#FFBD00; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-section { background:#000000; padding:0 60px 100px; } :where(.page-naudic-case-study) .testimonial-section { background:#000000; padding:60px 60px; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-container { max-width:1100px; margin:0 auto; } :where(.page-naudic-case-study) .testimonial-container { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-card { background:linear-gradient(145deg,#111 0%,#0a0a0a 100%); border:1px solid rgba(245,166,35,0.2); border-radius:20px; padding:60px; position:relative; overflow:hidden; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-card::before { content:'\201C'; position:absolute; top:-20px; left:40px; font-size:160px; color:rgba(245,166,35,0.08); font-family:Georgia,serif; line-height:1; pointer-events:none; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-quote { font-size:20px; color:rgba(255,255,255,0.9); line-height:1.75; margin-bottom:30px; font-style:italic; position:relative; z-index:1; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-author { display:flex; align-items:center; gap:16px; position:relative; z-index:1; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-author-dot { width:40px; height:2px; background:#F5A623; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-author-name { font-size:16px; font-weight:600; color:#ffffff; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-author-title { font-size:14px; color:rgba(255,255,255,0.5); } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-image { margin-top:40px; border-radius:12px; overflow:hidden; } :where(.page-naudic-case-study) .testimonial-image { width:100%; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-image img { width:100%; height:auto; display:block; } :where(.page-naudic-case-study) .testimonial-image img { width:100%; height:auto; border-radius:16px; display:block; } :where(.page-naudic-case-study) .testimonial-content p { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-naudic-case-study) .testimonial-cta { font-size:17px; color:#F5A623; line-height:1.8; } :where(.page-naudic-case-study) .testimonial-cta a { color:#F5A623; text-decoration:underline; transition:color 0.3s ease; } :where(.page-naudic-case-study) .testimonial-cta a:hover { color:#FFBD00; } :where(.page-jh-plumbing-drainage-case-study) .additional-section { background:#000000; padding:0 60px 100px; } :where(.page-jh-plumbing-drainage-case-study) .additional-container { max-width:1400px; margin:0 auto; } :where(.page-jh-plumbing-drainage-case-study) .additional-text { margin-bottom:50px; } :where(.page-jh-plumbing-drainage-case-study) .additional-text p { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-jh-plumbing-drainage-case-study) .additional-image { width:100%; margin-bottom:50px; } :where(.page-jh-plumbing-drainage-case-study) .additional-image img { width:100%; height:auto; border-radius:16px; display:block; } :where(.page-jh-plumbing-drainage-case-study) .additional-summary p { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-jh-plumbing-drainage-case-study) .additional-summary p:last-child { margin-bottom:0; } :where(.page-jh-plumbing-drainage-case-study) .additional-summary a { color:#F5A623; text-decoration:underline; transition:color 0.3s ease; } :where(.page-jh-plumbing-drainage-case-study) .additional-summary a:hover { color:#FFBD00; } :where(.page-brisbane-nightclub-case-study) .results-summary-full { margin-top:60px; text-align:left; } :where(.page-mcmore-motor-co-case-study) .results-summary-full { margin-top:60px; text-align:left; } :where(.page-brisbane-nightclub-case-study) .results-summary-full p { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-mcmore-motor-co-case-study) .results-summary-full p { font-size:17px; color:rgba(255,255,255,0.85); line-height:1.8; margin-bottom:20px; } :where(.page-brisbane-nightclub-case-study) .results-summary-full p:last-child { margin-bottom:0; } :where(.page-mcmore-motor-co-case-study) .results-summary-full p:last-child { margin-bottom:0; } :where(.page-brisbane-nightclub-case-study) .results-summary-full a { color:#F5A623; text-decoration:underline; transition:color 0.3s ease; } :where(.page-mcmore-motor-co-case-study) .results-summary-full a { color:#F5A623; text-decoration:underline; transition:color 0.3s ease; } :where(.page-brisbane-nightclub-case-study) .results-summary-full a:hover { color:#FFBD00; } :where(.page-mcmore-motor-co-case-study) .results-summary-full a:hover { color:#FFBD00; } :where(.single-case_study) .cta-section { background:#000000; padding:100px 60px; } :where(.single-case_study) .cta-header { max-width:1400px; margin:0 auto 60px; text-align:center; } :where(.single-case_study) .cta-header h2 { font-size:80px; font-weight:400; color:#ffc500; line-height:1.1; margin-bottom:30px; } :where(.single-case_study) .cta-header p { font-size:18px; color:#ffffff; max-width:700px; margin:0 auto 40px; line-height:1.6; } :where(.single-case_study) .cta-container-wrapper { max-width:1400px; margin:0 auto; position:relative; border-radius:20px; z-index:1; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .cta-container-wrapper::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:22px; background:conic-gradient(from var(--angle),transparent 92%,#F5A623 96%,#FFBD00 100%,transparent 100%); z-index:0; animation:rotateBorder 8s linear infinite; } :where(.page-how-we-helped-bariano-increase-their-sales) .cta-container-wrapper::before { content:''; position:absolute; inset:0; border-radius:22px; background:conic-gradient(from var(--angle),transparent 92%,#F5A623 96%,#FFBD00 100%,transparent 100%); z-index:0; animation:rotateBorder 8s linear infinite; } :where(.single-case_study) .cta-container-wrapper::after { content:''; position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; border-radius:25px; background:conic-gradient(from var(--angle),transparent 92%,#F5A623 96%,#FFBD00 100%,transparent 100%); z-index:-1; animation:rotateBorder 8s linear infinite; filter:blur(15px); opacity:0.7; } :where(.single-case_study) .cta-container { border:1px solid rgba(255,255,255,0.1); border-radius:20px; padding:80px 100px; display:flex; justify-content:space-between; align-items:center; gap:40px; position:relative; overflow:hidden; min-height:500px; z-index:1; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales, .page-fencing-case-study)) .cta-video-bg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; width:auto; height:auto; object-fit:cover; z-index:0; } :where(.page-how-we-helped-bariano-increase-their-sales) .cta-video-bg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; object-fit:cover; z-index:0; } :where(.page-fencing-case-study) .cta-video-bg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; object-fit:cover; z-index:0; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .cta-video-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1; } :where(.page-how-we-helped-bariano-increase-their-sales) .cta-video-overlay { position:absolute; inset:0; background:rgba(0,0,0,0.7); z-index:1; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales, .page-fencing-case-study)) .cta-container::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(600px circle at var(--mouse-x,30%) var(--mouse-y,50%),rgba(255,189,0,0.2) 0%,transparent 50%); opacity:0; transition:opacity 0.3s ease; z-index:2; pointer-events:none; border-radius:20px; } :where(.page-how-we-helped-bariano-increase-their-sales) .cta-container::before { content:''; position:absolute; inset:0; background:radial-gradient(600px circle at var(--mouse-x,30%) var(--mouse-y,50%),rgba(255,189,0,0.2) 0%,transparent 50%); opacity:0; transition:opacity 0.3s; z-index:2; pointer-events:none; border-radius:20px; } :where(.single-case_study:not(.page-fencing-case-study)) .cta-container:hover::before { opacity:1; } :where(.single-case_study) .cta-container>*:not(.cta-video-bg):not(.cta-video-overlay) { position:relative; z-index:3; } :where(.single-case_study) .cta-content h3 { font-size:42px; font-weight:400; font-style:italic; color:#ffffff; line-height:1.2; margin-bottom:30px; } :where(.single-case_study) .cta-container-partners { margin-top:20px; } :where(.single-case_study) .cta-container-partners img { height:80px; width:auto; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .cta-button { display:inline-block; padding:18px 50px; background:#ffffff; color:#000000; font-size:16px; font-weight:600; text-decoration:none; border-radius:10px; transition:all 0.3s ease; flex-shrink:0; } :where(.page-how-we-helped-bariano-increase-their-sales) .cta-button { display:inline-block; padding:18px 50px; background:#ffffff; color:#000000; font-size:16px; font-weight:600; text-decoration:none; border-radius:10px; transition:all 0.3s; flex-shrink:0; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales, .page-fencing-case-study)) .cta-button:hover { background:#f0f0f0; transform:translateY(-2px); box-shadow:0 10px 30px rgba(255,255,255,0.2); } :where(.page-how-we-helped-bariano-increase-their-sales) .cta-button:hover { background:#f0f0f0; transform:translateY(-2px); } :where(.page-fencing-case-study) .cta-button:hover { background:#f0f0f0; transform:translateY(-2px); } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) footer { background:#000000; padding:80px 60px 0; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-container { max-width:1400px; margin:0 auto; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-main { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:60px; padding-bottom:60px; border-bottom:1px solid #333; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-brand { display:flex; flex-direction:column; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-logo { margin-bottom:30px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-logo img { height:50px; width:auto; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-brand p { font-size:14px; color:rgba(255,255,255,0.7); line-height:1.7; margin-bottom:30px; max-width:280px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-subscribe { display:flex; align-items:center; background:#111; border-radius:50px; padding:5px; max-width:320px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-subscribe input { flex:1; background:transparent; border:none; padding:12px 20px; color:#ffffff; font-size:14px; outline:none; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-subscribe input::placeholder { color:rgba(255,255,255,0.5); } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-subscribe button { background:#ffc500; color:#000000; border:none; padding:12px 25px; border-radius:50px; font-size:14px; font-weight:600; cursor:pointer; transition:all 0.3s ease; white-space:nowrap; flex-shrink:0; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-subscribe button:hover { background:#e6b100; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-column h4 { font-size:18px; font-weight:600; color:#ffffff; margin-bottom:25px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-column ul { list-style:none; padding:0; margin:0; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-column ul li { margin-bottom:15px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-column ul li a { font-size:14px; color:rgba(255,255,255,0.7); text-decoration:none; transition:color 0.3s ease; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-column ul li a:hover { color:#ffc500; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-column ul li a.highlight { color:#ffc500; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-bottom { padding:40px 0; text-align:center; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-bottom p { font-size:16px; color:rgba(255,255,255,0.7); } :where(.page-asset-outdoor-additions-case-study) .results-table { width:100%; border-collapse:collapse; margin-top:10px; } :where(.page-asset-outdoor-additions-case-study) .results-table th, :where(.page-asset-outdoor-additions-case-study) .results-table td { padding:18px 24px; text-align:left; font-size:16px; border-bottom:1px solid rgba(255,255,255,0.1); } :where(.page-asset-outdoor-additions-case-study) .results-table th { color:#F5A623; font-weight:600; font-size:14px; text-transform:uppercase; letter-spacing:1px; } :where(.page-asset-outdoor-additions-case-study) .results-table td { color:rgba(255,255,255,0.85); } :where(.page-asset-outdoor-additions-case-study) .results-table td:last-child { color:#F5A623; font-weight:500; } @media (max-width: 1024px) { :where(.single-case_study) nav { padding:20px 40px; } :where(.single-case_study) .hero-content { padding:140px 40px 60px; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .hero h1 { font-size:48px; } :where(.page-how-we-helped-bariano-increase-their-sales) .hero h1 { font-size:44px; } :where(.page-fencing-case-study) .intro-section, :where(.page-fencing-case-study) .challenge-section, :where(.page-fencing-case-study) .key-problems-section, :where(.page-fencing-case-study) .approach-section, :where(.page-fencing-case-study) .results-section { padding:80px 40px; } :where(.page-3rd-story-case-study) .challenge-section, :where(.page-3rd-story-case-study) .key-problems-section, :where(.page-3rd-story-case-study) .approach-section, :where(.page-3rd-story-case-study) .results-section { padding:80px 40px; } :where(.page-hunter-broking-case-study) .challenge-section, :where(.page-hunter-broking-case-study) .key-problems-section, :where(.page-hunter-broking-case-study) .approach-section, :where(.page-hunter-broking-case-study) .results-section { padding:80px 40px; } :where(.page-how-we-helped-bariano-increase-their-sales) .challenge-section, :where(.page-how-we-helped-bariano-increase-their-sales) .key-problems-section, :where(.page-how-we-helped-bariano-increase-their-sales) .approach-section, :where(.page-how-we-helped-bariano-increase-their-sales) .results-section, :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-section { padding:80px 40px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .hero-subtitle { font-size:18px; } :where(.page-asset-outdoor-additions-case-study) .intro-section { padding:80px 40px; } :where(.page-smooth-service-tiling-case-study) .intro-section { padding:80px 40px; } :where(.page-asset-outdoor-additions-case-study) .intro-container { gap:40px; } :where(.page-smooth-service-tiling-case-study) .intro-container { gap:40px; } :where(.page-asset-outdoor-additions-case-study) .intro-text { font-size:17px; } :where(.page-smooth-service-tiling-case-study) .intro-text { font-size:26px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .challenge-section { padding:80px 40px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .challenge-heading { font-size:48px; margin-bottom:40px; } :where(.page-3rd-story-case-study) .challenge-heading { font-size:48px; } :where(.page-how-we-helped-bariano-increase-their-sales) .challenge-heading { font-size:48px; } :where(.page-hunter-broking-case-study) .challenge-heading { font-size:48px; } :where(.page-fencing-case-study) .challenge-heading { font-size:48px; } :where(.page-3rd-story-case-study) .key-problems-heading, :where(.page-3rd-story-case-study) .approach-heading, :where(.page-3rd-story-case-study) .results-heading { font-size:56px; } :where(.page-how-we-helped-bariano-increase-their-sales) .key-problems-heading, :where(.page-how-we-helped-bariano-increase-their-sales) .approach-heading, :where(.page-how-we-helped-bariano-increase-their-sales) .results-heading { font-size:56px; } :where(.page-hunter-broking-case-study) .key-problems-heading, :where(.page-hunter-broking-case-study) .approach-heading, :where(.page-hunter-broking-case-study) .results-heading { font-size:56px; } :where(.page-how-we-helped-bariano-increase-their-sales) .key-problems-container, :where(.page-how-we-helped-bariano-increase-their-sales) .results-layout { gap:50px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .challenge-card { padding:40px 45px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .challenge-card p { font-size:16px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .key-problems-section { padding:80px 40px; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .key-problems-container { gap:50px; } :where(.page-fencing-case-study) .approach-heading, :where(.page-fencing-case-study) .results-heading { font-size:56px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .key-problems-heading { font-size:56px; margin-bottom:40px; } :where(.page-fencing-case-study) .key-problems-heading { font-size:56px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .problem-card { padding:30px 35px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .problem-card h3 { font-size:22px; } :where(.page-becker-watt-lawyers-case-study) .key-problems-evidence { padding:0 40px 80px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-section { padding:80px 40px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-heading { font-size:56px; margin-bottom:20px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-asset-outdoor-additions-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-grid { gap:20px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-asset-outdoor-additions-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-column { gap:20px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-asset-outdoor-additions-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-card { padding:30px 35px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .results-section { padding:80px 40px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .results-heading { font-size:56px; } :where(.page-cane-wood-emporium-case-study) .results-cards { grid-template-columns:repeat(2,1fr); } :where(.page-mcmore-motor-co-case-study) .results-image-full { margin-bottom:40px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-cane-wood-emporium-case-study, .page-canvas-art-factory-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .results-layout { gap:30px; } :where(.page-canvas-art-factory-case-study) .results-layout { gap:20px; } :where(.page-online-beauty-brand-case-study) .results-story-card { padding:40px 45px; } :where(.page-canvas-art-factory-case-study) .results-column { padding:30px; } :where(.page-canvas-art-factory-case-study) .results-column h3 { font-size:24px; } :where(.page-naudic-case-study) .testimonial-section { padding:60px 40px; } :where(.page-naudic-case-study) .testimonial-container { gap:40px; } :where(.page-jh-plumbing-drainage-case-study) .additional-section { padding:0 40px 80px; } :where(.single-case_study) .cta-section { padding:100px 40px; } :where(.single-case_study) .cta-header h2 { font-size:42px; } :where(.single-case_study) .cta-container { flex-direction:column; text-align:center; padding:50px 40px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .cta-content h3 { font-size:32px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .cta-container-partners img { height:60px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-main { grid-template-columns:repeat(3,1fr); gap:40px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-brand { grid-column:span 3; } } @media (max-width: 768px) { :where(.single-case_study) nav { padding:15px 20px; } :where(.page-3rd-story-case-study) .nav-links, :where(.page-3rd-story-case-study) .nav-cta { display:none; } :where(.page-how-we-helped-bariano-increase-their-sales) .nav-links, :where(.page-how-we-helped-bariano-increase-their-sales) .nav-cta { display:none; } :where(.page-hunter-broking-case-study) .nav-links, :where(.page-hunter-broking-case-study) .nav-cta { display:none; } :where(.page-fencing-case-study) .nav-links, :where(.page-fencing-case-study) .nav-cta { display:none; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .nav-divider { display:none; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .nav-links { display:none; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .nav-cta { display:none; } :where(.page-asedos-perfumes-case-study) .mobile-nav-right { display:flex; } :where(.page-becker-watt-lawyers-case-study) .mobile-nav-right { display:flex; } :where(.page-canvas-art-factory-case-study) .mobile-nav-right { display:flex; } :where(.page-jh-plumbing-drainage-case-study) .mobile-nav-right { display:flex; } :where(.page-mcmore-motor-co-case-study) .mobile-nav-right { display:flex; } :where(.page-naudic-case-study) .mobile-nav-right { display:flex; } :where(.page-property-specialists-australia-case-study) .mobile-nav-right { display:flex; } :where(.page-salon-supplies-furniture-case-study) .mobile-nav-right { display:flex; } :where(.page-smooth-service-tiling-case-study) .mobile-nav-right { display:flex; } :where(.single-case_study) .mobile-menu-toggle { display:flex; } :where(.single-case_study) .mobile-menu-overlay, :where(.single-case_study) .mobile-menu { display:block; } :where(.single-case_study) .logo img { height:38px; } :where(.single-case_study) .hero { min-height:70vh; } :where(.single-case_study) .hero-content { padding:120px 20px 60px; } :where(.single-case_study:not(.page-how-we-helped-bariano-increase-their-sales)) .hero h1 { font-size:32px; } :where(.page-how-we-helped-bariano-increase-their-sales) .hero h1 { font-size:30px; } :where(.page-fencing-case-study) .intro-section, :where(.page-fencing-case-study) .challenge-section, :where(.page-fencing-case-study) .key-problems-section, :where(.page-fencing-case-study) .approach-section, :where(.page-fencing-case-study) .results-section { padding:60px 20px; } :where(.single-case_study:not(.page-fencing-case-study)) .hero-subtitle { font-size:16px; } :where(.page-3rd-story-case-study) .challenge-section, :where(.page-3rd-story-case-study) .key-problems-section, :where(.page-3rd-story-case-study) .approach-section, :where(.page-3rd-story-case-study) .results-section, :where(.page-3rd-story-case-study) .cta-section { padding:60px 20px; } :where(.page-hunter-broking-case-study) .challenge-section, :where(.page-hunter-broking-case-study) .key-problems-section, :where(.page-hunter-broking-case-study) .approach-section, :where(.page-hunter-broking-case-study) .results-section, :where(.page-hunter-broking-case-study) .cta-section { padding:60px 20px; } :where(.page-how-we-helped-bariano-increase-their-sales) .challenge-section, :where(.page-how-we-helped-bariano-increase-their-sales) .key-problems-section, :where(.page-how-we-helped-bariano-increase-their-sales) .approach-section, :where(.page-how-we-helped-bariano-increase-their-sales) .results-section, :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-section, :where(.page-how-we-helped-bariano-increase-their-sales) .cta-section { padding:60px 20px; } :where(.page-asset-outdoor-additions-case-study) .intro-section { padding:60px 20px; } :where(.page-smooth-service-tiling-case-study) .intro-section { padding:60px 20px; } :where(.page-asset-outdoor-additions-case-study) .intro-container { grid-template-columns:1fr; gap:30px; } :where(.page-smooth-service-tiling-case-study) .intro-container { grid-template-columns:1fr; gap:30px; } :where(.page-asset-outdoor-additions-case-study) .intro-text { font-size:16px; } :where(.page-smooth-service-tiling-case-study) .intro-text { font-size:22px; text-align:center; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .challenge-section { padding:60px 20px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .challenge-heading { font-size:36px; margin-bottom:30px; } :where(.page-3rd-story-case-study) .challenge-heading { font-size:36px; } :where(.page-how-we-helped-bariano-increase-their-sales) .challenge-heading { font-size:36px; } :where(.page-hunter-broking-case-study) .challenge-heading { font-size:36px; } :where(.page-fencing-case-study) .challenge-heading { font-size:36px; } :where(.single-case_study) .challenge-card { padding:30px 25px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .challenge-card p { font-size:15px; line-height:1.7; margin-bottom:20px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .key-problems-section { padding:60px 20px; } :where(.single-case_study) .key-problems-container { grid-template-columns:1fr; gap:40px; } :where(.single-case_study) .key-problems-left { position:relative; top:0; text-align:center; } :where(.page-3rd-story-case-study) .key-problems-heading, :where(.page-3rd-story-case-study) .approach-heading, :where(.page-3rd-story-case-study) .results-heading { font-size:42px; } :where(.page-how-we-helped-bariano-increase-their-sales) .key-problems-heading, :where(.page-how-we-helped-bariano-increase-their-sales) .approach-heading, :where(.page-how-we-helped-bariano-increase-their-sales) .results-heading { font-size:42px; } :where(.page-hunter-broking-case-study) .key-problems-heading, :where(.page-hunter-broking-case-study) .approach-heading, :where(.page-hunter-broking-case-study) .results-heading { font-size:42px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .key-problems-heading { font-size:42px; margin-bottom:30px; } :where(.page-fencing-case-study) .key-problems-heading { font-size:42px; } :where(.single-case_study) .key-problems-image img { max-width:350px; margin:0 auto; } :where(.page-fencing-case-study) .approach-heading, :where(.page-fencing-case-study) .results-heading { font-size:42px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .key-problems-right { gap:20px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .problem-card { padding:25px 25px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .problem-card h3 { font-size:20px; margin-bottom:15px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .problem-card p { font-size:14px; } :where(.page-becker-watt-lawyers-case-study) .key-problems-evidence { padding:0 20px 60px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-section { padding:60px 20px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-heading { font-size:42px; margin-bottom:15px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-becker-watt-lawyers-case-study, .page-franklin-family-law-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-jh-plumbing-drainage-case-study, .page-property-specialists-australia-case-study, .page-fencing-case-study)) .approach-intro { font-size:16px; margin-bottom:30px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-bang-olufsen-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-subtitle { font-size:22px; margin-bottom:30px; } :where(.page-bang-olufsen-case-study) .approach-subtitle { font-size:22px; margin-bottom:20px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-asset-outdoor-additions-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-grid { grid-template-columns:1fr; gap:20px; } :where(.page-3rd-story-case-study) .approach-grid { grid-template-columns:1fr; } :where(.page-how-we-helped-bariano-increase-their-sales) .approach-grid { grid-template-columns:1fr; } :where(.page-hunter-broking-case-study) .approach-grid { grid-template-columns:1fr; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-asset-outdoor-additions-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-column { gap:20px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-asset-outdoor-additions-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .approach-card { padding:25px 25px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .results-section { padding:60px 20px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .results-heading { font-size:42px; margin-bottom:30px; } :where(.page-cane-wood-emporium-case-study) .results-cards { grid-template-columns:1fr; } :where(.page-mcmore-motor-co-case-study) .results-image-full { margin-bottom:30px; } :where(.single-case_study:not(.page-cane-wood-emporium-case-study, .page-canvas-art-factory-case-study)) .results-layout { grid-template-columns:1fr; gap:30px; } :where(.page-canvas-art-factory-case-study) .results-layout { grid-template-columns:1fr; gap:20px; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-card { padding:40px 30px; } :where(.page-how-we-helped-bariano-increase-their-sales) .testimonial-quote { font-size:17px; } :where(.page-deconduarte-case-study) .results-image img { max-width:100%; } :where(.page-online-beauty-brand-case-study) .results-image img { max-width:100%; } :where(.page-canvas-art-factory-case-study) .results-column { padding:25px; } :where(.page-canvas-art-factory-case-study) .results-column h3 { font-size:22px; margin-bottom:20px; } :where(.page-canvas-art-factory-case-study) .results-column p { font-size:15px; } :where(.page-canvas-art-factory-case-study) .results-summary { padding:25px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-bang-olufsen-case-study, .page-canvas-art-factory-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-jh-plumbing-drainage-case-study, .page-fencing-case-study)) .result-card { padding:25px; } :where(.page-bang-olufsen-case-study) .result-card { padding:20px 25px; } :where(.page-jh-plumbing-drainage-case-study) .result-card { padding:20px 25px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-canvas-art-factory-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .result-card h3 { font-size:16px; } :where(.page-franklin-family-law-case-study) .results-text { font-size:16px; } :where(.page-asset-outdoor-additions-case-study) .results-table th, :where(.page-asset-outdoor-additions-case-study) .results-table td { padding:12px 16px; font-size:14px; } :where(.page-online-beauty-brand-case-study) .results-story-card { padding:30px 25px; } :where(.page-online-beauty-brand-case-study) .results-story-card p { font-size:15px; } :where(.page-jh-plumbing-drainage-case-study) .results-images-stack img { flex:none; height:auto; } :where(.page-mcmore-motor-co-case-study) .results-bullets li { font-size:16px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-cane-wood-emporium-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-online-beauty-brand-case-study, .page-fencing-case-study)) .results-summary p { font-size:16px; } :where(.page-naudic-case-study) .testimonial-section { padding:40px 20px; } :where(.page-naudic-case-study) .testimonial-container { grid-template-columns:1fr; gap:30px; } :where(.page-jh-plumbing-drainage-case-study) .additional-section { padding:0 20px 60px; } :where(.page-jh-plumbing-drainage-case-study) .additional-text p { font-size:16px; } :where(.page-jh-plumbing-drainage-case-study) .additional-summary p { font-size:16px; } :where(.page-mcmore-motor-co-case-study) .results-summary-full { margin-top:40px; } :where(.page-mcmore-motor-co-case-study) .results-summary-full p { font-size:16px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study)) .cta-section { padding:80px 20px; } :where(.single-case_study) .cta-header h2 { font-size:32px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .cta-header p { font-size:16px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .cta-container { padding:40px 25px; min-height:auto; flex-direction:column; justify-content:center; gap:20px; } :where(.page-3rd-story-case-study) .cta-container { padding:40px 25px; min-height:auto; flex-direction:column; gap:20px; } :where(.page-hunter-broking-case-study) .cta-container { padding:40px 25px; min-height:auto; flex-direction:column; gap:20px; } :where(.page-fencing-case-study) .cta-container { padding:40px 25px; min-height:auto; flex-direction:column; gap:20px; } :where(.page-how-we-helped-bariano-increase-their-sales) .cta-container { padding:40px 25px; min-height:auto; gap:20px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .cta-content h3 { font-size:26px; margin-bottom:10px; } :where(.page-3rd-story-case-study) .cta-content h3 { font-size:26px; } :where(.page-how-we-helped-bariano-increase-their-sales) .cta-content h3 { font-size:26px; } :where(.page-hunter-broking-case-study) .cta-content h3 { font-size:26px; } :where(.page-fencing-case-study) .cta-content h3 { font-size:26px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .cta-container-partners { margin-top:5px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .cta-container-partners img { height:50px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .cta-partners img { height:40px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .cta-button { width:100%; text-align:center; margin-top:5px; } :where(.page-3rd-story-case-study) .cta-button { width:100%; text-align:center; } :where(.page-how-we-helped-bariano-increase-their-sales) .cta-button { width:100%; text-align:center; } :where(.page-hunter-broking-case-study) .cta-button { width:100%; text-align:center; } :where(.page-fencing-case-study) .cta-button { width:100%; text-align:center; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) footer { padding:60px 20px 0; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-main { grid-template-columns:repeat(2,1fr); gap:30px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-brand { grid-column:span 2; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-subscribe { max-width:100%; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-bottom p { font-size:14px; } } @media (max-width: 480px) { :where(.page-fencing-case-study) .key-problems-heading { font-size:36px; } :where(.page-fencing-case-study) .approach-heading, :where(.page-fencing-case-study) .results-heading { font-size:36px; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-fencing-case-study)) .footer-main { grid-template-columns:1fr; } :where(.single-case_study:not(.page-3rd-story-case-study, .page-how-we-helped-bariano-increase-their-sales, .page-hunter-broking-case-study, .page-fencing-case-study)) .footer-brand { grid-column:span 1; } }