/* Preserved source: homepage-menu.css */
body.dialog-open{overflow:hidden;}






















/* Match the brand's purple light-mode and cyan dark-mode controls. */

/* Preserved source: agency-style.css */
*{box-sizing:border-box;}html{scroll-behavior:smooth;scroll-padding-top:105px;}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;}a{color:inherit;text-decoration:none;}@media (hover: hover) and (pointer: fine){a:hover{text-decoration:underline;}}button,select,input{font:inherit;}button,a,select{touch-action:manipulation;}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px;}h1,h2,h3{font-weight:650;line-height:1.08;letter-spacing:-.045em;}p{color:var(--muted);}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--paper);z-index:99;}.skip:focus{top:10px;}header{position:fixed;top:0;left:0;width:100%;height:82px;padding:12px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}.brand-logo{display:block;line-height:0;}.logo-window{display:block;width:218px;aspect-ratio:4.895/1;overflow:hidden;position:relative;}.logo-window img{position:absolute;max-width:none;width:109.2%;height:auto;left:-6.66%;top:-57.95%;}.logo-symbol{clip-path:inset(0 72.4% 0 0);}.wrap{max-width:1240px;margin:auto;padding:110px 45px;}.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.13em;color:var(--accent);}.hero{padding:165px 24px 100px;min-height:90svh;display:grid;align-items:center;text-align:center;}.hero-grid{max-width:1080px;margin:auto;}.hero h1{font-size:clamp(44px,6.9vw,94px);margin:36px 0 25px;}.hero-tagline{font-size:clamp(28px,3.4vw,46px);font-weight:600;letter-spacing:-.045em;color:var(--accent);margin:0 0 27px;}.hero-copy{max-width:660px;margin:0 auto;font-size:19px;line-height:1.7;}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px;}.button{display:inline-flex;gap:15px;align-items:center;justify-content:center;min-height:49px;padding:13px 24px;border-radius:var(--radius);font-size:15px;}@media (hover: hover) and (pointer: fine){.button:hover{text-decoration:none;}}.textlink{color:var(--accent);font-size:16px;}.section-intro{max-width:760px;}.section-intro h2,h2{font-size:clamp(36px,4.7vw,64px);margin:22px 0 26px;}.section-intro p{font-size:20px;max-width:660px;}.approach{border-top:1px solid var(--line);}.principles{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:65px 0 0;padding:0;}.principles li{border-top:1px solid var(--accent);padding-top:22px;}.principles span{color:var(--accent);font-size:11px;letter-spacing:.12em;}.principles h3{font-size:29px;margin:26px 0 18px;}.principles p{font-size:17px;margin:0;}.services{background:var(--soft);}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:55px;}.service-card{padding:40px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;min-width:0;}.service-top{display:flex;justify-content:space-between;color:var(--accent);}.service-top>span:last-child{font-size:25px;line-height:1;}.service-card h3{font-size:clamp(32px,3.2vw,43px);margin:33px 0 23px;}.service-card p{max-width:440px;margin:0;}.service-card ul{list-style:none;padding:0;margin:30px 0 36px;}.service-card li{border-top:1px solid var(--line);padding:12px 0;font-size:16px;}.service-bottom{margin-top:auto;display:grid;justify-items:start;gap:15px;}.service-bottom .button{font-size:14px;}.domain{font-size:12px;color:var(--muted);}.starting-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;}.starting-grid>div>p{font-size:20px;margin-top:26px;}.offer{border-top:1px solid var(--line);margin-top:40px;padding-top:28px;}.offer>span{font-size:11px;letter-spacing:.1em;color:var(--muted);}.offer .price{font-size:38px;color:var(--ink);font-weight:600;margin:12px 0;}.offer .price small{font-size:15px;font-weight:400;color:var(--muted);}.offer>small{display:block;font-size:12px;color:var(--muted);margin-top:15px;}.closing{text-align:center;background:var(--soft);padding:110px 24px 120px;}.closing p{max-width:570px;margin:0 auto 30px;font-size:19px;}footer{padding:50px max(5vw,24px);display:flex;justify-content:space-between;gap:30px;align-items:flex-start;border-top:1px solid var(--line);font-size:14px;}footer p{margin:16px 0 0;}.footer-business-details p{margin:10px 0;}.footer-utility{display:grid;gap:12px;color:var(--muted);}.preferences{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.preferences select{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);padding:8px;font-size:14px;}.motion{display:flex;align-items:center;gap:6px;}html[data-theme=dark] .logo-lettering{filter:brightness(0) invert(1);}html[data-theme=dark] .logo-symbol{filter:none;}.user-reduced-motion{scroll-behavior:auto;}.user-reduced-motion *, .user-reduced-motion *:before{animation:none!important;}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*:before{animation:none!important;}}@media (max-width:800px){.wrap{padding:80px 25px;}.hero{min-height:auto;padding:145px 24px 85px;}.hero-copy{font-size:17px;}.hero-actions{gap:22px;}.principles{gap:26px;}.principles h3{font-size:24px;}.principles p{font-size:15px;}.service-grid{grid-template-columns:1fr;}.service-card{padding:30px;}.starting-grid{gap:32px;}.section-intro p,.starting-grid>div>p{font-size:18px;}footer{flex-wrap:wrap;}}@media (max-width:560px){header{height:72px;padding:12px 20px;}.logo-window{width:185px;}.hero h1{font-size:clamp(37px,9.6vw,54px);}.hero-tagline{font-size:29px;}.hero .eyebrow{font-size:10px;}.hero-actions{flex-direction:column;}.principles,.starting-grid{grid-template-columns:1fr;}.principles{gap:35px;margin-top:40px;}.principles h3{margin:15px 0;}.principles p{font-size:17px;}.starting-grid{gap:0;}.starting-grid>div>p{margin-top:0;}.closing{padding:80px 24px;}.footer-intro{width:100%;}.service-bottom .button{font-size:13px;padding:13px 17px;}.preferences{font-size:12px;}.menu-feature{display:none;}}
.hero h1{font-size:clamp(40px,5.8vw,78px);}.hero-tagline{font-size:clamp(25px,2.5vw,34px);}.all-services{grid-template-columns:repeat(3,minmax(0,1fr));}.service-link{text-decoration:none;}@media (hover: hover) and (pointer: fine){.service-link:hover{text-decoration:none;border-color:var(--accent);}}.service-link h3{font-size:29px;margin:25px 0 20px;}.service-link p{font-size:16px;}.card-action{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:30px;color:var(--accent);font-size:14px;}.service-hero{padding-top:145px;padding-bottom:90px;}.back-link{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:45px;}.service-hero h1{max-width:900px;font-size:clamp(42px,5.8vw,76px);margin:28px 0;}.service-hero>p{max-width:720px;font-size:21px;margin:0 0 30px;}.service-hero .button{max-width:100%;}.deliverables h2{font-size:clamp(32px,4.2vw,54px);}.deliverable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:50px;}.deliverable-grid article{border-top:1px solid var(--accent);padding-top:18px;}.deliverable-grid h3{font-size:25px;line-height:1.2;margin:15px 0;}.scope-note{border-top:1px solid var(--line);margin-top:48px;padding-top:24px;max-width:880px;}.scope-note p{font-size:15px;}.sample-reference{margin-top:45px;padding:32px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);}.sample-reference h3{font-size:28px;}.package-block{padding-bottom:0;}.package-block p{max-width:800px;}.package-block h2 small{font-size:20px;color:var(--muted);font-weight:400;}.related-service{font-size:14px!important;margin-top:30px!important;}.related-service a{text-decoration:underline;}@media (max-width:1000px){.all-services{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:640px){.all-services,.deliverable-grid{grid-template-columns:1fr;}.service-hero{padding-top:120px;}.service-hero>p{font-size:18px;}.service-hero .button{font-size:14px;padding:13px 18px;}.deliverable-grid{gap:22px;}.service-link h3{font-size:28px;}.hero h1{font-size:clamp(36px,8.8vw,50px);}}

.all-services{grid-template-columns:repeat(2,minmax(0,1fr));}.work-approach{padding-bottom:0;}.work-approach>p{max-width:750px;font-size:19px;}@media (max-width:640px){.all-services{grid-template-columns:1fr;}.hero h1{font-size:clamp(36px,8.8vw,50px);}}

/* Explicit geometry keeps the navigation glyph visible in both colour modes. */


.enquiry-page{max-width:1000px;}.enquiry-page h1{font-size:clamp(44px,6vw,72px);}#agency-enquiry{margin-top:45px;border-top:1px solid var(--line);padding-top:35px;}.enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}.enquiry-grid label{display:flex;flex-direction:column;gap:9px;font-size:15px;}.enquiry-grid label span{display:inline;color:var(--accent);}.enquiry-grid label small{color:var(--muted);}.enquiry-grid input,.enquiry-grid textarea,.enquiry-grid select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:13px;min-height:48px;}.enquiry-grid textarea{resize:vertical;}.full-field{grid-column:1/-1;}.enquiry-honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}.form-help,.form-privacy{font-size:13px;line-height:1.6;color:var(--muted);max-width:730px;}.form-privacy{margin:22px 0;}.form-help a,.form-privacy a,#enquiry-privacy a{text-decoration:underline;}#agency-enquiry button{border:0;cursor:pointer;}#agency-enquiry button:disabled{opacity:.6;cursor:wait;}#form-status{padding:15px;border:1px solid var(--line);border-radius:var(--radius);font-size:15px;}#form-status[data-state=error]{border-color:#b94848;}#enquiry-privacy{margin-top:30px;font-size:14px;}#enquiry-privacy summary{cursor:pointer;color:var(--ink);}@media (max-width:640px){.enquiry-grid{grid-template-columns:1fr;}.enquiry-page{padding-left:24px;padding-right:24px;}}

.media-world{height:145svh;min-height:900px;background:var(--ink);color:white;isolation:isolate;}.world-sticky{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;}#media-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}.world-copy{position:absolute;z-index:3;left:6%;top:16%;max-width:600px;pointer-events:none;}.world-copy h2{font-size:clamp(45px,6vw,85px);line-height:.98;color:white;text-shadow:0 3px 30px #0006;}.world-copy h2 span{color:var(--accent);}.world-copy p{font-size:14px;margin-top:25px;max-width:320px;color:#cbd6ea;}.world-copy .eyebrow{color:#b5c9df;font-size:11px;}.world-hint{position:absolute;bottom:10%;right:6%;z-index:4;font-size:10px;letter-spacing:.13em;color:#9caecc;}.world-fallback{position:absolute;inset:0;perspective:900px;z-index:0;}.world-fallback img{position:absolute;width:35%;top:24%;right:5%;border-radius:var(--radius);box-shadow:0 12px 50px #0008;transform:rotateY(-20deg) rotateZ(8deg);}.world-fallback img:nth-child(2){top:52%;right:22%;width:29%;transform:rotateY(25deg) rotateZ(-8deg);}.world-fallback img:nth-child(3){top:7%;right:30%;width:23%;transform:rotateY(-10deg) rotateZ(-5deg);}#media-canvas[data-scene-ready="true"]+.world-fallback{opacity:0;}canvas[data-scene-failed="true"]{opacity:0!important;visibility:hidden!important;}.gallery-under{padding:32px 24px;text-align:center;background:var(--soft);}.lite-scenes .media-world,.media-world[data-scene-fallback],.user-reduced-motion .media-world{height:auto;min-height:0;}.lite-scenes .world-sticky,[data-scene-fallback]>.world-sticky,.user-reduced-motion .world-sticky{position:relative;height:85svh;min-height:590px;}.lite-scenes .world-hint,[data-scene-fallback] .world-hint,.user-reduced-motion .world-hint{display:none;}@media (max-width:760px){.media-world{min-height:850px;height:135svh;}.world-sticky{min-height:580px;}.world-copy{top:17%;left:6%;right:6%;}.world-copy h2{font-size:48px;}.world-fallback img{width:64%;right:-12%;top:48%;}.world-fallback img:nth-child(2){width:57%;right:30%;top:65%;}.world-fallback img:nth-child(3){width:46%;right:3%;top:33%;}}@media (prefers-reduced-motion:reduce){.media-world{height:auto;min-height:0;}.world-sticky{position:relative;height:85svh;min-height:590px;}.world-hint{display:none;}}

.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.seo-grid .service-card{background:var(--soft);}.seo-scope{font-size:15px;max-width:850px;margin:32px 0 0;}.seo-input{padding-bottom:0;}.seo-input>p{font-size:19px;max-width:820px;}.scope-note h3{font-size:25px;color:var(--ink);}.seo-entry-offer{margin-top:35px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);}.seo-entry-offer h3{font-size:26px;margin-top:0;}.seo-entry-offer p{max-width:800px;}.seo-services .section-intro h2{overflow-wrap:normal;}@media (max-width:640px){.seo-grid{grid-template-columns:1fr;}.seo-input>p{font-size:17px;}}

