:root{--ink:#1f495f;--muted:#526976;--acid:#95d5d1;--paper:#fcfefe;--line:#d8e4e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #1f495f;outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}p,h1,h2,h3,figure{margin:0}p+p{margin-top:20px}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.header{display:flex;justify-content:space-between;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:700;line-height:.82;letter-spacing:-1.2px;position:relative;display:inline-block;padding-right:15px}.brand span{display:block;font-weight:400;font-size:21px;letter-spacing:3px;margin-top:8px}.brand i{width:9px;height:9px;background:#1f495f;display:block;position:absolute;right:0;bottom:0}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav a:hover{color:#376f7c}.nav-contact{border:1px solid var(--ink);padding:8px 18px;border-radius:30px;display:flex;gap:24px}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:55px;padding:72px 0 74px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,6.7vw,100px);font-weight:400;line-height:1.02;letter-spacing:-4px;margin:25px 0 27px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.intro{max-width:370px;font-size:18px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:white;border-radius:2px;padding:17px 23px;margin-top:30px;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#306780;transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.hero-note{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-top:38px}.hero-photo{height:560px;position:relative;background:#dce9eb}.hero-photo img{object-position:center}.hero-photo figcaption{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;gap:12px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:65px 23px 23px;font-size:15px}.hero-photo figcaption span+span{font-size:11px;letter-spacing:1.3px;align-self:center}.regions{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.regions>.wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:25px 0}.regions p{font-size:13px;line-height:1.5}.regions strong{font-weight:400}.regions .wrap>div{font-size:15px}.regions span{color:#598590;margin:0 20px}.section{padding-top:96px;padding-bottom:96px}h2{font-size:clamp(30px,3.2vw,47px);font-weight:400;line-height:1.2;letter-spacing:-1.3px}.expertise{display:grid;grid-template-columns:1.1fr 1fr;gap:85px}.expertise h2{margin-top:30px}.expertise-text{padding-top:47px;color:var(--muted)}.expertise-text .large{font-size:23px;line-height:1.5;color:var(--ink)}.services{padding-top:0}.section-top{display:flex;justify-content:space-between;align-items:start;gap:40px}.section-top .eyebrow{padding-top:9px}.section-top h2{width:58%}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--line)}.service-grid article{padding:30px 35px 0 0}.service-grid article+article{border-left:1px solid var(--line);padding-left:35px}.number{font-size:13px;color:var(--muted)}h3{font-weight:400;font-size:26px;line-height:1.3;letter-spacing:-.5px}.service-grid h3{margin:25px 0 18px}.service-grid p{color:var(--muted);font-size:15px}.portfolio{background:var(--ink);color:var(--paper)}.portfolio .eyebrow{color:var(--acid)}.portfolio h2 em{color:var(--acid)}.portfolio-intro{margin:30px 0 0 auto;width:58%;color:#d5e5ed}.topics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #53778a;border-bottom:1px solid #53778a}.topics>div{padding:28px 20px 30px 0}.topics>div+div{border-left:1px solid #53778a;padding-left:26px}.topics span{font-size:12px;color:#bddeda}.topics h3{font-family:Georgia,serif;font-size:38px;margin:20px 0 12px}.topics p{font-size:13px;color:#d5e5ed}.publishers{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;margin-top:50px;align-items:center}.publishers p{font-size:14px;color:#d5e5ed}.publishers .eyebrow{font-size:11px}.publishers p+p{margin-top:10px}.publication{padding-left:30px;border-left:1px solid #53778a}.publication h3{font-size:28px}.publication p{margin-top:7px}.reference-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:25px}.reference-heading>p{color:var(--muted);font-size:14px}.client-names{display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;gap:30px}.client-names span{font-family:Georgia,serif;font-size:35px;text-align:center}.client-names span+span{border-left:1px solid var(--line)}.contact{background:var(--acid)}.contact .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:60px}.contact h2{font-size:clamp(45px,5vw,70px);margin-top:28px}.contact-intro{margin-top:25px}.contact-details{align-self:end;padding-bottom:6px}.email{display:block;font-size:clamp(18px,2.3vw,29px);letter-spacing:-.7px;border-bottom:1px solid #608f9b;padding-bottom:12px;overflow-wrap:anywhere}.email:hover,.phone:hover{text-decoration:underline}.phone{display:inline-block;font-size:22px;margin-top:17px}address{font-style:normal;margin-top:42px;font-size:15px}address strong{font-weight:600}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:36px;padding-bottom:36px}.footer .brand{font-size:23px}.footer .brand span{font-size:16px}.footer p,.footer>span{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:12px;background:white}.skip:focus{top:10px}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:85px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:30px}.hero h1{font-size:70px}.hero-photo{height:510px}.expertise{gap:40px}.regions span{margin:0 9px}.section-top h2,.portfolio-intro{width:64%}.topics h3{font-size:30px}.contact .wrap{gap:35px}.publishers{gap:15px}.publication{padding-left:20px}.publication h3{font-size:24px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{padding:23px 0}.brand{font-size:25px}.brand span{font-size:18px}nav{gap:20px}nav>a:not(.nav-contact){display:none}.nav-contact{padding:7px 14px;gap:14px}.hero{grid-template-columns:1fr;gap:35px;padding:43px 0 35px}.hero h1{font-size:clamp(57px,12vw,80px);letter-spacing:-2.8px}.hero h1 br:nth-child(2){display:none}.hero h1 em:before{content:' '}.intro{max-width:100%}.hero-note{margin-top:23px}.hero-photo{height:380px}.regions>.wrap{display:block;padding:22px 0}.regions p br{display:none}.regions p strong:before{content:' '}.regions .wrap>div{font-size:12px;margin-top:13px;display:flex;flex-wrap:wrap;gap:6px}.regions span{margin:0 3px}.section{padding-top:60px;padding-bottom:60px}.expertise{grid-template-columns:1fr;gap:0}.expertise h2{margin-top:22px}.expertise-text{padding-top:26px}.expertise-text .large{font-size:21px}.services{padding-top:0}.section-top{display:block}.section-top h2,.portfolio-intro{width:100%;margin-top:22px}.service-grid{grid-template-columns:1fr;margin-top:30px}.service-grid article,.service-grid article+article{border-left:0;border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:35px 1fr;column-gap:12px}.service-grid h3{margin:0 0 13px;font-size:24px}.service-grid h3 br{display:none}.service-grid p{grid-column:2}.topics{grid-template-columns:1fr 1fr;margin-top:30px}.topics>div{padding:25px 15px 25px 0}.topics>div+div{padding-left:20px}.topics>div:nth-child(3){border-left:0;padding-left:0}.topics>div:nth-child(n+3){border-top:1px solid #53778a}.topics h3{font-size:33px}.publishers{grid-template-columns:1fr;gap:25px;margin-top:32px}.publication{padding:0;border:0}.reference-heading{display:block}.reference-heading p{margin-top:20px}.client-names{gap:15px;padding:25px 0;margin-top:28px}.client-names span{font-size:22px}.contact .wrap{grid-template-columns:1fr;gap:40px}.contact h2{font-size:49px}.contact-details{padding-top:10px}.email{font-size:26px}.footer{flex-wrap:wrap;padding-top:28px;padding-bottom:28px;gap:22px}.footer>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Original Gertscher Media identity */
.brand{width:235px;padding:0;line-height:1;flex-shrink:0}
.brand img{display:block;width:100%;height:auto;object-fit:contain}
.footer .brand{width:195px}
.hero h1 em,.expertise h2 em,.services h2 em,.references h2 em{color:#376f7c}
@media(max-width:700px){.brand{width:190px}.footer .brand{width:175px}.header{gap:18px}}
@media(max-width:370px){.brand{width:160px}.nav-contact{padding:7px 10px;gap:10px}}

/* Legal information */
.legal-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}.legal-page{padding-top:38px;padding-bottom:90px}.back-link{display:inline-block;font-size:14px;margin-bottom:46px}.legal-page h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,80px);font-weight:400;line-height:1.1;margin:18px 0 24px;letter-spacing:-2px}.legal-lead{font-size:18px;max-width:750px;color:var(--muted)}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 70px;margin-top:55px}.legal-grid section{border-top:1px solid var(--line);padding-top:25px;min-width:0}.legal-grid h2{font-size:27px;letter-spacing:-.5px;margin-bottom:24px}.legal-grid h3{font-size:18px;margin:28px 0 12px}.legal-grid address{margin:0 0 20px;font-size:16px}.legal-grid dl{margin:0}.legal-grid dt{font-size:14px;color:var(--muted);margin-top:18px}.legal-grid dt:first-child{margin-top:0}.legal-grid dd{margin:4px 0 0}.legal-grid a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-wide{grid-column:1/-1;max-width:900px}.footer{flex-wrap:wrap}@media(max-width:700px){.legal-grid{grid-template-columns:1fr;gap:32px;margin-top:38px}.legal-page{padding-bottom:55px}.back-link{margin-bottom:30px}.legal-lead{font-size:16px}}

