:root{--bg:#071426;--bg2:#0a1b31;--panel:#0c2038;--text:#edf5ff;--muted:#9eb0c8;--line:rgba(164,193,226,.16);--accent:#1688e8;--accent2:#4eb7ff;--max:1160px;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(rgba(133,175,222,.6) .6px,transparent .6px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-80px;background:white;color:#071426;padding:10px 16px;z-index:1000}.skip-link:focus{top:12px}.site-header{height:82px;position:sticky;top:0;z-index:100;background:rgba(7,20,38,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.custom-logo{display:block;max-height:62px;width:auto;max-width:176px;object-fit:contain}.brand .custom-logo-link{display:flex;align-items:center;flex-shrink:0}.brand .custom-logo{filter:drop-shadow(0 0 10px rgba(22,136,232,.12))}.default-logo{display:block;width:168px;height:auto;max-height:62px;object-fit:contain}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(78,183,255,.55);border-radius:12px;color:var(--accent2);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;letter-spacing:-2px;background:linear-gradient(140deg,rgba(22,136,232,.18),rgba(22,136,232,.02))}.brand-name{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;line-height:1.15;letter-spacing:-.3px}.brand-name span{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:4px}.primary-nav ul{list-style:none;display:flex;align-items:center;gap:30px;margin:0;padding:0}.primary-nav a{font-size:13px;color:#c6d3e4;transition:color .2s}.primary-nav a:hover{color:white}.primary-nav .nav-cta{padding:10px 15px;border:1px solid rgba(78,183,255,.45);border-radius:9px;color:white}.nav-cta span{color:var(--accent2);padding-left:8px}.menu-toggle{display:none;background:none;border:0;color:white}.hero{position:relative;overflow:hidden;min-height:660px;padding:92px 0 25px;background:radial-gradient(ellipse at 80% 35%,rgba(12,80,146,.25),transparent 40%),linear-gradient(180deg,rgba(8,27,49,.5),transparent)}.hero-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(86,142,197,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(86,142,197,.15) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,black 55%,black)}.hero-layout{position:relative;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:45px;min-height:490px}.hero-copy{max-width:610px}.eyebrow,.section-kicker{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1.8px;color:var(--accent2);font-weight:600}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(78,183,255,.22);border-radius:100px;background:rgba(22,136,232,.07)}.status-dot,.mini-dot{width:6px;height:6px;background:#45d8a1;border-radius:50%;box-shadow:0 0 12px #45d8a1}.hero h1,.section h2,.contact-cta h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-2.4px;line-height:1.08;font-weight:600}.hero h1{font-size:clamp(42px,5.2vw,68px);margin:27px 0 22px;max-width:670px}.hero h1:after{content:"";display:block;width:76px;height:3px;margin-top:25px;background:linear-gradient(90deg,var(--accent),transparent)}.hero-lead{color:#afc0d5;font-size:17px;line-height:1.8;max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 18px;border-radius:9px;font-size:13px;font-weight:600;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(120deg,#147bd3,#1688e8);color:white;box-shadow:0 8px 28px rgba(22,136,232,.2)}.button-primary span{font-size:17px}.button-ghost{border:1px solid var(--line);color:#d5e2f2}.button-ghost:hover{border-color:var(--accent2)}.hero-proof{display:flex;gap:22px;align-items:center;margin-top:42px}.proof-line{height:34px;width:2px;background:var(--accent)}.hero-proof p{margin:0;display:grid;gap:1px}.hero-proof strong{font-size:13px}.hero-proof span{font-size:11px;color:var(--muted)}.hero-visual{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(78,183,255,.2);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:390px;height:280px}.orbit-two{width:340px;height:390px;transform:rotate(45deg);border-color:rgba(78,183,255,.12)}.orbit-three{width:470px;height:190px;transform:rotate(20deg);border-style:dashed;opacity:.6}.core-card{position:relative;z-index:2;width:270px;min-height:265px;padding:20px;border:1px solid rgba(102,173,232,.34);border-radius:18px;background:linear-gradient(145deg,rgba(15,42,70,.95),rgba(6,19,35,.94));box-shadow:0 30px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05);transform:rotate(-4deg)}.core-top{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);padding-bottom:14px}.mini-dot{width:5px;height:5px;background:#5e86aa;box-shadow:none}.core-label{margin-left:auto;color:#6e94b9;font-size:9px;letter-spacing:1.8px}.ai-symbol{font-size:74px;line-height:1.3;text-align:center;color:var(--accent2);text-shadow:0 0 35px rgba(22,136,232,.6)}.core-title{text-align:center;font-family:'Space Grotesk',sans-serif;font-size:12px;color:#dbe9f8}.core-title span{color:var(--accent2);padding:0 7px}.code-line{height:4px;border-radius:5px;background:linear-gradient(90deg,rgba(22,136,232,.7),rgba(22,136,232,.08));margin:10px auto 0}.line-a{width:76%}.line-b{width:53%}.line-c{width:66%}.float-tag{position:absolute;z-index:3;font-size:11px;padding:10px 13px;border:1px solid rgba(106,171,226,.25);border-radius:9px;background:rgba(8,26,46,.92);box-shadow:0 12px 28px rgba(0,0,0,.18);color:#d4e4f5}.tag-ai{top:55px;right:5px}.tag-dev{bottom:60px;left:0}.tag-data{bottom:35px;right:10px}.hero-bottom{position:relative;display:flex;align-items:center;gap:15px;margin-top:35px;color:#6e88a5;font-size:9px;letter-spacing:1.6px}.scroll-line{height:1px;width:65px;background:linear-gradient(90deg,var(--accent),transparent)}.section{padding:100px 0}.intro-section{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(13,34,58,.55),transparent)}.intro-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}.section-kicker{margin:0 0 18px}.section h2,.contact-cta h2{font-size:clamp(34px,4vw,48px);margin:0 0 22px}.section h2 span,.contact-cta h2 span{color:var(--accent2)}.section-lead{max-width:730px;color:#aebfd3;font-size:17px;line-height:1.85}.services-section{background:linear-gradient(180deg,transparent,rgba(10,28,48,.55),transparent)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;margin:0 0 4px;color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{position:relative;overflow:hidden;min-height:270px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(13,34,57,.85),rgba(8,24,42,.72));transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-4px);border-color:rgba(78,183,255,.45)}.service-number{position:absolute;right:22px;top:20px;font-size:11px;color:#56728e;font-family:'Space Grotesk',sans-serif}.service-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(78,183,255,.25);border-radius:12px;color:var(--accent2);font-size:21px;background:rgba(22,136,232,.07)}.service-card h3{font-family:'Space Grotesk',sans-serif;font-size:18px;margin:22px 0 10px;letter-spacing:-.4px}.service-card p{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 22px}.service-card>a,.text-link{position:relative;z-index:2;font-size:12px;color:#c9e8ff;font-weight:600}.service-card>a span,.text-link span{color:var(--accent2);margin-left:6px}.service-featured{border-color:rgba(22,136,232,.4);background:linear-gradient(145deg,rgba(15,54,88,.8),rgba(8,24,42,.9))}.card-glow{position:absolute;width:180px;height:180px;right:-90px;top:-100px;background:rgba(22,136,232,.18);filter:blur(50px)}.ai-section{padding-top:70px}.ai-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding:55px;border:1px solid rgba(78,183,255,.2);border-radius:24px;background:radial-gradient(ellipse at 15% 50%,rgba(22,136,232,.13),transparent 45%),linear-gradient(135deg,#0a1c31,#09182a)}.ai-art{position:relative;height:310px;display:grid;place-items:center}.ai-ring{position:absolute;border:1px solid rgba(78,183,255,.25);border-radius:50%}.ring-1{width:190px;height:190px}.ring-2{width:255px;height:255px;border-style:dashed;animation:spin 50s linear infinite}.ring-3{width:300px;height:150px;transform:rotate(-40deg)}.ai-center{width:100px;height:100px;border:1px solid rgba(78,183,255,.5);border-radius:28px;display:grid;place-items:center;align-content:center;gap:0;font-size:43px;color:var(--accent2);background:linear-gradient(145deg,#123d61,#09192b);box-shadow:0 0 55px rgba(22,136,232,.2);transform:rotate(-8deg)}.ai-center span{font-size:9px;letter-spacing:3px}.ai-node{position:absolute;font-size:9px;letter-spacing:1px;padding:7px 9px;background:#0b2138;border:1px solid var(--line);border-radius:6px;color:#a8c9e7}.node-1{top:25px;left:24%}.node-2{right:0;top:48%}.node-3{bottom:18px;left:28%}.ai-copy h2{font-size:clamp(30px,3.4vw,42px)}.ai-copy>p:not(.section-kicker){color:var(--muted);font-size:14px;line-height:1.9}.ai-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.ai-tags span{font-size:10px;color:#a8c9e7;border:1px solid var(--line);border-radius:6px;padding:6px 9px}.experience-section{padding-top:70px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin:42px 0}.metric{padding:0 25px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{font-family:'Space Grotesk',sans-serif;font-size:46px;line-height:1.2;letter-spacing:-2px}.metric strong span{color:var(--accent2)}.metric p{color:var(--muted);font-size:12px;line-height:1.6;max-width:170px;margin:8px 0 0}.experience-note{display:flex;align-items:center;gap:22px;padding:22px 25px;background:rgba(12,32,56,.65);border:1px solid var(--line);border-radius:14px}.note-mark{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:rgba(22,136,232,.12);color:var(--accent2);font-family:'Space Grotesk',sans-serif;font-weight:700}.experience-note p{flex:1;color:#b0c2d7;font-size:13px;margin:0}.experience-note .text-link{white-space:nowrap}.blog-section{background:linear-gradient(180deg,transparent,rgba(10,28,48,.5),transparent)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.post-card{min-width:0}.post-image,.post-image-placeholder{display:flex;position:relative;overflow:hidden;align-items:center;justify-content:center;width:100%;aspect-ratio:1.65;background:linear-gradient(135deg,#0d2b49,#09172a);border:1px solid var(--line);border-radius:14px}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.post-image:hover img{transform:scale(1.04)}.post-image-placeholder{flex-direction:column;gap:7px;color:var(--accent2);font-size:52px;background:radial-gradient(circle at 50% 50%,rgba(22,136,232,.18),transparent 55%),linear-gradient(135deg,#0d2b49,#09172a)}.post-image-placeholder small{font-size:8px;letter-spacing:2px;color:#85a9cc}.post-meta{font-size:10px;color:#7895b4;text-transform:uppercase;letter-spacing:.7px;margin:18px 0 9px}.post-meta a{color:#8dcfff}.post-card h3,.post-card h2{font-family:'Space Grotesk',sans-serif;font-size:19px;line-height:1.4;letter-spacing:-.4px;margin:0 0 10px}.post-card>p{color:var(--muted);font-size:13px;line-height:1.75;margin:0 0 17px}.post-empty{opacity:.9}.contact-cta{position:relative;overflow:hidden;padding:85px 0;border-top:1px solid var(--line);background:radial-gradient(ellipse at 75% 40%,rgba(22,136,232,.16),transparent 40%),#08172a}.cta-inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-inner>div:first-child{position:relative;z-index:2}.contact-cta h2{font-size:clamp(35px,4vw,50px)}.contact-cta p:not(.section-kicker){color:var(--muted);max-width:560px;font-size:14px}.cta-actions{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;min-width:190px}.cta-orb{position:absolute;right:8%;top:10%;width:300px;height:300px;border:1px solid rgba(78,183,255,.12);border-radius:50%;box-shadow:0 0 0 35px rgba(78,183,255,.025),0 0 0 75px rgba(78,183,255,.02)}.site-footer{border-top:1px solid var(--line);background:#061120}.footer-top{display:flex;align-items:center;gap:25px;padding-top:30px;padding-bottom:28px}.footer-top>p{color:#7f96b0;font-size:12px;margin:0;flex:1}.footer-links{display:flex;gap:18px}.footer-links a{font-size:12px;color:#c5d6e9}.footer-bottom{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid var(--line);color:#627a96;font-size:10px;letter-spacing:.4px}.content-area{min-height:65vh;padding:80px 0 100px}.page-container{max-width:var(--max)}.narrow-content{max-width:850px}.archive-heading{max-width:720px;margin:0 auto 45px;text-align:center}.archive-heading h1,.page-article h1,.single-article h1,.error-page h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5vw,58px);line-height:1.1;letter-spacing:-2px;margin:0 0 18px}.archive-heading>p:last-child,.error-page>p:not(.section-kicker){color:var(--muted)}.page-article h1,.single-article h1{margin-bottom:28px}.entry-content{color:#c2d0e0;font-size:16px;line-height:1.9}.entry-content h2,.entry-content h3{font-family:'Space Grotesk',sans-serif;color:var(--text);line-height:1.25}.entry-content a{color:var(--accent2);text-decoration:underline;text-underline-offset:3px}.entry-content ul,.entry-content ol{padding-left:25px}.single-featured-image{margin-bottom:28px}.single-featured-image img{border-radius:18px;width:100%;max-height:480px;object-fit:cover}.article-end{margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.pagination{margin-top:40px}.pagination .nav-links{display:flex;gap:10px}.pagination a,.pagination span{padding:9px 13px;border:1px solid var(--line);border-radius:7px}.pagination .current{background:var(--accent);border-color:var(--accent)}.error-page{text-align:center;padding-top:70px;padding-bottom:70px}.error-page .button{margin-top:20px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(335deg)}}@media(max-width:900px){.container{width:min(var(--max),calc(100% - 36px))}.primary-nav ul{gap:16px}.hero-layout{grid-template-columns:1fr .8fr;gap:15px}.hero-visual{transform:scale(.85)}.hero h1{font-size:clamp(40px,5.8vw,56px)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-panel{padding:35px;gap:25px}.metrics-grid{grid-template-columns:repeat(2,1fr);row-gap:28px}.metric:nth-child(2){border:0}.metric:nth-child(3){padding-left:0}.post-grid{gap:13px}.section{padding:78px 0}}@media(max-width:680px){.container{width:calc(100% - 36px)}.site-header{height:70px}.brand-mark{width:38px;height:38px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px}.menu-toggle>span{display:block;width:22px;height:2px;background:#e4f1ff;border-radius:2px}.primary-nav{display:none;position:absolute;left:0;right:0;top:69px;background:rgba(7,20,38,.98);border-bottom:1px solid var(--line);padding:12px 18px 22px}.primary-nav.is-open{display:block}.primary-nav ul{display:flex;align-items:stretch;flex-direction:column;gap:0}.primary-nav li a{display:block;padding:13px 5px}.primary-nav .nav-cta{margin-top:8px;text-align:center}.hero{padding-top:55px;min-height:auto}.hero-layout{grid-template-columns:1fr;gap:10px}.hero-copy{max-width:none}.hero h1{font-size:clamp(40px,11vw,56px);letter-spacing:-1.8px;margin-top:24px}.hero-lead{font-size:15px}.hero-proof{margin-top:30px;gap:13px}.hero-proof span{max-width:145px}.hero-visual{height:310px;transform:scale(.86);margin:-4px 0 -20px}.orbit-one{width:330px;height:235px}.orbit-two{width:280px;height:330px}.orbit-three{width:360px;height:160px}.tag-ai{right:0;top:25px}.tag-dev{left:-5px;bottom:35px}.tag-data{right:0;bottom:12px}.hero-bottom{margin-top:20px;font-size:8px;gap:8px}.scroll-line{width:28px}.intro-grid{grid-template-columns:1fr;gap:10px}.section{padding:65px 0}.section h2,.contact-cta h2{font-size:35px;letter-spacing:-1.5px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px;padding:23px}.ai-panel{grid-template-columns:1fr;padding:26px 20px;gap:12px}.ai-art{height:250px;transform:scale(.9)}.ai-copy h2{font-size:34px}.metrics-grid{padding:24px 0;margin:30px 0;gap:24px 0}.metric{padding:0 12px}.metric strong{font-size:39px}.metric p{font-size:11px}.experience-note{align-items:flex-start;flex-wrap:wrap;padding:18px;gap:13px}.experience-note p{flex-basis:calc(100% - 60px)}.experience-note .text-link{margin-left:59px}.post-grid{grid-template-columns:1fr;gap:28px}.post-image,.post-image-placeholder{aspect-ratio:1.8}.post-card h3,.post-card h2{font-size:20px}.cta-inner{display:block}.cta-actions{margin-top:28px;max-width:240px}.cta-orb{right:-200px;top:20%}.footer-top{flex-wrap:wrap;gap:16px}.footer-top>p{flex-basis:100%;order:3}.footer-links{margin-left:auto}.footer-bottom{gap:10px;align-items:flex-start;flex-direction:column}.content-area{padding:55px 0 70px}.archive-heading{text-align:left}.archive-heading h1,.page-article h1,.single-article h1,.error-page h1{font-size:40px}.reveal{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}} /* Módulos da página inicial: controlados em Aparência > Personalizar. */ .ads-hide-module-hero .hero,.ads-hide-module-intro .intro-section,.ads-hide-module-services .services-section,.ads-hide-module-ai .ai-section,.ads-hide-module-experience .experience-section,.ads-hide-module-blog .blog-section,.ads-hide-module-contact .contact-cta{display:none!important} /* Editor nativo do WordPress: blocos e conteúdo permanecem legíveis no tema escuro. */ .entry-content .wp-block-button__link{background:var(--accent);color:#fff;border-radius:8px}.entry-content .wp-block-image img{border-radius:14px}.entry-content blockquote{border-left:3px solid var(--accent);padding-left:1.25rem;color:#c9d8e8} /* v1.1.1 — Accessible native Gutenberg page content and professional About layout */ .page .page-article .entry-content, .single .single-article .entry-content{color:#d4e1ef;font-size:17px;line-height:1.85;overflow-wrap:anywhere} .page .page-article .entry-content :is(p,li,blockquote,figcaption,dd,dt,span,strong,em){color:#d4e1ef!important} .page .page-article .entry-content :is(h2,h3,h4,h5,h6){color:#f2f7ff!important;font-family:'Space Grotesk',sans-serif;line-height:1.2;letter-spacing:-.6px;margin-top:1.5em;margin-bottom:.65em} .page .page-article .entry-content h2{font-size:clamp(28px,3.4vw,40px)} .page .page-article .entry-content h3{font-size:clamp(21px,2.3vw,27px)} .page .page-article .entry-content a:not(.wp-block-button__link){color:#65c5ff!important;text-decoration:underline;text-underline-offset:4px} .page .page-article .entry-content p{margin-block:0 1.25em} .page .page-article .entry-content .wp-block-image{margin-block:1.5rem} .page .page-article .entry-content .wp-block-image img{display:block;width:100%;max-height:420px;object-fit:cover;border:1px solid var(--line);border-radius:16px} .page .page-article .entry-content .wp-block-columns{gap:18px;margin-block:2rem} .page .page-article .entry-content .wp-block-column{min-width:0} .page .page-article .entry-content .about-value-card{height:100%;padding:25px;border:1px solid rgba(120,174,225,.22);border-radius:16px;background:linear-gradient(145deg,rgba(14,39,65,.94),rgba(8,24,42,.9));box-shadow:0 14px 38px rgba(0,0,0,.12)} .page .page-article .entry-content .about-value-card h3{margin-top:0;color:#fff!important;font-size:22px} .page .page-article .entry-content .about-value-card p{font-size:15px;line-height:1.8;margin-bottom:0} .page .page-article .entry-content .about-intro-block{margin-bottom:2.5rem} .page .page-article .entry-content .about-journey{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--line)} .page .page-article .entry-content .wp-block-media-text{gap:clamp(22px,4vw,54px);align-items:center;margin-block:2.5rem} .page .page-article .entry-content .wp-block-media-text__media img{width:100%;max-height:360px;object-fit:cover;border-radius:16px} .page .page-article .entry-content .wp-block-media-text__content{padding:0} .page .page-article .entry-content .wp-block-embed{max-width:100%;margin-block:2rem} .page .page-article .entry-content .wp-block-embed iframe{max-width:100%;border:1px solid var(--line);border-radius:14px} .page .page-article .entry-content .wp-block-button__link{display:inline-flex;align-items:center;min-height:48px;padding:13px 20px;background:linear-gradient(120deg,#147bd3,#1688e8)!important;color:#fff!important;border:1px solid rgba(101,197,255,.35);border-radius:9px;font-weight:700;text-decoration:none} .page .page-article .entry-content .wp-block-list{padding-left:1.3rem} .page .page-article .entry-content .wp-block-list li{padding-left:.3rem;margin-bottom:.55rem} @media(max-width:680px){.page .page-article .entry-content{font-size:16px}.page .page-article .entry-content .wp-block-columns{display:grid;grid-template-columns:1fr;gap:12px}.page .page-article .entry-content .about-value-card{padding:21px}.page .page-article .entry-content .wp-block-media-text{display:flex;flex-direction:column;gap:18px}.page .page-article .entry-content .wp-block-media-text.has-media-on-the-right{flex-direction:column}.page .page-article .entry-content .wp-block-media-text__media,.page .page-article .entry-content .wp-block-media-text__content{width:100%}} .page-container.narrow-content{max-width:1000px} /* v1.2.0 — editorial About page and accessible portfolio carousel */ .about-page-container{width:min(100% - 48px,1160px);max-width:1160px!important;margin-inline:auto} .ads-about-page .page-article>h1{font-size:clamp(2.6rem,5.8vw,5rem);letter-spacing:-.055em;line-height:1.03;margin:12px 0 34px;max-width:1000px} .ads-about-page .page-article>.section-kicker{margin-top:34px} .ads-about-page .entry-content{color:#c4d3e5;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.8;overflow-wrap:anywhere} .ads-about-page .entry-content p{color:#c4d3e5;max-width:78ch} .ads-about-page .entry-content h2,.ads-about-page .entry-content h3{color:#f1f7ff;letter-spacing:-.035em;line-height:1.15} .ads-about-page .entry-content h2{font-size:clamp(1.8rem,3.4vw,3rem);margin:0 0 22px} .ads-about-page .entry-content h3{font-size:clamp(1.15rem,1.7vw,1.45rem)} .ads-about-page .entry-content .ads-about-intro{padding:18px 0 44px;border-bottom:1px solid var(--line);margin-bottom:38px} .ads-about-page .entry-content .ads-about-intro h2{max-width:900px} .ads-about-page .entry-content .ads-about-intro .has-large-font-size{font-size:clamp(1.12rem,1.6vw,1.4rem);line-height:1.65;color:#dce8f7} .ads-about-page .entry-content .ads-about-pillars{gap:18px;margin:0 0 76px;align-items:stretch} .ads-about-page .entry-content .ads-about-pillars>.wp-block-column{display:flex;min-width:0} .ads-about-page .entry-content .ads-about-card{height:100%;width:100%;padding:28px 26px;border:1px solid rgba(114,164,215,.22);border-radius:20px;background:linear-gradient(145deg,rgba(16,43,72,.94),rgba(9,27,48,.84));box-shadow:0 18px 45px rgba(0,0,0,.12)} .ads-about-page .entry-content .ads-about-card-featured{border-color:rgba(22,136,232,.6);background:radial-gradient(ellipse at 100% 0,rgba(22,136,232,.22),transparent 58%),linear-gradient(145deg,#102c4b,#091b30)} .ads-about-page .entry-content .ads-card-index{font:700 .72rem/1.3 'DM Sans',sans-serif;letter-spacing:.14em;color:#58bdff;margin:0 0 22px} .ads-about-page .entry-content .ads-about-card h3{margin:0 0 14px} .ads-about-page .entry-content .ads-about-card p:last-child{margin-bottom:0;font-size:.98rem;line-height:1.72} .ads-about-page .entry-content .ads-about-method{padding:0 0 58px;margin-bottom:60px;border-bottom:1px solid var(--line)} .ads-about-page .entry-content .ads-about-method h2{max-width:900px} .ads-about-page .entry-content .ads-about-method p{max-width:86ch} .ads-about-page .entry-content .ads-about-cta{position:relative;overflow:hidden;margin:70px 0 28px;padding:clamp(28px,5vw,58px);border-radius:24px;border:1px solid rgba(22,136,232,.38);background:radial-gradient(ellipse at 100% 0,rgba(22,136,232,.2),transparent 50%),linear-gradient(135deg,#0c2541,#09192b)} .ads-about-page .entry-content .ads-about-cta h2{max-width:760px} .ads-about-page .entry-content .ads-about-cta .wp-block-buttons{gap:12px;margin-top:26px} .ads-about-page .entry-content .wp-block-button__link{border-radius:9px;font-weight:700;padding:13px 20px;background:#1688e8;color:white;text-decoration:none} .ads-about-page .entry-content .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:1px solid #3c8ecb;color:#eaf5ff} .ads-portfolio{margin:64px 0 76px;padding:clamp(22px,4vw,42px);border:1px solid rgba(114,164,215,.2);border-radius:24px;background:linear-gradient(150deg,rgba(12,34,58,.92),rgba(7,20,38,.94));overflow:hidden} .ads-portfolio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px} .ads-portfolio-heading h2{margin:8px 0 12px!important;font-size:clamp(1.8rem,3vw,2.7rem)!important} .ads-portfolio-lead{max-width:660px;margin:0!important;color:#aebfd4!important;font-size:1rem} .ads-carousel-controls{display:flex;gap:8px;flex-shrink:0} .ads-carousel-controls button{width:44px;height:44px;border:1px solid rgba(119,178,228,.35);border-radius:50%;background:#0c2743;color:#f5f9ff;font-size:1.25rem;cursor:pointer;transition:background .2s,border-color .2s} .ads-carousel-controls button:hover,.ads-carousel-controls button:focus-visible{background:#1688e8;border-color:#1688e8;outline:2px solid #7bcaff;outline-offset:2px} .ads-project-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,calc((100% - 36px)/3));gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#246da8 #0a1b30;padding:2px 2px 16px} .ads-project-card{min-width:0;scroll-snap-align:start;overflow:hidden;border:1px solid rgba(126,168,210,.18);border-radius:16px;background:#0b1d32} .ads-project-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(22,136,232,.38),transparent 52%),linear-gradient(135deg,#102b49,#071426)} .ads-project-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease} .ads-project-card:hover .ads-project-media img{transform:scale(1.04)} .ads-project-open{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(5,16,30,.82);color:white;font-size:1.1rem} .ads-project-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#52b8ff;font-size:3.3rem;font-weight:700;letter-spacing:-.08em} .ads-placeholder-plus{color:#e9f5ff} .ads-project-placeholder small{font-size:.65rem;letter-spacing:.18em;color:#8ca9c7} .ads-project-copy{padding:20px 20px 22px} .ads-project-type{margin:0 0 10px!important;color:#54baff!important;font-size:.67rem!important;font-weight:700;letter-spacing:.14em;line-height:1.4!important} .ads-project-copy h3{font-size:1.18rem!important;margin:0 0 10px!important} .ads-project-copy h3 a{color:#f2f7ff;text-decoration:none} .ads-project-copy>p:not(.ads-project-type){font-size:.92rem;line-height:1.65;color:#aebfd4;margin:0 0 18px} .ads-project-link{font-size:.88rem;font-weight:700;color:#61bdff;text-decoration:none} .ads-project-link span{margin-left:5px} .ads-carousel-hint{margin:13px 0 0!important;text-align:right;color:#849db9!important;font-size:.78rem!important} .ads-portfolio-empty{display:flex;align-items:flex-start;gap:20px;padding:28px;border:1px dashed rgba(98,166,224,.38);border-radius:16px;background:rgba(8,27,47,.72)} .ads-empty-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:rgba(22,136,232,.16);color:#65c2ff;font-size:1.5rem} .ads-portfolio-empty h3{margin:0 0 8px!important;color:#f1f7ff;font-size:1.15rem!important} .ads-portfolio-empty p{margin:0!important;font-size:.95rem;color:#b8c9dc!important} @media(max-width:900px){.ads-about-page .entry-content .ads-about-pillars{gap:12px}.ads-about-page .entry-content .ads-about-card{padding:22px 18px}.ads-project-track{grid-auto-columns:minmax(250px,calc((100% - 18px)/2))}} @media(max-width:640px){.about-page-container{width:min(100% - 32px,1160px)}.ads-about-page .page-article>h1{margin-bottom:24px}.ads-about-page .entry-content .ads-about-intro{padding-bottom:30px;margin-bottom:28px}.ads-about-page .entry-content .ads-about-pillars{display:grid;grid-template-columns:1fr;margin-bottom:48px}.ads-about-page .entry-content .ads-about-pillars>.wp-block-column{margin:0}.ads-about-page .entry-content .ads-about-card{padding:24px}.ads-about-page .entry-content .ads-about-method{padding-bottom:36px;margin-bottom:40px}.ads-portfolio{margin:44px 0;padding:22px 16px;border-radius:18px}.ads-portfolio-heading{align-items:flex-start}.ads-carousel-controls{padding-top:24px}.ads-carousel-controls button{width:38px;height:38px}.ads-project-track{grid-auto-columns:minmax(78%,320px);gap:14px}.ads-project-copy{padding:17px}.ads-portfolio-empty{padding:20px;gap:13px}.ads-about-page .entry-content .ads-about-cta{margin-top:44px;padding:26px 22px}} @media(prefers-reduced-motion:reduce){.ads-project-media img,.ads-carousel-controls button{transition:none}} /* v1.3.0 — photo-led, aligned About page */ .ads-about-page .page-article > .section-kicker, .ads-about-page .page-article > h1 {text-align:left;margin-left:0;margin-right:0;max-width:100%;} .ads-about-page .page-article > .section-kicker{margin-top:clamp(24px,4vw,42px);margin-bottom:12px;} .ads-about-page .page-article > h1{margin-top:0;margin-bottom:clamp(28px,4vw,48px);} .ads-about-page .entry-content{max-width:none;} .ads-about-page .entry-content .ads-about-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);align-items:center;gap:clamp(32px,5vw,76px);margin:0 0 clamp(42px,6vw,76px);} .ads-about-page .entry-content .ads-about-hero>.wp-block-column{min-width:0;margin:0!important;} .ads-about-page .entry-content .ads-about-hero-copy{max-width:100%;} .ads-about-page .entry-content .ads-about-eyebrow{margin:0 0 18px;color:#62c2ff;font-size:.76rem;font-weight:700;letter-spacing:.17em;line-height:1.5;text-transform:uppercase;} .ads-about-page .entry-content .ads-about-hero h2{font-size:clamp(2rem,3.5vw,3.45rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 22px;max-width:760px;} .ads-about-page .entry-content .ads-about-hero .ads-about-lead{font-size:clamp(1.08rem,1.45vw,1.32rem);line-height:1.72;color:#d6e4f5;max-width:62ch;margin-bottom:16px;} .ads-about-page .entry-content .ads-about-hero-copy>p:not(.ads-about-eyebrow):not(.ads-about-lead){max-width:65ch;color:#aebfd4;} .ads-about-page .entry-content .ads-about-hero .wp-block-buttons{margin-top:24px;gap:12px;} .ads-about-page .entry-content .ads-about-portrait{margin:0;position:relative;} .ads-about-page .entry-content .ads-about-portrait:before{content:"";position:absolute;inset:10% -7% -5% 12%;border-radius:26px;background:radial-gradient(ellipse at center,rgba(22,136,232,.28),transparent 70%);filter:blur(12px);z-index:0;pointer-events:none;} .ads-about-page .entry-content .ads-about-portrait img{display:block;position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border:1px solid rgba(100,190,255,.45);border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.32);} .ads-about-page .entry-content .ads-about-portrait figcaption{position:relative;z-index:1;margin-top:14px;color:#8daac8;font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-align:center;} .ads-about-page .entry-content .ads-about-pillars{margin-top:0;} .ads-about-page .entry-content .ads-about-method{margin-top:clamp(48px,7vw,86px);} .ads-about-page .entry-content .ads-about-method .section-kicker{margin-bottom:14px;color:#62c2ff;font-size:.74rem;font-weight:700;letter-spacing:.16em;} .ads-about-page .entry-content .ads-about-method h2{max-width:850px;} .ads-about-page .entry-content .ads-portfolio{margin-top:clamp(52px,7vw,88px);} @media(max-width:800px){.ads-about-page .entry-content .ads-about-hero{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:26px}.ads-about-page .entry-content .ads-about-hero h2{font-size:clamp(1.9rem,4.3vw,2.7rem)}} @media(max-width:640px){.ads-about-page .page-article > .section-kicker{margin-top:22px}.ads-about-page .page-article > h1{font-size:clamp(2.7rem,13vw,4rem);margin-bottom:24px}.ads-about-page .entry-content .ads-about-hero{display:flex;flex-direction:column-reverse;align-items:stretch;gap:26px;margin-bottom:42px}.ads-about-page .entry-content .ads-about-hero-photo{width:100%;max-width:420px;margin-inline:auto!important}.ads-about-page .entry-content .ads-about-portrait img{aspect-ratio:5/4;object-position:center 28%;border-radius:18px}.ads-about-page .entry-content .ads-about-portrait figcaption{text-align:left}.ads-about-page .entry-content .ads-about-hero h2{font-size:clamp(2rem,9vw,3rem)}.ads-about-page .entry-content .ads-about-hero .wp-block-buttons{display:flex;flex-wrap:wrap}.ads-about-page .entry-content .ads-about-method{margin-top:48px}} /* v1.4.0 — editorial About hero, portrait integrated into the page background */ .ads-about-page .page-article > .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .ads-about-page .page-article > .entry-content{max-width:none!important} .ads-about-page .entry-content .ads-about-hero{grid-template-columns:minmax(0,1.28fr) minmax(300px,.82fr);gap:clamp(34px,5vw,78px);align-items:center;min-height:clamp(520px,48vw,650px);margin:0 0 clamp(56px,7vw,96px);position:relative} .ads-about-page .entry-content .ads-about-hero-copy{position:relative;z-index:2} .ads-about-page .entry-content .ads-about-identity{margin:0 0 24px!important;color:#8ea8c5!important;font-size:.7rem!important;line-height:1.5!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase} .ads-about-page .entry-content .ads-about-identity span{color:#607c9d;font-weight:500} .ads-about-page .entry-content .ads-about-eyebrow{margin:0 0 16px!important;color:#55baff!important;font-size:.73rem!important;font-weight:700;letter-spacing:.16em;line-height:1.5;text-transform:uppercase} .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{font-family:'Space Grotesk',sans-serif;color:#f4f8ff;font-size:clamp(2.6rem,4.35vw,4.5rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px;max-width:760px} .ads-about-page .entry-content .ads-about-hero .ads-about-lead{font-size:clamp(1.12rem,1.45vw,1.32rem);line-height:1.65;color:#dce8f7;max-width:60ch;margin-bottom:16px} .ads-about-page .entry-content .ads-about-hero-copy>p:not(.ads-about-identity):not(.ads-about-eyebrow):not(.ads-about-lead){max-width:62ch;color:#aebfd4;font-size:1rem;line-height:1.78} .ads-about-page .entry-content .ads-about-hero .wp-block-buttons{margin-top:28px;gap:12px} .ads-about-page .entry-content .ads-about-hero-photo{min-width:0;position:relative;isolation:isolate} .ads-about-page .entry-content .ads-about-hero-photo:before{content:"";position:absolute;inset:8% -10% 2% 4%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 52% 48%,rgba(24,136,232,.24),rgba(24,136,232,.07) 42%,transparent 72%);filter:blur(20px)} .ads-about-page .entry-content .ads-about-portrait{margin:0;position:relative} .ads-about-page .entry-content .ads-about-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 24%;border:0;border-radius:22px;box-shadow:0 26px 76px rgba(0,0,0,.3);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.92) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.92) 88%,transparent 100%)} .ads-about-page .entry-content .ads-about-portrait figcaption{margin-top:8px;color:#7e9bbd;font-size:.66rem;letter-spacing:.15em;text-align:right} .ads-about-page .entry-content .ads-about-pillars{margin-top:0} .ads-about-page .entry-content .ads-about-card{transition:transform .22s ease,border-color .22s ease} .ads-about-page .entry-content .ads-about-card:hover{transform:translateY(-3px);border-color:rgba(78,183,255,.4)} .ads-about-page .entry-content .ads-about-method{margin-top:clamp(48px,7vw,88px)} .ads-about-page .entry-content .ads-portfolio{margin-top:clamp(50px,7vw,86px)} @media(max-width:900px){.ads-about-page .entry-content .ads-about-hero{grid-template-columns:minmax(0,1.12fr) minmax(240px,.78fr);gap:28px;min-height:unset;padding-top:24px}.ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{font-size:clamp(2.35rem,5vw,3.6rem)}} @media(max-width:640px){.ads-about-page .entry-content .ads-about-hero{display:flex;flex-direction:column-reverse;align-items:stretch;gap:26px;margin-bottom:44px;padding-top:8px;min-height:unset}.ads-about-page .entry-content .ads-about-hero-photo{width:100%;max-width:430px;margin:0 auto!important}.ads-about-page .entry-content .ads-about-portrait img{aspect-ratio:4/3;object-position:center 22%;border-radius:18px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}.ads-about-page .entry-content .ads-about-portrait figcaption{text-align:left}.ads-about-page .entry-content .ads-about-identity{margin-bottom:16px!important;font-size:.64rem!important}.ads-about-page .entry-content .ads-about-eyebrow{font-size:.67rem!important;margin-bottom:12px!important}.ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{font-size:clamp(2.35rem,10.5vw,3.4rem);margin-bottom:18px}.ads-about-page .entry-content .ads-about-hero .ads-about-lead{font-size:1.08rem}.ads-about-page .entry-content .ads-about-hero .wp-block-buttons{margin-top:22px}.ads-about-page .entry-content .ads-about-pillars{margin-bottom:42px}} @media(prefers-reduced-motion:reduce){.ads-about-page .entry-content .ads-about-card{transition:none}.ads-about-page .entry-content .ads-about-card:hover{transform:none}} /* v1.5.0 — responsive resilience across every template and Gutenberg block */ html{overflow-x:clip;scroll-padding-top:calc(var(--header-height,82px) + 16px)} body{min-width:0;overflow-x:clip} .container,.content-area,.page-container,.page-article,.single-article,.entry-content,.wp-site-blocks{min-width:0;max-width:100%} img,video,iframe,embed,object,svg{max-width:100%} img,video{height:auto} figure{max-width:100%;margin-inline:0} .entry-content>*{max-width:100%;min-width:0} .entry-content p,.entry-content li,.entry-content blockquote,.entry-content figcaption{overflow-wrap:anywhere} .entry-content pre,.wp-block-code,.wp-block-verse{max-width:100%;overflow-x:auto;white-space:pre} .entry-content table,.wp-block-table{max-width:100%;overflow-x:auto} .entry-content table{display:block;width:max-content;max-width:100%;border-collapse:collapse} .wp-block-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch} .wp-block-table table{display:table;width:100%;min-width:480px} .wp-block-embed,.wp-block-video,.wp-block-audio,.wp-block-file,.wp-block-gallery,.wp-block-image,.wp-block-cover,.wp-block-media-text{min-width:0;max-width:100%} .wp-block-embed__wrapper{max-width:100%;overflow:hidden} .wp-block-embed iframe{width:100%;max-width:100%} .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;max-width:100%} .wp-block-button{max-width:100%} .wp-block-button__link{white-space:normal;overflow-wrap:anywhere} .wp-block-columns{gap:clamp(16px,2.4vw,32px)} .wp-block-column{min-width:0;overflow-wrap:anywhere} .wp-block-image img,.wp-block-gallery img,.wp-block-media-text__media img{display:block;width:auto;max-width:100%;height:auto} .wp-block-gallery.has-nested-images figure.wp-block-image{min-width:0} .wp-block-cover{padding:clamp(20px,4vw,48px)} .wp-block-cover__inner-container{width:100%;max-width:var(--max);margin-inline:auto} .alignwide{max-width:min(100%,var(--max));margin-inline:auto} .alignfull{max-width:100%;width:100%;margin-inline:0} .post-grid,.service-grid,.metrics-grid,.intro-grid,.hero-layout,.ai-panel,.footer-top,.footer-bottom{min-width:0} .post-card,.service-card,.metric,.hero-copy,.hero-visual,.ai-copy,.ai-art{min-width:0} .post-card h2,.post-card h3,.post-card p,.service-card h3,.service-card p{overflow-wrap:anywhere} .post-image img,.single-featured-image img{display:block;width:100%;height:auto;object-fit:cover} .single-article .entry-content>img,.page-article .entry-content>img{max-width:100%;height:auto} .pagination .nav-links{flex-wrap:wrap;overflow-wrap:anywhere} .ads-about-page .entry-content .ads-about-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:48% 25%;border:0;border-radius:22px;box-shadow:0 26px 76px rgba(0,0,0,.3);-webkit-mask-image:none;mask-image:none} .ads-about-page .entry-content .ads-about-portrait:before{display:none} @media(max-width:1024px){ .hero-layout{gap:28px} .hero h1{font-size:clamp(38px,5.4vw,58px)} .ai-panel{gap:28px;padding:clamp(24px,4vw,42px)} .section-heading{gap:24px} .ads-about-page .entry-content .ads-about-hero{gap:clamp(24px,3vw,40px)} } @media(max-width:782px){ .wp-block-columns:not(.is-not-stacked-on-mobile){flex-wrap:wrap!important} .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important;flex-grow:1} .wp-block-media-text{grid-template-columns:1fr!important} .wp-block-media-text .wp-block-media-text__media{grid-column:1;grid-row:1;margin-bottom:18px} .wp-block-media-text .wp-block-media-text__content{grid-column:1;grid-row:2;padding:0} .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{grid-row:1} .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{grid-row:2} .alignleft,.alignright{float:none!important;margin-inline:auto!important} .hero-layout,.intro-grid,.ai-panel{grid-template-columns:minmax(0,1fr)} .hero{padding-top:64px} .hero-visual{width:min(100%,500px);margin-inline:auto;transform:none} .ai-art{max-width:100%;overflow:hidden} .section-heading{align-items:flex-start;flex-direction:column} .ads-about-page .entry-content .ads-about-hero{grid-template-columns:minmax(0,1fr);min-height:unset} .ads-about-page .entry-content .ads-about-hero-photo{width:min(100%,460px);margin-inline:auto!important} .ads-about-page .entry-content .ads-about-portrait img{aspect-ratio:4/5} } @media(max-width:680px){ .container,.page-container{width:calc(100% - 32px)} .content-area{padding:44px 0 60px} .page-article h1,.single-article h1,.archive-heading h1,.error-page h1{font-size:clamp(2.1rem,10vw,2.75rem);letter-spacing:-.045em;overflow-wrap:anywhere} .entry-content{font-size:1rem;line-height:1.8} .entry-content h2{font-size:clamp(1.7rem,8vw,2.3rem);letter-spacing:-.035em} .entry-content h3{font-size:clamp(1.25rem,6vw,1.65rem)} .wp-block-buttons{align-items:stretch} .wp-block-buttons .wp-block-button{flex:0 1 auto} .wp-block-buttons .wp-block-button__link{max-width:100%;padding:12px 15px} .post-grid,.service-grid{grid-template-columns:minmax(0,1fr)} .post-image,.post-image-placeholder{aspect-ratio:16/9} .single-featured-image img{max-height:none;border-radius:14px} .wp-block-cover{min-height:260px!important;padding:22px} .wp-block-gallery{gap:10px!important} .wp-block-gallery.has-nested-images figure.wp-block-image{width:calc(50% - 5px)!important} .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(odd):last-child{width:100%!important} .wp-block-table table{min-width:420px} .ads-about-page .entry-content .ads-about-hero{display:flex;flex-direction:column-reverse;gap:24px} .ads-about-page .entry-content .ads-about-hero-photo{max-width:420px} .ads-about-page .entry-content .ads-about-portrait img{aspect-ratio:4/4.4;object-position:48% 23%;border-radius:18px} .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{font-size:clamp(2.25rem,10vw,3.2rem);letter-spacing:-.05em} .ads-portfolio-heading{flex-direction:column;align-items:flex-start} .ads-carousel-controls{padding-top:0} .footer-top,.footer-bottom{flex-wrap:wrap} } @media(max-width:380px){ .container,.page-container{width:calc(100% - 26px)} .default-logo{width:142px;max-width:142px} .hero h1{font-size:clamp(2.2rem,11vw,2.65rem)} .hero-visual{transform:scale(.88);transform-origin:top center;margin-bottom:-32px} .wp-block-gallery.has-nested-images figure.wp-block-image{width:100%!important} .wp-block-buttons .wp-block-button{width:100%} .wp-block-buttons .wp-block-button__link{width:100%;text-align:center} } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card:hover,.ads-about-page .entry-content .ads-about-card:hover{transform:none}} /* v1.6.0 — shared Gutenberg finishing and responsive safeguards for pages, posts and archives */ .entry-content, .page-article, .single-article, .archive-heading, .post-card {min-width:0} .entry-content, .page-article, .single-article {overflow-wrap:anywhere} .entry-content > *, .single-article > *, .page-article > * {max-width:100%} .entry-content img, .entry-content video, .entry-content iframe, .entry-content embed, .entry-content object, .single-article img, .single-article video, .single-article iframe, .page-article img {max-width:100%;height:auto} .entry-content .wp-block-image img, .entry-content .wp-block-gallery img {display:block} .entry-content figure {margin-inline:0;max-width:100%} .entry-content .wp-block-embed, .entry-content .wp-block-video {max-width:100%} .entry-content .wp-block-embed iframe, .entry-content .wp-block-video video {width:100%;aspect-ratio:16/9;height:auto} .entry-content .wp-block-table {display:block;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px} .entry-content .wp-block-table table {width:100%;border-collapse:collapse} .entry-content .wp-block-table td, .entry-content .wp-block-table th {padding:10px 12px;border-color:var(--line)} .entry-content pre, .entry-content .wp-block-code {max-width:100%;overflow:auto;background:#061120;border:1px solid var(--line);border-radius:12px;padding:16px} .entry-content code {overflow-wrap:anywhere} .entry-content blockquote, .entry-content .wp-block-quote {margin:28px 0;padding:8px 0 8px 22px;border-left:3px solid var(--accent);color:#c9d9eb} .entry-content h2 {font-size:clamp(1.55rem,3.2vw,2.3rem);letter-spacing:-.035em} .entry-content h3 {font-size:clamp(1.2rem,2.4vw,1.65rem);letter-spacing:-.025em} .entry-content .wp-block-buttons {gap:12px;flex-wrap:wrap} .entry-content .wp-block-button__link {max-width:100%;white-space:normal;overflow-wrap:anywhere} .entry-content .wp-block-separator {border-color:var(--line);opacity:1} .entry-content .wp-block-columns {gap:clamp(18px,3vw,34px)} .entry-content .wp-block-gallery {gap:clamp(10px,2vw,20px)} .ads-about-page .entry-content .ads-about-portrait img { aspect-ratio:4/5; object-fit:cover; object-position:center 23%; border:0; border-radius:22px; box-shadow:0 26px 76px rgba(0,0,0,.3); -webkit-mask-image:none; mask-image:none; } .ads-about-page .entry-content .ads-about-portrait:before, .ads-about-page .entry-content .ads-about-hero-photo:before {display:none!important} @media(max-width:781px) { .entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) {flex-wrap:wrap!important} .entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis:100%!important} .entry-content .wp-block-table {font-size:.92rem} } @media(max-width:640px) { .entry-content {font-size:16px;line-height:1.8} .entry-content .wp-block-image.alignwide, .entry-content .wp-block-image.alignfull {margin-inline:0} .entry-content .wp-block-buttons > .wp-block-button {max-width:100%} .entry-content .wp-block-buttons .wp-block-button__link {width:auto;min-height:44px} .ads-about-page .entry-content .ads-about-portrait img {aspect-ratio:4/4.4;object-position:center 22%;border-radius:18px} } /* v1.7.0 — consistent editorial rhythm and refined portfolio carousel */ .entry-content > h1,.entry-content > h2,.entry-content > h3, .entry-content .wp-block-heading,.ads-about-page .entry-content .ads-about-hero h1, .ads-portfolio-heading h2,.section-heading h2 { text-wrap: balance; } .entry-content > h1,.entry-content > h2,.entry-content > h3, .entry-content .wp-block-heading { margin-block-start: 0; } .entry-content > p,.entry-content .wp-block-paragraph { text-wrap: pretty; } .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title { max-width: 15ch; } .ads-about-page .entry-content .ads-about-hero .ads-about-lead { max-width: 56ch; } .ads-about-page .entry-content .ads-about-method h2, .ads-about-page .entry-content .ads-about-cta h2 { max-width: 24ch; } .ads-portfolio { margin:clamp(48px,7vw,88px) 0; padding:clamp(20px,3vw,34px); border:1px solid rgba(72,151,216,.22); border-radius:22px; background:linear-gradient(145deg,rgba(8,27,48,.96),rgba(4,17,32,.98)); box-shadow:0 24px 70px rgba(0,0,0,.14); } .ads-portfolio-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:clamp(20px,4vw,48px); margin-bottom:24px; } .ads-portfolio-heading>div:first-child { min-width:0; max-width:780px; } .ads-portfolio-heading .section-kicker { margin:0 0 10px; color:#66c8ff; font-size:.7rem; font-weight:700; letter-spacing:.17em; } .ads-portfolio-heading h2 { margin:0 0 12px!important; font-size:clamp(1.85rem,3.2vw,2.8rem)!important; line-height:1.08; letter-spacing:-.045em; } .ads-portfolio-heading h2 span { color:#20a9f4; } .ads-portfolio-lead { max-width:66ch; margin:0!important; color:#b7c9dd!important; font-size:clamp(.94rem,1.15vw,1.03rem); line-height:1.65; } .ads-carousel-controls { display:flex; flex:0 0 auto; gap:10px; } .ads-carousel-controls button { width:44px; height:44px; border:1px solid rgba(56,184,255,.65); border-radius:50%; background:rgba(4,22,40,.8); color:#58c8ff; font-size:1.5rem; line-height:1; cursor:pointer; transition:background .2s ease,transform .2s ease; } .ads-carousel-controls button:hover { background:rgba(20,137,215,.22); transform:translateY(-2px); } .ads-project-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 54px)/4); gap:18px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:#247eb7 #07182b; padding:2px 2px 15px; } .ads-project-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; scroll-snap-align:start; border:1px solid rgba(67,144,204,.28); border-radius:14px; background:linear-gradient(180deg,#0b2138,#07182a); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; } .ads-project-card:hover { transform:translateY(-4px); border-color:rgba(60,190,255,.6); box-shadow:0 16px 38px rgba(0,0,0,.22); } .ads-project-media { display:block; position:relative; aspect-ratio:16/10; overflow:hidden; background:#08192b; } .ads-project-media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; } .ads-project-card:hover .ads-project-media img { transform:scale(1.035); } .ads-project-open { position:absolute; right:10px; bottom:10px; display:grid; place-items:center; width:31px; height:31px; border:1px solid rgba(111,205,255,.5); border-radius:50%; background:rgba(3,16,30,.88); color:#72d0ff; font-size:1rem; } .ads-project-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:17px 17px 18px; } .ads-project-type { margin:0 0 9px!important; color:#63c8ff!important; font-size:.65rem!important; font-weight:700; letter-spacing:.1em; line-height:1.45!important; text-transform:uppercase; } .ads-project-credit { color:#89a9c8; letter-spacing:.02em; text-transform:none; } .ads-project-copy h3 { margin:0 0 9px!important; color:#f3f7ff; font-size:clamp(1.02rem,1.35vw,1.2rem)!important; line-height:1.22!important; letter-spacing:-.025em; } .ads-project-description { flex:1; margin:0 0 16px!important; color:#b7c9dd!important; font-size:.88rem!important; line-height:1.58!important; } .ads-project-tags { display:flex; flex-wrap:wrap; gap:6px; margin:auto 0 0!important; padding:0!important; list-style:none!important; } .ads-project-tags li { margin:0!important; padding:6px 9px; border:1px solid rgba(67,150,212,.12); border-radius:7px; background:rgba(21,70,111,.42); color:#dcecff; font-size:.68rem; line-height:1.2; } .ads-portfolio-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:14px; } .ads-illustrative-note,.ads-carousel-hint { margin:0!important; color:#8da9c6!important; font-size:.75rem!important; line-height:1.5; } .ads-illustrative-note span { margin-right:7px; color:#55c7ff; font-size:1rem; } .ads-carousel-hint { display:none; } .ads-portfolio-closing { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:24px; padding-top:20px; border-top:1px solid rgba(91,155,207,.18); } .ads-portfolio-closing p { margin:0!important; color:#edf6ff; font-family:'Space Grotesk',sans-serif; font-size:clamp(1.15rem,2vw,1.6rem); font-weight:600; letter-spacing:-.03em; } .ads-portfolio-closing p span { color:#23aff7; } .ads-portfolio-closing>a { display:inline-flex; align-items:center; gap:12px; flex:0 0 auto; padding:11px 16px; border:1px solid #1688e8; border-radius:9px; color:#66caff; font-size:.86rem; font-weight:700; text-decoration:none; transition:background .2s ease; } .ads-portfolio-closing>a:hover { background:rgba(22,136,232,.15); } @media(max-width:1100px) { .ads-project-track { grid-auto-columns:calc((100% - 36px)/3); } } @media(max-width:800px) { .ads-portfolio-heading { align-items:flex-start; } .ads-project-track { grid-auto-columns:calc((100% - 18px)/2); } } @media(max-width:560px) { .ads-portfolio { padding:20px 15px; border-radius:17px; } .ads-portfolio-heading { flex-direction:column; gap:15px; } .ads-portfolio-heading h2 { font-size:clamp(1.75rem,8vw,2.35rem)!important; } .ads-carousel-controls { align-self:flex-end; margin-top:-4px; } .ads-project-track { grid-auto-columns:minmax(82%,320px); gap:13px; margin-right:-2px; } .ads-project-copy { padding:15px; } .ads-project-description { font-size:.9rem!important; } .ads-portfolio-footer { align-items:flex-start; } .ads-carousel-hint { display:block; text-align:right; } .ads-portfolio-closing { align-items:flex-start; flex-direction:column; } } @media(prefers-reduced-motion:reduce) { .ads-project-track { scroll-behavior:auto; } .ads-project-card,.ads-project-media img,.ads-carousel-controls button { transition:none!important; } .ads-project-card:hover { transform:none; } } /* v1.8.0 — full-bleed project carousel, transparent portrait and mobile-first layout */ .ads-about-page .entry-content .ads-about-portrait { isolation:isolate; } .ads-about-page .entry-content .ads-about-portrait:before { inset:8% -10% -3% 0; border-radius:50%; background:radial-gradient(ellipse at 62% 48%,rgba(0,126,255,.34),rgba(0,78,170,.13) 38%,transparent 72%); filter:blur(20px); } .ads-about-page .entry-content .ads-about-portrait:after { content:""; position:absolute; z-index:0; inset:7% -7% 4% 1%; border:1px solid rgba(29,155,255,.34); border-radius:50%; box-shadow:0 0 32px rgba(22,136,232,.10); pointer-events:none; } .ads-about-page .entry-content .ads-about-portrait img { width:100%; height:auto; aspect-ratio:1122/1402; object-fit:contain; object-position:center bottom; border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; } .ads-about-page .entry-content .ads-about-portrait figcaption { margin-top:-4px; text-align:center; } .ads-portfolio { position:relative; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; padding:clamp(28px,4.2vw,62px) clamp(18px,4.5vw,76px); border-radius:0; border-left:0; border-right:0; } .ads-portfolio-heading { max-width:1600px; margin-left:auto; margin-right:auto; } .ads-project-track { grid-auto-columns:calc((100% - 72px)/5); max-width:1600px; margin-inline:auto; border-radius:12px; scrollbar-width:none; } .ads-project-track::-webkit-scrollbar { display:none; } .ads-project-card { min-height:100%; } .ads-project-media img { object-fit:cover; } .ads-carousel-dots { display:flex; justify-content:center; align-items:center; gap:10px; min-height:18px; margin:8px auto 0; } .ads-carousel-dot { display:block; width:8px; height:8px; padding:0; border:0; border-radius:99px; background:#8fa9c6; opacity:.78; cursor:pointer; transition:width .2s ease,background .2s ease,opacity .2s ease; } .ads-carousel-dot.is-active { width:14px; height:14px; background:#1ca8f4; opacity:1; } .ads-carousel-dot:focus-visible { outline:2px solid #a7e2ff; outline-offset:4px; } .ads-portfolio-footer,.ads-portfolio-closing { max-width:1600px; margin-left:auto; margin-right:auto; } .ads-portfolio-footer { padding-top:12px; } .ads-portfolio-closing { margin-top:24px; } .ads-contact-page { padding:clamp(30px,6vw,72px) 0; } .ads-contact-page h2 { max-width:18ch; font-family:'Space Grotesk',sans-serif; font-size:clamp(2.3rem,5.5vw,4.6rem); line-height:1.04; letter-spacing:-.05em; color:#f4f8ff; } .ads-contact-page p { color:#c4d3e5; } @media(max-width:1200px) { .ads-project-track { grid-auto-columns:calc((100% - 54px)/4); } } @media(max-width:900px) { .ads-portfolio-heading { gap:20px; } .ads-project-track { grid-auto-columns:calc((100% - 36px)/3); } } @media(max-width:640px) { .ads-portfolio { padding:28px 16px 30px; } .ads-portfolio-heading { flex-direction:column; align-items:stretch; gap:14px; margin-bottom:18px; } .ads-portfolio-heading h2 { max-width:16ch; font-size:clamp(1.75rem,8vw,2.4rem)!important; } .ads-portfolio-lead { max-width:48ch; } .ads-carousel-controls { align-self:flex-end; margin-top:-4px; padding-top:0; } .ads-project-track { grid-auto-columns:minmax(0,84%); gap:13px; padding-bottom:12px; } .ads-project-media { aspect-ratio:16/9; } .ads-project-copy { padding:15px; } .ads-project-description { font-size:.9rem!important; } .ads-project-tags li { font-size:.66rem; } .ads-portfolio-footer { align-items:flex-start; } .ads-portfolio-closing { align-items:flex-start; flex-direction:column; } .ads-about-page .entry-content .ads-about-portrait { width:min(100%,460px); margin-inline:auto; } .ads-about-page .entry-content .ads-about-portrait:before { inset:8% -2% 0; } .ads-about-page .entry-content .ads-about-portrait img { aspect-ratio:1122/1402; } } @media(prefers-reduced-motion:reduce) { .ads-carousel-dot { transition:none!important; } } /* v1.9.0 — faithful editorial hierarchy, project artwork and final responsive carousel */ .ads-about-page .about-page-container, .ads-about-page .page-container { width:min(100% - 64px,1320px)!important; max-width:1320px!important; } .ads-about-page .entry-content .ads-about-hero { align-items:center; gap:clamp(28px,4vw,62px); margin:0 0 clamp(42px,5vw,72px); } .ads-about-page .entry-content .ads-about-hero > .ads-about-hero-copy { flex-basis:60%!important; min-width:0; } .ads-about-page .entry-content .ads-about-hero > .ads-about-hero-photo { flex-basis:40%!important; min-width:0; } .ads-about-page .entry-content .ads-about-identity { margin:0 0 12px!important; color:#d8e8f9!important; font-size:.72rem!important; font-weight:700; letter-spacing:.16em; line-height:1.5!important; } .ads-about-page .entry-content .ads-about-identity span { color:#9eb5ce; font-weight:500; } .ads-about-page .entry-content .ads-about-eyebrow { margin:0 0 18px!important; color:#43bfff!important; font-size:.73rem!important; font-weight:700; letter-spacing:.17em; line-height:1.45!important; } .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title { max-width:100%!important; margin:0 0 22px!important; color:#f5f8ff!important; font-family:'Space Grotesk','DM Sans',sans-serif!important; font-size:clamp(2.55rem,4.05vw,3.72rem)!important; font-weight:700!important; line-height:1.04!important; letter-spacing:-.055em!important; text-wrap:balance; } .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title span { color:#16a9f5; } .ads-about-page .entry-content .ads-about-hero .ads-about-lead, .ads-about-page .entry-content .ads-about-hero .ads-about-lead.has-large-font-size { max-width:58ch!important; margin:0 0 15px!important; color:#cbd9eb!important; font-size:clamp(1.12rem,1.55vw,1.34rem)!important; line-height:1.52!important; font-weight:400; } .ads-about-page .entry-content .ads-about-hero-copy > p:not(.ads-about-identity):not(.ads-about-eyebrow):not(.ads-about-lead) { max-width:70ch; margin:0 0 22px!important; color:#b8c9dd!important; font-size:clamp(.98rem,1.15vw,1.08rem)!important; line-height:1.72!important; } .ads-about-page .entry-content .ads-about-hero .wp-block-buttons { gap:12px; margin-top:22px; } .ads-about-page .entry-content .ads-about-hero .wp-block-button__link { min-height:48px; padding:13px 20px!important; border-radius:9px!important; font-size:.92rem!important; font-weight:700; } .ads-about-page .entry-content .ads-about-portrait { width:100%; max-width:520px; margin:0 auto!important; position:relative; isolation:isolate; } .ads-about-page .entry-content .ads-about-portrait:before { content:""; display:block!important; position:absolute; z-index:-1; inset:14% -4% 6% -2%; border-radius:50%; background:radial-gradient(ellipse at 58% 42%,rgba(0,133,255,.35),rgba(0,82,180,.13) 43%,transparent 72%); filter:blur(18px); } .ads-about-page .entry-content .ads-about-portrait:after { content:""; position:absolute; z-index:-1; inset:4% -5% 8% -4%; border:1px solid rgba(29,155,255,.27); border-radius:50%; pointer-events:none; } .ads-about-page .entry-content .ads-about-portrait img { display:block; width:100%; height:auto; aspect-ratio:1122/1402; object-fit:contain!important; object-position:center bottom!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .ads-about-page .entry-content .ads-about-portrait figcaption { margin:3px 0 0!important; color:#9fb6d1!important; font-size:.62rem!important; font-weight:700; letter-spacing:.16em; text-align:center; text-transform:uppercase; } .ads-about-page .entry-content .ads-about-pillars { margin-top:clamp(30px,4vw,52px); } .ads-about-page .entry-content .ads-about-method h2, .ads-about-page .entry-content .ads-about-cta h2 { font-size:clamp(1.8rem,3.2vw,2.7rem)!important; line-height:1.1!important; } .ads-portfolio { grid-column:1/-1; } .ads-project-track { grid-auto-columns:calc((100% - 72px)/5)!important; gap:18px!important; } .ads-project-media { aspect-ratio:16/10!important; background:#07192c; } .ads-project-media img { width:100%; height:100%; object-fit:cover!important; object-position:center center; } .ads-project-copy { padding:17px 16px 18px!important; } .ads-project-type { font-size:.65rem!important; letter-spacing:.075em!important; text-transform:uppercase; } .ads-project-copy h3 { font-size:clamp(1rem,1.12vw,1.15rem)!important; line-height:1.25!important; } .ads-project-description { font-size:.86rem!important; line-height:1.55!important; } .ads-project-tags li { font-size:.65rem!important; } @media(max-width:1100px) { .ads-about-page .about-page-container,.ads-about-page .page-container { width:min(100% - 48px,1320px)!important; } .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title { font-size:clamp(2.45rem,4.3vw,3.3rem)!important; } .ads-project-track { grid-auto-columns:calc((100% - 54px)/4)!important; } } @media(max-width:900px) { .ads-about-page .entry-content .ads-about-hero { gap:24px; } .ads-about-page .entry-content .ads-about-hero > .ads-about-hero-copy { flex-basis:58%!important; } .ads-about-page .entry-content .ads-about-hero > .ads-about-hero-photo { flex-basis:42%!important; } .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title { font-size:clamp(2.2rem,4.8vw,3rem)!important; } .ads-project-track { grid-auto-columns:calc((100% - 36px)/3)!important; } } @media(max-width:781px) { .ads-about-page .about-page-container,.ads-about-page .page-container { width:calc(100% - 36px)!important; } .ads-about-page .entry-content .ads-about-hero { display:flex!important; flex-direction:column-reverse!important; gap:20px; } .ads-about-page .entry-content .ads-about-hero > .ads-about-hero-copy, .ads-about-page .entry-content .ads-about-hero > .ads-about-hero-photo { flex-basis:auto!important; width:100%; } .ads-about-page .entry-content .ads-about-hero > .ads-about-hero-copy { max-width:760px; } .ads-about-page .entry-content .ads-about-hero > .ads-about-hero-photo { max-width:420px; } .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title { font-size:clamp(2.35rem,7vw,3.4rem)!important; } .ads-about-page .entry-content .ads-about-hero .ads-about-lead, .ads-about-page .entry-content .ads-about-hero .ads-about-lead.has-large-font-size { font-size:1.15rem!important; } .ads-project-track { grid-auto-columns:calc((100% - 18px)/2)!important; } } @media(max-width:560px) { .ads-about-page .about-page-container,.ads-about-page .page-container { width:calc(100% - 30px)!important; } .ads-about-page .entry-content .ads-about-hero { flex-direction:column-reverse!important; } .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title { font-size:clamp(2.25rem,10vw,3rem)!important; line-height:1.04!important; } .ads-about-page .entry-content .ads-about-hero .ads-about-lead, .ads-about-page .entry-content .ads-about-hero .ads-about-lead.has-large-font-size { font-size:1.08rem!important; line-height:1.55!important; } .ads-about-page .entry-content .ads-about-portrait { width:min(100%,380px); } .ads-project-track { grid-auto-columns:minmax(82%,340px)!important; gap:13px!important; } .ads-portfolio { padding:26px 15px 28px!important; } .ads-project-copy { padding:15px!important; } } @media(prefers-reduced-motion:reduce) { .ads-project-track { scroll-behavior:auto!important; } } /* v2.0.0 — portfolio is one shared catalog, presented as a full-bleed carousel and a paginated grid. */ .ads-project-media { display:flex!important; align-items:center; justify-content:center; aspect-ratio:16/10!important; background:radial-gradient(ellipse at 60% 35%,rgba(18,95,170,.28),transparent 60%),#061426!important; } .ads-project-media img { width:100%!important; height:100%!important; object-fit:contain!important; object-position:center!important; transform:none!important; } .ads-project-card:hover .ads-project-media img { transform:none!important; } .ads-project-card-grid { scroll-snap-align:none; } .ads-project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } .ads-portfolio-archive-heading { max-width:790px; margin-bottom:42px; text-align:left; } .ads-portfolio-archive-heading h1 { max-width:19ch; } .ads-portfolio-archive-heading h1 span { color:#20a9f4; } .ads-portfolio-archive-heading>p:last-child { max-width:68ch; } .ads-project-card-grid .ads-project-copy { padding:21px; } .ads-project-card-grid .ads-project-description { min-height:4.8em; } .ads-project-card-grid .ads-project-media { aspect-ratio:16/10!important; } .ads-portfolio-pagination { display:flex; justify-content:center; margin:44px 0 30px; } .ads-portfolio-pagination .page-numbers { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; list-style:none; margin:0; padding:0; } .ads-portfolio-pagination .page-numbers li { margin:0; } .ads-portfolio-pagination a,.ads-portfolio-pagination span { display:inline-flex; align-items:center; justify-content:center; min-width:42px; padding:9px 13px; border:1px solid rgba(78,183,255,.25); border-radius:8px; color:#dcecff; } .ads-portfolio-pagination .current { background:#1688e8; border-color:#1688e8; color:#fff; } .ads-portfolio-archive-note { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:24px; border-top:1px solid var(--line); } .ads-portfolio-archive-note p { margin:0; color:#a9bfd6; } .ads-portfolio-archive-note p strong { color:#20a9f4; } .ads-portfolio-archive-note>a { padding:10px 15px; border:1px solid #1688e8; border-radius:9px; color:#66caff; white-space:nowrap; } .ads-project-single-media { margin:26px 0 18px; overflow:hidden; border:1px solid rgba(78,183,255,.2); border-radius:18px; background:#061426; } .ads-project-single-media img { display:block; width:100%; height:auto; } .ads-project-single-type { color:#66c8ff; text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; font-weight:700; } .ads-project-single-tags { margin-top:25px; } .ads-portfolio-closing .ads-all-projects-link { background:rgba(22,136,232,.08); } .post-image .post-image-placeholder { border:0; border-radius:0; height:100%; min-height:100%; } .post-image-placeholder-symbol { display:block; color:#36b8ff; font-size:46px; line-height:1; } .ads-project-placeholder { width:100%; height:100%; min-height:100%; aspect-ratio:16/10; border:0; border-radius:0; } .ads-project-placeholder small { text-align:center; } @media(max-width:980px) { .ads-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; } } @media(max-width:640px) { .ads-project-grid { grid-template-columns:1fr; gap:22px; } .ads-project-card-grid .ads-project-copy { padding:18px; } .ads-project-card-grid .ads-project-description { min-height:0; } .ads-portfolio-archive-heading { text-align:left; margin-bottom:28px; } .ads-portfolio-archive-note { align-items:flex-start; flex-direction:column; } .ads-portfolio-archive-note>a { width:100%; text-align:center; } .ads-project-single-media { margin-inline:-2px; border-radius:12px; } } /* v2.1.0 — close the About/portfolio composition to the approved reference */ .ads-about-page .about-page-container, .ads-about-page .page-container{width:min(calc(100% - 64px),1264px)!important;max-width:1264px!important} .ads-about-page .entry-content .ads-about-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(32px,4vw,62px);align-items:center;min-height:clamp(420px,34vw,500px);margin:0!important;padding:clamp(18px,2.2vw,32px) 0 0!important} .ads-about-page .entry-content .ads-about-hero-copy{min-width:0} .ads-about-page .entry-content .ads-about-identity{font-size:.68rem!important;letter-spacing:.14em!important;margin:0 0 14px!important;color:#e1edfc!important} .ads-about-page .entry-content .ads-about-eyebrow{font-size:.68rem!important;letter-spacing:.16em!important;margin:0 0 17px!important;color:#53c7ff!important} .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{font-size:clamp(2.55rem,4.05vw,3.65rem)!important;line-height:1.03!important;letter-spacing:-.055em!important;max-width:18ch!important;margin:0 0 18px!important;text-wrap:balance} .ads-about-page .entry-content .ads-about-hero .ads-about-lead{max-width:58ch!important;font-size:clamp(1.08rem,1.45vw,1.28rem)!important;line-height:1.48!important;color:#d0deef!important;margin:0!important} .ads-about-page .entry-content .ads-about-hero .wp-block-buttons{margin-top:22px!important;gap:12px!important} .ads-about-page .entry-content .ads-about-hero .wp-block-button__link{min-height:48px!important;padding:12px 19px!important;border-radius:9px!important;font-size:.9rem!important;font-weight:700!important} .ads-about-page .entry-content .ads-about-hero-photo{width:100%;min-width:0;position:relative;isolation:isolate;align-self:stretch;display:flex;align-items:flex-end;justify-content:center} .ads-about-page .entry-content .ads-about-hero-photo:after{content:"";position:absolute;z-index:-2;pointer-events:none;width:90%;aspect-ratio:1;max-height:96%;top:4%;left:5%;border:1px solid rgba(22,139,255,.45);border-radius:50%;box-shadow:0 0 45px rgba(0,112,255,.1),inset 0 0 30px rgba(0,112,255,.04)} .ads-about-page .entry-content .ads-about-portrait{width:100%;max-width:520px;margin:0 auto!important;position:relative;z-index:1} .ads-about-page .entry-content .ads-about-portrait:before{content:"";display:block!important;position:absolute;z-index:-1;inset:10% -8% 0;border-radius:50%;background:radial-gradient(ellipse at 56% 44%,rgba(0,112,255,.43),rgba(0,82,180,.16) 44%,transparent 72%);filter:blur(20px)} .ads-about-page .entry-content .ads-about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain;object-position:center bottom;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,rgba(0,0,0,.84) 95%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0%,#000 88%,rgba(0,0,0,.84) 95%,transparent 100%)!important} .ads-about-page .entry-content .ads-about-portrait figcaption{display:none} .ads-about-proof{display:flex;align-items:center;gap:0;margin:clamp(24px,2.6vw,36px) 0 0;max-width:780px;color:#d6e7fa} .ads-proof-item{display:flex;align-items:center;gap:10px;min-width:0;padding:0 15px;border-right:1px solid rgba(64,158,225,.24)} .ads-proof-item:first-child{padding-left:0}.ads-proof-item:last-child{border-right:0;padding-right:0} .ads-proof-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;color:#12b8ff;font-size:1.7rem;font-weight:600;line-height:1} .ads-proof-item>span:last-child{display:grid;gap:2px;min-width:0} .ads-proof-item strong{font-size:.69rem;line-height:1.3;font-weight:600;white-space:nowrap;color:#e6f1ff} .ads-proof-item small{font-size:.67rem;line-height:1.35;color:#c0d2e8} /* The carousel breaks out to the viewport edge; its heading/cards share the same inset. */ .ads-about-page .entry-content .ads-portfolio{position:relative;left:50%;right:50%;width:100vw!important;max-width:100vw!important;margin:0 0 clamp(42px,5vw,68px) -50vw!important;padding:clamp(25px,2.5vw,38px) 0 25px!important;border:0!important;border-top:1px solid rgba(48,146,221,.32)!important;border-bottom:1px solid rgba(48,146,221,.18)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(5,23,42,.96),rgba(4,18,34,.98))!important;box-shadow:none!important;overflow:hidden} .ads-portfolio-heading{width:min(calc(100% - 64px),1432px);margin:0 auto 18px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:end!important;gap:clamp(22px,4vw,52px)!important} .ads-portfolio-title{min-width:0}.ads-portfolio-heading .section-kicker{font-size:.63rem!important;letter-spacing:.16em!important;margin:0 0 8px!important} .ads-portfolio-heading h2{font-size:clamp(1.7rem,2.45vw,2.25rem)!important;line-height:1.12!important;letter-spacing:-.045em!important;margin:0!important;max-width:none!important} .ads-portfolio-heading h2 span{color:#20a9f4!important} .ads-portfolio-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;min-width:0} .ads-portfolio-lead{max-width:600px!important;font-size:clamp(.82rem,.95vw,.94rem)!important;line-height:1.55!important;color:#c5d6e9!important;margin:0!important} .ads-carousel-controls{gap:10px!important;align-self:flex-end;flex-shrink:0} .ads-carousel-controls button{width:42px!important;height:42px!important;border:1px solid #138ed4!important;border-radius:50%!important;background:rgba(4,23,42,.85)!important;color:#42caff!important;font-size:1.8rem!important;font-weight:400!important;display:grid;place-items:center;padding:0!important} .ads-project-track{width:100%;max-width:none!important;margin:0!important;padding:0 clamp(24px,3.4vw,52px) 12px!important;gap:14px!important;grid-auto-columns:calc((100% - 56px)/5)!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;border-radius:0!important} .ads-project-track::-webkit-scrollbar{display:none} .ads-project-card{border-radius:11px!important;border-color:rgba(31,137,211,.45)!important;background:linear-gradient(180deg,#081e35,#06182b)!important;box-shadow:none!important;min-height:100%} .ads-project-card:hover{border-color:rgba(50,190,255,.8)!important;box-shadow:0 14px 36px rgba(0,0,0,.22)!important;transform:translateY(-3px)} .ads-project-media{aspect-ratio:16/9!important;background:#06182b!important} .ads-project-media img{width:100%;height:100%;object-fit:cover!important;object-position:center!important} .ads-project-copy{padding:13px 14px 14px!important} .ads-project-type{display:inline-flex;align-self:flex-start;margin:-28px 0 10px!important;position:relative;z-index:2;padding:5px 11px;border-radius:999px;background:#79d7ff;color:#06213a!important;font-size:.61rem!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;font-weight:700!important;max-width:100%} .ads-project-credit{color:#173955!important} .ads-project-copy h3{font-size:clamp(.92rem,1.08vw,1.08rem)!important;line-height:1.24!important;margin:0 0 8px!important} .ads-project-description{font-size:clamp(.76rem,.82vw,.84rem)!important;line-height:1.48!important;color:#c4d5e8!important;margin:0 0 13px!important} .ads-project-tags{gap:6px!important} .ads-project-tags li{font-size:.63rem!important;padding:6px 9px!important;border-radius:6px!important;background:rgba(22,76,120,.52)!important;color:#e1efff!important;white-space:nowrap} .ads-carousel-dots{margin:12px auto 0!important;gap:10px!important} .ads-carousel-dot{width:7px!important;height:7px!important;background:#a9bed8!important;opacity:.9!important} .ads-carousel-dot.is-active{width:14px!important;height:14px!important;background:#13aaf4!important} .ads-portfolio-footer,.ads-portfolio-closing{width:min(calc(100% - 64px),1432px);margin-inline:auto!important} .ads-portfolio-footer{margin-top:6px!important;display:flex;align-items:center;justify-content:space-between;gap:14px} .ads-illustrative-note{font-size:.68rem!important;color:#9bb3cd!important;display:flex;align-items:center;gap:8px} .ads-illustrative-note span{color:#65c9ff;font-size:1.15rem} .ads-portfolio-closing{display:flex;align-items:center;gap:20px;margin-top:16px!important;padding-top:0!important;border:0!important} .ads-portfolio-closing p{margin:0!important;margin-right:auto!important;color:#e6f1ff!important;font-size:.94rem!important} .ads-portfolio-closing p span{color:#27b8ff} .ads-portfolio-closing>a,.ads-all-projects-link{display:inline-flex;align-items:center;gap:8px;border:1px solid #139de9;border-radius:9px;padding:9px 14px;color:#38c6ff!important;font-size:.79rem;font-weight:600;white-space:nowrap} .ads-portfolio-closing>a:not(.ads-all-projects-link){display:none} @media(max-width:1250px){.ads-project-track{grid-auto-columns:calc((100% - 42px)/4)!important}.ads-about-page .entry-content .ads-about-hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.85fr)}} @media(max-width:950px){.ads-about-page .entry-content .ads-about-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);min-height:unset}.ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{font-size:clamp(2.35rem,4.8vw,3.25rem)!important}.ads-about-proof{flex-wrap:wrap;row-gap:14px}.ads-proof-item{padding-inline:10px}.ads-project-track{grid-auto-columns:calc((100% - 28px)/3)!important}.ads-portfolio-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}} @media(max-width:700px){.ads-about-page .about-page-container,.ads-about-page .page-container{width:calc(100% - 36px)!important}.ads-about-page .entry-content .ads-about-hero{display:flex!important;flex-direction:column-reverse!important;gap:16px!important;padding-top:16px!important}.ads-about-page .entry-content .ads-about-hero-copy{width:100%!important}.ads-about-page .entry-content .ads-about-hero-photo{width:min(100%,400px)!important;align-self:center!important;min-height:unset!important}.ads-about-page .entry-content .ads-about-portrait{max-width:400px!important}.ads-about-page .entry-content .ads-about-portrait img{max-height:420px;object-fit:contain!important;aspect-ratio:1122/1402!important}.ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{font-size:clamp(2.35rem,8.8vw,3.25rem)!important;max-width:17ch!important}.ads-about-page .entry-content .ads-about-hero .ads-about-lead{font-size:1.06rem!important}.ads-about-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 0;margin-top:23px}.ads-proof-item{padding:0 9px;border-right:0;gap:8px}.ads-proof-item:nth-child(odd){padding-left:0;border-right:1px solid rgba(64,158,225,.24)}.ads-proof-item strong{white-space:normal;font-size:.69rem}.ads-proof-item small{font-size:.64rem}.ads-proof-icon{flex-basis:24px;width:24px;font-size:1.35rem}.ads-about-page .entry-content .ads-portfolio{padding-top:25px!important}.ads-portfolio-heading{width:calc(100% - 36px);display:flex!important;flex-direction:column;align-items:stretch!important;gap:13px!important;margin-bottom:17px!important}.ads-portfolio-heading h2{font-size:clamp(1.7rem,7.4vw,2.15rem)!important;max-width:17ch!important}.ads-portfolio-intro{align-items:flex-end;gap:10px}.ads-portfolio-lead{font-size:.82rem!important}.ads-carousel-controls button{width:38px!important;height:38px!important}.ads-project-track{padding-inline:18px!important;grid-auto-columns:calc((100% - 14px)/2)!important;gap:14px!important}.ads-project-copy{padding:12px!important}.ads-project-type{font-size:.58rem!important;padding:5px 8px}.ads-project-copy h3{font-size:.94rem!important}.ads-project-description{font-size:.76rem!important;line-height:1.45!important}.ads-project-tags li{font-size:.59rem!important;padding:5px 7px!important}.ads-portfolio-footer,.ads-portfolio-closing{width:calc(100% - 36px)}.ads-portfolio-closing{gap:10px;flex-wrap:wrap}.ads-portfolio-closing p{flex-basis:100%;font-size:.88rem!important}.ads-all-projects-link{font-size:.75rem}} @media(max-width:480px){.ads-project-track{grid-auto-columns:minmax(82%,320px)!important;padding-inline:18px!important;gap:13px!important}.ads-project-copy{padding:14px!important}.ads-project-description{font-size:.84rem!important}.ads-portfolio-intro{align-items:flex-start}.ads-carousel-controls{padding-top:0!important}.ads-portfolio-footer{align-items:flex-start}.ads-about-page .entry-content .ads-about-hero-photo:after{width:94%;left:3%;top:2%}} .ads-about-page .entry-content .ads-about-hero>.wp-block-column{width:auto!important;flex-basis:auto!important;min-width:0} .ads-project-media{position:relative!important} .ads-project-type{position:absolute!important;top:10px;left:10px;margin:0!important;display:inline-flex!important;max-width:calc(100% - 20px);white-space:normal;box-shadow:0 2px 10px rgba(0,0,0,.12)} .ads-project-credit{color:#163b59!important;font-weight:600} .ads-project-open{z-index:2} @media(max-width:700px){.ads-about-page .entry-content .ads-about-hero>.wp-block-column{width:100%!important;flex-basis:100%!important}} .ads-about-page .entry-content .ads-about-portrait img{height:auto;aspect-ratio:1.22!important;object-fit:cover!important;object-position:center 22%!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 90%,rgba(0,0,0,.82) 97%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0%,#000 90%,rgba(0,0,0,.82) 97%,transparent 100%)!important} @media(max-width:700px){.ads-about-page .entry-content .ads-about-portrait img{aspect-ratio:1.15!important;object-fit:cover!important;object-position:center 22%!important;max-height:390px}} /* v2.2.0 — fine alignment based on the live-site review */ /* The heading has two intentional lines on desktop; its second line must not wrap at desktop/tablet widths. */ .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{ max-width:none!important; width:100%!important; text-wrap:initial!important; font-size:clamp(2.55rem,4.05vw,3.65rem)!important; line-height:1.03!important; letter-spacing:-.055em!important; } .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title > span{display:inline-block!important;white-space:nowrap!important;color:#20a9f4!important} @media (min-width:1001px) and (max-width:1280px){ .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{font-size:clamp(1.9rem,3.1vw,2.5rem)!important} } @media (min-width:701px) and (max-width:1000px){ .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{font-size:clamp(1.62rem,3vw,1.95rem)!important} .ads-about-page .entry-content .ads-about-hero{grid-template-columns:minmax(0,1.08fr) minmax(260px,.82fr)!important;gap:24px!important} .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title > span{letter-spacing:-.06em!important} } @media (max-width:700px){ .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{font-size:clamp(2rem,8.4vw,3rem)!important;max-width:100%!important;line-height:1.05!important} .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title > span{display:inline!important;white-space:normal!important} } /* Prevent the proof icon from breaking across lines and give the label/description clear separation. */ .ads-about-page .ads-proof-item{align-items:center!important;gap:10px!important;min-width:0!important} .ads-about-page .ads-proof-icon{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;flex:0 0 30px!important;min-width:30px!important;display:inline-flex!important;align-items:center;justify-content:center} .ads-about-page .ads-proof-item>span:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;min-width:0!important;line-height:1.3!important} .ads-about-page .ads-proof-item strong{display:block!important;line-height:1.3!important;white-space:nowrap!important;margin:0 0 2px!important} .ads-about-page .ads-proof-item small{display:block!important;line-height:1.35!important;margin:0!important} @media(max-width:700px){ .ads-about-page .ads-proof-icon{flex-basis:24px!important;min-width:24px!important;width:24px!important;font-size:1.25rem!important} .ads-about-page .ads-proof-item strong{font-size:.69rem!important;white-space:normal!important} .ads-about-page .ads-proof-item small{font-size:.64rem!important} } /* The full-bleed switch applies to this component only; the rest of the page keeps its normal container. */ .ads-about-page .entry-content .ads-portfolio.ads-portfolio-full-bleed{ position:relative;left:50%;right:50%;width:100vw!important;max-width:100vw!important; margin:0 0 clamp(42px,5vw,68px) -50vw!important; } .ads-about-page .entry-content .ads-portfolio.ads-portfolio-contained{ position:relative;left:auto;right:auto;width:100%!important;max-width:1264px!important; margin:0 auto clamp(42px,5vw,68px)!important;padding:clamp(24px,3vw,38px) clamp(18px,2.5vw,32px) 25px!important; border:1px solid rgba(48,146,221,.32)!important;border-radius:18px!important; background:linear-gradient(180deg,rgba(5,23,42,.96),rgba(4,18,34,.98))!important;overflow:hidden; } .ads-about-page .entry-content .ads-portfolio.ads-portfolio-contained .ads-portfolio-heading, .ads-about-page .entry-content .ads-portfolio.ads-portfolio-contained .ads-portfolio-footer, .ads-about-page .entry-content .ads-portfolio.ads-portfolio-contained .ads-portfolio-closing{width:100%!important;max-width:none!important} .ads-about-page .entry-content .ads-portfolio.ads-portfolio-contained .ads-project-track{padding-inline:0!important} /* Align carousel content to the same page container, even when its background bleeds to the viewport edges. */ .ads-about-page .entry-content .ads-portfolio .ads-portfolio-heading, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-footer, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing{width:min(calc(100% - 48px),1264px)!important;max-width:1264px!important} .ads-about-page .entry-content .ads-portfolio .ads-project-track{width:min(calc(100% - 48px),1264px)!important;max-width:1264px!important;margin-inline:auto!important;padding:0 0 12px!important;grid-auto-columns:calc((100% - 56px)/5)!important} @media(max-width:1250px){.ads-about-page .entry-content .ads-portfolio .ads-project-track{grid-auto-columns:calc((100% - 42px)/4)!important}} @media(max-width:950px){ .ads-about-page .entry-content .ads-portfolio .ads-portfolio-heading, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-footer, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing, .ads-about-page .entry-content .ads-portfolio .ads-project-track{width:calc(100% - 40px)!important} .ads-about-page .entry-content .ads-portfolio .ads-project-track{grid-auto-columns:calc((100% - 28px)/3)!important} } @media(max-width:700px){ .ads-about-page .entry-content .ads-portfolio .ads-portfolio-heading, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-footer, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing, .ads-about-page .entry-content .ads-portfolio .ads-project-track{width:calc(100% - 36px)!important} .ads-about-page .entry-content .ads-portfolio .ads-project-track{grid-auto-columns:calc((100% - 14px)/2)!important} .ads-about-page .entry-content .ads-portfolio.ads-portfolio-contained .ads-portfolio-heading, .ads-about-page .entry-content .ads-portfolio.ads-portfolio-contained .ads-portfolio-footer, .ads-about-page .entry-content .ads-portfolio.ads-portfolio-contained .ads-portfolio-closing, .ads-about-page .entry-content .ads-portfolio.ads-portfolio-contained .ads-project-track{width:100%!important} } @media(max-width:480px){.ads-about-page .entry-content .ads-portfolio .ads-project-track{grid-auto-columns:minmax(82%,320px)!important}} /* Button-like link must not inherit the page's default content-link underline. */ .page .page-article .entry-content .ads-portfolio .ads-portfolio-closing a.ads-all-projects-link, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing a.ads-all-projects-link{ display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important; min-height:44px!important;max-width:100%!important;padding:10px 16px!important; border:1px solid #139de9!important;border-radius:9px!important; background:rgba(22,136,232,.08)!important;color:#38c6ff!important; font-family:'DM Sans',sans-serif!important;font-size:.82rem!important;font-weight:600!important; line-height:1.25!important;text-decoration:none!important;text-decoration-line:none!important; text-underline-offset:0!important;box-shadow:none!important;white-space:nowrap!important; } .page .page-article .entry-content .ads-portfolio .ads-portfolio-closing a.ads-all-projects-link:hover, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing a.ads-all-projects-link:hover{background:rgba(22,136,232,.18)!important;text-decoration:none!important} .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing a.ads-all-projects-link span{text-decoration:none!important;border:0!important} @media(max-width:700px){.page .page-article .entry-content .ads-portfolio .ads-portfolio-closing a.ads-all-projects-link{width:auto!important;max-width:100%;font-size:.78rem!important;padding:10px 13px!important}} /* v2.3.0 — final alignment pass from the four live-page screenshots. */ /* The identity eyebrow is intentionally two separate, consistent lines. */ .ads-about-page .entry-content .ads-about-identity{ display:block!important;margin:0 0 12px!important;color:#d4e3f5!important; font-size:clamp(.66rem,.72vw,.74rem)!important;font-weight:700!important; letter-spacing:.145em!important;line-height:1.45!important;text-transform:uppercase!important; } .ads-about-page .entry-content .ads-about-identity span{color:inherit!important;font-weight:700!important} .ads-about-page .entry-content .ads-about-eyebrow{ display:block!important;margin:0 0 17px!important;color:#4dbfff!important; font-size:clamp(.66rem,.72vw,.74rem)!important;font-weight:700!important; letter-spacing:.145em!important;line-height:1.45!important;text-transform:uppercase!important; } /* Four equal-width proof items; icon geometry and blue color are consistent. */ .ads-about-page .entry-content .ads-about-proof{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important; align-items:stretch!important;gap:0!important;width:100%!important;max-width:100%!important; margin:22px 0 0!important;position:relative;top:-4px;color:#d6e7fa!important; } .ads-about-page .entry-content .ads-proof-item{ display:flex!important;align-items:center!important;justify-content:flex-start!important; gap:11px!important;min-width:0!important;min-height:66px!important;width:auto!important; padding:7px 13px!important;border:0!important;border-right:1px solid rgba(64,158,225,.28)!important; border-radius:0!important;background:transparent!important; } .ads-about-page .entry-content .ads-proof-item:first-child{padding-left:0!important} .ads-about-page .entry-content .ads-proof-item:last-child{padding-right:0!important;border-right:0!important} .ads-about-page .entry-content .ads-proof-icon{ display:inline-flex!important;align-items:center!important;justify-content:center!important; flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:38px!important; color:#55c7ff!important;font-size:0!important;line-height:1!important;white-space:nowrap!important; } .ads-about-page .entry-content .ads-proof-icon svg{display:block!important;width:32px!important;height:32px!important;overflow:visible;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important} .ads-about-page .entry-content .ads-proof-copy{ display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important; justify-content:center!important;gap:5px!important;min-width:0!important;max-width:100%!important;line-height:1.3!important; } .ads-about-page .entry-content .ads-proof-copy strong{ display:block!important;margin:0!important;color:#e4f0ff!important; font-size:clamp(.7rem,.82vw,.83rem)!important;font-weight:700!important;line-height:1.3!important; letter-spacing:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important; } .ads-about-page .entry-content .ads-proof-copy small{ display:block!important;margin:0!important;color:#b9cce2!important; font-size:clamp(.66rem,.75vw,.75rem)!important;line-height:1.35!important;overflow-wrap:normal!important;word-break:normal!important; } /* A shared left edge and typographic rhythm for the lower editorial sections. */ .ads-about-page .entry-content .ads-about-method, .ads-about-page .entry-content .ads-about-cta{ width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important; text-align:left!important; } .ads-about-page .entry-content .ads-about-method{margin-top:clamp(44px,5.4vw,68px)!important;padding-bottom:clamp(36px,4vw,52px)!important;margin-bottom:clamp(38px,4.5vw,60px)!important} .ads-about-page .entry-content .ads-about-method .section-kicker, .ads-about-page .entry-content .ads-about-cta .section-kicker{text-align:left!important;margin:0 0 18px!important} .ads-about-page .entry-content .ads-about-method h2, .ads-about-page .entry-content .ads-about-cta h2{ max-width:850px!important;margin:0 0 22px!important;text-align:left!important; font-size:clamp(1.9rem,3.15vw,2.75rem)!important;line-height:1.12!important;letter-spacing:-.04em!important; } .ads-about-page .entry-content .ads-about-method>p:not(.section-kicker), .ads-about-page .entry-content .ads-about-cta>p:not(.section-kicker){max-width:86ch!important;margin:0 0 22px!important;text-align:left!important;line-height:1.78!important} .ads-about-page .entry-content .ads-about-cta{ margin-top:0!important;padding:clamp(30px,4.5vw,54px)!important;border-radius:20px!important; background:radial-gradient(ellipse at 100% 0,rgba(22,136,232,.16),transparent 48%),linear-gradient(135deg,#0c2541,#09192b)!important; border:1px solid rgba(22,136,232,.36)!important; } .ads-about-page .entry-content .ads-about-cta .wp-block-buttons{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;margin-top:24px!important} /* Use one consistent site-blue for filled buttons, with a readable outlined variant. */ .ads-about-page .entry-content .wp-block-button__link, .ads-about-page .entry-content .wp-block-button__link:visited{ display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important; min-height:46px!important;padding:12px 19px!important;border:1px solid #1688e8!important;border-radius:9px!important; background:#1688e8!important;color:#fff!important;font-family:'DM Sans',sans-serif!important; font-size:.88rem!important;font-weight:700!important;line-height:1.25!important;text-decoration:none!important; box-shadow:0 6px 18px rgba(22,136,232,.14)!important;transition:background .2s,border-color .2s,transform .2s!important; } .ads-about-page .entry-content .wp-block-button__link:hover{background:#0876d1!important;border-color:#0876d1!important;color:#fff!important;transform:translateY(-1px)} .ads-about-page .entry-content .wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;color:#eaf5ff!important;border:1px solid #28a8f4!important;box-shadow:none!important} .ads-about-page .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover{background:rgba(22,136,232,.14)!important;color:#fff!important} /* The category pill must keep dark, high-contrast lettering on the light-cyan surface. */ .ads-about-page .entry-content .ads-project-media .ads-project-type, .ads-about-page .entry-content .ads-project-type{ background:#79d7ff!important;color:#06213a!important;border:0!important; font-size:.64rem!important;font-weight:700!important;line-height:1.25!important; text-shadow:none!important;box-shadow:0 2px 10px rgba(0,0,0,.18)!important; } .ads-about-page .entry-content .ads-project-type .ads-project-credit{color:#123a56!important;font-weight:700!important} /* Keep the carousel's content aligned to the site container and the CTA button styled consistently. */ .ads-about-page .entry-content .ads-portfolio .ads-portfolio-heading, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-footer, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing{width:min(calc(100% - 64px),1264px)!important;max-width:1264px!important} .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing a.ads-all-projects-link, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing a.ads-all-projects-link:visited{ display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important; min-height:44px!important;padding:10px 16px!important;border:1px solid #1688e8!important;border-radius:9px!important; background:transparent!important;color:#59c5ff!important;font-family:'DM Sans',sans-serif!important; font-size:.82rem!important;font-weight:700!important;line-height:1.25!important;text-decoration:none!important; text-decoration-line:none!important;box-shadow:none!important;white-space:nowrap!important; } .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing a.ads-all-projects-link:hover{background:rgba(22,136,232,.14)!important;color:#fff!important;text-decoration:none!important} .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing a.ads-all-projects-link span{text-decoration:none!important;border:0!important} @media(max-width:1200px){ .ads-about-page .entry-content .ads-about-proof{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:8px!important} .ads-about-page .entry-content .ads-proof-item{min-height:60px!important;padding:6px 12px!important} .ads-about-page .entry-content .ads-proof-item:nth-child(2){border-right:0!important;padding-right:0!important} .ads-about-page .entry-content .ads-proof-item:nth-child(3){padding-left:0!important} .ads-about-page .entry-content .ads-proof-copy strong{font-size:.78rem!important} .ads-about-page .entry-content .ads-proof-copy small{font-size:.72rem!important} } @media(max-width:700px){ .ads-about-page .entry-content .ads-about-proof{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:20px!important;top:0} .ads-about-page .entry-content .ads-proof-item{gap:8px!important;padding:7px 8px!important;min-height:62px!important} .ads-about-page .entry-content .ads-proof-item:nth-child(odd){padding-left:0!important;border-right:1px solid rgba(64,158,225,.28)!important} .ads-about-page .entry-content .ads-proof-item:nth-child(even){padding-right:0!important;border-right:0!important} .ads-about-page .entry-content .ads-proof-icon{flex-basis:28px!important;min-width:28px!important;width:28px!important;height:32px!important} .ads-about-page .entry-content .ads-proof-icon svg{width:27px!important;height:27px!important} .ads-about-page .entry-content .ads-proof-copy{gap:4px!important} .ads-about-page .entry-content .ads-proof-copy strong{font-size:.73rem!important;line-height:1.3!important} .ads-about-page .entry-content .ads-proof-copy small{font-size:.68rem!important;line-height:1.35!important} .ads-about-page .entry-content .ads-about-method{margin-top:40px!important;padding-bottom:34px!important;margin-bottom:36px!important} .ads-about-page .entry-content .ads-about-method h2,.ads-about-page .entry-content .ads-about-cta h2{font-size:clamp(1.7rem,7.2vw,2.25rem)!important} .ads-about-page .entry-content .ads-about-cta{padding:26px 22px!important;margin-bottom:20px!important} .ads-about-page .entry-content .ads-about-cta .wp-block-buttons{align-items:flex-start!important;flex-wrap:wrap!important} .ads-about-page .entry-content .ads-portfolio .ads-portfolio-heading, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-footer, .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing{width:calc(100% - 36px)!important} .ads-about-page .entry-content .ads-portfolio .ads-portfolio-closing a.ads-all-projects-link{white-space:normal!important;text-align:center!important} } /* v2.4.0 — unify eyebrow treatment and left edges in the editorial sections. */ .ads-about-page .entry-content .ads-about-identity{ display:block!important;max-width:100%!important;width:100%!important; margin:0 0 clamp(18px,2vw,25px)!important;padding:0!important; color:#d4e3f5!important;font-size:clamp(.66rem,.76vw,.78rem)!important; font-weight:700!important;letter-spacing:.145em!important;line-height:1.55!important; text-transform:uppercase!important;text-align:left!important; } .ads-about-page .entry-content .ads-about-identity .ads-identity-name{color:#20a9f4!important} .ads-about-page .entry-content .ads-about-identity .ads-identity-divider{color:#6f91b4!important;padding-inline:.2em} .ads-about-page .entry-content .ads-about-identity .ads-identity-descriptor{color:#d4e3f5!important} /* The title's first line remains white and the second line remains the signature cyan. */ .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title{color:#f5f8ff!important} .ads-about-page .entry-content .ads-about-hero h1.ads-about-main-title>span{color:#20a9f4!important} /* WordPress constrained-layout defaults were centering children with different max-widths. Keep readable line lengths but pin every editorial child to one shared left edge. */ .ads-about-page .entry-content .ads-about-method>.section-kicker, .ads-about-page .entry-content .ads-about-method>h2, .ads-about-page .entry-content .ads-about-method>p:not(.section-kicker), .ads-about-page .entry-content .ads-about-cta>.section-kicker, .ads-about-page .entry-content .ads-about-cta>h2, .ads-about-page .entry-content .ads-about-cta>p:not(.section-kicker), .ads-about-page .entry-content .ads-about-cta>.wp-block-buttons{ margin-left:0!important;margin-right:0!important;text-align:left!important; } .ads-about-page .entry-content .ads-about-method>.section-kicker, .ads-about-page .entry-content .ads-about-cta>.section-kicker{width:100%!important;max-width:none!important} .ads-about-page .entry-content .ads-about-method>h2, .ads-about-page .entry-content .ads-about-cta>h2{ width:100%!important;max-width:850px!important;margin-top:0!important; } .ads-about-page .entry-content .ads-about-method>p:not(.section-kicker), .ads-about-page .entry-content .ads-about-cta>p:not(.section-kicker){ width:100%!important;max-width:86ch!important;margin-top:0!important; } .ads-about-page .entry-content .ads-about-cta>.wp-block-buttons{width:100%!important;max-width:none!important} @media(max-width:700px){ .ads-about-page .entry-content .ads-about-identity{font-size:.62rem!important;letter-spacing:.105em!important;line-height:1.65!important} .ads-about-page .entry-content .ads-about-method>h2, .ads-about-page .entry-content .ads-about-cta>h2{max-width:100%!important} .ads-about-page .entry-content .ads-about-method>p:not(.section-kicker), .ads-about-page .entry-content .ads-about-cta>p:not(.section-kicker){max-width:100%!important} } /* v2.5.0 — contact page: consistent editorial grid, accessible fields and theme buttons. */ .ads-contact-page-shell{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(64px,8vw,104px)} .contact-page-container{width:min(var(--max),calc(100% - 48px))!important;max-width:1160px!important} .ads-contact-article>h1{display:none!important} .ads-contact-article .entry-content{font-size:16px;line-height:1.8} .ads-contact-article .entry-content>.ads-contact-page{padding:0!important;margin:0!important;max-width:none!important} .ads-contact-page .ads-contact-layout{align-items:center!important;gap:clamp(36px,5vw,76px)!important;margin:0!important} .ads-contact-page .ads-contact-copy{min-width:0;padding:14px 0} .ads-contact-page .section-kicker{margin:0 0 22px!important;color:#68caff!important;font-size:.68rem!important;line-height:1.5!important;letter-spacing:.16em!important;font-weight:700!important} .ads-contact-page .ads-contact-title{max-width:12ch;margin:0 0 24px!important;color:#f2f7ff!important;font-family:'Space Grotesk',sans-serif!important;font-size:clamp(2.65rem,5vw,4.65rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:600!important} .ads-contact-page .ads-accent-text{color:#20a9f4!important} .ads-contact-page .ads-contact-copy p:not(.section-kicker){max-width:48ch;color:#c4d4e7!important;line-height:1.8!important;margin:0 0 18px!important} .ads-contact-page .ads-contact-copy .ads-contact-lead{font-size:1.12rem!important;color:#e0eaf6!important} .ads-contact-page .ads-contact-social{margin-top:26px!important} .ads-contact-page .ads-contact-social .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px!important;border:1px solid rgba(46,174,244,.72)!important;border-radius:9px!important;background:transparent!important;color:#eaf5ff!important;text-decoration:none!important;font-size:.88rem!important;font-weight:700!important;line-height:1.3!important;transition:background .2s,border-color .2s,transform .2s} .ads-contact-page .ads-contact-social .wp-block-button__link:hover{background:rgba(22,136,232,.14)!important;border-color:#42baff!important;transform:translateY(-1px)} .ads-contact-page .ads-contact-form-column{min-width:0} .ads-contact-form-card{position:relative;min-width:0;padding:clamp(24px,3.2vw,40px);overflow:hidden;border:1px solid rgba(49,156,226,.34);border-radius:20px;background:radial-gradient(ellipse at 100% 0,rgba(22,136,232,.14),transparent 48%),linear-gradient(145deg,rgba(13,38,65,.98),rgba(7,23,41,.98));box-shadow:0 22px 70px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)} .ads-contact-form-card:before{content:"";position:absolute;top:0;left:0;width:76px;height:2px;background:linear-gradient(90deg,#22b3ff,transparent)} .ads-contact-form-heading{margin-bottom:26px} .ads-contact-form-index{display:block;margin:0 0 12px;color:#73ceff;font-size:.65rem;font-weight:700;letter-spacing:.16em} .ads-contact-form-heading h2{margin:0 0 10px;color:#f3f8ff;font-family:'Space Grotesk',sans-serif;font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.17;letter-spacing:-.035em} .ads-contact-form-heading h2 span{color:#20a9f4} .ads-contact-form-heading p{margin:0;color:#a9bed5;font-size:.91rem;line-height:1.65} .ads-contact-form{display:grid;gap:17px} .ads-contact-field{display:grid;gap:7px;min-width:0} .ads-contact-field label{color:#e1edf9;font-size:.84rem;font-weight:600;line-height:1.4} .ads-contact-field label span[aria-hidden="true"]{color:#64caff} .ads-contact-field .ads-contact-optional{color:#8ea8c4;font-size:.76rem;font-weight:400} .ads-contact-field input,.ads-contact-field textarea{display:block;width:100%;min-width:0;max-width:100%;padding:12px 14px;border:1px solid rgba(139,174,208,.27);border-radius:9px;background:rgba(4,17,31,.65);color:#f0f7ff;font:inherit;font-size:.9rem;line-height:1.5;box-shadow:none;outline:none;transition:border-color .18s,box-shadow .18s,background .18s} .ads-contact-field input{min-height:48px} .ads-contact-field textarea{min-height:132px;resize:vertical} .ads-contact-field input::placeholder,.ads-contact-field textarea::placeholder{color:#6f88a4;opacity:1} .ads-contact-field input:focus,.ads-contact-field textarea:focus{border-color:#2baef6;background:rgba(4,17,31,.85);box-shadow:0 0 0 3px rgba(32,169,244,.13)} .ads-contact-privacy{margin:0;color:#819bb7;font-size:.73rem;line-height:1.55} .ads-contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:16px;width:fit-content;max-width:100%;min-height:48px;margin-top:2px;padding:13px 20px;border:1px solid #1688e8;border-radius:9px;background:linear-gradient(120deg,#147bd3,#1688e8);color:#fff;font:inherit;font-size:.9rem;font-weight:700;line-height:1.3;cursor:pointer;box-shadow:0 8px 26px rgba(22,136,232,.16);transition:transform .18s,background .18s,border-color .18s} .ads-contact-submit:hover{background:#0876d1;border-color:#36b5ff;transform:translateY(-1px)} .ads-contact-submit:focus-visible{outline:2px solid #a8e3ff;outline-offset:3px} .ads-contact-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important} .ads-contact-notice{margin:0 0 20px;padding:13px 15px;border:1px solid rgba(105,202,255,.32);border-radius:9px;font-size:.88rem;line-height:1.55} .ads-contact-notice-success{background:rgba(37,172,126,.1);color:#b7f5df;border-color:rgba(66,211,159,.34)} .ads-contact-notice-error{background:rgba(234,91,91,.08);color:#ffd4d4;border-color:rgba(255,117,117,.32)} .ads-contact-notice a{color:#8bd8ff;text-decoration:underline;text-underline-offset:3px} @media(max-width:900px){.ads-contact-page .ads-contact-layout{gap:30px!important}.ads-contact-page .ads-contact-title{font-size:clamp(2.35rem,5.6vw,3.6rem)!important}.ads-contact-form-card{padding:25px}} @media(max-width:700px){.ads-contact-page-shell{padding-top:38px;padding-bottom:62px}.contact-page-container{width:calc(100% - 36px)!important}.ads-contact-page .ads-contact-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:30px!important}.ads-contact-page .ads-contact-copy,.ads-contact-page .ads-contact-form-column{flex-basis:auto!important;width:100%!important}.ads-contact-page .ads-contact-copy{padding:0}.ads-contact-page .section-kicker{margin-bottom:16px!important;font-size:.62rem!important}.ads-contact-page .ads-contact-title{max-width:13ch;font-size:clamp(2.5rem,10vw,3.5rem)!important;margin-bottom:18px!important}.ads-contact-page .ads-contact-copy .ads-contact-lead{font-size:1.02rem!important}.ads-contact-form-card{padding:23px 19px;border-radius:16px}.ads-contact-form-heading{margin-bottom:22px}.ads-contact-form{gap:15px}.ads-contact-submit{width:100%}} @media(prefers-reduced-motion:reduce){.ads-contact-submit,.ads-contact-page .ads-contact-social .wp-block-button__link{transition:none}} /* v2.5.1 — typography polish for Contact and more balanced mobile branding */ .ads-contact-page .ads-contact-title{ max-width:15ch!important; font-size:clamp(2.55rem,4.35vw,4.05rem)!important; line-height:1.06!important; letter-spacing:-.045em!important; text-wrap:balance; } .ads-contact-page .ads-contact-copy .ads-contact-lead{ max-width:43ch!important; font-size:1.08rem!important; line-height:1.78!important; } .ads-contact-page .ads-contact-copy p:not(.section-kicker){ max-width:46ch!important; line-height:1.78!important; } .ads-contact-page .ads-contact-layout{align-items:center!important} .ads-contact-form-heading h2{max-width:18ch;text-wrap:balance} @media(max-width:900px){ .ads-contact-page .ads-contact-title{font-size:clamp(2.4rem,5vw,3.5rem)!important;max-width:16ch!important} } @media(max-width:680px){ .default-logo{width:142px!important;max-height:54px!important} .brand .custom-logo{max-width:148px!important;max-height:54px!important} .ads-contact-page .ads-contact-title{max-width:15ch!important;font-size:clamp(2.35rem,9.2vw,3.15rem)!important;line-height:1.07!important;letter-spacing:-.045em!important} .ads-contact-page .ads-contact-copy .ads-contact-lead{font-size:1rem!important} } @media(max-width:380px){ .default-logo{width:132px!important} .brand .custom-logo{max-width:138px!important} }