/* Company page v37. Navy, warm white and whitespace; one credited agency reference and a product illustration. */
.about-page{--about-body:18px;--about-small:14px;--about-copy:#536277;--about-border:#dce3ec}
.about-page main p{text-wrap:pretty}
.company-overview-surface{background:#faf8f3}
.company-intro{padding-block:48px 55px}
.company-intro-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}
.company-intro-heading .eyebrow{font-size:12px;letter-spacing:.14em;color:#8b7752;margin:0}
.company-identity{font-size:17px;color:#687486;line-height:1.6}
.company-opening{display:grid;grid-template-columns:1.32fr 1fr;gap:70px;align-items:end;padding-block:38px 42px}
.company-page-label{font-size:17px;letter-spacing:.06em;color:#65748b;margin-bottom:20px}
.company-intro h1{font-size:49px;line-height:1.34;letter-spacing:-.045em;color:var(--navy)}
.company-opening-note{padding-bottom:6px}
.company-opening-note p{font-size:18px;line-height:1.9;color:var(--about-copy)}
.company-opening-note p+p{margin-top:22px}
.company-functions{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #d9d3c5;padding-top:26px}
.company-functions li{position:relative;padding:0 14px 0 24px;min-width:0}
.company-functions li:first-child{padding-left:0}
.company-functions li+li{border-left:1px solid #ded9ce}
.company-functions li>span{font-size:12px;font-variant-numeric:tabular-nums;color:#96815a}
.company-functions strong{display:block;font-size:22px;font-weight:600;color:var(--navy);margin-top:10px}
.company-functions li>p{font-size:13px;color:#6b7685;margin-top:8px;white-space:nowrap}
.agency-reference{padding-block:82px 66px}
.agency-heading{display:grid;grid-template-columns:1.32fr 1fr;align-items:end;column-gap:62px;margin-bottom:37px}
.agency-heading>.eyebrow{grid-column:1/-1;color:#1d1d1f;font-size:18px;font-weight:600;margin-bottom:18px}
.agency-heading h2{font-size:42px;line-height:1.35;color:var(--navy)}
.agency-principle{font-size:18px;line-height:1.85;color:#1d1d1f;max-width:470px}.agency-principle strong{font-weight:600}
.agency-feature{display:grid;grid-template-columns:1.32fr 1fr;gap:62px;align-items:start}
.agency-images{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;overflow:hidden;border-radius:4px}
.agency-images img{width:100%;height:440px;object-fit:cover}
.agency-images .agency-facade{object-position:43% 50%}
.agency-images .agency-interior{object-position:52% 50%}
.agency-photo-pair figcaption{display:flex;justify-content:space-between;gap:20px;align-items:start;font-size:11px;line-height:1.9;color:#738093;padding-top:17px}
.agency-photo-pair figcaption strong{color:#465a72;font-size:13px;font-weight:600}
.agency-photo-pair figcaption>span:last-child{text-align:right}
.agency-photo-pair figcaption a{text-decoration:underline;text-underline-offset:3px}
.agency-story{padding-top:6px}.agency-story h3{font-size:28px;line-height:1.55;font-weight:600;color:#1d1d1f;margin-bottom:24px}.agency-keywords{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.agency-keywords span{font-size:15px;color:var(--navy);border-bottom:2px solid #b59555;padding-bottom:7px}
.agency-story>p{font-size:18px;line-height:1.9;color:#1d1d1f}
.agency-story>p+p{margin-top:19px}
.agency-story strong{font-weight:600;color:inherit}
.agency-case-note{display:grid;grid-template-columns:190px 1fr;gap:30px;margin-top:36px;padding-top:20px;border-top:1px solid var(--about-border);color:#687486}
.agency-case-note h4{font-size:13px;line-height:1.6;font-weight:600;margin:0 0 9px;color:#586574}
.agency-case-note p{font-size:14px;line-height:1.85;color:inherit}
.agency-comparison-section{padding-block:16px 72px}
.agency-comparison-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-top:34px;border-top:1px solid var(--about-border)}
.agency-comparison-heading .eyebrow{font-size:13px;color:#8b7752;margin-top:8px}
.agency-comparison-heading h2{font-size:32px;line-height:1.5;color:var(--navy);width:55%}
.agency-comparison{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:34px}
.agency-comparison article{padding-top:21px;border-top:1px solid var(--about-border)}
.comparison-label{font-size:12px;color:#7b889b;margin-bottom:12px}
.agency-comparison h3{font-size:24px;color:var(--navy);margin-bottom:16px}
.agency-comparison p:not(.comparison-label){font-size:17px;line-height:1.9;color:var(--about-copy)}
.agency-choice .comparison-label{color:#8b7043}
.company-index{display:flex;flex-wrap:wrap;gap:30px 38px;padding-block:23px;border-bottom:1px solid var(--about-border);font-size:15px;color:#586a82}.company-index a:hover{color:var(--blue)}
.company-section{padding-block:64px}.company-section>h2{font-size:36px;margin-bottom:35px}
.founder-identity-row{display:grid;grid-template-columns:.55fr 1.45fr;gap:55px;align-items:start}.founder-heading{border-left:3px solid #b59555;padding-left:25px}.founder-heading h3{font-size:44px;color:var(--navy);line-height:1.25}.founder-heading h3>span{font-size:22px;font-weight:400;letter-spacing:.04em;margin-left:13px}.founder-heading>p{font-size:16px;color:#65758b;margin-top:13px}.career-intro h3{font-size:24px;margin-bottom:16px}.career-intro>p{font-size:var(--about-body);color:var(--about-copy);line-height:1.95}
.education-block{margin-top:38px}
.education-block>h3{font-size:23px;font-weight:600;color:var(--navy);margin-bottom:22px}
.school-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.school-badge{min-width:0;padding:25px 25px 27px;background:#f4f6f9;border:1px solid #e1e6ee;border-radius:15px}
.school-mark{height:76px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:24px;overflow:hidden}
.school-mark img{width:auto;height:auto;max-width:100%;object-fit:contain}
.school-nottingham .school-mark{width:67px;height:76px}
.school-nottingham .school-mark img{height:76px;width:auto;max-width:none;flex-shrink:0;object-fit:initial}
.school-imperial .school-mark img{width:185px}
.school-kedge .school-mark{width:132px;background:#172027;padding:14px;border-radius:7px}
.school-kedge .school-mark img{width:104px}
.school-copy{display:grid;grid-template-rows:auto 52px 75px 52px;align-items:start}
.school-copy h4{font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.5;margin:0;color:#263e55}
.school-en,.degree-en{font-size:14px;line-height:1.55;color:#6c7c90;overflow-wrap:anywhere}
.school-en{padding-top:7px}
.school-degree{font-size:20px;line-height:1.5;font-weight:600;color:#263e55;padding-top:13px;margin:0}
.degree-en{padding-top:7px}
.career-evidence{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start;margin-top:32px}.career-years{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;list-style:none}.career-years li{border-top:1px solid #ccd6e4;padding-top:18px}.career-years strong{font-size:28px;font-weight:600;color:var(--navy);display:block;line-height:1.2}.career-years span{display:block;font-size:14px;line-height:1.8;color:var(--about-copy);margin-top:12px}.career-quote{font-size:16px;line-height:1.95;color:var(--about-copy);border-left:2px solid #c3a366;padding:8px 0 8px 21px;margin:0}.career-quote cite{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:#63748b;font-style:normal;margin-top:13px}.career-quote cite>span{white-space:nowrap}
.founder-highlights{margin-top:50px}.highlights-heading{display:flex;align-items:baseline;gap:35px;justify-content:space-between;margin-bottom:26px}.highlights-heading h3{font-size:32px;white-space:nowrap}.highlights-heading p{font-size:17px;color:#657184;line-height:1.85;max-width:540px}.highlights-grid{display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden;border:1px solid var(--about-border)}.highlights-grid article{padding:33px 35px 35px;min-width:0;position:relative}.highlights-grid article:nth-child(odd){border-right:1px solid var(--about-border)}.highlight-index{font-size:14px;color:#8b7852;font-variant-numeric:tabular-nums}.highlights-grid h4{font-size:27px;line-height:1.5;font-weight:600;margin:18px 0 0;color:var(--navy)}.highlights-grid article>p{font-size:var(--about-body);line-height:1.95;color:var(--about-copy);margin-top:20px}.highlights-grid .industry-line{font-size:14px;color:#687b91;margin-top:24px}.highlights-grid .highlight-result{background:var(--navy);border-top:1px solid #31507d;padding-top:31px}.highlights-grid .highlight-result:nth-child(odd){border-right:1px solid #31507d}.highlight-result .highlight-index{color:#d7b66b}.highlight-result h4{color:#fff}.highlight-metric{font-size:66px;line-height:1.15;letter-spacing:-.04em;color:white;font-weight:600;margin-top:25px;font-variant-numeric:tabular-nums;white-space:nowrap}.highlight-metric span{font-size:24px;letter-spacing:0;margin-left:8px;font-weight:400;color:#e1bd6d}.highlights-grid .highlight-result>p{color:#d7e1ef}.highlights-grid article>.metric-caption{font-size:15px;color:#acbed7;margin-top:14px}.founder-highlights>.founder-source{font-size:13px;color:#6d7a8e;margin-top:19px}
.team-surface{background:#f0f3f8}.team-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.team-roles article{border-top:1px solid #bdc9da;padding-top:23px}.team-roles article>span{font-size:14px;color:#687a94}.team-roles h3{font-size:27px;margin-top:21px}.team-roles p{font-size:var(--about-body);color:var(--about-copy);line-height:1.95;margin:19px 0 24px}.team-roles .text-link{font-size:16px}
.company-contact{padding-block:52px 75px}.company-contact h2{font-size:36px}.company-contact p{font-size:18px;line-height:1.9;color:var(--about-copy);margin:23px 0 29px}
.agency-advantages{margin-top:50px;border-top:1px solid var(--about-border);padding-top:36px}.agency-advantages-heading>p{font-size:14px;color:#6b7685;margin-bottom:12px}.agency-advantages-heading h3{font-size:28px;color:#1d1d1f;line-height:1.5}.agency-advantages-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin-top:15px}.agency-advantages-list li{display:grid;grid-template-columns:35px 1fr;gap:16px;border-bottom:1px solid var(--about-border);padding:26px 0 30px;min-width:0}.advantage-number{font-size:16px;color:#9a7b3d;line-height:1.8;font-variant-numeric:tabular-nums}.agency-advantages-list h4{font-size:22px;font-weight:600;color:var(--navy);line-height:1.5;margin-bottom:12px}.agency-advantages-list p{font-size:17px;line-height:1.9;color:var(--about-copy)}.agency-team-line{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:15px}.agency-team-line span{font-size:13px;color:#263f58}.agency-team-line span+span:before{content:'·';color:#b59555;margin-right:14px}
.career-lead{font-size:15px;color:#687486;margin-bottom:18px}.career-institutions{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-bottom:26px}.career-institutions li{border-top:1px solid var(--about-border);padding-top:13px;min-width:0}.career-institutions span{font-size:12px;color:#9a7b3d}.career-institutions strong{display:block;font-size:22px;line-height:1.5;color:var(--navy);margin:7px 0}.career-institutions small{font-size:13px;line-height:1.8;color:#687486;display:block}.career-management,.career-specialties{display:grid;grid-template-columns:85px 1fr;gap:18px;padding-block:16px;border-top:1px solid var(--about-border)}.career-management>span,.career-specialties>span{font-size:14px;color:#8b7752;line-height:1.9}.career-management p,.career-specialties p{font-size:17px;line-height:1.9;color:var(--about-copy)}
@media(max-width:1050px){
 .founder-identity-row{gap:35px}.school-badges{gap:12px}.school-badge{padding:23px 20px}.school-copy h4{font-size:19px}.school-degree{font-size:18px}.school-en,.degree-en{font-size:13px}.school-copy{grid-template-rows:auto 48px 75px 52px}.school-imperial .school-mark img{width:172px}
 .highlights-grid article{padding:29px}.highlight-metric{font-size:58px}.team-roles{gap:27px}.team-roles h3{font-size:25px}
}
@media(min-width:761px) and (max-width:900px){
 .school-badges{grid-template-columns:1fr}.school-badge{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:center;padding:26px}.school-mark{margin-bottom:0}.school-copy{display:block}.school-degree{padding-top:11px}.school-en,.degree-en{padding-top:5px}
}
@media(max-width:760px){
 .about-page{--about-body:17px;--about-small:13px}
 .company-index{display:grid;grid-template-columns:1fr 1fr;gap:19px 24px;font-size:14px;padding-block:22px}.company-section{padding-block:45px}.company-section>h2{font-size:31px;margin-bottom:27px}.founder-identity-row{grid-template-columns:1fr;gap:28px}.founder-heading{padding-left:21px}.founder-heading h3{font-size:39px}.founder-heading h3>span{font-size:19px;margin-left:12px}.founder-heading>p{font-size:15px;margin-top:12px}.career-intro h3{font-size:23px;margin-bottom:15px}
 .education-block{margin-top:29px}.education-block>h3{font-size:23px;margin-bottom:21px}.school-badges{grid-template-columns:1fr;gap:14px}.school-badge{padding:25px 24px 27px}.school-mark{margin-bottom:21px}.school-imperial .school-mark img{width:185px}.school-copy{display:block}.school-copy h4{font-size:21px}.school-degree{font-size:20px;padding-top:16px}.school-en,.degree-en{font-size:14px;padding-top:6px}
 .career-evidence{grid-template-columns:1fr;gap:27px;margin-top:28px}.career-years{gap:12px}.career-years strong{font-size:27px}.career-years span{font-size:13px}.career-quote{font-size:15px;padding-left:17px}.career-quote cite{font-size:12px}.founder-highlights{margin-top:38px}.highlights-heading{display:block;margin-bottom:23px}.highlights-heading h3{font-size:29px}.highlights-heading p{font-size:16px;margin-top:14px}.highlights-grid{grid-template-columns:1fr;border-radius:18px}.highlights-grid article{padding:27px 25px;border-right:0;border-top:1px solid var(--about-border)}.highlights-grid article:nth-child(odd){border-right:0}.highlights-grid article:first-child{border-top:0}.highlights-grid .highlight-result:nth-child(odd){border-right:0}.highlights-grid h4{font-size:25px;margin-top:14px}.highlights-grid article>p{margin-top:17px}.highlights-grid .industry-line{font-size:13px;margin-top:22px}.highlight-metric{font-size:58px;margin-top:22px}.highlight-metric span{font-size:21px}.highlights-grid article>.metric-caption{font-size:14px}.founder-highlights>.founder-source{font-size:12px}.team-roles{grid-template-columns:1fr;gap:34px}.team-roles h3{font-size:26px;margin-top:16px}.team-roles p{margin-block:16px 20px}.company-contact{padding-block:40px 58px}.company-contact h2{font-size:31px}.company-contact p{font-size:16px}
}
@media(max-width:350px){
 .school-badge{padding:23px 21px 25px}.school-copy h4{font-size:20px}.school-degree{font-size:19px}.school-en,.degree-en{font-size:13px}.highlights-grid article{padding-inline:22px}.highlight-metric{font-size:53px}.highlights-grid h4{font-size:23px}.highlights-heading h3{font-size:27px}
}

/* Product and production experience is intentionally visual, without implying a photographed factory. */
.highlights-grid .factory-experience{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;gap:26px;align-items:center;background:#f6f8fa;border:0;padding:42px}
.factory-copy h4{font-size:30px;line-height:1.5;margin-top:17px}
.factory-copy>p{font-size:18px;line-height:1.9;color:var(--about-copy);margin-top:22px}
.factory-copy>.industry-line{margin-top:26px;color:#8a744c;font-size:14px}
.factory-visual img{width:100%;height:auto}
.factory-visual figcaption{font-size:13px;text-align:center;color:#748093;letter-spacing:.14em;margin-top:-10px}
.highlights-grid .industry-experience{grid-column:1/-1;display:grid;grid-template-columns:185px 1fr;column-gap:30px;border-top:1px solid var(--about-border);padding-block:28px}
.industry-experience .highlight-index{grid-column:1;font-size:12px}
.industry-experience h4{grid-column:1;grid-row:2;margin-top:8px;font-size:23px}
.highlights-grid .industry-experience>p{grid-column:2;grid-row:1/3;margin:0;align-self:center}
.highlights-grid .industry-experience>.industry-line{grid-column:2;grid-row:3;margin-top:12px}
@media(max-width:1050px){
 .company-opening{gap:36px;grid-template-columns:1.3fr 1fr}.company-intro h1{font-size:46px}.company-opening-note p{font-size:17px}.company-functions strong{font-size:20px}.company-functions li{padding-left:17px}.company-functions li>p{font-size:11px}
 .agency-heading,.agency-feature{gap:36px;grid-template-columns:1.2fr 1fr}.agency-heading h3{font-size:25px}.agency-images img{height:400px}.agency-story>p{font-size:17px}.agency-photo-pair figcaption{display:block}.agency-photo-pair figcaption>span{display:block}.agency-photo-pair figcaption>span:last-child{text-align:left;margin-top:8px}
}
@media(max-width:760px){
 .company-intro{padding-block:32px 36px}.company-intro-heading{display:block}.company-intro-heading .eyebrow{font-size:11px}.company-identity{font-size:12px;margin-top:12px}.company-opening{display:block;padding-block:35px 33px}.company-page-label{font-size:15px;margin-bottom:17px}.company-intro h1{font-size:37px;line-height:1.4}.company-opening-note{padding:0;margin-top:25px}.company-opening-note p{font-size:17px;line-height:1.8}.company-opening-note p+p{margin-top:14px}.desktop-break{display:none}
 .company-functions{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;padding-top:23px}.company-functions li{padding-left:0}.company-functions li:nth-child(even){padding-left:22px;border-left:1px solid #ded9ce}.company-functions li:nth-child(odd){border-left:0}.company-functions strong{font-size:21px;margin-top:6px}.company-functions li>p{font-size:12px;margin-top:6px}.company-functions li:last-child{grid-column:1/-1}
 .agency-reference{padding-block:44px 35px}.agency-heading{display:block;margin-bottom:26px}.agency-heading>.eyebrow{font-size:12px;margin-bottom:13px}.agency-heading h2{font-size:32px}.agency-heading h2 br{display:none}.agency-heading h3{font-size:23px;margin-top:23px;padding:0}.agency-feature{grid-template-columns:1fr;gap:28px}.agency-images{gap:8px;grid-template-columns:1.13fr 1fr}.agency-images img{height:305px}.agency-photo-pair figcaption{font-size:10px;display:flex;gap:12px;padding-top:13px}.agency-photo-pair figcaption strong{font-size:12px}.agency-photo-pair figcaption>span:last-child{text-align:right;margin-top:0}
 .agency-story>p{font-size:17px}.agency-case-note{margin-top:25px;padding-top:19px}.agency-case-note p{font-size:14px}
 .agency-comparison-section{padding-block:0 40px}.agency-comparison-heading{display:block;padding-top:26px}.agency-comparison-heading h2{width:auto;font-size:28px}.agency-comparison-heading .eyebrow{margin:0 0 17px}.agency-comparison{grid-template-columns:1fr;gap:27px;margin-top:25px}.agency-comparison h3{font-size:23px}.agency-comparison p:not(.comparison-label){font-size:17px}
 .highlights-grid .factory-experience{grid-template-columns:1fr;padding:27px 25px;gap:17px}.factory-copy h4{font-size:26px}.factory-copy>p{font-size:17px;margin-top:18px}.factory-visual{margin-top:-8px}.factory-visual figcaption{font-size:12px}.highlights-grid .industry-experience{display:block;padding:27px 25px}.industry-experience h4{font-size:25px;margin-top:14px}.highlights-grid .industry-experience>p{margin-top:17px}.highlights-grid .industry-experience>.industry-line{margin-top:22px}
}
@media(max-width:360px){.company-intro h1{font-size:32px}.agency-images img{height:275px}.agency-photo-pair figcaption{display:block}.agency-photo-pair figcaption>span:last-child{text-align:left;margin-top:8px}.company-functions strong{font-size:20px}}

@media(max-width:760px){.company-identity{font-size:15px}.company-opening{padding-block:30px}.company-intro h1{font-size:36px;line-height:1.4}.agency-heading>.eyebrow{font-size:17px}.agency-principle{font-size:17px;margin-top:20px}.agency-story h3{font-size:25px}.agency-advantages{margin-top:32px;padding-top:27px}.agency-advantages-heading h3{font-size:25px}.agency-advantages-list{grid-template-columns:1fr;gap:0}.agency-advantages-list li{padding-block:24px;grid-template-columns:28px 1fr;gap:12px}.agency-advantages-list h4{font-size:21px}.agency-advantages-list p{font-size:17px}.agency-case-note{display:block}.agency-case-note h4{margin-bottom:7px}.career-institutions{gap:14px}.career-institutions strong{font-size:17px}.career-institutions small{font-size:12px}.career-management,.career-specialties{grid-template-columns:1fr;gap:5px}.career-management p,.career-specialties p{font-size:17px}}