/* QA: keep label text and required markers on one line above each field. */
.enquiry-grid .field-label{display:block;color:var(--ink);line-height:1.5;}
.enquiry-grid .field-label>span,.enquiry-grid .field-label>small{display:inline;}
/* QA: reserve a separate mobile artwork area so slides cannot cover the copy. */
.world-art{position:absolute;inset:0;min-width:0;overflow:hidden;}
@media (max-width:760px){
 .media-world .world-sticky{display:grid;grid-template-rows:auto minmax(340px,1fr);height:100svh;min-height:760px;}
 .media-world .world-copy{position:relative;grid-row:1;left:auto;right:auto;top:auto;max-width:none;margin:0;padding:100px 24px 20px;z-index:3;}
 .media-world .world-copy h2{margin:16px 0 20px;font-size:clamp(38px,11vw,48px);}
 .media-world .world-copy p{margin:0;max-width:none;line-height:1.6;}
 .media-world .world-art{position:relative;inset:auto;grid-row:2;width:100%;height:100%;min-height:340px;isolation:isolate;}
 .media-world .world-fallback img{top:18%;right:-8%;width:64%;}
 .media-world .world-fallback img:nth-child(2){top:45%;right:28%;width:57%;}
 .media-world .world-fallback img:nth-child(3){top:2%;right:30%;width:46%;}
 .user-reduced-motion .media-world .world-sticky,.lite-scenes .media-world .world-sticky,.media-world[data-scene-fallback] .world-sticky{height:auto;min-height:0;grid-template-rows:auto 380px;}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.media-world .world-sticky{height:auto;min-height:0;grid-template-rows:auto 380px;}}

/* Reuse the production consent controls without loading analytics on private hosts. */
.privacy-settings{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;padding:6px 0;text-align:left;cursor:pointer;}
.analytics-choice{position:fixed;bottom:18px;left:18px;right:18px;max-width:820px;margin:auto;z-index:70;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:0 12px 45px #0003;display:flex;gap:24px;align-items:center;}
.analytics-choice[hidden]{display:none!important;}.analytics-choice strong{font-size:18px;}.analytics-choice p{font-size:14px;line-height:1.6;margin:8px 0 0;}.analytics-choice a{text-decoration:underline;}.analytics-actions{display:flex;gap:12px;flex:none;}.analytics-actions button{min-height:46px;padding:11px 16px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;font-size:14px;cursor:pointer;}@media (hover: hover) and (pointer: fine){.analytics-actions button:hover{background:var(--soft);}}
@media (max-width:800px){.analytics-choice{display:block;max-height:calc(100svh - 36px);overflow:auto;}.analytics-actions{margin-top:18px;flex-wrap:wrap;}.analytics-actions button{flex:1;}}

/* Preserved source: brand-shared.css */
.brand-mark{display:block;width:218px;line-height:0;}.brand-mark img{display:block;width:100%;height:auto;filter:none;}.brand-mark .mark-dark{display:none;}html[data-theme=dark] .brand-mark .mark-light{display:none;}html[data-theme=dark] .brand-mark .mark-dark{display:block;}@media (max-width:560px){.brand-mark{width:185px;}}

/* Preserved source: fonts.css */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/assets/fonts/7cHpv4kjgoGqM7EPCw-latin.woff2) format("woff2");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/assets/fonts/7cHqv4kjgoGqM7E3_-gc4A-latin.woff2) format("woff2");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/assets/fonts/7cHqv4kjgoGqM7E30-8c4A-latin.woff2) format("woff2");
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/assets/fonts/7cHqv4kjgoGqM7E3t-4c4A-latin.woff2) format("woff2");
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/assets/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2_3E-latin.woff2) format("woff2");
}

