/* BUBLYN STUDIO — PERSONAL PORTFOLIO PATCH 2026-10-28
   Public pages only. No admin, database, or payment style changes.
   Logo artwork is extracted from user's exact supplied image.
   Horizontal portfolio invariant: 25% left image + 75% right text on all widths. */
:root { --pp-bg:#f9fafb; --pp-ink:#0a162a; --pp-blue:#2963ff; --pp-lime:#d7ff58; --pp-line:#e0e6ef; --pp-secondary:#52627d; }
body.personal-site-body { background:var(--pp-bg); color:var(--pp-ink); font-family:Inter,"Segoe UI",Arial,sans-serif; }
body.personal-site-body .marketing-site { background:var(--pp-bg); color:var(--pp-ink); overflow:hidden; }
body.personal-site-body .site-shell { width:min(1180px,calc(100% - 88px)); margin-inline:auto; }
body.personal-site-body .site-header { background:rgba(249,250,251,.97); border-bottom:1px solid #e8edf4; }
body.personal-site-body .site-header nav { height:86px; }
body.personal-site-body .site-brand { width:182px; max-width:42%; height:77px; display:flex; align-items:center; }
body.personal-site-body .site-brand img { width:100%;height:auto;display:block; object-fit:contain; }
body.personal-site-body .site-nav-links { color:#52617b; font-weight:650; }
body.personal-site-body .site-nav-links>a[aria-current=page]:after { background:var(--pp-lime); height:3px; }
body.personal-site-body .nav-cta { border-radius:12px; }
body.personal-site-body .personal-hero { padding:67px 0 60px; min-height:570px; display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.1fr);gap:22px; align-items:center; position:relative; }
body.personal-site-body .personal-hero-copy { position:relative;z-index:2; min-width:0; }
body.personal-site-body .personal-kicker { display:flex;align-items:center;gap:9px; margin:0 0 25px; font-size:11px;font-weight:800;letter-spacing:.145em;text-transform:uppercase;color:#687c99;white-space:normal; }
body.personal-site-body .kicker-dot { width:10px;height:10px;border-radius:50%;background:var(--pp-lime);box-shadow:0 0 0 3px #eaf5b7; }
body.personal-site-body .kicker-divider { color:#c3cbd8; }
body.personal-site-body .personal-hero h1 {margin:0 0 19px;font-weight:900;line-height:.98; letter-spacing:-.073em; font-size:clamp(48px,5.55vw,78px); text-transform:uppercase; color:var(--pp-ink); }
body.personal-site-body .personal-hero h1 span { color:var(--pp-blue); }
body.personal-site-body .hero-period { color:var(--pp-ink); }
body.personal-site-body .hero-lead { max-width:505px; font-size:clamp(14px,1.27vw,17px);line-height:1.65;color:#566783;margin:0; }
body.personal-site-body .personal-actions { display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 35px; }
body.personal-site-body .personal-btn { display:inline-flex;min-height:47px; align-items:center; justify-content:center;gap:20px; padding:0 22px; border-radius:15px; font-size:13px; font-weight:800; border:1px solid #bdc8d9; transition:transform .18s ease,background-color .18s ease; white-space:nowrap; }
body.personal-site-body .personal-btn:hover { transform:translateY(-2px); }
body.personal-site-body .personal-btn.primary,body.personal-site-body .personal-btn.dark { color:#fff;background:var(--pp-ink);border-color:var(--pp-ink); }
body.personal-site-body .personal-btn.primary:hover,body.personal-site-body .personal-btn.dark:hover { background:#23416a; }
body.personal-site-body .personal-btn.secondary { background:#fff;color:var(--pp-ink); }
body.personal-site-body .personal-btn.secondary:hover { background:#edf2fa; }
body.personal-site-body .hero-capabilities { border-top:1px solid var(--pp-line); padding-top:20px; display:flex;max-width:445px; }
body.personal-site-body .hero-capabilities>div { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; padding-left:17px; border-left:1px solid var(--pp-line); }
body.personal-site-body .hero-capabilities>div:first-child { border-left:0;padding-left:0; }
body.personal-site-body .hero-capabilities strong {font-size:16px; letter-spacing:-.025em;line-height:1.2; }
body.personal-site-body .hero-capabilities span {font-size:10px;color:#71809b;}
body.personal-site-body .personal-hero-visual { position:relative;min-width:0; display:flex; align-items:end; justify-content:center;min-height:400px;isolation:isolate; }
body.personal-site-body .personal-hero-visual img {display:block;position:relative;z-index:1;width:110%; max-width:none; height:auto; border-radius:4px; mix-blend-mode:multiply; mask-image:linear-gradient(to right,transparent,black 9%,black 91%,transparent); -webkit-mask-image:linear-gradient(to right,transparent,black 9%,black 91%,transparent); }
body.personal-site-body .personal-hero-glow {position:absolute;inset:15% 0 2%;z-index:-1;background:radial-gradient(ellipse at 52% 55%,#eaf0ff 0,transparent 72%); }
body.personal-site-body .hero-note,body.personal-site-body .hero-sticky {display:none;} /* already in the accepted composite artwork */
body.personal-site-body .illustrative-label {position:absolute;z-index:2;bottom:-3px;right:4px;color:#9ba9bc;font-size:9px;letter-spacing:.08em;text-transform:uppercase;}
body.personal-site-body .personal-marquee {background:#0d192e; color:#fff;overflow:hidden;border-block:1px solid #1f304d; padding:13px 0; }
body.personal-site-body .personal-marquee-inner {display:flex; width:max-content; align-items:center;gap:28px; animation:personal-scroll 34s linear infinite; }
body.personal-site-body .personal-marquee-inner span {font-size:11px;white-space:nowrap; letter-spacing:.11em;font-weight:750; }
body.personal-site-body .personal-marquee-inner b {color:var(--pp-lime);font-size:12px;}
@keyframes personal-scroll {to{transform:translateX(-50%);}}
body.personal-site-body .personal-section {padding-block:81px;}
body.personal-site-body .personal-section-heading {display:grid;grid-template-columns:1.3fr .72fr;gap:40px;align-items:end;margin-bottom:34px;}
body.personal-site-body .section-overline {font-weight:800;font-size:11px;letter-spacing:.135em;text-transform:uppercase;color:#7b8aa4;}
body.personal-site-body .personal-section-heading h2,body.personal-site-body .personal-about h2 {font-size:clamp(37px,4.3vw,57px);line-height:.99; letter-spacing:-.065em; text-transform:uppercase;font-weight:900; margin:16px 0 0; }
body.personal-site-body .blue-period {color:var(--pp-blue);}
body.personal-site-body .underline-accent {position:relative;white-space:nowrap;}
body.personal-site-body .underline-accent:after {content:"";display:block; position:absolute; left:0;right:0;bottom:-7px; height:5px; background:var(--pp-lime);transform:rotate(-.8deg); border-radius:50%;}
body.personal-site-body .personal-section-summary {max-width:410px;padding-bottom:5px;}
body.personal-site-body .personal-section-summary p {font-size:14px;line-height:1.6;color:var(--pp-secondary);margin:0 0 15px;}
body.personal-site-body .small-arrow-link {font-size:13px;font-weight:850;color:var(--pp-ink);text-decoration:none;display:inline-flex;align-items:center;gap:16px; border-bottom:1px solid var(--pp-ink);padding-bottom:5px;}
body.personal-site-body .small-arrow-link:hover {color:var(--pp-blue);border-color:var(--pp-blue);}
body.personal-site-body .portfolio-grid {display:grid;grid-template-columns:minmax(0,1fr); gap:0;}
body.personal-site-body .portfolio-card { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr); gap:26px;align-items:center; min-width:0; padding:17px 56px 17px 0;border-color:var(--pp-line);position:relative;}
body.personal-site-body .portfolio-thumb {display:block;aspect-ratio:1.75; min-width:0;overflow:hidden;border-radius:12px;background:#edf3ff;}
body.personal-site-body .portfolio-thumb img {width:100%;height:100%;object-fit:cover;}
body.personal-site-body .portfolio-information {min-width:0;}
body.personal-site-body .portfolio-meta {gap:8px;margin:0 0 8px;}
body.personal-site-body .category-chip {background:#e4edff;color:var(--pp-blue);font-size:10px; font-weight:800;}
body.personal-site-body .portfolio-information h3 {margin:0 0 6px;font-size:clamp(20px,2vw,26px);line-height:1.16; font-weight:900;letter-spacing:-.03em;}
body.personal-site-body .portfolio-information h3 a:hover {color:var(--pp-blue);}
body.personal-site-body .portfolio-information p {font-size:13px;line-height:1.55;max-width:640px;color:var(--pp-secondary);margin:0;}
body.personal-site-body .portfolio-actions {margin-top:8px;}
body.personal-site-body .view-project {font-size:12px;color:var(--pp-blue);font-weight:850;}
body.personal-site-body .project-arrow {font-size:20px; display:flex;align-items:center;justify-content:center; width:38px;height:38px;border:1px solid #a4b1c5; border-radius:50%; color:var(--pp-ink);background:transparent;}
body.personal-site-body .project-arrow:hover {color:#fff;background:var(--pp-ink);border-color:var(--pp-ink);}
body.personal-site-body .personal-services {background:#eef3fb;border-block:1px solid #e8edf5;}
body.personal-site-body .personal-service-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}
body.personal-site-body .personal-service-card {background:#fff;border:1px solid #e5ebf4;border-radius:15px;padding:20px 19px 24px;min-height:224px;position:relative;display:flex;flex-direction:column;box-shadow:0 9px 22px rgba(29,48,76,.04);}
body.personal-site-body .service-icon {display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;font-size:25px;font-weight:900;}
body.personal-site-body .service-icon.blue {background:#e6efff;color:#2d64ff;}body.personal-site-body .service-icon.orange {background:#fff0eb;color:#fd684b;}body.personal-site-body .service-icon.lime {background:#eafea4;color:#172337;}body.personal-site-body .service-icon.pale {background:#e9edff;color:#4067fa;}
body.personal-site-body .service-count {position:absolute;top:22px;right:20px;font-size:11px;color:#9ba8ba;font-weight:800;}
body.personal-site-body .personal-service-card h3 {font-size:17px;line-height:1.25;margin:24px 0 8px;letter-spacing:-.025em;}
body.personal-site-body .personal-service-card p {font-size:12px;line-height:1.55;color:var(--pp-secondary);margin:0 0 14px;}
body.personal-site-body .service-card-arrow {font-size:22px;color:var(--pp-ink);margin-top:auto;align-self:end;}
body.personal-site-body .personal-about {display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr); gap:76px; align-items:center;}
body.personal-site-body .personal-about-art {background:#eef2fb;border-radius:26px;min-height:340px;position:relative;display:flex;align-items:end;justify-content:center; overflow:hidden;}
body.personal-site-body .personal-about-art:after {content:"";position:absolute;width:250px;height:250px;border:28px solid #dfecff; transform:rotate(25deg);border-radius:40px;top:10%;right:8%;opacity:.9;}
body.personal-site-body .personal-about-art img {position:relative;z-index:1;height:auto;width:77%;max-height:340px;object-fit:contain;object-position:bottom; mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,black 77%,transparent);-webkit-mask-image:linear-gradient(to bottom,black 77%,transparent);}
body.personal-site-body .about-art-stamp {position:absolute;top:25px;left:25px;z-index:2;font-size:16px;line-height:1.2;transform:rotate(-11deg);font-weight:750;color:#405477;font-family:Georgia,serif;font-style:italic;}
body.personal-site-body .about-art-stamp span {color:var(--pp-blue);}
body.personal-site-body .personal-about-copy h2 {margin:14px 0 23px;}
body.personal-site-body .personal-about-copy p {color:var(--pp-secondary);font-size:14px;line-height:1.75;max-width:600px;margin:0 0 14px;}
body.personal-site-body .personal-about-copy strong {color:var(--pp-ink);}
body.personal-site-body .about-quote {border-left:3px solid var(--pp-lime);padding-left:14px;margin:22px 0 22px;font-size:15px;color:var(--pp-ink);}
body.personal-site-body .personal-process {padding:57px 0;background:#e8effb;}
body.personal-site-body .personal-process-inner {display:grid;grid-template-columns:.75fr 2fr;gap:38px;align-items:center;}
body.personal-site-body .process-intro h2 {font-size:clamp(36px,3.8vw,52px);letter-spacing:-.065em;line-height:1;margin:12px 0 0;text-transform:uppercase;}
body.personal-site-body .personal-process-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
body.personal-site-body .personal-process-steps article {border-left:1px solid #c7d2e5;padding-left:16px;min-width:0;}
body.personal-site-body .personal-process-steps span {color:var(--pp-blue);font-weight:900;font-size:17px;}
body.personal-site-body .personal-process-steps h3 {font-size:15px;letter-spacing:-.025em; margin:21px 0 7px;}
body.personal-site-body .personal-process-steps p {font-size:11px;line-height:1.55;color:var(--pp-secondary);margin:0;}
body.personal-site-body .personal-contact {padding-block:75px 84px;}
body.personal-site-body .personal-contact-inner {padding:40px 47px;border-radius:23px;background:linear-gradient(118deg,#ecf2ff,#f5f8ff 60%,#edffb9);display:grid;grid-template-columns:1.5fr .65fr;align-items:center;gap:30px;}
body.personal-site-body .personal-contact h2 {font-size:clamp(37px,4.3vw,56px);line-height:1.06;letter-spacing:-.055em;margin:12px 0;}
body.personal-site-body .personal-contact h2 span {color:var(--pp-blue);}
body.personal-site-body .personal-contact p {font-size:14px;color:var(--pp-secondary);line-height:1.55;}
body.personal-site-body .personal-contact-actions {display:flex;flex-direction:column;align-items:stretch;gap:10px;}
body.personal-site-body .site-footer {background:#eef2f8;}
body.personal-site-body .footer-brand img {width:165px;}
/* Archive consistency with the selected-work rows */
body.personal-site-body .portfolio-intro {padding:65px 0 26px;}
body.personal-site-body .portfolio-intro h1 {font-size:clamp(51px,7vw,88px);}
body.personal-site-body .portfolio-intro h1 span {color:var(--pp-blue);}
body.personal-site-body .portfolio-intro-copy p {color:var(--pp-secondary);}
/* Keep hidden filtered cards hidden, despite layout rules */
body.personal-site-body .portfolio-card[hidden],body.personal-site-body .empty-portfolio[hidden] {display:none!important;}
@media (max-width:1000px) {
 body.personal-site-body .site-shell {width:calc(100% - 52px);}
 body.personal-site-body .personal-hero {grid-template-columns:1fr 1fr;gap:10px;}
 body.personal-site-body .personal-hero h1 {font-size:clamp(43px,5.5vw,66px);}
 body.personal-site-body .personal-hero-visual {min-height:300px;}
 body.personal-site-body .personal-about {gap:30px;}
 body.personal-site-body .personal-service-grid {grid-template-columns:repeat(2,1fr);}
 body.personal-site-body .personal-process-inner {grid-template-columns:1fr;gap:24px;}
}
@media (max-width:760px) {
 body.personal-site-body .site-shell {width:calc(100% - 36px);}
 body.personal-site-body .site-header nav {height:74px;}
 body.personal-site-body .site-brand {width:143px;height:67px;}
 body.personal-site-body .personal-hero {grid-template-columns:1fr; padding:42px 0 35px;gap:5px;}
 body.personal-site-body .personal-hero h1 {font-size:clamp(47px,10vw,75px);margin-bottom:22px;}
 body.personal-site-body .personal-hero-visual {min-height:0;max-width:590px;margin:10px auto 0;width:100%;}
 body.personal-site-body .personal-hero-visual img {width:100%;}
 body.personal-site-body .hero-capabilities {max-width:500px;}
 body.personal-site-body .personal-section {padding-block:58px;}
 body.personal-site-body .personal-section-heading {grid-template-columns:1fr; gap:18px;}
 body.personal-site-body .personal-section-heading h2 {font-size:clamp(37px,7vw,55px);}
 body.personal-site-body .personal-section-summary {max-width:none;}
 body.personal-site-body .personal-about {grid-template-columns:1fr;gap:26px;}
 body.personal-site-body .personal-about-art {min-height:300px;}
 body.personal-site-body .personal-about-art img {max-height:315px;width:65%;}
 body.personal-site-body .personal-process-steps {grid-template-columns:repeat(2,1fr);row-gap:28px;}
 body.personal-site-body .personal-contact-inner {grid-template-columns:1fr;padding:35px 30px;}
 body.personal-site-body .portfolio-card {grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:16px;padding-right:39px;}
}
@media (max-width:480px) {
 body.personal-site-body .site-shell {width:calc(100% - 30px);}
 body.personal-site-body .personal-hero {padding-top:34px;}
 body.personal-site-body .personal-kicker {font-size:9.5px;letter-spacing:.11em; margin-bottom:16px;}
 body.personal-site-body .personal-hero h1 {font-size:clamp(44px,11.5vw,60px);letter-spacing:-.068em;}
 body.personal-site-body .hero-lead {font-size:13px;}
 body.personal-site-body .personal-actions {gap:8px;margin:20px 0 25px;}
 body.personal-site-body .personal-btn {padding:0 12px;min-height:44px;font-size:11px;gap:9px;}
 body.personal-site-body .hero-capabilities strong {font-size:13px;}
 body.personal-site-body .hero-capabilities span {font-size:9px;}
 body.personal-site-body .hero-capabilities>div {padding-left:10px;}
 body.personal-site-body .personal-hero-visual img {width:105%;}
 body.personal-site-body .personal-marquee-inner span {font-size:9px;}
 body.personal-site-body .personal-section-heading h2 {font-size:clamp(34px,9vw,45px);}
 body.personal-site-body .personal-section-summary p {font-size:12px;}
 /* NON-NEGOTIABLE: image left and details right on phone as well. */
 body.personal-site-body .portfolio-card {grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:11px;padding:12px 23px 12px 0;min-width:0;}
 body.personal-site-body .portfolio-thumb {aspect-ratio:1; border-radius:8px;}
 body.personal-site-body .portfolio-card .portfolio-information {min-width:0;overflow:hidden;}
 body.personal-site-body .portfolio-meta {gap:5px;margin-bottom:5px;}
 body.personal-site-body .portfolio-number {font-size:9px;}
 body.personal-site-body .category-chip {font-size:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 body.personal-site-body .portfolio-information h3 {font-size:clamp(14px,4vw,18px);line-height:1.17;margin:0 0 4px;}
 body.personal-site-body .portfolio-information p {font-size:10px;line-height:1.35;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
 body.personal-site-body .portfolio-actions {margin-top:4px;}
 body.personal-site-body .view-project {font-size:10px;}
 body.personal-site-body .project-arrow {width:22px;height:22px;font-size:12px;}
 body.personal-site-body .personal-service-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
 body.personal-site-body .personal-service-card {min-height:235px;padding:13px 12px 16px;}
 body.personal-site-body .personal-service-card h3 {font-size:14px;margin-top:18px;}
 body.personal-site-body .personal-service-card p {font-size:11px;}
 body.personal-site-body .service-icon {width:38px;height:38px;font-size:19px;}
 body.personal-site-body .personal-about-art {min-height:250px;}
 body.personal-site-body .personal-about-art img {max-height:275px;width:72%;}
 body.personal-site-body .personal-about-copy h2 {font-size:clamp(35px,9vw,46px);}
 body.personal-site-body .personal-process {padding:43px 0;}
 body.personal-site-body .personal-process-steps h3 {font-size:14px;}
 body.personal-site-body .personal-contact {padding-block:48px;}
 body.personal-site-body .personal-contact-inner {padding:28px 20px;}
 body.personal-site-body .personal-contact h2 {font-size:38px;}
}
@media (prefers-reduced-motion:reduce) {body.personal-site-body .personal-marquee-inner {animation:none;}}


/* V4 — Performance Marketing / Google Ads & Meta Ads */
body.personal-site-body .hero-capabilities {max-width:520px;}
body.personal-site-body .hero-capabilities>div {padding-left:13px;}
body.personal-site-body .hero-capabilities>div:first-child {padding-left:0;}
body.personal-site-body .personal-service-ads {border-color:#dce5fb;box-shadow:0 12px 28px rgba(35,82,158,.08);}
body.personal-site-body .personal-service-ads .service-card-arrow {text-decoration:none;transition:color .2s,transform .2s;}
body.personal-site-body .personal-service-ads .service-card-arrow:hover {color:var(--pp-blue);transform:translate(2px,-2px);}
body.personal-site-body .personal-service-footnote {display:flex;align-items:baseline;gap:10px;margin:20px 0 0;color:var(--pp-secondary);font-size:12px;line-height:1.6;}
body.personal-site-body .personal-service-footnote>span {color:var(--pp-blue);}
body.personal-site-body .personal-service-footnote strong {color:var(--pp-ink);font-weight:650;}
body.personal-site-body .personal-ads-section {padding:88px 0 83px;scroll-margin-top:92px;}
body.personal-site-body .personal-ads-head {display:grid;grid-template-columns:1.1fr .95fr;gap:55px;align-items:end;margin-bottom:29px;}
body.personal-site-body .personal-ads-head h2 {font-size:clamp(36px,4.2vw,56px);letter-spacing:-.065em;line-height:1.02;text-transform:uppercase;font-weight:900;margin:16px 0 0;}
body.personal-site-body .personal-ads-intro p {color:var(--pp-secondary);line-height:1.7;font-size:14px;margin:0 0 17px;max-width:480px;}
body.personal-site-body .personal-ads-intro strong {color:var(--pp-ink);}
body.personal-site-body .personal-ads-panels {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;}
body.personal-site-body .personal-ads-platform {position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:263px;padding:27px 30px 26px;border-radius:19px;border:1px solid var(--pp-line);background:#f3f6fc;}
body.personal-site-body .google-ads-platform {background:linear-gradient(145deg,#f2f6ff,#fff 75%);}
body.personal-site-body .meta-ads-platform {background:linear-gradient(145deg,#eef8ff,#f9fbff 75%);}
body.personal-site-body .personal-ads-platform:after {content:"";position:absolute;right:-80px;top:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#d9e8ff,transparent 70%);pointer-events:none;}
body.personal-site-body .ads-platform-top {display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1;}
body.personal-site-body .ads-platform-mark {width:41px;height:41px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(41,99,255,.08);}
body.personal-site-body .google-mark {color:#4285f4;}
body.personal-site-body .meta-mark {color:#146cf4;font-size:31px;}
body.personal-site-body .ads-platform-type {font-size:10px;font-weight:800;letter-spacing:.11em;color:#8795aa;}
body.personal-site-body .personal-ads-platform h3 {position:relative;z-index:1;font-size:clamp(26px,2.7vw,38px);letter-spacing:-.05em;line-height:1.1;margin:23px 0 10px;}
body.personal-site-body .personal-ads-platform p {position:relative;z-index:1;font-size:13px;line-height:1.6;color:var(--pp-secondary);max-width:380px;margin:0 0 21px;}
body.personal-site-body .ads-pill-row {position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:auto;}
body.personal-site-body .ads-pill-row span {background:#fff;border:1px solid #dfe7f4;border-radius:999px;font-size:10px;font-weight:700;color:#4f5c71;padding:6px 10px;}
body.personal-site-body .ads-workflow {margin-top:18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--pp-line);padding:18px 0 0;font-size:12px;color:var(--pp-secondary);font-weight:650;}
body.personal-site-body .ads-workflow-label {text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.09em;color:var(--pp-blue);margin-right:auto;}
body.personal-site-body .ads-workflow i {font-style:normal;color:var(--pp-blue);}
@media (max-width:1000px) {
 body.personal-site-body .site-nav-links {gap:17px;}
 body.personal-site-body .hero-capabilities>div {padding-left:10px;}
}
@media (max-width:760px) {
 body.personal-site-body .personal-ads-section {padding:57px 0;scroll-margin-top:80px;}
 body.personal-site-body .personal-ads-head {grid-template-columns:1fr;gap:18px;}
 body.personal-site-body .personal-ads-platform {min-height:240px;padding:21px;}
 body.personal-site-body .personal-ads-platform h3 {font-size:27px;}
}
@media (max-width:540px) {
 body.personal-site-body .hero-capabilities strong {font-size:12px;}
 body.personal-site-body .hero-capabilities span {font-size:9px;line-height:1.4;}
 body.personal-site-body .personal-ads-panels {grid-template-columns:1fr;gap:11px;}
 body.personal-site-body .personal-ads-platform {min-height:224px;}
 body.personal-site-body .personal-ads-head h2 {font-size:clamp(33px,9vw,45px);}
 body.personal-site-body .personal-ads-intro p {font-size:12px;}
 body.personal-site-body .ads-workflow {gap:9px;font-size:10px;}
 body.personal-site-body .ads-workflow-label {flex-basis:100%;margin:0 0 4px;}
 body.personal-site-body .personal-service-footnote {font-size:11px;}
}