#about *{box-sizing:border-box}
#about{margin:0;background:#101010;color:#e4d9bd;font-family:'DM Sans',sans-serif}
#about .about-content{width:100%;max-width:1440px;margin:auto}
#about section{padding:65px 80px}
#about p{font-size:17px;line-height:1.7;color:#aaa79f;margin:0 0 18px}
#about .about-main-title,#about h2,#about h3{margin:0;font-weight:400}
#about .about-main-title{font-family:Anton;font-size:98px;line-height:1.03;letter-spacing:-2px}
#about .intro{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding-top:85px;padding-bottom:80px}
#about .lead{font-size:28px;line-height:1.4;color:#e4d9bd;margin-bottom:25px}
#about h2{font-size:29px;line-height:1.2}
#about .method{border-top:1px solid #e4d9bd22}
#about .method-head{display:flex;justify-content:space-between;align-items:center;gap:50px}
#about .method h2{font-size:30px;max-width:560px}
#about .method h2 .join{display:block;font:italic 25px 'Cormorant Garamond';margin:8px 0;color:#868174}
#about .method .ai{color:#b5ac94}
#about .method-head p{font-size:15px}
#about .tools{display:grid;grid-template-columns:repeat(5,1fr);gap:60px;margin-top:48px;align-items:center}
#about .tools img{width:100%;height:35px;object-fit:contain}
#about .services{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:25px;padding-bottom:75px}
#about .services article{border-top:1px solid #e4d9bd33;padding-top:35px;position:relative}
#about .services svg{width:47px;height:47px;fill:none;stroke:#b5ac94;stroke-width:1.3;position:absolute;right:0;top:33px}
#about .services h2{font-size:53px;font-family:'Cormorant Garamond';font-style:italic;margin-bottom:20px}
#about .services p{margin:0}
#about .brands{background:#171716;padding-top:60px;padding-bottom:60px}
#about .stats{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:80px}
#about .stats strong{font:100px Anton;line-height:1}
#about .stats strong span{font-size:55px;color:#a0977d}
#about .stats h3{font-size:22px;margin-top:12px}
#about .stats p{font-size:16px;margin:0}
#about .logos{display:grid;grid-template-columns:repeat(6,1fr);gap:35px 38px;align-items:center;margin-top:55px}
#about .logos img{width:100%;height:39px;object-fit:contain}
#about .logos img[alt=audi]{filter:brightness(0) invert(.85)}
#about .cert{padding-top:75px;padding-bottom:80px}
#about .cert-head{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}
#about .cert-head h2{font-size:35px;line-height:1.15}
#about .cert-head em{font:italic 40px 'Cormorant Garamond';color:#b5ac94}
#about .cert-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;margin-top:36px;padding-top:30px;border-top:1px solid #e4d9bd33}
#about .cert-list b{font-size:19px;font-weight:500}
#about .cert-list p{font-size:14px;line-height:1.8;margin:18px 0}
#about .cert-list span{font-size:12px;color:#aaa18b}
#about .v2 .about-main-title{font-size:108px;text-transform:uppercase}
#about .v2 .intro{grid-template-columns:1.2fr 1fr;gap:55px}
#about .v2 h2{font-family:Anton;text-transform:uppercase}
#about .v2 .method h2{font-size:53px;max-width:none;line-height:1.1}
#about .v2 .method .join{display:inline;font:53px Anton;margin:0;color:#6a6457}
#about .v2 .method-head{display:block}
#about .v2 .method-head p{margin-top:22px;font-size:17px}
#about .v2 .method .ai{display:block;color:#a99e83}
#about .v2 .services{gap:90px;padding-top:40px}
#about .v2 .services h2{font-style:normal;font-size:72px}
#about .v2 .services svg{display:none}
#about .v2 .brands{background:#101010;border-top:1px solid #e4d9bd22}
#about .v2 .stats{grid-template-columns:1fr 1fr;gap:70px}
#about .v2 .stats strong{font-size:140px}
#about .v2 .stats h3{font:32px Anton;text-transform:uppercase;display:inline-block;margin-left:18px}
#about .v2 .stats p{grid-column:1/-1;margin-top:-35px}
#about .v2 .stats p br{display:none}
#about .v2 .cert{background:#1b1a17}
#about .v2 .cert-head h2{font-size:40px}
#about .v2 .cert-head em{font:27px 'DM Sans';text-transform:none}
#about .intro{background:#101010}
#about .method{background:#25241f;border:0}
#about .method h2{font-size:34px}
#about .method .join{display:inline}
#about .method .ai{display:block;margin-top:7px}
#about .services{background:#e4d9bd;color:#171716;padding:55px 80px;gap:90px}
#about .services article{border:0;padding:0}
#about .services svg{stroke:#70664f;top:0}
#about .services h2{font:62px Anton}
#about .services p{color:#605b4e}
#about .brands{background:#101010}
#about .cert{background:#25241f}
#about .cert-head h2{font-size:37px}
#about .stats strong{font-family:'Cormorant Garamond';font-size:120px;font-style:italic}
#about .stats strong span{font-size:65px}
#about .cert-list{border-color:#e4d9bd33}
#about .intro .about-main-title{font-size:110px;line-height:1.04}
#about .intro .amp{font-family:'Cormorant Garamond';font-style:italic;font-size:.85em;color:#aaa18b}
#about .method{padding-top:70px;padding-bottom:65px}
#about .method-head{display:block}
#about .method h2{font-family:Anton;text-transform:uppercase;font-size:53px;line-height:1.12;max-width:none}
#about .method .ai{margin:8px 0 0;color:#b6ac94}
#about .method-head p{max-width:600px;font-size:17px;margin:26px 0 0}
#about .tools{margin-top:44px}
#about .services{display:block;padding:60px 80px 0;overflow:hidden}
#about .services .services-title{font-family:'DM Sans';font-size:27px;line-height:1.4;margin:0 0 42px}
#about .services-title span{font-family:'Cormorant Garamond';font-size:38px;font-style:italic}
#about .service-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}
#about .services article h2{font-size:53px;text-transform:uppercase;margin-bottom:17px}
#about .services p{font-size:15px;line-height:1.7}
#about .service-art{display:block;width:calc(100% + 80px);margin:12px -40px 0;height:340px;object-fit:cover}
#about .brands{padding-top:70px;padding-bottom:70px}
#about .brands-heading h2{font-family:Anton;font-size:49px;text-transform:uppercase;margin-bottom:18px}
#about .brands-heading p{font-size:17px}
#about .logos{margin-top:45px}
#about .numbers{background:#e4d9bd;color:#171716;padding:55px 80px 60px}
#about .numbers h2{font-size:27px;line-height:1.35}
#about .numbers h2 em{font:italic 35px 'Cormorant Garamond';color:#716650}
#about .number-grid{display:grid;grid-template-columns:1fr .8fr 1.35fr 1fr;gap:35px;margin-top:45px}
#about .number-grid strong{font:76px Anton;letter-spacing:-1px;white-space:nowrap}
#about .number-grid strong span{font-size:37px;color:#817358}
#about .number-grid p{color:#605b4e;margin:6px 0 0;font-size:15px}
#about .cert{padding-top:65px;padding-bottom:70px}
#about .cert-brand{height:53px;display:flex;align-items:center;margin-bottom:25px}
#about .cert-brand img{width:180px;max-height:53px;object-fit:contain;object-position:left}
#about .cert-brand img[alt=Google]{width:130px;filter:brightness(0) saturate(100%) invert(91%) sepia(12%) saturate(447%) hue-rotate(355deg) brightness(94%) contrast(91%)}
#about .cert-brand.london{gap:13px}
#about .cert-brand.london img{width:43px;height:53px}
#about .cert-brand.london span{color:#e4d9bd;font-size:21px;line-height:1.1}
#about .cert-list p{margin-top:0}
#about .services .services-title{font:32px/1.3 "DM Sans",sans-serif;margin:0 0 40px}
#about .services .services-title span{display:inline-block;font:italic 38px/1.3 "Cormorant Garamond",serif;margin-top:5px}
#about .service-art{height:auto;mix-blend-mode:multiply}
#about{scroll-margin-top:0}#about .intro{position:static;font-family:'DM Sans',sans-serif;font-style:normal;font-weight:400;margin:0;font-size:inherit;line-height:normal}#about h2{letter-spacing:normal;font-family:'DM Sans',sans-serif}#about .about-main-title{font:110px/1.04 Anton;letter-spacing:-2px;margin:0}#about .number-grid{grid-template-columns:repeat(3,1fr)}#about .service-art{mix-blend-mode:normal;height:auto;object-fit:contain;margin-bottom:35px}#about a{color:inherit;text-decoration:none}#about a:hover{text-decoration:underline;text-underline-offset:4px}#about a:focus-visible{outline:2px solid currentColor;outline-offset:4px}#about .cert-list a{display:inline-block;margin-bottom:8px}#about .method h2{font-family:Anton}#about .services article h2,#about .brands-heading h2{font-family:Anton}#about .services .services-title{font-family:'DM Sans';font-size:32px;margin-bottom:40px}#about .logos img[alt=audi]{filter:brightness(0) saturate(100%) invert(91%) sepia(12%) saturate(447%) hue-rotate(355deg) brightness(94%) contrast(91%)}
@media(max-width:1000px){#about section{padding-left:6%;padding-right:6%}#about .intro{gap:40px}#about .about-main-title{font-size:82px}#about .tools{gap:30px}#about .method h2{font-size:45px}#about .logos{gap:25px}#about .cert-head{gap:40px}#about .cert-list{gap:25px}}
@media(max-width:600px){#about section{padding:45px 6%}#about .intro{display:block}#about .about-main-title{font-size:80px;margin-bottom:35px}#about .lead{font-size:25px}#about p{font-size:16px}#about .method h2{font-size:35px}#about .tools{grid-template-columns:repeat(2,1fr);gap:30px 40px}#about .tools img{max-width:145px;height:32px}#about .service-columns{gap:25px}#about .services article h2{font-size:35px}#about .services p{font-size:14px}#about .services p br{display:none}#about .service-art{width:calc(100% + 30px);margin:22px -15px 0}#about .services .services-title{font-size:27px;margin-bottom:30px}#about .brands-heading h2{font-size:38px}#about .logos{grid-template-columns:repeat(3,1fr);gap:28px 22px}#about .logos img{height:32px}#about .number-grid{gap:20px;grid-template-columns:repeat(3,1fr)}#about .number-grid strong{font-size:53px}#about .number-grid strong span{font-size:25px}#about .number-grid p{font-size:13px}#about .numbers h2{font-size:25px}#about .cert-head{grid-template-columns:1fr;gap:25px}#about .cert-list{grid-template-columns:1fr;gap:35px}#about .cert-list p{font-size:15px}#about .cert-brand{margin-bottom:18px}}
#about .services{margin:0;border:0}#about .services article{border:0}
@media(max-width:600px){#about .about-content>section{padding:45px 6%}#about .service-art{margin-bottom:0}#about .intro .about-main-title{font-size:80px}}

/* Full-width tonal sections with a shared centered content measure. */
#about .about-content{max-width:none;width:100%}#about .about-content>section{padding-left:max(6%,calc((100% - 1280px)/2));padding-right:max(6%,calc((100% - 1280px)/2))}#about .method-head{text-align:center}#about .method h2{font-size:clamp(29px,3.8vw,53px);white-space:nowrap}#about .method .ai{display:inline;margin:0}#about .method-head p{margin:26px auto 0;max-width:740px}#about .tools{gap:45px;margin-top:55px}#about .tools img{height:59px;max-width:none}#about .services .services-title,#about .numbers h2{font:53px/1.12 Anton;text-transform:uppercase}#about .numbers h2 em{display:inline-block;font:italic 32px/1.3 'Cormorant Garamond';text-transform:none;margin-top:12px}#about .service-art{width:86%;margin:28px auto 55px;filter:drop-shadow(0 18px 12px #33291d30)}#about .logos{grid-template-columns:repeat(4,1fr);gap:48px 60px}#about .logos img{height:64px}#about .number-grid{grid-template-columns:1.25fr 1fr 1fr .65fr;gap:45px}#about .number-grid strong{font-size:90px}#about .cert-brand{height:80px;margin-bottom:32px}#about .cert-brand img{width:245px;max-height:80px}#about .cert-brand img[alt=Google]{width:190px}#about .cert-brand.london img{width:64px;height:80px}#about .cert-brand.london span{font-size:27px}.mobile-wave{filter:grayscale(1)}
@media(max-width:800px){#about .logos{grid-template-columns:repeat(3,1fr);gap:35px}#about .logos img{height:52px}#about .number-grid{grid-template-columns:repeat(2,1fr)}#about .cert-list{grid-template-columns:1fr;gap:40px}#about .tools{gap:28px}#about .tools img{height:46px}}
@media(max-width:600px){#about .method h2{font-size:clamp(16px,4.6vw,28px);letter-spacing:-.02em}#about .tools img{height:44px;max-width:165px}#about .services .services-title,#about .numbers h2{font-size:35px}#about .services article h2{font-size:35px}#about .service-art{width:100%;margin:25px auto 25px;filter:drop-shadow(0 10px 7px #33291d30)}#about .logos{grid-template-columns:repeat(2,1fr);gap:30px 35px}#about .logos img{height:49px}#about .number-grid{gap:32px}#about .number-grid strong{font-size:64px}#about .number-grid strong span{font-size:30px}#about .cert-brand{height:72px}#about .cert-brand img{width:230px;max-height:72px}#about .cert-brand.london img{height:72px;width:58px}}

/* Shared rhythm, aligned headings and restrained interaction. */
#about .intro,#about .method,#about .numbers{padding-top:120px;padding-bottom:120px}#about .method-head{text-align:left}#about .method-head p{margin-left:0;margin-right:0}#about .method .or-word{color:#e4d9bd}#about .brands-heading h2,#about .cert-head h2{font:53px/1.18 Anton;text-transform:uppercase}#about .brands-heading h2 em{font:inherit;color:#b6ac94}#about .logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:45px 34px}#about .logos img{height:58px}#about .number-grid{grid-template-columns:1.4fr 1.1fr 1.3fr .85fr;gap:45px;width:100%}#about .number-grid>div{display:flex;align-items:baseline;gap:15px}#about .number-grid strong{font-size:clamp(70px,6vw,98px)}#about .number-grid p{font-size:16px;max-width:95px}#about .cert-head{display:block}#about .cert-head h2{white-space:nowrap;margin-bottom:28px}#about .cert-head h2 em{font:inherit;color:#b6ac94}#about .cert-head p{max-width:800px}#about .cert-list{border:0;padding-top:0;margin-top:55px}.logo-reveal{position:relative;display:block;width:100%;outline-offset:7px}.logo-reveal img{display:block;transition:opacity .45s ease,transform .45s ease}.logo-reveal .logo-color{position:absolute;inset:0;opacity:0}.logo-reveal:hover img:first-child,.logo-reveal:focus-visible img:first-child{opacity:0}.logo-reveal:hover .logo-color,.logo-reveal:focus-visible .logo-color{opacity:1}.logo-reveal:hover img{transform:translateY(-3px)}.reveal-text{opacity:0;transform:translateY(20px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.reveal-text.is-revealed{opacity:1;transform:none}.hero .intro,.hero .since,.hero .since strong{color:#fff}.hero nav{left:auto;right:3%;transform:none}.hero .scroll-cue{left:50%;transform:translateX(-50%);bottom:47px}
@media(max-width:1100px){#about .number-grid{grid-template-columns:repeat(2,1fr)}#about .cert-head h2{font-size:42px}#about .brands-heading h2{font-size:42px}}
@media(max-width:600px){#about .about-content>.intro,#about .about-content>.method,#about .about-content>.numbers{padding-top:80px;padding-bottom:80px}#about .method h2{font-size:clamp(21px,5.6vw,33px)}#about .brands-heading h2,#about .cert-head h2{font-size:clamp(22px,5.9vw,35px)}#about .logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}#about .number-grid{gap:30px 20px}#about .number-grid>div{display:block}#about .number-grid strong{font-size:62px}#about .number-grid p{max-width:none;font-size:14px}#about .cert-head h2{white-space:nowrap}.hero nav{right:6%;left:auto;bottom:25px;width:88%;transform:none}.hero .scroll-cue{bottom:104px;left:50%}}
@media(prefers-reduced-motion:reduce){.reveal-text{opacity:1;transform:none;transition:none}.logo-reveal img{transition:none}}

/* v14: studio composition, semantic contrast and visible motion. */
.hero{background:radial-gradient(ellipse at 72% 46%,#242424 0%,#191919 40%,#101010 80%)}.portrait{background:none}.hero nav{top:9%;bottom:auto;right:5.5%}.hero nav .contact{background:#ee8653;color:#171717}.hero nav .contact:hover{background:#ffa374}.hero .scroll-cue,.hero .scroll-arrow{color:#fff}.hero .scroll-cue{bottom:32px}
#about .method h2 .light{color:#e4d9bd}#about .method h2 .or-word{color:#a09886}#about .services .services-title{color:#746b58}#about .services article h2{color:#28251e}#about .brands-heading h2{color:#a09886}#about .brands-heading h2 em{color:#e4d9bd}#about .numbers h2{color:#28251e;white-space:nowrap;font-size:clamp(28px,3.3vw,53px)}#about .numbers h2 em{display:inline;font:inherit;text-transform:inherit;margin:0;color:#766a51}#about .cert-head h2{color:#a09886}#about .cert-head h2 em{color:#e4d9bd}#about .intro strong{font-weight:700;color:#e4d9bd}#about .number-grid strong{display:inline-flex;align-items:flex-start;line-height:1.15}#about .number-grid strong span{font-size:.58em;line-height:1;margin:5px 0 0 9px}#about .tools img[alt="chat-gpt"],#about .tools .logo-reveal[aria-label="wordpress"]{width:112%;max-width:none;justify-self:center}#about .tools img[alt="chat-gpt"]{height:67px}
.logo-reveal.is-color img:first-child{opacity:0}.logo-reveal.is-color .logo-color{opacity:1}.reveal-text{transform:translateY(38px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}.reveal-text.is-revealed{transform:none}
@media(min-width:1600px){.hero nav{top:8%}}
@media(max-width:1000px) and (min-width:601px){.hero nav button{padding:12px 16px}}
@media(max-width:600px){.hero nav{top:24px;bottom:auto;left:6%;right:6%;width:88%}.hero nav button{padding:12px 15px}.hero .copy{top:113px}.hero{min-height:920px}.hero .scroll-cue{bottom:28px}#about .numbers h2{font-size:clamp(17px,4.55vw,27px);letter-spacing:-.02em}#about .tools img[alt="chat-gpt"]{height:50px}#about .number-grid strong span{margin-top:4px;margin-left:7px}}
@media(prefers-reduced-motion:reduce){.reveal-text{transform:none}}
#about .number-grid strong span{font-size:.82em;line-height:.85;margin-top:0;margin-left:12px}
/* v15: complete reveal coverage, hover-only brand colour and client references. */
#about .intro p{margin-top:0;margin-bottom:24px;font-size:19px;line-height:1.75}#about .intro p:last-child{margin-bottom:0}
#about .service-row{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;padding:20px 0 60px;border:0}#about .service-row ul{padding-left:22px;margin:24px 0 0;columns:2;column-gap:25px;color:#605b4e;font-size:17px;line-height:2}#about .service-row li{break-inside:avoid;padding-left:5px}#about .service-visual{position:relative;overflow:hidden;width:100%;aspect-ratio:1.5;filter:drop-shadow(0 18px 12px #33291d30)}#about .service-visual img{position:absolute;width:200%;height:100%;max-width:none;object-fit:fill;left:0;top:0}#about .service-visual.digital img{left:-100%}#about .number-grid>div{align-items:flex-end}#about .number-grid p{margin-bottom:8px}
#about .tools .logo-reveal[aria-label="chat-gpt"]{width:112%;justify-self:center}#about .tools .logo-reveal[aria-label="chat-gpt"] img{width:100%;height:67px}
.logo-reveal .logo-color{pointer-events:none}.logo-reveal:hover .logo-color,.logo-reveal:focus-visible .logo-color{filter:none!important}.logo-reveal:hover img:first-child,.logo-reveal:focus-visible img:first-child{opacity:0}#about .cert-brand .logo-reveal{width:auto}#about .cert-brand img.logo-color{object-position:left}.cert-brand.london{transition:filter .3s}.cert-brand.london:hover,.cert-brand.london:focus-visible{filter:brightness(0) invert(1)}
#about .references{padding-top:110px;padding-bottom:110px;background:#141414}.references-head{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:44px}#about .references h2{font:53px/1.18 Anton;text-transform:uppercase;color:#a09886;margin:0}#about .references h2 em{font:inherit;color:#e4d9bd}.reference-controls{display:flex;gap:10px}.reference-controls button{border:1px solid #e4d9bd60;color:#e4d9bd;background:none;width:48px;height:48px;border-radius:50%;font-size:24px;cursor:pointer}.reference-controls button:hover{background:#ee8653;color:#151515;border-color:#ee8653}.reference-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:25px;scrollbar-color:#a09886 #292824;scrollbar-width:thin}.reference-track:focus-visible{outline:1px solid #e4d9bd;outline-offset:8px}.reference-card{flex:0 0 72%;scroll-snap-align:start;background:#22211e;padding:42px;display:flex;flex-direction:column;border-radius:4px}.reference-person{display:flex;align-items:center;gap:20px}.avatar{width:74px;height:74px;object-fit:cover;border-radius:50%;flex-shrink:0}.reference-person h3{font:600 23px/1.2 'DM Sans';margin:0 0 8px}.reference-person p{font-size:14px!important;line-height:1.5!important;color:#b6ad99;margin:0;max-width:420px}.reference-card blockquote{font:italic 27px/1.5 'Cormorant Garamond',serif;margin:30px 0 35px;color:#e4d9bd}.reference-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:24px}.reference-card footer .logo-reveal{width:160px;height:65px}.reference-card footer img{height:65px;width:160px;object-fit:contain;object-position:left;filter:grayscale(1)}.reference-card footer span:last-child{font-size:12px;color:#aaa18b}
.reveal-text{opacity:0;translate:0 26px;transform:none;transition:opacity .85s ease,translate .95s cubic-bezier(.16,1,.3,1)}.reveal-text.is-revealed{opacity:1;translate:0 0;transform:none}.hero .scroll-cue.reveal-text{transform:translateX(-50%)}
@media(max-width:800px){#about .service-row{gap:24px}#about .service-row ul{columns:1;font-size:16px}.reference-card{flex-basis:88%;padding:28px}#about .references h2{font-size:36px}.reference-card blockquote{font-size:24px}}
@media(max-width:600px){#about .intro p{font-size:17px}#about .service-row{grid-template-columns:1fr;gap:18px;padding-bottom:42px}#about .service-row ul{columns:2;font-size:15px}#about .service-visual{max-width:340px;justify-self:end}#about .number-grid p{margin-bottom:0}#about .references{padding-top:75px;padding-bottom:75px}.references-head{align-items:flex-start;gap:15px}#about .references h2{font-size:27px}.reference-controls button{width:36px;height:36px;font-size:20px}.reference-card{flex-basis:94%;padding:24px}.reference-person{align-items:flex-start;gap:13px}.avatar{width:52px;height:52px}.reference-person h3{font-size:19px}.reference-person p{font-size:12px!important}.reference-card blockquote{font-size:23px}.reference-card footer .logo-reveal,.reference-card footer img{width:120px;height:54px}}
@media(prefers-reduced-motion:reduce){.reveal-text{opacity:1;translate:none;transition:none}.reference-track{scroll-behavior:auto}}
.hero::after{content:"";position:absolute;inset:82% 0 0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 73% 0%,#41414170 0%,#24242440 38%,transparent 78%);mask-image:linear-gradient(transparent,#000 35%)}
#about .reference-card footer .logo-reveal>img:first-child{filter:grayscale(1) brightness(1.9)}#about .reference-card footer .logo-reveal[aria-label="E. Wedel"]>img:first-child{filter:brightness(0) invert(.85)}
#about .logos .logo-reveal[aria-label="audi"] .logo-color{filter:brightness(0) invert(1)!important}
.cert-brand.london:hover,.cert-brand.london:focus-visible{filter:none}#about .cert-brand.london .logo-reveal{width:64px;height:80px;flex-shrink:0}.cert-brand.london:hover .logo-reveal img:first-child,.cert-brand.london:focus-visible .logo-reveal img:first-child{opacity:0}.cert-brand.london:hover .logo-color,.cert-brand.london:focus-visible .logo-color{opacity:1}
/* v16: paired services, clean recommendation marks and persistent navigation. */
#about .service-pair{display:grid;grid-template-columns:1fr 1fr;gap:48px}#about .service-row{grid-template-columns:minmax(160px,.85fr) minmax(0,1fr);gap:18px;align-items:center;padding-bottom:55px}#about .service-row ul{columns:1;font-size:16px;line-height:1.95;margin-top:23px}#about .service-visual{width:100%;aspect-ratio:1.5;max-width:300px;justify-self:end}#about .service-row h2{font-size:48px}
.reference-top{display:flex;justify-content:space-between;align-items:flex-start;gap:28px}.reference-top .reference-person{flex:1;min-width:0}.reference-logo{width:135px;height:72px;object-fit:contain;object-position:right top;flex-shrink:0;filter:brightness(0) saturate(100%) invert(91%) sepia(12%) saturate(447%) hue-rotate(355deg) brightness(94%) contrast(91%)}.reference-card blockquote{margin-bottom:0}.reference-card{min-height:370px}
.floating-nav{position:fixed;z-index:100;top:8svh;bottom:auto;left:auto;right:5.5%;transform:none;width:auto;background:#141413ed;box-shadow:0 7px 30px #0002;transition:top .3s,background .3s}.floating-nav.is-scrolled{top:22px;background:#141413f5}.floating-nav .contact{background:#ee8653;color:#171717}.floating-nav .contact:hover{background:#ffa374}#about{scroll-margin-top:105px}
@media(max-width:1100px){#about .service-pair{gap:30px}#about .service-row{grid-template-columns:minmax(145px,1fr) minmax(0,.85fr);gap:10px}#about .service-row ul{font-size:14px}.reference-logo{width:105px}}
@media(max-width:800px){#about .service-pair{grid-template-columns:1fr;gap:20px}#about .service-row{grid-template-columns:1fr 1fr;gap:22px}#about .service-row ul{font-size:16px}.reference-top{gap:15px}.reference-logo{width:80px;height:55px}.reference-person{flex-wrap:wrap}}
@media(max-width:600px){.floating-nav{top:24px;left:6%;right:6%;width:88%;transform:none;bottom:auto}.floating-nav.is-scrolled{top:12px}.floating-nav button{padding:12px 15px}#about .service-row{grid-template-columns:1fr .9fr;gap:12px}#about .service-row ul{columns:1;font-size:14px}#about .service-row h2{font-size:35px}.reference-logo{width:75px;height:56px}.reference-person p{max-width:190px}.reference-top .reference-person{display:block}.reference-person .avatar{margin-bottom:12px}.reference-card{min-height:0}}
#about .services{padding-bottom:55px}#about .service-row{align-items:start}#about .service-visual{align-self:center}