/* Preserved source: agency-navigation.css */
body.dialog-open{overflow:hidden}.agency-header{box-sizing:border-box;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;height:96px;min-height:0;padding:8px 4.4vw;gap:20px;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:none;font:15px/1.4 'Barlow',Arial,sans-serif}.agency-header .brand-logo{display:block;flex:none;line-height:0}.agency-header .brand-mark{display:block;width:260px;line-height:0}.agency-header .brand-mark img{position:static;display:none;width:100%;height:auto;max-width:none;filter:none;transform:none}.agency-header .brand-mark .mark-dark{display:block}.agency-header .mark-light{display:none!important}html[data-theme=light] .agency-header .mark-dark{display:none!important}html[data-theme=light] .agency-header .mark-light{display:block!important}.agency-header .header-actions{display:flex;align-items:center;gap:12px;min-width:0}.agency-header .header-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:15px;text-decoration:none}.agency-header .header-enquire{display:inline-flex;flex:none;min-height:44px;padding:10px 16px;font-size:15px;white-space:nowrap}.agency-header .menu-button{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;margin:0;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;cursor:pointer;overflow:hidden}.agency-shell .agency-header .theme-toggle{position:relative;display:grid;place-items:center;flex:none;box-sizing:border-box;width:40px;height:40px;min-width:40px;min-height:40px;padding:10px;margin:0;appearance:none;background:none;border:0;border-radius:var(--radius);color:var(--ink);box-shadow:none;cursor:pointer;overflow:visible;transition:transform 160ms ease-out}.agency-header .theme-toggle .theme-icon{grid-area:1/1;width:20px;height:20px;display:none;transform-origin:center;stroke-width:1.75}.agency-header .theme-toggle .theme-icon-sun{display:block}html[data-theme=light] .agency-header .theme-toggle .theme-icon-sun{display:none}html[data-theme=light] .agency-header .theme-toggle .theme-icon-moon{display:block}.agency-shell .agency-header .theme-toggle:active{transform:scale(.92)!important}@media(hover:hover) and (pointer:fine){.agency-shell .agency-header .header-actions .theme-toggle:hover{transform:none;filter:none}.agency-header .theme-toggle:hover .theme-icon{color:var(--accent)}}@keyframes theme-icon-in{from{transform:rotate(-30deg);opacity:0}to{transform:rotate(0);opacity:1}}html.theme-icon-enter .agency-header .theme-toggle .theme-icon{animation:theme-icon-in 200ms ease-out both}@media(prefers-reduced-motion:reduce){html.theme-icon-enter .agency-header .theme-toggle .theme-icon{animation:none}}html.user-reduced-motion.theme-icon-enter .agency-header .theme-toggle .theme-icon{animation:none}.agency-header .menu-lines{display:flex;flex-direction:column;justify-content:center;gap:5px;width:22px;height:22px;pointer-events:none}.agency-header .menu-lines>span{display:block;flex:0 0 2px;width:22px;height:2px;background:currentColor;transform-origin:center;transition:transform var(--motion-duration) var(--motion-ease)}.agency-header .menu-button[aria-expanded=true] .menu-lines>span:nth-child(1){transform:translateY(7px) rotate(45deg)}.agency-header .menu-button[aria-expanded=true] .menu-lines>span:nth-child(2){transform:scaleX(0)}.agency-header .menu-button[aria-expanded=true] .menu-lines>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.agency-menu.main-menu-panel{box-sizing:border-box;position:fixed;inset:0;margin:18px auto auto;width:calc(100% - 36px);max-width:1400px;max-height:calc(100svh - 36px);overflow:auto;padding:30px 40px 24px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;font:16px/1.5 'Barlow',Arial,sans-serif}.agency-menu::backdrop{background:#0b0B0F99;backdrop-filter:blur(8px)}.agency-menu .menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.08em}.agency-menu .menu-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--ink);font:inherit;cursor:pointer}.agency-menu .menu-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;padding:28px 0}.agency-menu .menu-layout nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:0;width:auto;order:initial;background:none;box-shadow:none;border:0;color:inherit}.agency-menu .menu-layout nav a{display:block;font:700 clamp(28px,3vw,40px)/1.1 'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:0;padding:0;color:var(--ink);text-decoration:none;transition:transform var(--motion-duration) var(--motion-ease)}.agency-menu .menu-layout nav a[aria-current]{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}@media (hover: hover) and (pointer: fine){.agency-menu .menu-layout nav a:hover{transform:translateX(6px);color:var(--accent)}.agency-header .header-services:hover{color:var(--accent)}}.agency-menu .menu-feature{align-self:center;min-width:0;padding:30px;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius)}.agency-menu .menu-feature h2{font:700 48px/1.02 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:0;text-transform:uppercase;color:var(--ink);margin:20px 0}.agency-menu .menu-feature p{font:15px/1.7 'Barlow',Arial,sans-serif;color:var(--muted)}.agency-menu .menu-feature .menu-eyebrow,.agency-menu .menu-feature a{color:var(--accent)}.agency-menu .menu-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;font:14px/1.5 'Barlow',Arial,sans-serif}.agency-menu .preferences{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.agency-menu .preferences select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:8px;font:14px 'Barlow',Arial,sans-serif}.agency-menu .motion{display:flex;align-items:center;gap:6px}.agency-menu input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent)}.agency-header :is(a,button):focus-visible,.agency-menu :is(a,button,select,input):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.agency-nojs{display:flex;flex-wrap:wrap;gap:16px;padding:112px 24px 16px;font-size:15px}.agency-shell footer.agency-footer{box-sizing:border-box;display:flex;grid-template-columns:none;align-items:flex-start;justify-content:space-between;gap:30px;flex-wrap:nowrap;width:100%;max-width:none;margin:0;padding:48px 4.4vw;background:var(--surface);color:var(--ink);border-top:1px solid var(--line);font:15px/1.6 'Barlow',Arial,sans-serif;text-align:start}.agency-shell .agency-footer>div{margin:0;padding:0;min-width:0}.agency-shell .agency-footer .footer-intro{width:auto}.agency-shell .agency-footer p{font:inherit;color:var(--muted);margin:16px 0 0;overflow-wrap:anywhere}.agency-shell .agency-footer .footer-intro>p{max-width:360px}.agency-shell .agency-footer .footer-business-details{text-align:start}.agency-shell .agency-footer .footer-business-details p{margin:10px 0}.agency-shell .agency-footer a{color:inherit;font:inherit;text-decoration:none}.agency-shell .agency-footer .brand-logo{display:block;line-height:0;flex:none}.agency-shell .agency-footer .brand-mark{display:block;width:260px;line-height:0}.agency-shell .agency-footer .brand-mark img{position:static;display:none;width:100%;height:auto;max-width:none;filter:none;transform:none}.agency-shell .agency-footer .brand-mark .mark-dark{display:block}html[data-theme=light] .agency-shell .agency-footer .mark-dark{display:none}html[data-theme=light] .agency-shell .agency-footer .mark-light{display:block}.agency-shell .agency-footer .footer-utility{display:grid;align-items:start;gap:12px;margin:0;padding:0;border:0;color:var(--muted)}.agency-shell .agency-footer .privacy-settings{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;padding:6px 0;margin:0;text-align:left;width:auto;min-height:0;cursor:pointer}@media (hover: hover) and (pointer: fine){.agency-shell .agency-footer a:hover{text-decoration:underline}}@media(max-width:1000px){.agency-header .brand-mark{width:220px}.agency-header .header-actions{gap:10px}}@media(max-width:800px){.agency-shell footer.agency-footer{flex-wrap:wrap}}@media(max-width:760px){.agency-menu.main-menu-panel{margin:10px auto auto;width:calc(100% - 20px);max-height:calc(100svh - 20px);padding:24px}.agency-menu .menu-layout{grid-template-columns:1fr;gap:0}.agency-menu .menu-feature{display:none}.agency-menu .menu-layout nav a{font-size:32px}.agency-menu .menu-layout nav{gap:14px}}@media(max-width:640px){.agency-header{height:80px;padding:8px 16px;gap:8px}.agency-header .brand-mark{width:180px}.agency-header .header-actions{gap:8px}.agency-header .header-enquire{font-size:14px;padding:10px 12px}.agency-shell footer.agency-footer{padding:40px 24px}.agency-shell .agency-footer .brand-mark{width:180px}}@media(max-width:559px){.agency-header .header-services{display:none}.agency-header .brand-mark{width:132px}}@media(max-width:560px){.agency-shell .agency-footer .footer-intro{width:100%}}@media(max-width:360px){.agency-header .brand-mark{width:116px}.agency-header .header-actions{gap:6px}.agency-shell .agency-footer .brand-mark{width:152px}}

/* Preserved source: agency-brand-2026.css */
/* Supplied Pencil Glow Brand Guidelines, version 1 (2026).
   Loaded last, scoped to agency pages. Client concepts keep their own identity. */


@media (prefers-color-scheme:light){html:not([data-theme]) .agency-shell .brand-mark img.mark-dark{display:none!important;}html:not([data-theme]) .agency-shell .brand-mark img.mark-light{display:block!important;}}

body.agency-shell{background:var(--brand-bg);color:var(--brand-ink);font-family:"Barlow",Arial,sans-serif;font-weight:400;}
.agency-shell :is(button,input,textarea,select,summary,label,.pg-label,.eyebrow,.price,.trial-price,.offer-price){font-family:"Barlow",Arial,sans-serif;}

.agency-shell :is(p,.small,.offer-foot,.cta-note,.hero-copy,.hero-support,.form-status,.direct-contact,.article-intro,.article-meta,.article-date,.demo-note,.about-story p){color:var(--brand-muted);}
.agency-shell :is(.textlink,.eyebrow,.article-topic,.article-body a,.about-story a,.process-number,.roi-monthly,.roi-result-tag,.hero-tagline,.pg-label){color:var(--brand-accent);}
.agency-shell :is(.hero,.closing,.privacy-page,.about-story){background:var(--brand-bg);color:var(--brand-ink);}
.agency-shell :is(.tile,.tile.soft,.price-card,.article-card,.service-card,.offer,.form-panel,.audit-picker,.roi-widget,.payback-card,.analytics-choice,.pg-chat){background:var(--brand-raised);color:var(--brand-ink);border-color:var(--brand-line);box-shadow:none;}
.agency-shell :is(.services,.included,.pricing,.example-band,.message-demo,.roi-results){background:var(--brand-raised);color:var(--brand-ink);}
.agency-shell :is(.problem,.tile.navy,.audit-section){background:var(--brand-bg);color:var(--brand-ink);}
.agency-shell :is(.problem p,.tile p,.tile.navy p,.audit-section>div>p,.business-fields label,.article-card p){color:var(--brand-muted);}
.agency-shell :is(.business-fields input,.business-fields textarea,.roi-field input:not([type=range]),.roi-field select,.form-panel input,.form-panel textarea,.pg-chat textarea){background:var(--brand-bg);color:var(--brand-ink);border-color:var(--brand-line);}
.agency-shell :is(.analytics-actions>button:first-child,.pg-chat-modes button){background:var(--brand-bg);color:var(--brand-ink);border-color:var(--brand-line);}
.agency-shell .pg-chat-modes button[aria-pressed=true]{background:var(--brand-accent);color:var(--brand-on-accent);border-color:var(--brand-accent);}
.agency-shell :is(.skip,.article-table){background:var(--brand-bg);color:var(--brand-ink);}
.agency-shell :is(a,button,input,textarea,select,summary):focus-visible{outline-color:var(--brand-accent);}
.agency-shell input[type=range],.agency-shell input[type=checkbox]{accent-color:var(--brand-accent);}
.agency-shell summary:after{color:var(--brand-muted);}





.agency-shell .brand-mark img{filter:none;object-fit:contain;}
.agency-shell .brand-guideline-example>p{max-width:760px;}
.agency-shell .brand-guideline-example iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:1px solid var(--brand-line);background:#0B0B0F;margin:32px 0;}
.agency-shell .brand-example-actions{display:flex;gap:24px;flex-wrap:wrap;}
.agency-shell .brand-example-note{font-size:15px;}
@media (max-width:640px){.agency-shell .brand-guideline-example iframe{aspect-ratio:auto;height:480px;}}

/* Preserved source: agency-refinements.css */
.agency-shell *,.agency-shell *::after,.agency-shell *::before{border-radius:var(--radius,4px)!important}.agency-shell :is(a,button,[role=button]):active{transform:scale(.97)!important}.agency-shell :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.agency-shell :is(.back-link,.breadcrumbs){font-size:14px;color:var(--muted)}.agency-shell :is(.small,.trial-small,.scope-note p,.related-service,.form-help,.form-privacy,.form-reply-time,.offer-foot,.domain,.seo-scope,.brand-example-note,.form-status,.article-date){font-size:15px!important;max-width:68ch;line-height:1.7}.agency-shell :is(.service-hero-grid,.service-hero-copy,.service-hero-visual,.service-card,.deliverable-grid>*,.trial-concepts>*,.article-card){min-width:0}.agency-shell .service-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:center}.agency-shell .service-hero-copy>p{max-width:68ch;font-size:21px;line-height:1.6}.agency-shell .service-hero-copy>h1{font-size:clamp(42px,5vw,68px);overflow-wrap:normal}.agency-shell .service-hero-visual{aspect-ratio:4/3;width:100%;display:grid;place-items:center;background:var(--surface-raised);border:1px solid var(--line);overflow:hidden}.agency-shell :is(.service-grid,.deliverable-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}.agency-shell :is(.service-grid,.deliverable-grid).balanced-two{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-shell :is(.service-grid,.deliverable-grid).balanced-three{grid-template-columns:repeat(3,minmax(0,1fr))}.agency-shell :is(.service-card,.deliverable-grid>article){border:1px solid var(--line);padding:28px;background:var(--surface)}.agency-shell .design-concepts-band>p{max-width:68ch}.agency-shell .concept-placeholder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.agency-shell .concept-placeholder-grid figure{margin:0;min-width:0}.agency-shell .concept-placeholder{aspect-ratio:4/3;display:grid;place-items:center;background:var(--surface-raised);border:1px solid var(--line);color:var(--accent-2);font:700 72px/1 "Barlow Condensed","Arial Narrow",sans-serif}.agency-shell .concept-placeholder-grid figcaption{display:grid;gap:6px;font-size:17px;margin-top:14px}.agency-shell .concept-label{font-size:15px;color:var(--muted);white-space:nowrap}.agency-shell .offer,.agency-shell .price-card,.agency-shell .service-price-card{border:1px solid var(--accent);padding:28px;background:var(--surface-raised)}.agency-shell .package-block.service-price-card{margin:64px auto;padding:32px;max-width:calc(min(1150px,100% - 48px))}.agency-shell :is(.package-price,.trial-price,.offer .amount,.offer .price,.price-card .package-price){font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;font-size:64px!important;font-weight:700;line-height:1.05;letter-spacing:-.015em}.agency-shell :is(.trial-price span,.package-price small,.offer .amount span){display:block;font-family:"Barlow",Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.6;letter-spacing:0;color:var(--muted)}.agency-shell .price-checklist{list-style:none;margin:24px 0;padding:0;font-size:17px}.agency-shell .price-checklist li{position:relative;padding:8px 0 8px 26px}.agency-shell .price-checklist li::before{content:"✓";position:absolute;left:0;color:var(--accent)}.agency-shell .trial-preview{aspect-ratio:16/10;background:var(--surface-raised)}.agency-shell .trial-preview img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;background:var(--surface-raised)}.agency-shell .media-world{height:250vh;min-height:0;background:var(--surface);color:var(--ink)}.agency-shell .world-sticky{height:100svh;min-height:680px;background:var(--surface)}.agency-shell .world-art{z-index:1}.agency-shell .world-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--surface) 0,transparent 60%);z-index:2;pointer-events:none}.agency-shell .world-copy{z-index:3;pointer-events:auto}.agency-shell .world-copy h2{color:var(--ink);text-shadow:none}.agency-shell .world-copy h2 span{color:var(--accent)}.agency-shell .world-copy :is(p,.eyebrow),.agency-shell .world-hint{color:var(--muted);font-size:15px}.agency-shell .world-skip{display:inline-flex;min-height:44px;align-items:center;margin-top:16px;text-decoration:underline}.agency-shell .world-fallback figure{position:absolute;margin:0;top:24%;right:5%;width:35%;transform:rotateY(-20deg) rotateZ(8deg)}.agency-shell .world-fallback figure:nth-child(2){top:52%;right:22%;width:29%;transform:rotateY(25deg) rotateZ(-8deg)}.agency-shell .world-fallback figure:nth-child(3){top:7%;right:30%;width:23%;transform:rotateY(-10deg) rotateZ(-5deg)}.agency-shell .world-fallback figure:nth-child(n+4){display:none}.agency-shell .world-fallback figure img{position:static;width:100%;height:auto;transform:none;box-shadow:none}.agency-shell .world-fallback figcaption{font-size:15px;color:var(--muted);margin-top:8px}.agency-shell .about-story{max-width:none;padding-inline:0}.agency-shell .about-story>.eyebrow,.agency-shell .about-story>h1{width:min(100% - 48px,1100px);margin-inline:auto}.agency-shell .about-story-copy{width:100%;max-width:none!important;margin-inline:0}.agency-shell .about-story-band{padding:48px max(24px,calc((100% - 1100px)/ 2));background:var(--surface)}.agency-shell .about-story-band:nth-child(even){background:var(--surface-raised)}.agency-shell .about-story-band>*{max-width:68ch}.agency-shell .about-pull-quote{font:700 clamp(34px,4vw,58px)/1.1 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:-.015em;color:var(--ink);margin:42px 0;padding-left:24px;border-left:3px solid var(--accent)}.agency-shell .guide-filters{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 16px}.agency-shell .guide-filters button{min-height:44px;border:1px solid var(--line);padding:10px 16px;font:inherit;background:var(--surface);color:var(--ink);cursor:pointer}.agency-shell .guide-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.agency-shell #guide-filter-status{font-size:15px;color:var(--muted)}.agency-shell .guides-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:40px}.agency-shell .guides-featured .article-card{padding:32px;min-height:340px}.agency-shell .guides-standard{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.agency-shell .article-card{display:flex;flex-direction:column;border:1px solid var(--line)}.agency-shell .article-card[hidden],.agency-shell .article-grid[hidden]{display:none!important}.agency-shell .article-card h2{font:700 22px/1.2 "Barlow Condensed","Arial Narrow",sans-serif!important;text-transform:none!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:18px 0}.agency-shell .article-card h2 a{text-transform:none!important}.agency-shell .guide-card-footer{display:block;font-size:15px;line-height:1.6;color:var(--accent);margin-top:auto;padding-top:20px;overflow-wrap:anywhere}.agency-shell .article-page{max-width:calc(68ch + 48px);width:100%;padding-inline:24px;margin-inline:auto}.agency-shell .article-page :is(article,.article-heading,.article-body){max-width:68ch;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.agency-shell .article-body{font-size:18px;line-height:1.7;overflow-wrap:anywhere}.agency-shell .article-body li,.agency-shell .article-body p{font-size:18px;line-height:1.7}.agency-shell .article-next-step{border:1px solid var(--line);padding:24px;background:var(--surface-raised);margin:40px 0}.agency-shell .article-next-step h2{margin-top:0}.agency-shell .article-next-step .button{text-decoration:none}.agency-shell .enquiry-grid :is(input,select){font-size:16px!important;height:52px;min-height:52px;padding:12px}.agency-shell .enquiry-grid textarea{font-size:16px!important;min-height:160px}.agency-shell .form-reply-time{margin:12px 0 24px}:is(.agency-shell,.dentist,.hair,.vet) :is(.pg-chat,.pg-chat *){border-radius:var(--radius,4px)!important}:is(.agency-shell,.dentist,.hair,.vet) .pg-chat-launch{min-height:44px;border-radius:var(--radius,4px)!important}@media (hover: hover) and (pointer: fine){.agency-shell :is(.service-card,.deliverable-grid>article,.article-card,.trial-preview,.concept-placeholder):hover{border-color:var(--accent)}.agency-shell :is(.button,.guide-filters button):hover{text-decoration:none}}@media (max-width:1100px){.agency-shell :is(.service-grid,.deliverable-grid).balanced-three{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}}@media (max-width:899px){.agency-shell .service-hero-grid{grid-template-columns:1fr;gap:32px}.agency-shell .service-hero-visual{max-width:650px}.agency-shell .concept-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-shell .guides-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-shell .guides-featured .article-card:last-child{grid-column:1/-1}}@media (max-width:760px){.agency-shell .world-art::after{background:linear-gradient(180deg,var(--surface) 0,transparent 60%)}.agency-shell .world-fallback figure{top:18%;right:-8%;width:64%}.agency-shell .world-fallback figure:nth-child(2){top:45%;right:28%;width:57%}.agency-shell .world-fallback figure:nth-child(3){top:2%;right:30%;width:46%}}@media (max-width:600px){.agency-shell .concept-placeholder-grid,.agency-shell .guides-featured,.agency-shell :is(.service-grid,.deliverable-grid).balanced-three,.agency-shell :is(.service-grid,.deliverable-grid).balanced-two{grid-template-columns:1fr}.agency-shell .guides-featured .article-card:last-child{grid-column:auto}.agency-shell .service-hero-copy>p{font-size:18px}.agency-shell .service-price-card{padding:24px}}.agency-shell .media-world[data-scene-fallback],:is(.user-reduced-motion,.lite-scenes) .agency-shell .media-world{height:auto;min-height:0}.agency-shell [data-scene-fallback]>.world-sticky,:is(.user-reduced-motion,.lite-scenes) .agency-shell .world-sticky{position:relative;display:flex;flex-direction:column;height:auto;min-height:0;padding:48px 24px}.agency-shell [data-scene-fallback] .world-copy,:is(.user-reduced-motion,.lite-scenes) .agency-shell .world-copy{position:static;order:0;max-width:68ch;margin:0 0 32px;padding:0}.agency-shell [data-scene-fallback] .world-art,:is(.user-reduced-motion,.lite-scenes) .agency-shell .world-art{position:static;order:1;overflow:visible;min-height:0;width:100%}.agency-shell [data-scene-fallback] :is(#media-canvas,.world-hint,.world-art::after),:is(.user-reduced-motion,.lite-scenes) .agency-shell :is(#media-canvas,.world-hint,.world-art::after){display:none!important}.agency-shell [data-scene-fallback] .world-fallback,:is(.user-reduced-motion,.lite-scenes) .agency-shell .world-fallback{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;opacity:1!important;perspective:none}.agency-shell [data-scene-fallback] .world-fallback figure,:is(.user-reduced-motion,.lite-scenes) .agency-shell .world-fallback figure{display:block;position:static;width:100%;transform:none}.user-reduced-motion .agency-shell *{animation:none!important}@media (prefers-reduced-motion:reduce){.agency-shell *,.agency-shell *::after,.agency-shell *::before{animation:none!important}.agency-shell .media-world{height:auto;min-height:0}.agency-shell .world-sticky{position:relative;display:flex;flex-direction:column;height:auto;min-height:0;padding:48px 24px}.agency-shell .world-copy{position:static;order:0;max-width:68ch;margin:0 0 32px;padding:0}.agency-shell .world-art{position:static;order:1;overflow:visible;min-height:0;width:100%}.agency-shell :is(#media-canvas,.world-hint,.world-art::after){display:none!important}.agency-shell .world-fallback{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;opacity:1!important;perspective:none}.agency-shell .world-fallback figure{display:block;position:static;width:100%;transform:none}}.agency-shell :is(#pg-ai-send,.pg-chat-footer a:first-child){background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important}@media (min-width:601px) and (max-width:1100px){.agency-shell :is(.service-grid,.deliverable-grid).balanced-three[data-card-count="3"]{grid-template-columns:1fr}}.agency-shell [data-scene-fallback] .world-fallback figure,:is(.user-reduced-motion,.lite-scenes) .agency-shell .world-fallback figure{display:block!important;width:100%!important;transform:none!important}@media (prefers-reduced-motion:reduce){.agency-shell .world-fallback figure{display:block!important;width:100%!important;transform:none!important}}.agency-shell .price-card>.button,.agency-shell .price-card>.package-price,.agency-shell .price-card>.price-checklist{grid-column:1/-1}.agency-shell .price-card>.button{justify-self:start}

