@font-face{font-family:Inter;src:url('fonts/Inter[opsz,wght].ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Barlow Condensed;src:url('fonts/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Barlow Condensed;src:url('fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--ink:#111111;--charcoal:#3D3B38;--blue:#244BD8;--muted:#595959;--line:#D9D9D9;--white:#FFFFFF}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{overflow-wrap:anywhere;margin:0;background:var(--white);color:var(--ink);font:400 18px/1.55 Inter,Arial,sans-serif}h1,h2,h3,h4,p,dl,dd{margin:0}h1,h2,.subheading,.series-title{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;line-height:1.05}h1{font-weight:700}h2{font-size:48px}h3,h4{font-size:18px;font-weight:600;line-height:1.35}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}img{display:block;max-width:100%}.wrap{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}.blue{background:var(--blue);color:white}.dark{background:var(--charcoal);color:white}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.blue a:focus-visible,.dark a:focus-visible{outline-color:white;outline-offset:5px}.skip{position:absolute;z-index:5;left:24px;top:-100px;background:white;color:var(--ink);padding:12px 24px}.skip:focus{top:16px}header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:24px;border-bottom:1px solid white}.brand{display:block;flex-shrink:0}.brand img{width:184px;height:auto}nav{display:flex;flex-wrap:wrap;align-items:center;gap:32px;font-size:16px}nav a{display:flex;align-items:center;min-height:44px;text-decoration:none}nav a:hover{text-decoration:underline}.contact-nav{border:1px solid white;padding:8px 20px;border-radius:4px}.hero{padding-block:48px 56px}.eyebrow{font-size:16px;line-height:1.5}.hero .eyebrow{margin-bottom:32px}.hero h1{font-size:clamp(64px,8.3vw,120px);letter-spacing:0;line-height:.98;margin-bottom:40px}.hero h1 span{display:block}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:48px}.hero-bottom p{font-size:22px;line-height:1.5;max-width:580px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;background:white;color:var(--blue);font-size:16px;font-weight:500;border-radius:4px;text-decoration:none;flex-shrink:0}.button:hover{background:var(--ink);color:white}.section{padding-block:64px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:48px;margin-bottom:40px}.section-heading .eyebrow{max-width:270px;padding-top:6px}.section-heading h2{max-width:840px}.service-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 64px}.list-row{padding-top:20px;border-top:1px solid var(--line)}.list-row h3{margin-bottom:10px}.list-row p{color:var(--muted);max-width:55ch}.record-section{border-block:1px solid var(--line);padding-block:32px 40px}.record-section h2{font:500 16px/1.4 Inter,Arial,sans-serif;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.stats>div{border-left:1px solid var(--line);padding-left:24px}.stats>div:first-child{border:0;padding-left:0}.stats dt{font:600 56px/1 'Barlow Condensed',Arial,sans-serif;color:var(--blue);margin-bottom:12px}.stats dd{font-size:16px;line-height:1.45}.roles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px}.role{display:grid;grid-template-columns:32px 1fr;gap:16px;padding-top:20px;border-top:1px solid var(--line)}.number{font:600 24px/1.1 'Barlow Condensed',Arial,sans-serif;color:var(--blue);padding-top:2px}.role h3{margin-bottom:8px}.role p{color:var(--muted)}.note{font-size:16px;color:var(--muted);margin-top:24px}.clients{margin-top:64px}.clients-heading{padding-top:32px;border-top:2px solid var(--ink);margin-bottom:32px}.subheading{font-size:40px;line-height:1.1}.clients-heading p{font-size:16px;color:var(--muted);margin-top:12px}.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.logo-stage{height:128px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);margin-bottom:16px;background:white}.logo-stage img{width:100%;height:100%;object-fit:contain}.logo-voltage,.logo-rsm,.logo-leonine,.logo-vice{background:#000000}.logo-voltage img{transform:scale(1.1)}.logo-rsm img{transform:scale(1.3)}.logo-leonine img{transform:scale(1.35)}.logo-vice img{transform:scale(1.65)}.logo-goldwyn img{transform:scale(1.35)}.logo-mx img{transform:scale(1.2)}.logo-gwr img{width:92px;height:92px}.logo-flame img{width:112px;height:112px}.client-tile h4{font-size:16px;margin-bottom:8px}.client-tile p{font-size:16px;line-height:1.5;color:var(--muted)}.series{margin-top:64px}.series>.subheading{padding-top:32px;border-top:2px solid var(--ink);margin-bottom:32px;max-width:none}.series-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.cover{aspect-ratio:16/9;background:var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:contain}.series-title{font-size:36px;margin:20px 0 12px}.series-card>p{color:var(--muted);min-height:calc(1.55em * 5)}.production{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.production>h4{font-size:16px;margin-bottom:12px}.production dl{font-size:16px;line-height:1.4}.production dl>div{display:grid;grid-template-columns:1fr 1.35fr;gap:20px;padding:6px 0}.production dt{font-weight:400;color:var(--muted)}.production dd{font-weight:400}.contribution{margin-top:32px;padding-left:20px;border-left:4px solid var(--blue);font-size:16px;max-width:960px}.support{border-top:1px solid var(--line)}.support-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:32px}.support-heading h2{max-width:560px}.support-heading p{color:var(--muted);max-width:350px}.availability{font-size:20px;line-height:1.5;margin-top:40px;max-width:100%;padding:24px 0 0;border-top:2px solid var(--blue)}footer{padding-block:56px}.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:48px}.footer-brand{width:250px;height:auto}.contact-links{display:flex;flex-direction:column;gap:8px;font-size:18px}.contact-links a{padding-block:5px;min-height:40px;overflow-wrap:anywhere}.contact-links p{font-size:16px;margin-top:16px}section,footer{scroll-margin-top:24px}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}.stats>div:nth-child(4){padding-left:0;border:0}.client-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 16px}.section-heading{grid-template-columns:1fr 2fr;gap:32px}.service-grid,.roles{column-gap:40px}.hero h1{font-size:8.3vw}.series-grid{gap:32px}.series-card>p{min-height:calc(1.55em * 7)}}
@media(max-width:850px){.wrap{width:calc(100% - 64px)}header{gap:24px}nav{gap:24px}.hero{padding-top:40px}.hero h1{font-size:9vw;line-height:1.03}.hero-bottom p{font-size:20px}.section-heading{grid-template-columns:1fr;gap:16px}.section-heading .eyebrow{max-width:none;padding:0}.section-heading h2{max-width:650px}h2{font-size:42px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.logo-stage{height:128px}.support-heading{display:block}.support-heading p{margin-top:16px;max-width:none}.series-title{font-size:32px}.production dl>div{grid-template-columns:1fr;gap:2px;padding:7px 0}.series-card>p{min-height:calc(1.55em * 8)}.footer-brand{width:200px}}
@media(max-width:600px){body{font-size:18px}.wrap{width:calc(100% - 48px)}header{flex-direction:column;align-items:start;padding-block:16px;gap:8px}.brand img{width:160px}nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}.contact-nav{padding-inline:16px}.hero{padding-block:32px 40px}.hero .eyebrow{font-size:16px;margin-bottom:24px;max-width:310px}.hero h1{font-size:clamp(46px,12.8vw,76px);line-height:1.02;margin-bottom:24px}.hero h1 span{display:block;max-width:100%}.hero-bottom{display:block}.hero-bottom p{font-size:18px}.button{margin-top:24px}.section{padding-block:48px}h2{font-size:36px}.section-heading{margin-bottom:28px;gap:12px}.service-grid,.roles{grid-template-columns:1fr;gap:24px}.list-row{padding-top:16px}.list-row h3{margin-bottom:8px}.record-section{padding-block:28px 32px}.stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.stats>div{border:0;padding:0}.stats dt{font-size:48px;margin-bottom:8px}.stats dd{font-size:16px}.role{gap:8px}.clients,.series{margin-top:48px}.clients-heading,.series>.subheading{padding-top:24px}.subheading{font-size:32px}.client-grid{gap:24px 16px}.logo-stage{height:88px;margin-bottom:12px}.logo-gwr img{width:66px;height:66px}.logo-flame img{width:72px;height:72px}.logo-rsm img,.logo-leonine img,.logo-goldwyn img{transform:scale(1.15)}.logo-vice img{transform:scale(1.35)}.client-tile h4{font-size:16px}.client-tile p{font-size:16px;line-height:1.45}.series-grid{grid-template-columns:1fr;gap:40px}.series-card>p{min-height:0}.series-title{font-size:32px}.production dl>div{grid-template-columns:1fr 1.25fr;gap:16px}.contribution{padding-left:16px;margin-top:28px}.support-heading{margin-bottom:24px}.availability{font-size:18px;margin-top:32px}.footer-grid{flex-direction:column;gap:24px}footer{padding-block:40px}.contact-links{font-size:16px}.footer-brand{width:200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Section heading and production-detail refinements. */
.section-heading{display:block}.section-heading h2{max-width:100%}.support-heading{display:block}.support-heading h2{max-width:none}.production{padding-top:0}.production summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 0;font-size:16px;font-weight:500;list-style:none}.production summary::-webkit-details-marker{display:none}.production summary::after{content:'+';font-size:24px;line-height:1;color:var(--blue)}.production[open] summary::after{content:'−'}.production summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.production dl{padding-block:4px 16px}.series-card>p{min-height:0}@media(min-width:601px){.support-heading h2{font-size:clamp(32px,4.5vw,48px)}}

.writing{border-top:1px solid var(--line)}.writing-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.writing-heading>a{font-size:16px;color:var(--blue);padding:12px 0}.writing-intro{margin-top:16px;color:var(--muted);max-width:100%}.article-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}.article-card{border-top:2px solid var(--blue);padding-top:20px;display:flex;flex-direction:column;align-items:start;gap:12px}.article-card time{font-size:14px;color:var(--muted)}.article-card h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:30px;line-height:1.15;font-weight:600}.article-card h3 a{text-decoration:none}.article-card h3 a:hover{text-decoration:underline}.article-card p{font-size:16px;color:var(--muted)}.article-card>a{font-size:16px;color:var(--blue);padding-block:8px;margin-top:auto}.feed-status{font-size:16px;color:var(--muted);margin-top:20px}.feed-status[hidden]{display:none}.subscribe-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.subscribe-row h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:32px;font-weight:600}.subscribe-embed{width:100%;max-width:480px}.subscribe-embed iframe{display:block;width:100%;max-width:480px;height:320px;border:1px solid #EEE;background:white}.subscribe-embed>a{display:inline-block;font-size:16px;color:var(--blue);padding-block:12px}.linkedin-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:32px;margin-top:32px}.social-button{display:inline-flex;align-items:center;min-height:48px;background:var(--blue);color:white;padding:12px 24px;text-decoration:none;border-radius:4px;font-size:16px}.social-button:hover{background:var(--ink)}@media(max-width:850px){.article-feed{gap:24px}.article-card h3{font-size:26px}.subscribe-row{grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.writing-heading{align-items:start;flex-direction:column;gap:8px}.article-feed{grid-template-columns:1fr}.linkedin-row{align-items:start;flex-direction:column}.subscribe-row h3{font-size:30px}}
/* Image-led publication cards. */
.article-feed{gap:40px 28px;margin-top:32px}.article-card{border:0;padding:0;display:block;min-width:0}.article-link{display:block;text-decoration:none;color:var(--ink)}.article-link img,.article-placeholder{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0;background:#f1f1ee}.article-placeholder{display:grid;place-items:center;background:var(--blue);color:white;font-family:'Barlow Condensed',sans-serif;font-size:40px}.article-card h3{font-size:30px;line-height:1.1;margin:16px 0 10px;font-weight:600}.article-link:hover h3{text-decoration:underline;text-underline-offset:4px}.article-card p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;margin:0 0 12px;line-height:1.5}.article-card time{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.article-card>a{padding:0;color:var(--ink)}.subscribe-row{align-items:center;margin-top:48px}.subscribe-embed{justify-self:end}.article-link:focus-visible{outline:3px solid var(--blue);outline-offset:6px}@media(min-width:601px) and (max-width:850px){.article-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.subscribe-embed{justify-self:start}}@media(max-width:600px){.article-feed{gap:32px}.article-card h3{font-size:30px}}

/* Centre the standalone publication subscription form. */
.subscribe-row{display:flex;justify-content:center}.subscribe-embed{margin-inline:auto;text-align:center}

/* Split hero: charcoal copy panel and oversized brand mark. */
.opening.blue,.hero{background:linear-gradient(to right,#202020 0%,#202020 55%,var(--blue) 55%,var(--blue) 100%);color:white}.opening header{border-bottom:0}.hero{padding:0}.hero-layout{display:grid;grid-template-columns:55% 45%;min-height:620px}.hero-copy{padding:76px 36px 56px 0;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(40px,4.3vw,62px);line-height:1.08;margin-bottom:40px}.hero-bottom{display:block}.hero-bottom p{max-width:540px;font-size:22px;line-height:1.5}.hero-bottom .button{margin-top:28px}.hero-position{font-size:16px;line-height:1.5;margin-top:56px;max-width:540px}.hero-art{display:flex;align-items:center;justify-content:center;padding:48px 0 48px 40px}.hero-art img{display:block;width:100%;height:auto;max-width:500px}.hero .button:hover{background:#e6e6e6;color:var(--blue)}
@media(min-width:1440px){.opening.blue,.hero{background:linear-gradient(to right,#202020 0%,#202020 calc(50% + 60px),var(--blue) calc(50% + 60px),var(--blue) 100%)}}
@media(min-width:601px) and (max-width:850px){.hero-layout{min-height:520px}.hero-copy{padding:40px 24px 40px 0}.hero h1{font-size:40px}.hero h1 span{display:inline}.hero-bottom p{font-size:18px}.hero-position{font-size:14px;margin-top:32px}.hero-art{padding-left:24px}}
@media(max-width:600px){.opening.blue{background:#202020}.hero{background:#202020}.hero-layout{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:32px 0 40px}.hero h1{font-size:clamp(42px,11.7vw,64px);margin-bottom:24px}.hero h1 span{display:inline}.hero h1 span+span:before{content:' '}.hero-bottom p{font-size:18px}.hero-position{margin-top:32px;font-size:14px}.hero-art{background:var(--blue);margin-inline:-24px;padding:48px 36px}.hero-art img{width:100%;max-width:300px}}

/* Centred navigation with a separate contact action. */
.opening .site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:1px solid white}.site-header .brand{justify-self:start}.site-header nav{justify-content:center;gap:28px;flex-wrap:nowrap}.site-header>.contact-nav{justify-self:end;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.site-header>.contact-nav:hover{text-decoration:underline}.menu-toggle{display:none}.site-header a:focus-visible,.menu-toggle:focus-visible{outline:3px solid white;outline-offset:5px}
@media(max-width:1050px) and (min-width:701px){.site-header .brand img{width:140px}.site-header nav{gap:16px;font-size:14px}.opening .site-header{gap:16px}.site-header>.contact-nav{padding-inline:14px;font-size:14px}}
@media(max-width:900px){.opening .site-header{grid-template-columns:1fr auto auto;gap:18px;padding-block:16px}.site-header .brand img{width:140px}.site-header>.contact-nav{grid-column:3;grid-row:1;font-size:14px;padding:8px 12px}.menu-toggle{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:9px;background:transparent;border:1px solid white;border-radius:4px;color:white;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:currentColor}.site-header nav{display:none;grid-column:1/-1;grid-row:2;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.4)}.site-header nav.is-open{display:flex}.site-header nav a{padding:8px 0;min-height:48px;font-size:16px}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}

/* Unified royal-blue opening at every viewport. */
.opening.blue,.hero{background:var(--blue)}

/* Portrait and introduction, immediately after the hero. */
.about{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:72px;align-items:start;border-bottom:1px solid var(--line)}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:0}.about-copy{min-width:0}.about-copy h2{margin-bottom:24px}.about-copy p{font-size:18px;line-height:1.65;margin:0 0 20px}.about-copy p:last-child{margin-bottom:0}.about-copy a{color:var(--blue);overflow-wrap:anywhere;text-underline-offset:3px}.about-copy a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media(max-width:1000px){.about{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:36px}}@media(max-width:700px){.about{grid-template-columns:1fr;gap:28px}.about-portrait{max-width:280px}.about-copy h2{margin-bottom:20px}}

/* Let the shorter introduction determine the desktop portrait height. */
@media(min-width:701px){.about{grid-template-columns:minmax(0,280px) minmax(0,1fr)}.about-portrait{position:relative;align-self:stretch;min-height:0}.about-portrait img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:left top}}
@media(min-width:701px) and (max-width:1000px){.about{grid-template-columns:minmax(0,220px) minmax(0,1fr)}}
@media(max-width:700px){.about-portrait{max-width:220px}}

@media(min-width:1001px){#approach-title{font-size:clamp(36px,3.34vw,48px);white-space:nowrap}}

/* Text-only service cards, aligned with the approach section. */
.role{display:block}.role h3{margin-bottom:8px}@media(max-width:600px){.role{padding-top:16px}}

/* Clients now form a standalone section between approach and offer. */
#selected-work{margin-top:0}#selected-work .clients-heading{padding-top:0;border-top:0}
/* Slow brand-colour light at section boundaries. */
#about,#approach,#selected-work,#work,#writing,#contact,.series,.subscribe-row,.linkedin-row{position:relative}
#about{border-bottom:0}#writing,.subscribe-row,.linkedin-row,.series>.subheading{border-top:0}
#about::before,#approach::before,#selected-work::before,#work::before,#writing::before,#contact::before,.series::before,.subscribe-row::before,.linkedin-row::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;pointer-events:none;background-color:var(--line);background-image:linear-gradient(90deg,transparent 0%,rgba(36,75,216,.1) 20%,rgba(36,75,216,.55) 40%,#244BD8 50%,rgba(36,75,216,.55) 60%,rgba(36,75,216,.1) 80%,transparent 100%);background-size:36% 100%;background-repeat:no-repeat;background-position:0% 50%;animation:section-light 18s ease-in-out infinite alternate}
#writing::before,#contact::before{left:max(24px,calc((100% - 1200px)/2));right:max(24px,calc((100% - 1200px)/2))}
#contact::before{background-color:#595959}
@keyframes section-light{from{background-position:0% 50%}to{background-position:100% 50%}}
/* The brightest hero tone remains the approved royal blue. */
.opening.blue,.hero{background-color:#244BD8;background-image:linear-gradient(110deg,#183594 0%,#244BD8 38%,#203FB3 65%,#183594 100%);background-size:220% 100%;animation:hero-blue-drift 24s ease-in-out infinite alternate}
.hero-art{background:transparent}
@keyframes hero-blue-drift{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(min-width:601px) and (max-width:850px){#writing::before,#contact::before{left:32px;right:32px}}
@media(prefers-reduced-motion:reduce){.opening.blue,.hero{animation:none;background-position:50% 50%}#about::before,#approach::before,#selected-work::before,#work::before,#writing::before,#contact::before,.series::before,.subscribe-row::before,.linkedin-row::before{animation:none;background-position:50% 50%}}
/* Stronger blue light and an eight-second pass in each direction. */
#about::before,#approach::before,#selected-work::before,#work::before,#writing::before,#contact::before,.series::before,.subscribe-row::before,.linkedin-row::before{height:3px;background-color:#cbd3ef;background-image:linear-gradient(90deg,transparent 0%,rgba(36,75,216,.45) 15%,#244BD8 35%,#7096ff 50%,#244BD8 65%,rgba(36,75,216,.45) 85%,transparent 100%);background-size:42% 100%;box-shadow:0 0 9px rgba(36,75,216,.25);animation-duration:8s}
#contact::before{background-color:#3d4770}
.opening.blue,.hero{background-image:linear-gradient(110deg,#0c1d64 0%,#132a8a 20%,#244BD8 43%,#244BD8 57%,#132a8a 80%,#0c1d64 100%);background-size:300% 100%;animation-duration:8s}
@media(prefers-reduced-motion:reduce){.opening.blue,.hero{animation:none;background-position:50% 50%}#about::before,#approach::before,#selected-work::before,#work::before,#writing::before,#contact::before,.series::before,.subscribe-row::before,.linkedin-row::before{animation:none;background-position:50% 50%}}
/* One continuous, smoothly moving blue field across the hero. */
.opening.blue{background:#244BD8;animation:none}
.hero{position:relative;overflow:hidden;background-color:#1737aa;background-image:linear-gradient(115deg,#0c2478 0%,#244BD8 30%,#16329a 50%,#244BD8 72%,#0c2478 100%);background-size:240% 180%;animation:hero-flow 8s ease-in-out infinite alternate}
.hero-art{background:transparent;overflow:visible;isolation:auto}.hero-art::before,.hero-art::after{content:none;animation:none}.hero-art img{filter:none}
@keyframes hero-flow{0%{background-position:0% 25%}50%{background-position:50% 75%}100%{background-position:100% 35%}}
@media(prefers-reduced-motion:reduce){.hero{animation:none;background-position:50% 50%}}

/* Factual series now sit between represented clients and commercial services. */
#factual-series{margin-top:0}#factual-series>.subheading{padding-top:0}

/* Consistent spacing through the hero copy, action and role line. */
.hero h1{margin-bottom:28px}.hero-bottom .button{margin-top:28px}.hero-position{margin-top:28px}
@media(max-width:600px){.hero h1{margin-bottom:24px}.hero-bottom .button{margin-top:24px}.hero-position{margin-top:24px}}

/* Supplied landscape Flame Distribution logo. */
.logo-flame{background:#0b3041}.logo-flame img{width:100%;height:100%;object-fit:contain;transform:none}