:root{--paper:#f4efe6;--ink:#141311;--muted:#736d63;--white:#fffaf2;--red:#b34e36}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0;letter-spacing:-.035em}p{line-height:1.6}.wrap{max-width:1312px;width:calc(100% - 128px);margin:auto}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:600}.header{position:absolute;inset:0 0 auto;z-index:10;height:88px;padding:0 64px;display:flex;justify-content:space-between;align-items:center;max-width:none;width:100%;background:rgba(20,19,17,.38);color:var(--white);border-bottom:1px solid #fffaf238;backdrop-filter:blur(24px)}.brand{display:flex;align-items:center;gap:14px}.mark{font:38px Parisienne,cursive;width:64px}.brand strong{display:block;font-size:15px;font-weight:500}.brand small{font-size:11px;color:#fffaf2b8}nav{display:flex;gap:30px;font-size:13px}nav [aria-current]{border-bottom:1px solid #fffaf2;padding:7px 0}.work-intro{height:500px;overflow:hidden;position:relative;background:#171919;color:var(--white)}.intro-light{position:absolute;inset:0;background:radial-gradient(ellipse at 95% 20%,#b6cabb45,transparent 44%),radial-gradient(ellipse at 63% 160%,#b7995740,transparent 60%)}.work-intro .wrap{position:relative;padding-top:166px}.work-intro h1{font-size:64px;line-height:1.1;margin-top:25px}.work-intro p{font-size:15px;color:#ded9cf;margin:24px 0}.jump{font-size:12px;display:inline-block;padding:10px 0;border-bottom:1px solid #ffffff40}.collection{padding-top:32px}.project{min-width:0}.project-image{height:540px;position:relative;overflow:hidden;background:#171919;color:var(--white);border-radius:4px}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070b0be8,rgba(7,11,11,.45) 45%,transparent 75%);pointer-events:none}.project:hover .project-image>img{transform:scale(1.025)}.wide .project-image{height:660px}.wide .project-image:after{background:linear-gradient(90deg,#07130cce,transparent 85%),linear-gradient(0deg,#07130ce0,transparent 85%)}.project-copy{position:absolute;z-index:2;left:32px;right:32px;bottom:36px}.project h3{font-size:42px;line-height:1.09;margin-top:15px}.project-copy p{font-size:13px;color:#e5e0d5;max-width:420px;margin:17px 0 22px}.wide .project-copy{left:48px;bottom:48px}.wide h3{font-size:72px}.wide .project-copy p{font-size:16px}.actions{display:flex;gap:28px;align-items:center}.read-more{display:inline-flex;align-items:center;gap:20px;border:0;border-bottom:1px solid #fffaf26b;padding:14px 0;background:transparent;color:var(--white);font-size:13px}.read-more span{transition:transform .3s}.read-more[aria-expanded=true] span{transform:rotate(180deg)}.glass-link{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:14px 22px;border-radius:999px;background:var(--glass-button-bg,rgba(255,250,240,.48));border:1px solid rgba(255,252,247,.65);backdrop-filter:blur(16px);color:var(--ink);font-size:14px;font-weight:700;min-width:190px;transition:background .2s}.glass-link:hover{background:rgba(255,250,240,.62)}.concept-note{position:absolute;z-index:2;right:24px;top:24px;font-size:9px;color:#ffffffb8}.project-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease;background:#e9e3d8}.project-detail>div{overflow:hidden}.project-detail p{font-size:14px;margin:0;padding:25px 32px;color:#514c43;max-width:950px}.project-detail.open{grid-template-rows:1fr}.section-head{padding:85px 0 34px}.section-head .eyebrow{color:var(--red)}.section-head h2{font-size:40px;line-height:1.2;margin-top:18px}.section-head p{font-size:14px;color:var(--muted);margin-bottom:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.reimagined .project-image{height:640px}.deloitte .project-image{background:radial-gradient(ellipse at 80% 20%,#8ea6bf,#344c68 47%,#142330)}.soho .project-image{background:radial-gradient(ellipse at 80% 18%,#edc396,#bf805d 48%,#57392c)}.reimagined .project-image:after{background:linear-gradient(0deg,#0c182bf0,transparent 68%)}.soho .project-image:after{background:linear-gradient(0deg,#241611f0,transparent 68%)}.product-demo{position:absolute;top:55px;right:-8px;width:430px;padding:25px;background:linear-gradient(135deg,#fffffff5,#e9edf0ec);color:#263744;border:1px solid #fff9;box-shadow:-15px 20px 70px #09132450;border-radius:16px;transform:rotate(-5deg);font-family:Inter,sans-serif}.hub-demo{width:490px;right:-35px;transform:rotate(5deg);background:linear-gradient(135deg,#fff9f3,#f4e6d6)}.app-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.app-brand{font-weight:700;font-size:12px}.status{font-size:8px;padding:6px 8px;border:1px solid #76859055;border-radius:20px}.product-demo h4{font-size:22px;line-height:1.3;letter-spacing:-.03em;margin:0 0 10px}.app-muted{font-size:10px;color:#6c7b87;margin:0 0 15px}.hours{display:flex;align-items:end;justify-content:space-between;margin:20px 0}.hours strong{font-size:40px;font-weight:500}.hours strong span{display:block;font-size:9px;font-weight:400}.bars{display:flex;align-items:end;gap:9px;padding-right:20px}.bars i{display:block;width:17px;background:linear-gradient(#7ca3c4,#bcd4e7);border-radius:4px}.entry{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #d1d9df;font-size:11px}.entry small{font-size:9px;color:#708290}.entry b{font-size:15px;font-weight:500}.ai-chip{font-size:9px;color:#5e7284;padding:13px 0}.app-button{padding:13px 16px;color:white;background:#2e4c68;border-radius:7px;font-size:11px;font-weight:600}.brief{padding:15px;background:#ffffffa8;border:1px solid #dccfc0;border-radius:8px;font-size:12px;margin:20px 0}.brief small{display:block;font-size:9px;color:#93775f;margin-top:9px}.hub-options{display:flex;gap:12px}.hub-options>div{flex:1;border:1px solid #dacbbb;border-radius:8px;padding:13px;background:#fff9f2}.hub-options span,.hub-options small{font-size:9px;color:#927153;display:block}.hub-options b{font-size:12px;display:block;margin:10px 0}.hub-demo .app-button{background:#925f3f}.closing{padding:100px 0;display:flex;justify-content:space-between;align-items:center}.closing h2{font-size:56px;line-height:1.1}.closing a{font-size:18px;border-bottom:1px solid #766b5b;padding:12px 0}footer{padding:25px 0 40px;border-top:1px solid #d7cfc2;font-size:11px;color:var(--muted);display:flex;justify-content:space-between}dialog{width:min(780px,calc(100% - 32px));border:1px solid #fff8;border-radius:16px;background:var(--paper);padding:48px;color:var(--ink)}dialog::backdrop{background:#091011aa;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:20px;top:15px;border:0;background:transparent;font-size:30px}dialog h2{font-size:38px;margin:18px 0 28px}dialog p{font-size:14px;color:var(--muted)}.study-panel{background:white;border:1px solid #d5d5d0;border-radius:12px;padding:24px}.study-row{padding:18px 0;border-bottom:1px solid #ddd;display:flex;gap:20px;align-items:center;justify-content:space-between}.study-panel button{padding:12px 18px;border:0;border-radius:8px;background:#2e4c68;color:white;font-weight:600}.study-panel input{padding:9px;border:1px solid #bbb;border-radius:6px;max-width:180px}.study-row small{display:block;font-size:11px;color:#777;margin-top:6px}button:focus-visible,a:focus-visible{outline:2px solid #eab178;outline-offset:5px}@media(max-width:850px){.wrap{width:calc(100% - 40px)}.header{padding:0 20px;height:76px}.brand small{display:none}.brand strong{font-size:13px}.mark{width:40px}nav{gap:16px;font-size:12px}.work-intro{height:460px}.work-intro .wrap{padding-top:140px}.work-intro h1{font-size:43px}.project-grid{grid-template-columns:1fr;gap:22px}.wide .project-image{height:620px}.wide h3{font-size:55px}.wide .project-copy,.project-copy{left:24px;right:24px;bottom:30px}.section-head{padding-top:60px}.section-head h2{font-size:32px}.product-demo{right:-70px;width:380px;top:55px}.hub-demo{width:430px;right:-70px}.closing{display:block;padding:65px 0}.closing h2{font-size:44px;margin-bottom:25px}.glass-link{min-width:170px;font-size:12px;padding:14px 17px}.actions{gap:22px}dialog{padding:30px 20px}footer{gap:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.paysend .project-image{background:radial-gradient(ellipse at 70% 20%,#b7a1df,#69529b 55%,#302241)}.payment-demo{right:-12px;top:45px;width:410px;background:#f6f3fe}.payment-amount{font-size:42px;margin:20px 0}.payment-demo .app-button{background:#6950b0}.games .project-image>img{transform:scale(1.2)}.games:hover .project-image>img{transform:scale(1.225)}.banking .project-image>img{transform:scale(1.55);object-position:center top}.banking:hover .project-image>img{transform:scale(1.575)}

.closing .contact-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:64px;min-width:250px;padding:21px 28px;border:1px solid #141311;border-radius:999px;background:#141311;color:#fffaf2;font-size:16px;font-weight:700;box-shadow:0 8px 22px #14131115;transition:background .2s,transform .2s}.closing .contact-cta:hover{background:#34332e;transform:translateY(-2px)}.closing .contact-cta span{font-size:24px;line-height:1}@media(max-width:850px){.closing .contact-cta{min-width:230px}}

/* Cinematic Work direction: edge-to-edge project chapters, distinct product compositions. */
.work-intro{height:820px;background:#0d0d0b}.work-intro-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.intro-light{background:linear-gradient(90deg,#050605aa,transparent 85%),linear-gradient(0deg,#05060570,transparent 45%)}.work-intro .wrap{padding-top:260px}.work-intro h1{font-size:72px;max-width:1000px}.work-intro p{margin-top:30px}.collection{max-width:none;width:100%;padding:0}.cinematic .project-image{height:820px;border-radius:0}.cinematic .project-copy{left:64px;right:auto;bottom:auto;top:50%;transform:translateY(-50%);width:570px}.cinematic h3{font-size:76px;line-height:1.04;letter-spacing:-.035em}.cinematic .project-copy p{font-size:16px;max-width:470px;margin:25px 0 30px}.cinematic .actions{gap:32px}.cinematic .glass-link{min-width:240px;padding:20px 24px}.cinematic .read-more{font-size:14px;gap:25px}.cinematic .project-image:after{background:linear-gradient(90deg,#070b0be0,rgba(7,11,11,.55) 38%,transparent 73%),linear-gradient(0deg,#070b0b45,transparent 65%)}.cinematic .concept-note{right:32px;top:auto;bottom:24px;font-size:10px}.cinematic .project-detail p{max-width:1100px;padding:35px 64px;font-size:16px}.section-head{padding:85px 64px 65px}.section-head h2{font-size:48px;max-width:1100px}.section-head p{font-size:15px}.cinematic .product-demo{top:120px;right:105px;left:auto;width:430px;transform:rotate(-4deg);z-index:1}.cinematic .hub-demo{top:155px;right:75px;width:490px;transform:rotate(4deg)}.cinematic .study-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinematic.deloitte .project-image:after,.cinematic.soho .project-image:after{background:linear-gradient(90deg,#070b0bdb,#070b0b55 47%,transparent 75%)}.cinematic.ford .project-image>img{object-position:center center}.cinematic.orange .project-image>img{object-position:center 45%}.cinematic.organisation .project-image>img{object-position:center center}.supporting-gallery{padding:0 64px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.supporting-gallery .project-image{height:500px}.supporting-gallery .project-copy{left:24px;right:24px;bottom:28px}.supporting-gallery h3{font-size:35px}.supporting-gallery .project-copy p{font-size:12px}.supporting-gallery .actions{gap:18px}.supporting-gallery .glass-link{font-size:12px;min-width:150px;gap:16px;padding:14px 16px}.supporting-gallery .read-more{font-size:12px;gap:12px}.supporting-gallery .product-demo{width:310px;right:-20px}.supporting-gallery .concept-note{font-size:8px;right:14px}
@media(max-width:1100px){.supporting-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.cinematic .product-demo{right:30px;width:370px;top:90px}.cinematic .hub-demo{width:400px}.cinematic .project-copy{width:480px}.cinematic h3{font-size:64px}}
@media(max-width:700px){.work-intro{height:760px}.work-intro .wrap{padding-top:170px}.work-intro h1{font-size:48px}.work-intro-image{object-position:65% center}.intro-light{background:linear-gradient(180deg,#050605b5,transparent 85%)}.cinematic .project-image{height:820px}.cinematic .project-copy{left:24px;right:24px;width:auto;top:auto;bottom:55px;transform:none}.cinematic h3{font-size:54px}.cinematic .project-copy p{font-size:14px;max-width:350px}.cinematic .project-image:after{background:linear-gradient(0deg,#070b0bf0,rgba(7,11,11,.5) 48%,transparent 85%)}.cinematic .product-demo{width:330px;right:-30px;top:55px;transform:rotate(-5deg)}.cinematic .hub-demo{width:370px;right:-30px;top:65px;transform:rotate(5deg)}.cinematic .glass-link{min-width:190px;padding:17px 20px;font-size:13px}.cinematic .actions{gap:25px}.cinematic .concept-note{left:24px;right:auto;font-size:8px;bottom:20px}.cinematic .project-detail p{padding:25px 24px;font-size:14px}.section-head{padding:58px 24px 42px}.section-head h2{font-size:34px}.supporting-gallery{grid-template-columns:1fr;padding:0 24px}.supporting-gallery .project-image{height:520px}.cinematic .study-backdrop{object-position:68% center}}

.supporting-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.supporting-gallery{grid-template-columns:1fr}}

.reserved-project{min-height:650px;background:radial-gradient(ellipse at 90% 35%,#29424666,transparent 50%),#111a1b;color:#fffaf2;display:flex;align-items:center;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.reserved-project .wrap{padding:100px 0}.reserved-project h2{font-size:68px;line-height:1.08;margin:24px 0;max-width:900px}.reserved-project p{font-size:14px;color:#a3b4b4}.reserved-label{display:inline-block;margin-top:45px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#91a5a5}@media(max-width:700px){.reserved-project{min-height:580px}.reserved-project .wrap{padding:65px 0}.reserved-project h2{font-size:46px}}

:root {
  --glass-button-bg: rgba(255,250,240,.48);
  --glass-button-hover: rgba(255,250,240,.62);
  --glass-button-pressed: rgba(255,250,240,.56);
  --glass-button-border: rgba(255,252,247,.65);
  --glass-button-ink: #141311;
  --glass-button-blur: 16px;
  --glass-header-bg: rgba(20,19,17,.38);
  --glass-header-border: rgba(255,250,240,.22);
  --glass-header-text: #fffaf0;
  --glass-header-blur: 24px;
  --glass-label-size: 14px;
  --glass-label-weight: 700;
  --glass-pill-radius: 999px;
}
.work-gateway .pill {
  width:290px; height:64px; min-height:64px; padding:12px 24px;
  justify-content:space-between; gap:20px;
  background:var(--glass-button-bg); color:var(--glass-button-ink);
  border:1px solid var(--glass-button-border); border-radius:var(--glass-pill-radius);
  backdrop-filter:blur(var(--glass-button-blur));
  -webkit-backdrop-filter:blur(var(--glass-button-blur));
  box-shadow:inset 0 1px 2px rgba(255,255,255,.22);
  font-size:var(--glass-label-size); font-weight:var(--glass-label-weight);
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.work-gateway .pill span {font-size:25px;font-weight:400;transition:transform .18s ease}
.work-gateway .pill:hover {background:var(--glass-button-hover);border-color:rgba(255,252,247,.85)}
.work-gateway .pill:hover span {transform:translateX(3px)}
.work-gateway .pill:active {background:var(--glass-button-pressed);transform:translateY(1px)}
.work-gateway .pill:focus-visible {outline:2px solid #fffaf0;outline-offset:4px}
.header {
  background:var(--glass-header-bg);color:var(--glass-header-text);
  border-bottom-color:var(--glass-header-border);
  backdrop-filter:blur(var(--glass-header-blur)) saturate(145%);
  -webkit-backdrop-filter:blur(var(--glass-header-blur)) saturate(145%);
}
@media(prefers-reduced-motion:reduce){.work-gateway .pill,.work-gateway .pill span{transition:none}.work-gateway .pill:hover span{transform:none}}

:root {
  --glass-raw-button-bg: rgba(255,250,240,.48);
  --glass-button-bg: var(--glass-raw-button-bg);
  --glass-raw-button-hover: rgba(255,250,240,.62);
  --glass-button-hover: var(--glass-raw-button-hover);
  --glass-raw-button-pressed: rgba(255,250,240,.56);
  --glass-button-pressed: var(--glass-raw-button-pressed);
  --glass-raw-button-border: rgba(255,252,247,.65);
  --glass-button-border: var(--glass-raw-button-border);
  --glass-raw-button-ink: #141311;
  --glass-button-ink: var(--glass-raw-button-ink);
  --glass-raw-header-bg: rgba(20,19,17,.38);
  --glass-header-bg: var(--glass-raw-header-bg);
  --glass-raw-header-border: rgba(255,250,240,.22);
  --glass-header-border: var(--glass-raw-header-border);
  --glass-raw-header-text: #fffaf0;
  --glass-header-text: var(--glass-raw-header-text);
  --glass-raw-header-secondary: rgba(255,250,240,.72);
  --glass-header-secondary: var(--glass-raw-header-secondary);
  --glass-button-padding:24px;
}
.work-gateway .pill{padding-left:var(--glass-button-padding);padding-right:var(--glass-button-padding)}
.header .brand small{color:var(--glass-header-secondary)}

:root{--header-height:88px;--page-gutter:64px}.nav-pending{opacity:.52;cursor:default}.header{gap:28px}.skip{position:absolute;z-index:100;left:16px;top:-80px;padding:12px 18px;background:var(--paper);color:var(--ink)}.skip:focus{top:12px}.header nav{align-items:center}.header .brand{flex-shrink:0}.header nav a{white-space:nowrap}.header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}img{max-width:100%}.glass-link{background:var(--glass-button-bg);border-color:var(--glass-button-border);color:var(--glass-button-ink)}@media(max-width:700px){.header .brand>span:last-child{display:none}.header{gap:12px;padding:0 20px}.header nav{gap:16px}.header .mark{width:40px}}@media(max-width:380px){.header nav{gap:12px;font-size:11px}}@media print{.header{position:static}.reveal-copy{opacity:1!important}.project-detail{grid-template-rows:1fr!important}}
@media(min-width:1101px){.work-intro h1{font-size:64px}.cinematic .project-copy{width:620px}.cinematic.soho h3{font-size:64px}}

.project-detail{transition:grid-template-rows 550ms cubic-bezier(.22,1,.36,1)!important}

.project-image.inline-disclosure{height:auto;display:flex;flex-direction:column;padding-top:var(--copy-space);padding-bottom:36px}
.project-image.inline-disclosure>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.inline-disclosure .project-copy,.wide .inline-disclosure .project-copy{position:relative;left:auto;right:auto;bottom:auto;margin:0 32px}
.wide .inline-disclosure .project-copy{margin:0 48px}
.inline-disclosure .project-detail{background:transparent;color:var(--white);margin-top:0;border-bottom:1px solid #fffaf250}
.inline-disclosure .project-detail p{color:#eee5d7;padding:24px 0;font-size:15px;line-height:1.65;max-width:760px}
@media(max-width:850px){.inline-disclosure .project-copy,.wide .inline-disclosure .project-copy{margin:0 24px}}

/* Append after the existing inline disclosure rules in styles.css. */
.project-image.inline-disclosure {
  min-height: var(--copy-min-height, 540px);
  padding-bottom: var(--copy-inset, 36px);
}
.inline-disclosure .project-copy,
.wide .inline-disclosure .project-copy {
  top: auto;
  transform: none;
}

/* Override the older !important expansion transition for spatial-motion users. */
@media (prefers-reduced-motion: reduce) {
  .project-detail { transition: none !important; }
}
.header nav a[aria-current=page]{border-bottom:0;text-decoration:underline;text-underline-offset:8px}
/* Client identity is part of the story, before the project descriptor. */
.client-brand{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;height:68px;padding:12px 16px;background:#141413;margin-bottom:22px}
.client-brand img{display:block;max-width:100%;width:190px;height:auto;max-height:44px;object-fit:contain}
.client-brand-ford{background:var(--paper)}.client-brand-ford img{width:90px;max-height:40px}
.client-brand-deloitte img{width:170px}.client-brand-orange img{width:56px;max-height:56px}.client-brand-orange{height:68px;padding:6px 16px}
.client-brand-autodesk img{width:205px}.client-brand-square-enix img{width:200px}.client-brand-santander img,.client-brand-paysend img{width:180px}.client-brand-wolters-kluwer img{width:220px}
.reserved-project .client-brand{margin-bottom:28px}
.cinematic.pipedrive .project-image{background:radial-gradient(ellipse at 95% 25%,#30684b,#0d291e 55%,#07130e)}
.current-product-source{font-size:12px!important;opacity:.8}.current-product-source a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.client-brand{height:60px;margin-bottom:20px}.client-brand img{width:165px;max-height:36px}.client-brand-orange{height:68px}.client-brand-orange img{width:56px;max-height:56px}.client-brand-ford img{width:90px}.client-brand-wolters-kluwer img{width:200px}.client-brand-autodesk img,.client-brand-square-enix img{width:185px}.current-product-source{line-height:1.6!important}}

/* Match the button-to-divider space to the paragraph-to-button space. */
.inline-disclosure .actions{margin-bottom:22px}
.cinematic .inline-disclosure .actions{margin-bottom:30px}

.product-demo.real-timesheet-preview{display:flex;gap:16px;background:transparent;border:0;box-shadow:none;padding:0;width:520px;max-width:48%;height:auto;transform:rotate(-5deg)}.project-image .real-timesheet-preview img{position:static!important;width:calc(50% - 8px)!important;height:auto!important;object-fit:contain!important;max-width:none;filter:drop-shadow(0 25px 25px #0008)}@media(max-width:700px){.product-demo.real-timesheet-preview{width:320px;max-width:65%;opacity:.5}}

/* Large desktop: use the same centred 1312px reading grid as .wrap.
   Keep all existing tablet/phone spacing and full-bleed image treatments. */
@media (min-width: 1441px) {
  :root { --desktop-content-inset: calc((100% - 1312px) / 2); }
  .header { padding-inline: var(--desktop-content-inset); }
  body .immersive { padding-inline: var(--desktop-content-inset); }
  body .hero-bottom { left: var(--desktop-content-inset); right: var(--desktop-content-inset); }
  .cinematic .project-copy { left: var(--desktop-content-inset); }
  .cinematic .inline-disclosure .project-copy,
  .cinematic.wide .inline-disclosure .project-copy {
    left: auto;
    margin-inline: var(--desktop-content-inset);
  }
  .section-head { padding-inline: var(--desktop-content-inset); }
  .supporting-gallery { padding-inline: var(--desktop-content-inset); }
  body .thinking-feature .thinking-card-copy { max-width: 1312px; padding-inline: 0; }
  body .thinking-grid { padding-inline: var(--desktop-content-inset); background: #252421; }
  body .thread-product-stage .wrap { max-width: 1312px; }
}

/* Shared Figma header: approved 53 × 44 SGR identity and personal navigation. */
.header{box-shadow:0 5px 18px #0000001f}.header .mark{display:block;width:53px;height:44px;flex:0 0 53px;object-fit:contain}.header .brand small{font-size:12px;font-weight:500;line-height:1.5}.header .brand strong{line-height:1.5}.header .brand{gap:14px}.header nav{gap:30px}.header a:focus-visible{outline:2px solid var(--white);outline-offset:6px}
@media(max-width:850px){.header{padding:0 20px;gap:16px}.header nav{gap:20px}.header .brand>span{display:none}.header .brand{flex-shrink:0}.header .mark{width:53px;height:44px;flex-basis:53px}}
@media(max-width:480px){.header{gap:12px}.header nav{gap:16px;font-size:12px}}
@media(max-width:380px){.header{padding:0 16px}.header nav{gap:12px;font-size:11px}}
@media(max-width:360px){.header{height:112px;display:grid;grid-template-columns:1fr;justify-items:center;padding:12px 16px;gap:8px}.header nav{width:100%;justify-content:space-between;gap:8px;font-size:11px}}


@media(min-width:1441px){.header{padding-inline:var(--desktop-content-inset)}}