/* Preserved source: agency-tokens.css */
/* R1/R2: one authoritative token block per theme. Shared aliases retain existing layout contracts.
   Dark is the safe no-JS default; agency-preferences.js resolves System before body paint. */
:root,html[data-theme="dark"]{
 color-scheme:dark;
 --brand-black:#0B0B0F;
 --brand-white:#FFFFFF;
 --brand-cyan:#00BBFE;
 --brand-purple:#7028FC;
 --surface:#0B0B0F;
 --surface-raised:#17171D;
 --ink:#FFFFFF;
 --muted:#B4B4C0;
 --line:#2A2A33;
 --accent:#00BBFE;
 --on-accent:#0B0B0F;
 --accent-2:#7028FC;
 --card-glow:rgba(0,187,254,.40);--spot:rgba(0,187,254,.17);--sweep:#fff;
 --card-bg:#17171D;
 --card-ink:#FFFFFF;
 --card-muted:#B4B4C0;
 --card-line:#2A2A33;
 --card-shadow:none;
 --surface-inverse:#FFFFFF;
 --ink-inverse:#0B0B0F;
 --radius:4px;
 --motion-duration:160ms;
 --motion-ease:cubic-bezier(0.23,1,0.32,1);
 --menu-duration:240ms;
 --brand-bg:var(--surface);
 --brand-raised:var(--surface-raised);
 --brand-ink:var(--ink);
 --brand-muted:var(--muted);
 --brand-line:var(--line);
 --brand-accent:var(--accent);
 --brand-on-accent:var(--on-accent);
 --ink-muted:var(--muted);
 --paper:var(--surface);
 --soft:var(--surface-raised);
 --card:var(--surface-raised);
 --blue:var(--accent);
 --accent-ink:var(--on-accent);
 --enquiry-soft:var(--surface-raised);
 --nav-bg:var(--surface);
 --nav-raised:var(--surface-raised);
 --nav-ink:var(--ink);
 --nav-muted:var(--muted);
 --nav-line:var(--line);
 --nav-accent:var(--accent);
 --nav-on-accent:var(--on-accent);
 --pg-surface:var(--surface);
 --pg-surface-raised:var(--surface-raised);
 --pg-surface-inverse:var(--surface-inverse);
 --pg-text:var(--ink);
 --pg-text-muted:var(--muted);
 --pg-text-inverse:var(--ink-inverse);
 --pg-link:var(--accent);
 --pg-accent-text:var(--accent);
 --pg-spark:var(--accent);
 --pg-signal:var(--accent);
 --pg-halo:var(--accent);
 --pg-paper:var(--surface);
 --pg-mist:var(--surface-raised);
 --pg-navy:var(--surface);
 --pg-navy-raised:var(--surface-raised);
 --pg-ink:var(--ink);
 --pg-line:var(--line);
 --pg-line-dark:var(--line);
 --pg-line-light:var(--line);
 --pg-muted-dark:var(--muted);
 --pg-muted-light:var(--muted);
 --pg-link-light:var(--accent);
 --pg-on-spark:var(--on-accent);
 --pg-gradient-glow:var(--accent);
 --pg-radius-sm:var(--radius);
 --pg-radius-md:var(--radius);
 --pg-radius-lg:var(--radius);
 --pg-radius-full:var(--radius);
 --pg-ease-out:var(--motion-ease);
 --pg-duration-hover:var(--motion-duration);
 --pg-duration-press:var(--motion-duration);
 --pg-shadow-card:none;
 --pg-shadow-glow:none;
 --pg-outline-glow:none;
 --pg-control-glow:none;
 --pg-glow:none;
 --pg-font-sans:'Barlow',Arial,sans-serif;
 --pg-font-mono:'Barlow',Arial,sans-serif;
 --pg-space-1:4px;
 --pg-space-2:8px;
 --pg-space-3:12px;
 --pg-space-4:16px;
 --pg-space-6:24px;
 --pg-space-8:32px;
 --pg-space-12:48px;
 --pg-space-16:64px;
 --pg-duration-reveal:400ms;
 --pg-duration-draw:600ms;
 --pg-duration-glow:800ms;
 --pg-stagger:80ms;
 --pg-rise:16px;
}
html[data-theme="light"]{
 color-scheme:light;
 --surface:#FFFFFF;
 --surface-raised:#F7F6FA;
 --ink:#0B0B0F;
 --muted:#5A5E6C;
 --line:#E4E3EC;
 --accent:#7028FC;
 --on-accent:#FFFFFF;
 --accent-2:#00BBFE;
 --card-glow:rgba(28,10,84,.45);--spot:rgba(112,40,252,.11);--sweep:var(--accent-2);
 --card-bg:#F7F6FA;
 --card-ink:#0B0B0F;
 --card-muted:#5A5E6C;
 --card-line:#E4E3EC;
 --card-shadow:0 28px 60px -28px rgba(28,10,84,.35);
 --surface-inverse:#0B0B0F;
 --ink-inverse:#FFFFFF;
}