/* Discreet standalone advertising note */
.ad-note{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding-top:38px;padding-bottom:38px;border-bottom:1px solid var(--line)}.ad-note h2{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;line-height:1.7;letter-spacing:1.5px;text-transform:uppercase;padding-top:3px}.ad-note p{font-size:16px;line-height:1.75;color:var(--muted);max-width:720px}@media(max-width:700px){.ad-note{grid-template-columns:1fr;gap:14px;padding-top:28px;padding-bottom:28px}}

/* Five reference brands with flexible wrapping */
.client-names{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 0}.client-names span{flex:1 1 180px;font-size:30px;padding:0 18px}.client-names span+span{border-left:0}@media(max-width:700px){.client-names{gap:22px 0}.client-names span{flex:1 1 45%;font-size:25px;padding:0 10px}}

/* Contact mirrors the media portfolio palette */
.contact{background:var(--ink);color:var(--paper)}
.contact .eyebrow,.contact h2 em{color:var(--acid)}
.contact-intro,.contact address{color:#d5e5ed}
.contact .email{border-bottom-color:#53778a}
.contact .button{background:var(--acid);color:var(--ink)}
.contact .button:hover{background:#b4e4e1}
.contact a:focus-visible{outline-color:var(--acid)}

.privacy-page{max-width:950px}.privacy-page section{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.privacy-page h2{font-size:27px;margin-bottom:20px}.privacy-page h3{font-size:21px;margin:24px 0 15px}.privacy-page a{text-decoration:underline;overflow-wrap:anywhere}.draft-notice,.pending{background:#eaf5f4;padding:20px;border-left:4px solid #1f495f}.privacy-page li{margin:8px 0}@media(max-width:700px){.header{flex-wrap:wrap}.header nav{flex-wrap:wrap}nav a.privacy-nav{display:inline-block}.privacy-page h1{font-size:44px}.privacy-page h2{font-size:24px}}

/* Local alternative: petrol navigation and supplied light logo */
.header-band{background:#1f495f;color:#fcfefe}.header-band .header{border-bottom-color:transparent}.header-band nav a:hover{color:#95d5d1}.header-band .nav-contact{border-color:#95d5d1}.header-band a:focus-visible{outline-color:#95d5d1}.header-band .brand img{object-fit:contain}

/* Third comparison variant: petrol competence section */
.competence-band{background:var(--ink);color:var(--paper)}.competence-band .eyebrow,.competence-band h2 em{color:var(--acid)}.competence-band .expertise-text{color:#d5e5ed}.competence-band .expertise-text .large{color:var(--paper)}.competence-band+.services{padding-top:96px}@media(max-width:700px){.competence-band+.services{padding-top:60px}}

/* Requested refinements for comparison version three */
.regions{border:0}.hero{padding-bottom:26px}.regions>.wrap{padding-top:0;padding-bottom:38px}.hero h1{margin-top:0}
.service-grid{border-bottom:1px solid var(--line)}.service-grid article{padding-bottom:30px}
.portfolio-media{margin-top:44px}.portfolio-media .eyebrow{text-transform:uppercase}.media-note{color:#d5e5ed;margin-top:12px;font-size:15px}.media-titles{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;border-top:1px solid #53778a;border-bottom:1px solid #53778a}.media-titles article{padding:26px 26px 28px 0}.media-titles article+article{border-left:1px solid #53778a;padding-left:26px}.media-titles h3{font-family:Georgia,serif;font-size:32px}.media-titles p{color:#d5e5ed;font-size:14px;margin-top:12px}.header{gap:28px}.header nav{gap:22px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1000px){.header{flex-wrap:wrap}.header nav{gap:18px}}
@media(max-width:700px){.header nav{width:100%;justify-content:flex-start;gap:13px 20px}.header nav>a:not(.nav-contact){display:inline-block}.hero{padding-bottom:24px}.regions>.wrap{padding-bottom:28px}.service-grid article{border-bottom:0}.service-grid article+article{border-top:1px solid var(--line)}.media-titles{grid-template-columns:1fr}.media-titles article+article{border-left:0;border-top:1px solid #53778a;padding-left:0}.media-titles h3{font-size:29px}}

/* Fifth portfolio topic follows the open topic grid. */
.portfolio-media{border-top:1px solid #53778a;border-bottom:1px solid #53778a}.media-heading{padding:28px 0 0}.media-number{display:block;color:#fff;font-size:12px}.media-heading .eyebrow{margin-top:20px}.portfolio-media .media-titles{margin-top:0;border-top:0;border-bottom:0}

/* White portfolio comparison variant. */
.portfolio{background:var(--paper);color:var(--ink)}
.portfolio .eyebrow,.portfolio h2 em{color:var(--ink)}
.portfolio-intro,.portfolio .topics p,.portfolio .media-titles p{color:var(--muted)}
.portfolio .topics span,.portfolio .media-number{color:var(--muted)}
.portfolio .topics,.portfolio .topics>div,.portfolio .portfolio-media,.portfolio .media-titles,.portfolio .media-titles article{border-color:var(--line)}

/* Petrol services paired with the white portfolio. */
.services-petrol{background:var(--ink);color:var(--paper)}
.competence-band+.services-petrol{padding-top:0}
.services-petrol .eyebrow,.services-petrol h2 em{color:var(--acid)}
.services-petrol .service-grid p{color:#d5e5ed}
.services-petrol .number{color:#bddeda}
.services-petrol .service-grid,.services-petrol .service-grid article{border-color:#53778a}

/* White competence section. */
.competence-band{background:var(--paper);color:var(--ink)}
.competence-band .eyebrow,.competence-band h2 em,.competence-band .expertise-text .large{color:var(--ink)}
.competence-band .expertise-text{color:var(--muted)}

/* Divider between portfolio and references. */
#referenzen{border-top:1px solid var(--ink)}

/* Persistent navigation with measured anchor offset. */
html{scroll-padding-top:calc(var(--menu-height, 160px) + 20px)}
.header-band{position:sticky;top:0;z-index:15;box-shadow:0 2px 10px #102b3815}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero h1 em{color:#376f7c}.contact-details .email:hover,.contact-details .phone:hover{text-decoration:none}

/* Match the original reference heading on white backgrounds only. */
.competence-band h2 em,.portfolio h2 em,.references h2 em{color:#376f7c}

/* Reference separators only between names. */
.client-names{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 0}
.client-names span+span{border-left:1px solid var(--line)}
@media(max-width:800px){.client-names{grid-template-columns:repeat(2,minmax(0,1fr))}.client-names span:nth-child(odd){border-left:0}}

.media-titles .magazine-card{display:grid;grid-template-columns:minmax(100px,160px) minmax(0,1fr);gap:24px;align-items:center}
.media-titles .magazine-cover{width:100%;height:auto;object-fit:contain;box-shadow:0 6px 18px #1f495f18}
.media-titles .issue{font-size:12px;letter-spacing:.5px;margin-top:18px}
@media(min-width:701px) and (max-width:1000px){.media-titles .magazine-card{grid-template-columns:1fr}.media-titles .magazine-cover{max-width:160px}}
@media(max-width:400px){.media-titles .magazine-card{grid-template-columns:100px minmax(0,1fr);gap:16px}.media-titles .magazine-card h3{font-size:25px}}

/* Editorial arrangements of publisher cover images. */
.cover-collage{position:relative;aspect-ratio:1/1.48;margin:30px 8px 12px;isolation:isolate}
.cover-collage img{position:absolute;width:66%;height:64%;object-fit:contain;object-position:top;filter:drop-shadow(0 5px 6px #1f495f24)}
.cover-collage img:nth-child(1){left:0;top:0;transform:rotate(-7deg)}
.cover-collage img:nth-child(2){right:0;top:16%;transform:rotate(7deg);z-index:1}
.cover-collage img:nth-child(3){left:8%;top:37%;transform:rotate(-3deg);z-index:2}

/* Keep all topic compositions within the same optical frame. */
.cover-collage{max-width:245px;margin-left:auto;margin-right:auto}
.travel-collage{transform:scale(.88);transform-origin:top center}
.media-titles .magazine-card{grid-template-columns:minmax(130px,220px) minmax(0,1fr);gap:26px}
.magazine-pair{position:relative;width:100%;aspect-ratio:1/1.14;isolation:isolate}
.magazine-pair img{position:absolute;width:65%;height:86%;object-fit:contain;filter:drop-shadow(0 4px 7px #1f495f25)}
.magazine-pair img:first-child{left:3%;top:0;transform:rotate(-7deg)}
.magazine-pair img:last-child{right:2%;top:13%;transform:rotate(6deg);z-index:1}
.client-names .client{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:22px;min-width:0}
.client-names .client img{width:100%;max-width:170px;height:100px;object-fit:contain}
.client-names .client b{font:inherit;font-size:25px}
@media(max-width:1000px){.media-titles .magazine-card{grid-template-columns:1fr}.magazine-pair{max-width:220px}.client-names .client img{max-width:140px;height:85px}}
@media(max-width:700px){.media-titles .magazine-card{grid-template-columns:minmax(100px,160px) minmax(0,1fr);gap:20px}.client-names .client b{font-size:22px}}
@media(max-width:380px){.media-titles .magazine-card{grid-template-columns:1fr}.magazine-pair{max-width:170px}}

/* Shared lower edge, including landscape covers. */
.cover-collage{height:auto;aspect-ratio:1/1.48;transform:none}
.cover-collage img{object-position:center bottom}
.cover-collage img:nth-child(1){top:0;bottom:auto}
.cover-collage img:nth-child(2){top:16%;bottom:auto}
.cover-collage img:nth-child(3){top:auto;bottom:0;transform:none}
.portfolio-excerpt{color:var(--muted);font-size:14px;margin:28px 0 0}

/* Hide publisher image margins without altering the cover. */
.cover-collage .cover-trim{position:absolute;right:0;top:16%;width:66%;aspect-ratio:480/627;overflow:hidden;transform:rotate(7deg);z-index:1;box-shadow:0 5px 6px #1f495f24}
.cover-collage .cover-trim img{position:absolute;left:0;top:-7.34%;bottom:auto;width:100%;height:114.84%;max-width:none;object-fit:fill;transform:none;filter:none}

.menu-toggle{display:none}
@media(max-width:700px){
.header.wrap{position:relative;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;padding:16px 0}
.header .brand{width:165px;max-width:55%;padding:0;margin:0}.header .brand img{width:100%;height:auto}
.header.menu-ready .menu-toggle{display:flex;align-items:center;gap:10px;margin-left:auto;padding:10px 12px;min-height:44px;background:transparent;border:1px solid #95d5d180;border-radius:3px;color:#fcfefe;font:inherit;font-size:14px;cursor:pointer}
.header .menu-toggle:focus-visible{outline:2px solid #95d5d1;outline-offset:3px}
.header.menu-ready nav{display:none}.header.menu-ready.menu-open nav{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 14px;background:#1f495f;box-shadow:0 8px 15px #102b3830;border-top:1px solid #95d5d140}
.header.menu-ready nav a{display:block;padding:12px 4px;min-height:44px;font-size:16px}.header nav a:focus-visible{outline-color:#95d5d1}
}

/* Tablet layout: comfortable touch targets and readable portrait columns. */
@media(min-width:701px) and (max-width:1100px){
  .header.wrap{padding:18px 0;gap:16px;flex-wrap:nowrap}
  .header .brand{width:190px}
  .header nav{gap:8px;flex-wrap:nowrap}
  .header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 6px}
}
@media(min-width:701px) and (max-width:900px){
  .hero h1{font-size:clamp(48px,6.7vw,60px);letter-spacing:-2px}
  .portfolio .topics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portfolio .topics>div{padding:28px 26px 30px 0}
  .portfolio .topics>div:nth-child(even){border-left:1px solid var(--line);padding-left:26px;padding-right:0}
  .portfolio .topics>div:nth-child(odd){border-left:0;padding-left:0}
  .portfolio .topics>div:nth-child(n+3){border-top:1px solid var(--line)}
  .portfolio .topics p{min-height:22px}
  .service-grid{grid-template-columns:1fr;margin-top:36px}
  .service-grid article,.service-grid article+article{display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:16px;border-left:0;padding:28px 0}
  .service-grid article+article{border-top:1px solid #53778a}
  .service-grid h3{margin:0 0 14px;font-size:26px}
  .service-grid h3 br{display:none}
  .service-grid p{grid-column:2;max-width:620px;font-size:16px}
}

/* Balanced reference marks and grouped legal links. */
.footer-legal{display:flex;align-items:center;gap:28px}
.client-names .client:nth-child(2) img{max-width:135px;padding:12px 0}
@media(max-width:1000px){.client-names .client:nth-child(2) img{max-width:112px;padding:10px 0}}
@media(max-width:700px){
 .portfolio .topics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .portfolio .topics>div{min-width:0;padding-right:12px}
 .portfolio .topics>div:nth-child(even){padding-left:12px;padding-right:0}
 .portfolio .topics h3{font-size:clamp(23px,6.5vw,33px);letter-spacing:-.5px}
 .portfolio .topics p{min-height:44px}
 .footer-legal{width:100%;gap:28px;flex-wrap:wrap}
 .footer-legal a{display:inline-flex;align-items:center;min-height:44px}
}