:root{--page-max-width:1200px;--space-page-mobile:20px;--space-page-tablet:30px;--space-page-desktop:30px;--section-padding-mobile:72px;--section-padding-tablet:96px;--section-padding-desktop:128px}.container{width:100%;max-width:var(--page-max-width);padding-inline:var(--space-page-mobile);margin-inline:auto}.section{padding-block:var(--section-padding-mobile)}@media (width>=768px){.container{padding-inline:var(--space-page-tablet)}.section{padding-block:var(--section-padding-tablet)}}@media (width>=1024px){.container{padding-inline:var(--space-page-desktop)}}@media (width>=1280px){.section{padding-block:var(--section-padding-desktop)}}@media (width>=1440px){:root{--page-max-width:1240px}}.button{border-radius:var(--btn-radius);min-height:50px;font-family:var(--font-primary,"Cairo", Arial, sans-serif);justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:1rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .18s,background-color .18s,color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--colour-text-primary,#fff);color:var(--colour-surface-dark,#020808)}.button--secondary{color:var(--colour-text-primary,#fff);background:#ffffff0f;border:1px solid #ffffff47}.hero-button{border-radius:var(--btn-radius);min-height:50px;font-family:var(--font-primary,"Cairo", Arial, sans-serif);justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.hero-button:hover{transform:translateY(-1px)}.hero-button--primary{background:var(--colour-accent,#00d8cc);color:#001313}.hero-button--secondary{color:#ffffffdb;background:#ffffff05;border:1px solid #ffffff47}.hero-button--tertiary{border:var(--page);background:var(--page);color:var(--text)}.view-case-study{background:var(--page);color:var(--text);border:1px solid #020c0d80;margin-top:10px}.view-case-study:hover{background-color:var(--accent);border-color:var(--accent);color:var(--white-text)}:root{--page:#fff;--bg:linear-gradient(270deg, #010708 0%, #0b3c40 100%);--grey-bg:#f8fafc;--scroll-bg:#0b3c400d;--text:#020c0d;--black:#020c0d;--accent:#00d5be;--white-text:#fff;--text-span:.6;--btn-radius:16px;--card-radius:14px;--chip-radius:9999px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--text);margin:0;font-family:Cairo,Arial,sans-serif;font-weight:400;line-height:1.2;overflow-x:hidden}img{max-width:100%;display:block}section{margin:0}.darkSection{background:var(--bg);color:var(--white-text)}.greySection{background:var(--grey-bg);color:var(--text)}.textSpan,.text-span{opacity:var(--text-span)}.sectionHeader{text-align:center;margin-bottom:40px}.sectionTitle{margin:0;padding-bottom:20px;font-size:2rem;font-weight:500;line-height:1.2}.sectionSummary{margin:0;padding-bottom:20px;font-size:1rem;font-weight:400;line-height:1.4}.full-screen{min-height:calc(100svh - var(--header-height-mobile,72px));flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-header{text-align:center;flex-direction:column;justify-content:center;gap:20px;display:flex}.hero-title{color:var(--white-text);margin:0 auto;font-size:2.6rem;font-weight:600;line-height:1.2}.hero-subtitle{margin:0;font-size:1.13rem;font-weight:600;line-height:1.2}.hero-summary{color:var(--white-text);margin:0;font-size:1.2rem;font-weight:400;line-height:1.4}.scroll-wrap{justify-content:center;display:flex}.scroll-to{width:50px;height:50px;color:var(--accent);background:var(--scroll-bg);border-radius:999px;justify-content:center;align-items:center;margin-top:30px;text-decoration:none;transition:opacity .18s;display:flex}.scroll-to svg{width:32px;height:32px}.darkSection .scroll-to,.hero-header .scroll-to{color:#ffffff8c;background:#ffffff14}h2.questions,h3.questions{margin:0;font-size:1.75rem;font-weight:400;line-height:1.2}.cards{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.case-study-list{flex-direction:column;align-items:center;gap:0;display:flex}.case-study-card{flex-direction:column;justify-content:center;width:100%;max-width:600px;margin:60px 0;display:flex}.case-study-card__link{width:100%;color:inherit;text-align:center;flex-direction:column;justify-content:center;text-decoration:none;display:flex}.case-study-card__image-wrap{align-items:center;width:100%;margin-inline:auto;display:flex}.case-study-card__image{object-fit:contain;width:100%;height:auto;display:block}.case-study-card__content{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:24px;display:flex}.case-study-card__title{color:var(--text,#020808);margin:0;font-size:2rem;font-weight:700;line-height:1}.case-study-card__subtitle{color:var(--text,#020808);margin:0;font-size:1.13rem;font-weight:600;line-height:1.2}.case-study-card__summary{opacity:var(--text-span);margin:0;font-size:1rem;line-height:1.4}.case-study-card__tags{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.case-study-card__tags li{color:#020808b3;background:#0208080f;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:5px 15px;font-size:.8rem;font-weight:400;line-height:1;display:inline-flex}.darkSection .case-study-card__tags li{color:var(--white-text);background:#ffffff1a;padding:10px 20px;font-size:1rem}.Glance,.aboutProject,.MyRole,.ProjectDemonstrates,.core,.Bespoke,.nextCase{padding:60px 0}.heroCentered .full-screen{display:flex}.heroCentered .headerWrap{flex-direction:column;justify-content:center;display:flex}.heroCentered .productHeroImage{max-width:500px}.heroCentered .case-study-card__tags{justify-content:center}@media (width>=1024px){.heroCentered .hero-header{text-align:center;justify-content:center}.heroCentered .productHeroImage{order:0}.heroCentered .hero-header{order:1}.heroCentered .full-screen{justify-content:center}.heroCentered .headerWrap{align-items:center}.hero-title{font-size:4rem}.hero-subtitle{font-size:2rem}.cards{flex-direction:row}.case-study-card__image-wrap{max-width:460px}.case-study-card__content{margin-top:28px}.Glance,.aboutProject,.MyRole,.ProjectDemonstrates,.design-leadership,.Bespoke,.nextCase{padding:100px 0}}.cookie-banner{z-index:2000;background:var(--black);border-top:1px solid #ffffff14;width:100%;position:fixed;bottom:0;left:0}.cookie-banner__inner{flex-direction:column;gap:16px;padding-top:20px;padding-bottom:20px;display:flex}.cookie-banner__text{color:#ffffffbf;margin:0;font-size:.95rem;line-height:1.5}.cookie-banner__text a{color:var(--accent);text-decoration:none}.cookie-banner__text a:hover{text-decoration:underline}.cookie-banner__actions{flex-shrink:0;gap:12px;display:flex}@media (width>=768px){.cookie-banner__inner{flex-direction:row;justify-content:space-between;align-items:center}}