/* Preserved source: agency-components.css */
/* R1: consolidated typography, control radii and primary action base. No theme colour overrides live here. */
body.agency-shell{background:var(--surface);color:var(--ink);font-family:'Barlow',Arial,sans-serif}
.agency-shell :is(h1,h2,h3,h4,h5,h6){font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.015em;line-height:1.08}
.agency-shell :is(button,input,textarea,select,.button,.pg-button){font-family:'Barlow',Arial,sans-serif}
.agency-shell :is(button,input,textarea,select,dialog,.service-card,.article-card,.price-card,.offer,.form-panel,.service-price-card,.trial-preview,.concept-image-frame,.service-hero-visual,.article-next-step,.analytics-choice,.pg-chat,.pg-chat *){border-radius:var(--radius)}
.agency-shell :is(.button,.pg-button,.form-panel button[type=submit],.nav-enquire,.navcta,.pg-chat-launch,.roi-cta,.analytics-actions>button:not(:first-child),.pg-chat-modes button[aria-pressed=true],:where(#pg-ai-send),.pg-chat-footer a:first-child){background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);box-shadow:none;font-weight:600;text-decoration:none}
.agency-shell :is(.button,.pg-button,.form-panel button[type=submit],.nav-enquire,.navcta,.pg-chat-launch,.roi-cta){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;cursor:pointer}
/* R3/R7: only the named properties transition. The retained guide-container fade is not a control transition. */
.agency-shell :is(a,button,[role=button],.service-card,.article-card,.trial-preview){transition:transform var(--motion-duration) var(--motion-ease),filter var(--motion-duration) var(--motion-ease),border-color var(--motion-duration) var(--motion-ease)}
.agency-shell :is(a,button,[role=button]):active,.agency-shell .article-card:has(a:active){transform:scale(.97)!important}
.agency-shell :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media (hover: hover) and (pointer: fine){
 .agency-shell :is(button:not(:disabled),.button,.pg-button,.form-panel button[type=submit],.nav-enquire,.navcta,.pg-chat-launch,.roi-cta):hover{transform:translateY(-2px);filter:brightness(1.06)}
 .agency-shell :is(.service-card,.article-card,.trial-preview):hover{border-color:var(--accent)}
}
/* R2: hero-only gradient exception; all primary controls above remain a single accent. */
.agency-shell .hero-block{background:var(--card-bg);color:var(--card-ink);border:1px solid var(--card-line);border-radius:var(--radius);box-shadow:var(--card-shadow);aspect-ratio:1/1.22;min-width:0;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;position:relative;overflow:hidden}
.agency-shell .hero-pg-symbol{display:block;width:100%;max-width:260px;height:auto;color:var(--card-ink)}
.agency-shell .hero-block p{font:700 clamp(32px,3.6vw,52px)/1.05 'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.015em;color:var(--card-ink);margin:16px 0 0;white-space:nowrap}
.agency-shell .hero-block .eyebrow{font-size:12px;color:var(--card-muted)}
.agency-shell .hero-block::after{content:'';position:absolute;bottom:0;right:0;width:48px;height:48px;background:linear-gradient(135deg,var(--accent),var(--accent-2));clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
.agency-shell .service-eyebrow-redundant{display:none}
/* R5: disable all CSS transitions during a theme swap, then release after two animation frames. */
html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none!important}
/* R8: image visibility follows the site's saved theme, never OS preference alone. */
.agency-shell .concept-image-frame{aspect-ratio:4/3;border:1px solid var(--line);background:var(--surface-raised);overflow:hidden}
.agency-shell .concept-image-frame img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.agency-shell .concept-image-frame .mark-light{display:none}
html[data-theme=light] .agency-shell .concept-image-frame .mark-dark{display:none}
html[data-theme=light] .agency-shell .concept-image-frame .mark-light{display:block}
/* R9: the heading's old max-width caused the extra 135px inset. All three edges share one content width. */
.agency-shell .about-story>.eyebrow,.agency-shell .about-story>h1{box-sizing:border-box;width:min(100% - 48px,1100px);max-width:none;padding-inline:0;margin-inline:auto}
/* R10: the 4:3 slots keep their geometry, while the four existing categories have distinct visual labels. */
.agency-shell .service-category-mark{display:flex;align-items:center;gap:.12em;max-width:100%;font:700 clamp(44px,7vw,90px)/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.025em;color:var(--ink);white-space:nowrap}
.agency-shell .service-category-mark .brand-slash{color:var(--accent-2)}
/* R11: guide-filters.js moves the original first three nodes back into the ordinary grid for category views. */
.agency-shell .guides-featured[hidden]{display:none!important}
@media(max-width:1000px){.agency-shell .hero-block{padding:24px}}
@media(max-width:640px){.agency-shell .hero-block{margin-top:40px;aspect-ratio:auto;min-height:280px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.agency-shell .hero-block p{font-size:32px}.agency-shell .hero-block .eyebrow{font-size:11px}}
@media(max-width:599px){.agency-shell .hero-block{display:flex;flex-direction:column;align-items:flex-start;min-height:0;gap:24px}.agency-shell .hero-pg-symbol{width:180px;max-width:100%}.agency-shell .hero-block p{font-size:36px}}
@media(prefers-reduced-motion:reduce){.agency-shell *,.agency-shell *::before,.agency-shell *::after{transition:none!important;animation:none!important}}
.user-reduced-motion .agency-shell *,.user-reduced-motion .agency-shell *::before,.user-reduced-motion .agency-shell *::after{transition:none!important;animation:none!important}
@media(forced-colors:active){.agency-shell :is(.button,.pg-button,.pg-chat-launch){background:ButtonFace;color:ButtonText;border-color:ButtonText}}

/* Preserved source: motion.css */
:root{--motion-speed:1.2;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}@media(max-width:700px){:root{--motion-speed:1.5}}@property --angle{syntax:'<angle>';inherits:false;initial-value:0deg}@property --fill{syntax:'<percentage>';inherits:true;initial-value:100%}@property --reveal{syntax:'<percentage>';inherits:true;initial-value:0%}@property --sweep-position{syntax:'<percentage>';inherits:false;initial-value:0%}.agency-header .motion-wordmark{display:block;width:100%;height:auto;color:var(--ink)}.motion-logo-slash,.motion-pg-slash{stroke-dasharray:1;stroke-dashoffset:0}@view-transition{navigation:auto}.agency-header>.brand-logo{view-transition-name:pg-logo}.motion-page{view-transition-name:pg-content}::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none;mix-blend-mode:normal}html:not(.user-reduced-motion):not(.motion-reduced)::view-transition-old(pg-content){animation:motion-page-out calc(180ms * var(--motion-speed)) var(--ease-out) both}html:not(.user-reduced-motion):not(.motion-reduced)::view-transition-new(pg-content){animation:motion-page-in calc(260ms * var(--motion-speed)) var(--ease-out) both}@keyframes motion-page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes motion-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.agency-shell .motion-word,.agency-shell .motion-word>span{font:inherit;color:inherit;letter-spacing:inherit}.motion-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}.motion-word>span{display:inline-block}.motion-wait[data-motion=rise-words] .motion-word>span{opacity:0;transform:translateY(105%)}.motion-run[data-motion=rise-words] .motion-word>span{animation:motion-words calc(900ms * var(--motion-speed)) var(--ease-out) calc(70ms * var(--word) * var(--motion-speed)) backwards}@keyframes motion-words{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:none}}.motion-card{position:relative}.motion-card.motion-wait{opacity:0;transform:translateY(32px);transition:none}.motion-card.motion-run{animation:motion-cards calc(800ms * var(--motion-speed)) var(--ease-out) calc(var(--card-delay,0ms) * var(--motion-speed)) backwards}@keyframes motion-cards{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.motion-image-frame>[data-motion=reveal]{clip-path:inset(0 0 var(--reveal) 0)}html.motion-typed .motion-image-frame.motion-wait{--reveal:100%}html.motion-typed .motion-image-frame.motion-run{animation:motion-reveal calc(700ms * var(--motion-speed)) var(--ease-in-out) backwards}@keyframes motion-reveal{from{--reveal:100%}to{--reveal:0%}}.motion-run[data-motion=service] .brand-slash{display:inline-block;transform-origin:center;animation:motion-baseline calc(500ms * var(--motion-speed)) var(--ease-out) backwards}@keyframes motion-baseline{from{transform:scaleX(.6)}to{transform:scaleX(1)}}.motion-card::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--angle),transparent 0 62%,var(--accent) 78%,var(--accent-2) 88%,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:opacity calc(200ms * var(--motion-speed)) var(--ease-out)}@media(hover:hover) and (pointer:fine){html.motion-enabled.motion-typed .motion-card.motion-hover::after{opacity:1;animation:motion-turn calc(1.2s * var(--motion-speed)) var(--ease-in-out) 1 forwards}html.motion-enabled.motion-typed .motion-card.motion-hover.motion-leaving::after{opacity:0}}@keyframes motion-turn{from{--angle:0deg}to{--angle:360deg}}.agency-shell footer.agency-footer{flex-wrap:wrap}.agency-shell .agency-footer .motion-footer-word{position:relative;display:block;flex:0 0 100%;width:100%;font:800 clamp(48px,15.5vw,220px)/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.025em;white-space:nowrap;pointer-events:none;--footer-time:1.8s}.motion-footer-word>span{font:inherit}.motion-footer-ghost{color:var(--ink);opacity:.06}.motion-footer-ink{position:absolute;inset:0;color:transparent;background:linear-gradient(90deg,var(--accent),var(--accent-2));background-clip:text;-webkit-background-clip:text;clip-path:inset(0 calc(100% - var(--fill)) 0 0)}.motion-wait[data-motion=footer]{--fill:100%}.motion-run[data-motion=footer]{animation:motion-fill calc(var(--footer-time) * var(--motion-speed)) var(--ease-in-out) backwards}@keyframes motion-fill{from{--fill:0%}to{--fill:100%}}@media(max-width:700px){.agency-shell .agency-footer .motion-footer-word{--footer-time:2.3s}}.agency-shell .hero h1>.motion-line{display:block;overflow:hidden;color:var(--ink)}.agency-shell .hero h1 .motion-line>span{display:block;color:inherit}.agency-shell .hero h1 .motion-line-chosen{color:var(--accent)}html.motion-enabled.motion-typed:not(.motion-ended) .hero h1 .motion-line-chosen>span{background:linear-gradient(100deg,var(--accent) 0 42%,var(--sweep) 50%,var(--accent) 58% 100%);background-size:260% 100%;background-position:var(--sweep-position) 0;background-clip:text;-webkit-background-clip:text;color:transparent;animation:motion-sweep calc(1.15s * var(--motion-speed)) var(--ease-in-out) calc(1s * var(--motion-speed)) backwards}@keyframes motion-sweep{from{--sweep-position:100%}to{--sweep-position:0%}}.hero-block>.motion-card-fill,.motion-card-rim,.motion-sketch{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;opacity:0}.hero-block>.motion-card-fill{background:var(--card-bg);z-index:0}.hero-block>.motion-card-rim{padding:1.5px;background:conic-gradient(from var(--angle),transparent 0 55%,var(--accent) 75%,var(--accent-2) 88%,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;z-index:3}.motion-sketch{overflow:visible;z-index:2}.motion-sketch rect{width:calc(100% - 1px);height:calc(100% - 1px);x:.5px;y:.5px}.motion-sketch-line{stroke:#6E6E7C}html[data-theme=light] .motion-sketch-line{stroke:#9A9CA8}.motion-sketch-draw{stroke-dasharray:1;stroke-dashoffset:0}.hero-block>.motion-symbol-frame,.hero-block>div:not([aria-hidden]){position:relative;z-index:1}.motion-symbol-frame{width:100%;max-width:260px}.motion-symbol-frame::after,.motion-symbol-frame::before{content:'';position:absolute;pointer-events:none;opacity:0;color:var(--card-muted)}.motion-symbol-frame::before{inset:17% -14px 16%;border-top:1px dotted currentColor;border-bottom:1px dotted currentColor}.motion-symbol-frame::after{top:-14px;bottom:-14px;left:50%;border-left:1px dotted currentColor}.hero-block.motion-run .motion-card-fill{animation:motion-card-fill calc(500ms * var(--motion-speed)) var(--ease-out) calc(250ms * var(--motion-speed)) backwards}.hero-block.motion-run .motion-sketch{animation:motion-sketch-fade calc(850ms * var(--motion-speed)) var(--ease-out) backwards}.hero-block.motion-run .motion-sketch-draw{animation:motion-draw calc(700ms * var(--motion-speed)) var(--ease-in-out) backwards}html.motion-typed .hero-block.motion-run .motion-card-rim{animation:motion-rim calc(1.5s * var(--motion-speed)) var(--ease-in-out) calc(250ms * var(--motion-speed)) backwards}.hero-block.motion-run .motion-symbol-frame::after,.hero-block.motion-run .motion-symbol-frame::before{animation:motion-guides calc(1s * var(--motion-speed)) var(--ease-out) backwards}.hero-block.motion-run{animation:motion-card-glow calc(1.4s * var(--motion-speed)) var(--ease-out) calc(250ms * var(--motion-speed)) backwards}.hero-block.motion-run::after{transform-origin:bottom right;animation:motion-triangle calc(500ms * var(--motion-speed)) var(--ease-out) calc(1.2s * var(--motion-speed)) backwards}@keyframes motion-card-fill{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes motion-sketch-fade{0%,45%{opacity:1}100%{opacity:0}}@keyframes motion-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes motion-rim{0%{opacity:0;--angle:0deg}20%,85%{opacity:1}100%{opacity:0;--angle:360deg}}@keyframes motion-guides{0%{opacity:0}25%,65%{opacity:.2}100%{opacity:0}}@keyframes motion-card-glow{0%,100%{box-shadow:var(--card-shadow)}50%{box-shadow:var(--card-pulse-base,0 0 0 0 transparent),0 0 80px 8px var(--card-glow)}}@keyframes motion-triangle{from{transform:scale(.55)}to{transform:scale(1)}}.agency-shell .hero.motion-home{position:relative;isolation:isolate;overflow:clip}.hero>.hero-block,.hero>.hero-grid{position:relative;z-index:1}.motion-grid,.motion-spot{position:absolute;left:0;top:0;pointer-events:none;opacity:0;transition:opacity calc(400ms * var(--motion-speed)) var(--ease-out);z-index:0}.motion-spot{width:640px;height:640px;background:radial-gradient(circle,var(--spot),transparent 70%)}.motion-grid{width:560px;height:560px;background-image:linear-gradient(color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle 140px,#000,transparent)}@media(hover:hover) and (pointer:fine){html.motion-enabled .hero.motion-pointer>.motion-grid,html.motion-enabled .hero.motion-pointer>.motion-spot{opacity:1}}html.motion-reduced .motion-line>span,html.motion-reduced .motion-run,html.motion-reduced .motion-wait,html.motion-reduced .motion-word>span{animation:none!important;transform:none!important;opacity:1!important;clip-path:none!important;--fill:100%!important}html.motion-reduced :is(.motion-spot,.motion-grid,.motion-sketch,.motion-card-rim,.motion-card-fill){opacity:0!important;animation:none!important;transition:none!important}html.motion-reduced :is(.motion-logo-slash,.motion-pg-slash){stroke-dashoffset:0!important;filter:none!important}html.motion-reduced .motion-card::after{opacity:0!important;animation:none!important;transition:none!important}html.motion-reduced .motion-symbol-frame::after,html.motion-reduced .motion-symbol-frame::before{animation:none!important;opacity:0!important}@media(prefers-reduced-motion:reduce){::view-transition-new(*),::view-transition-old(*){animation:none!important}.motion-line>span,.motion-wait,.motion-word>span{opacity:1!important;transform:none!important;clip-path:none!important;animation:none!important}}html.motion-reduced [data-motion] *,html.motion-reduced [data-motion]::after,html.motion-reduced [data-motion]::before{animation:none!important;transition:none!important}html[data-theme=light]{--card-pulse-base:var(--card-shadow)}@media print{.motion-card,.motion-footer-word,.motion-image-frame,.motion-line>span,.motion-word>span,[data-motion=reveal]{animation:none!important;transform:none!important;opacity:1!important;clip-path:none!important;--reveal:0%!important;--fill:100%!important}}

/* Preserved source: penny-floating.css */
.penny-floating{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:4px;background:#00BBFE;color:#0B0B0F;font:600 14px/1.3 'Barlow',Arial,sans-serif;text-decoration:none;box-shadow:0 4px 20px #0B0B0F26;}
html[data-theme=light] .penny-floating{background:#7028FC;color:#fff;}
.penny-floating svg{flex:none;}
.penny-floating[hidden]{display:none!important;}
.penny-floating:focus-visible{outline:3px solid var(--ink,#fff);outline-offset:4px;}
.penny-floating:active{transform:scale(.97);}
@media(hover:hover){.penny-floating:hover{text-decoration:underline;text-underline-offset:3px;}}
@media print{.penny-floating{display:none;}}