:root {
  --refresh-ink: #161616;
  --refresh-muted: #686868;
  --refresh-paper: #f4f3ef;
  --refresh-panel: #e9e8e3;
  --refresh-accent: #1378ff;
  --refresh-line: rgba(22, 22, 22, .16);
}

[data-theme="dark"] {
  --refresh-ink: #f5f5f2;
  --refresh-muted: #aaa;
  --refresh-paper: #171717;
  --refresh-panel: #242424;
  --refresh-line: rgba(255, 255, 255, .18);
}

html { scroll-behavior:smooth; }
body { background:var(--refresh-paper); }
.loader { display:flex; align-items:center; justify-content:center; z-index:10001; color:#fff; background:#111; transition:opacity .65s cubic-bezier(.16,1,.3,1),visibility .65s; }
.loader.is-loaded { opacity:0; visibility:hidden; }
.loader-brand { width:min(340px,72vw); }
.loader-brand > span { display:block; margin-bottom:22px; font:46px/1 "NeueMontreal-Medium",sans-serif; letter-spacing:-.06em; }
.loader-brand small { display:block; margin-top:14px; color:#777; font:9px/1.4 "NeueMontreal-Medium",sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.loader-line { height:1px; overflow:hidden; background:rgba(255,255,255,.16); }
.loader-line i { display:block; width:100%; height:100%; background:var(--refresh-accent); transform-origin:left; animation:loaderProgress 1.35s cubic-bezier(.65,0,.35,1) both; }
@keyframes loaderProgress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
.skip-link { position:fixed; z-index:10000; top:12px; left:12px; padding:10px 14px; color:#fff; background:#111; transform:translateY(-150%); transition:transform .2s; }
.skip-link:focus { transform:none; }
.header { mix-blend-mode:normal; }
.header:before { content:""; position:absolute; inset:0; z-index:-1; background:rgba(244,243,239,.72); backdrop-filter:blur(18px); opacity:0; transition:opacity .35s; }
.header.fixed:before { opacity:1; }
.header-logo { width:auto; }
.site-wordmark { display:flex; align-items:center; gap:10px; color:#171717; font:19px/1 "NeueMontreal-Medium",sans-serif; letter-spacing:-.03em; text-decoration:none; }
.site-wordmark img { width:28px; height:28px; object-fit:contain; }
.site-wordmark__dot { color:var(--refresh-accent); }
.nav-link { position:relative; }
.nav-link:after { content:""; position:absolute; right:0; bottom:-5px; left:0; height:1px; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .35s cubic-bezier(.16,1,.3,1); }
.nav-link:hover:after, .nav-item.active .nav-link:after { transform:scaleX(1); transform-origin:left; }
.section-status { position:fixed; z-index:101; right:38px; bottom:40px; display:grid; grid-template-columns:auto 76px auto; gap:8px; align-items:center; color:var(--refresh-ink); font:9px/1 "NeueMontreal-Medium",sans-serif; letter-spacing:.1em; }
.section-status__line { height:1px; overflow:hidden; background:var(--refresh-line); }
.section-status__line i { display:block; width:100%; height:100%; background:var(--refresh-ink); transform:scaleX(.125); transform-origin:left; transition:transform .8s cubic-bezier(.16,1,.3,1); }
.section-status__label { grid-column:1/-1; margin-top:4px; color:var(--refresh-muted); text-align:right; text-transform:uppercase; }

.hero { isolation:isolate; }
.hero.bg-hero { background-color:#f5f4f0 !important; background-image:none !important; }
.hero:before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(244,243,239,.96) 0%,rgba(244,243,239,.76) 42%,rgba(244,243,239,.06) 78%); }
.hero-orbit { position:absolute; z-index:-1; width:min(52vw,760px); aspect-ratio:1; right:-7vw; top:9vh; border:1px solid rgba(19,120,255,.2); border-radius:50%; transition:transform 1.2s cubic-bezier(.16,1,.3,1); }
.hero-orbit:before, .hero-orbit:after { content:""; position:absolute; border:1px solid rgba(19,120,255,.18); border-radius:50%; }
.hero-orbit:before { inset:14%; }
.hero-orbit:after { inset:31%; }
.hero-orbit span { position:absolute; width:11px; height:11px; border-radius:50%; background:var(--refresh-accent); box-shadow:0 0 30px rgba(19,120,255,.7); animation:orbitPulse 3s ease-in-out infinite alternate; }
.hero-orbit span:nth-child(1) { top:8%; left:26%; }
.hero-orbit span:nth-child(2) { right:15%; top:58%; animation-delay:-1s; }
.hero-orbit span:nth-child(3) { bottom:20%; left:20%; animation-delay:-2s; }
@keyframes orbitPulse { to { transform:scale(2); opacity:.35; } }
.hero-title--refresh { max-width:780px; font-size:clamp(72px,8.2vw,142px); line-height:.84; letter-spacing:-.065em; }
.hero-title--refresh .block-reveal { white-space:nowrap; }
.hero-txt--refresh { font-size:clamp(17px,1.25vw,22px); line-height:1.5; }
.js-magnetic { will-change:transform; transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s,color .3s; }

.hero-work-cloud { position:absolute; z-index:2; top:15vh; right:4.5vw; width:min(47vw,800px); height:70vh; transition:transform 1.1s cubic-bezier(.16,1,.3,1); }
.hero-work-card { position:absolute; display:block; overflow:hidden; color:#181818; background:#fff; border:7px solid #fff; box-shadow:0 24px 70px rgba(22,29,37,.14); text-decoration:none; transform:translateZ(0); transition:box-shadow .45s,filter .45s; animation:workCardFloat 6s ease-in-out infinite alternate; }
.hero-work-card:focus-visible { outline:3px solid var(--refresh-accent); outline-offset:5px; }
.hero-work-card:hover { z-index:10; box-shadow:0 34px 90px rgba(22,29,37,.24); filter:saturate(1.08); animation-play-state:paused; }
.hero-work-card img { display:block; width:100%; height:calc(100% - 38px); object-fit:cover; transition:transform .8s cubic-bezier(.16,1,.3,1); }
.hero-work-card:hover img { transform:scale(1.035); }
.hero-work-card > span { display:flex; align-items:center; gap:7px; height:38px; padding:0 10px; font:9px/1 "NeueMontreal-Regular",sans-serif; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
.hero-work-card > span b { font-family:"NeueMontreal-Medium",sans-serif; }
.hero-work-card > span i { margin-left:auto; font-style:normal; transition:transform .3s; }
.hero-work-card:hover > span i { transform:translate(3px,-3px); }
.hero-work-card--su20 { z-index:3; top:1%; right:2%; width:46%; height:42%; transform:rotate(2.5deg); animation-delay:-1.5s; }
.hero-work-card--omv { z-index:2; right:25%; bottom:2%; width:44%; height:46%; transform:rotate(-2deg); animation-delay:-3s; }
.hero-work-card--bmt { z-index:4; top:23%; left:0; width:34%; height:39%; transform:rotate(-4deg); animation-delay:-4.5s; }
.hero-work-card--brand { z-index:5; right:0; bottom:7%; width:27%; height:30%; transform:rotate(3.5deg); animation-delay:-2.2s; }
.hero-work-cloud__cta { position:absolute; z-index:7; left:2%; bottom:3%; display:flex; flex-direction:column; gap:4px; color:#171717; font:11px/1.3 "NeueMontreal-Medium",sans-serif; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transform:rotate(-90deg) translateY(-100%); transform-origin:left top; }
.hero-work-cloud__cta span { color:#888; font-size:8px; }
@keyframes workCardFloat { from { margin-top:-7px; } to { margin-top:9px; } }

.about-refresh { min-height:100vh; padding:115px 0 75px; color:var(--refresh-ink); background:var(--refresh-paper); }
.about-refresh__top { display:grid; grid-template-columns:.34fr 1fr; gap:50px; padding-bottom:54px; border-bottom:1px solid var(--refresh-line); }
.about-refresh__statement { max-width:960px; margin:0; color:var(--refresh-ink); font:clamp(42px,5vw,76px)/1.04 "NeueMontreal-Medium",sans-serif; letter-spacing:-.045em; }
.about-refresh__statement span { color:var(--refresh-accent); }
.about-refresh__grid { display:grid; grid-template-columns:.65fr 1fr .7fr; gap:60px; padding-top:42px; }
.about-refresh__portrait { position:relative; display:flex; align-items:flex-end; justify-content:space-between; min-height:260px; overflow:hidden; padding:22px; background:var(--refresh-panel); }
.about-refresh__portrait:after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(9,13,22,.72)); pointer-events:none; }
.about-refresh__photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 32%; filter:saturate(.9); transform:scale(1.01); transition:transform 1s cubic-bezier(.16,1,.3,1),filter .5s; }
.about-refresh__portrait:hover .about-refresh__photo { transform:scale(1.045); filter:saturate(1); }
.about-refresh__portrait p { position:relative; z-index:1; margin:0; color:rgba(255,255,255,.88); font-size:11px; line-height:1.5; text-transform:uppercase; letter-spacing:.08em; text-shadow:0 1px 15px rgba(0,0,0,.3); }
.about-refresh__copy { padding-top:4px; }
.about-refresh__copy p { margin:0 0 22px; color:var(--refresh-muted); font-size:18px; line-height:1.55; }
.text-link { display:inline-block; margin-top:10px; padding-bottom:5px; border-bottom:1px solid currentColor; color:var(--refresh-ink); font:13px/1.4 "NeueMontreal-Medium",sans-serif; text-decoration:none; }
.text-link span { display:inline-block; transition:transform .3s; }
.text-link:hover span { transform:translate(4px,-4px); }
.about-refresh__stats { display:flex; flex-direction:column; border-top:1px solid var(--refresh-line); }
.about-refresh__stats div { display:grid; grid-template-columns:.65fr 1fr; align-items:center; gap:12px; padding:19px 0; border-bottom:1px solid var(--refresh-line); }
.about-refresh__stats strong { color:var(--refresh-ink); font:27px/1 "NeueMontreal-Medium",sans-serif; }
.about-refresh__stats span { color:var(--refresh-muted); font-size:11px; line-height:1.35; text-transform:uppercase; letter-spacing:.07em; }

.capabilities-refresh { min-height:100vh; padding:105px 0 65px; color:var(--refresh-ink); background:var(--refresh-paper); }
.capabilities-refresh__heading { display:grid; grid-template-columns:.42fr 1fr; gap:40px; margin-bottom:44px; }
.capabilities-refresh__heading h2 { margin:0; color:var(--refresh-ink); }
.capability-list { border-top:1px solid var(--refresh-line); }
.capability-item { display:grid; grid-template-columns:55px 1.1fr 1fr .72fr; gap:25px; align-items:center; padding:23px 8px; border-bottom:1px solid var(--refresh-line); transition:padding .35s cubic-bezier(.16,1,.3,1),background .3s; }
.capability-item:hover { padding-left:20px; background:var(--refresh-panel); }
.capability-item > span { color:var(--refresh-muted); font-size:10px; }
.capability-item h3 { margin:0; color:var(--refresh-ink); font:26px/1.15 "NeueMontreal-Medium",sans-serif; }
.capability-item p { margin:0; color:var(--refresh-muted); font-size:14px; line-height:1.48; }
.capability-item > div { color:var(--refresh-muted); font-size:10px; line-height:1.5; letter-spacing:.1em; text-align:right; text-transform:uppercase; }
.capability-item--stack { position:relative; background:linear-gradient(90deg,rgba(19,120,255,.07),transparent 72%); }
.capability-item--stack:before { content:"Preferred stack"; position:absolute; top:8px; right:8px; color:var(--refresh-accent); font:8px/1 "NeueMontreal-Medium",sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.capability-item--support { position:relative; background:linear-gradient(90deg,rgba(19,120,255,.035),transparent 72%); }
.capability-item--support:before { content:"Operations & support"; position:absolute; top:8px; right:8px; color:var(--refresh-accent); font:8px/1 "NeueMontreal-Medium",sans-serif; letter-spacing:.12em; text-transform:uppercase; }

.values-refresh { position:relative; min-height:100vh; padding:110px 0 75px; overflow:hidden; color:#f6f6f2; background:#111; }
.values-refresh:after { content:"BETTER"; position:absolute; right:-2vw; bottom:-5vw; color:rgba(255,255,255,.035); font:23vw/.7 "NeueMontreal-Medium",sans-serif; letter-spacing:-.08em; pointer-events:none; }
.values-refresh__layout { position:relative; z-index:1; display:grid; grid-template-columns:.72fr 1.28fr; gap:50px; }
.values-refresh__heading h2 { margin:0; color:#fff; }
.values-refresh__heading .section-kicker { color:#888; }
.values-refresh__quote { margin:65px 0 70px; color:#fff; font:clamp(36px,4.6vw,70px)/1.05 "NeueMontreal-Medium",sans-serif; letter-spacing:-.04em; }
.values-refresh__list { grid-column:2; display:flex; flex-wrap:wrap; gap:9px; }
.values-refresh__list span { padding:10px 15px; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:#bdbdbd; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }

.archive-refresh { min-height:100vh; padding:100px 0 70px; color:var(--refresh-ink); background:var(--refresh-paper); }
.archive-refresh__heading { display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:42px; }
.archive-refresh__heading h2 { margin:0; color:var(--refresh-ink); }
.archive-refresh__heading > p { max-width:330px; margin:0 0 8px; color:var(--refresh-muted); font-size:15px; line-height:1.5; }
.archive-refresh__grid .news-item__img { position:relative; overflow:hidden; aspect-ratio:4/3; margin-bottom:18px; background:var(--refresh-panel); }
.archive-refresh__grid .news-item__img:after { content:"View PDF ↗"; position:absolute; right:12px; bottom:12px; padding:8px 10px; color:#fff; background:rgba(15,15,15,.68); backdrop-filter:blur(8px); font-size:9px; letter-spacing:.1em; text-transform:uppercase; opacity:0; transform:translateY(8px); transition:opacity .3s,transform .3s; }
.archive-refresh__grid .news-item__img img { width:100%; height:100%; object-fit:cover; filter:saturate(.8); transform:scale(1.01); transition:transform .8s cubic-bezier(.16,1,.3,1),filter .4s; }
.archive-refresh__grid .news-link:hover .news-item__img img { transform:scale(1.07); filter:saturate(1); }
.archive-refresh__grid .news-link:hover .news-item__img:after { opacity:1; transform:none; }
.archive-refresh__grid .news-item__title { color:var(--refresh-ink); }
.archive-refresh__grid .news-item__title span { float:right; transition:transform .3s; }
.archive-refresh__grid .news-link:hover .news-item__title span { transform:translate(4px,-4px); }

.contact { position:relative; isolation:isolate; min-height:100vh; color:#fff; background:#0e0e0e !important; background-image:none !important; }
.contact:before { content:"LET'S TALK"; position:absolute; z-index:-1; left:-2vw; bottom:1vw; color:rgba(255,255,255,.035); font:16vw/.75 "NeueMontreal-Medium",sans-serif; letter-spacing:-.07em; white-space:nowrap; }
.contact-title { color:#fff; font-size:clamp(60px,7vw,110px); letter-spacing:-.055em; }
.contact-descr { color:#aaa; font-size:17px; line-height:1.55; }
.contact-info__mail, .contact-info__phone { color:#fff; }
.contact-form .form-control { color:#fff; border-color:rgba(255,255,255,.3); background:transparent; }
.contact-form .form-label { color:#999; }
.contact-btn { color:#111; background:#fff; }
.contact-btn:disabled { cursor:wait; opacity:.65; }
.form-status { min-height:22px; margin:12px 0 0; color:#aaa; font-size:12px; line-height:1.5; }
.contact-logos { opacity:.55; filter:grayscale(1) invert(1); }

[data-theme="dark"] .header.fixed:before { background:rgba(18,18,18,.78); }
[data-theme="dark"] .site-wordmark { color:#fff; }
[data-theme="dark"] .section-status { color:#fff; }

/* Full portfolio archive */
.portfolio-archive-page { color:var(--refresh-ink); background:var(--refresh-paper); }
.portfolio-archive-hero { position:relative; isolation:isolate; min-height:78vh; background-position:center; background-size:cover; }
.portfolio-archive-hero:before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(10,10,10,.9),rgba(10,10,10,.25)); }
.portfolio-archive-hero .container { position:relative; z-index:1; }
.portfolio-archive-hero .section-kicker { margin-bottom:24px; color:rgba(255,255,255,.65); }
.portfolio-archive-hero .hero-inner__title { max-width:950px; color:#fff; font-size:clamp(70px,9vw,145px); line-height:.86; letter-spacing:-.065em; }
.portfolio-archive-hero .hero-inner__txt { max-width:520px; margin-top:26px; font-size:18px; line-height:1.55; }
.portfolio-archive-page .project-info { padding:50px 0; color:var(--refresh-ink); background:var(--refresh-panel); }
.portfolio-archive-page .pi-items { margin:0; }
.portfolio-archive-page .pi-item { border-left:1px solid var(--refresh-line); padding-left:22px; }
.portfolio-archive-page .pi-item__title { color:var(--refresh-muted); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.portfolio-archive-page .pi-item p, .portfolio-archive-page .pi-item a { color:var(--refresh-ink); }
.portfolio-archive-page .project-section { padding:110px 0; color:var(--refresh-ink); background:var(--refresh-paper); }
.portfolio-archive-page .project-section:nth-of-type(odd) { background:var(--refresh-panel); }
.portfolio-archive-page .ps-title { margin-bottom:55px; color:var(--refresh-ink); font-size:clamp(44px,6vw,82px); letter-spacing:-.05em; }
.portfolio-archive-page .card { overflow:hidden; border-radius:0 !important; background:transparent; box-shadow:none !important; }
.portfolio-archive-page .card img { transition:transform .8s cubic-bezier(.16,1,.3,1),filter .4s; }
.portfolio-archive-page .card:hover img { transform:scale(1.035); filter:saturate(1.08); }
.portfolio-archive-page .development-card { border:1px solid var(--refresh-line) !important; }
.portfolio-archive-page .video-wrapper { background:#111; }
.portfolio-archive-page .video-wrapper video { width:100%; }

@media (max-width:600px) {
  .portfolio-archive-hero .hero-inner__title { font-size:58px; }
  .portfolio-archive-page .project-info { padding:35px 20px; }
  .portfolio-archive-page .project-section { padding:75px 20px; }
}

.hero-eyebrow {
  margin: 0 0 18px;
  font: 12px/1.4 "NeueMontreal-Medium", sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.hero-txt--refresh { max-width: 540px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hero-cta { background: rgba(255,255,255,.82); backdrop-filter: blur(10px); }
.hero-cta--primary { background: #212121; color: #fff; }
.hero-cta span { display: inline-block; margin-left: 14px; transition: transform .35s cubic-bezier(.16,1,.3,1); }
.hero-cta:hover span { transform: translate(5px,5px); }

.work-showcase {
  min-height: 100vh;
  padding: 105px 0 70px;
  overflow: hidden;
  background: var(--refresh-paper);
  color: var(--refresh-ink);
}

.work-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; align-items: end; margin-bottom: 38px; }
.work-heading h2 { margin: 0; color: var(--refresh-ink); }
.section-kicker, .work-item__meta { color: var(--refresh-muted); font: 11px/1.4 "NeueMontreal-Medium",sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.work-intro { max-width: 520px; margin: 0 0 8px; color: var(--refresh-muted); font-size: 17px; line-height: 1.55; }
.work-explorer { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(390px,.92fr); gap: 48px; align-items: stretch; }
.work-visual__frame { position: relative; height: 55vh; min-height: 430px; overflow: hidden; background: var(--refresh-panel); }
.work-visual__frame:after { content:""; position:absolute; inset:0; border:1px solid var(--refresh-line); pointer-events:none; }
.work-visual__media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.06); clip-path:inset(0 0 100% 0); transition:opacity .55s ease,transform 1.2s cubic-bezier(.16,1,.3,1),clip-path .8s cubic-bezier(.16,1,.3,1); }
.work-visual__media.is-active { opacity:1; transform:scale(1); clip-path:inset(0); z-index:1; }
.work-visual__index { position:absolute; z-index:2; top:22px; left:24px; color:#fff; font:12px/1 "NeueMontreal-Medium",sans-serif; letter-spacing:.12em; text-shadow:0 1px 16px rgba(0,0,0,.3); }
.work-visual__hint { position:absolute; z-index:2; left:24px; bottom:22px; padding:9px 13px; color:#fff; background:rgba(15,15,15,.58); backdrop-filter:blur(9px); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.work-list { border-top: 1px solid var(--refresh-line); }
.work-item { display:grid; grid-template-columns:42px 1fr; gap:12px; padding:13px 6px; border-bottom:1px solid var(--refresh-line); cursor:pointer; outline:none; transition:padding .35s cubic-bezier(.16,1,.3,1), background .3s ease; }
.work-item:focus-visible { box-shadow:0 0 0 2px var(--refresh-accent) inset; }
.work-item.is-active { padding-left:18px; background:var(--refresh-panel); }
.work-item__number { padding-top:5px; color:var(--refresh-muted); font-size:11px; }
.work-item__meta { margin:0 0 4px; font-size:9px; }
.work-item h3 { margin:0; color:var(--refresh-ink); font:27px/1.1 "NeueMontreal-Medium",sans-serif; }
.work-item__summary { overflow:hidden; max-height:0; opacity:0; margin:0; color:var(--refresh-muted); font-size:13px; line-height:1.45; transition:max-height .45s ease,opacity .3s ease,margin .3s ease; }
.work-item a { display:inline-block; overflow:hidden; max-height:0; opacity:0; color:var(--refresh-ink); font:12px/1.4 "NeueMontreal-Medium",sans-serif; text-decoration:none; transition:max-height .4s ease,opacity .3s ease,margin .3s ease; }
.work-item.is-active .work-item__summary { max-height:70px; opacity:1; margin:8px 0; }
.work-item.is-active a { max-height:30px; opacity:1; margin-top:2px; }
.work-footer { display:flex; justify-content:space-between; align-items:center; margin-top:28px; }
.work-footer p { margin:0; color:var(--refresh-muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.reveal-on-enter { opacity:0; transform:translateY(28px); transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1); }
.reveal-on-enter.is-visible, .section.active .reveal-on-enter { opacity:1; transform:none; }
.work-list.reveal-on-enter { transition-delay:.12s; }

.process-section { min-height:100vh; padding:120px 0 80px; background:#111; color:#fff; }
.process-heading { display:grid; grid-template-columns:.38fr 1fr; gap:50px; align-items:start; margin-bottom:70px; }
.process-heading .section-kicker { color:#8c8c8c; }
.process-heading h2 { max-width:820px; margin:0; color:#fff; }
.process-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.process-card { min-height:270px; padding:30px 34px; border-right:1px solid rgba(255,255,255,.2); }
.process-card:last-child { border-right:0; }
.process-card:nth-child(2) { transition-delay:.12s; }
.process-card:nth-child(3) { transition-delay:.24s; }
.process-card span { color:#858585; font-size:11px; letter-spacing:.12em; }
.process-card h3 { margin:72px 0 14px; color:#fff; font:32px/1.1 "NeueMontreal-Medium",sans-serif; }
.process-card p { max-width:330px; margin:0; color:#aaa; font-size:15px; line-height:1.55; }
.process-statement { margin:38px 0 0; color:#888; font:20px/1.4 "NeueMontreal-Regular",sans-serif; }
.process-statement span { color:#fff; }

@media (max-width: 991px) {
  .hero-title--refresh { font-size:clamp(68px,13vw,112px); }
  .hero-orbit { width:70vw; right:-18vw; opacity:.5; }
  .hero-work-cloud { right:-3vw; width:49vw; opacity:.9; }
  .hero-work-card--bmt { left:4%; }
  .about-refresh { padding:100px 45px 65px; }
  .about-refresh__top { grid-template-columns:1fr; gap:16px; }
  .about-refresh__grid { grid-template-columns:.8fr 1.2fr; gap:35px; }
  .about-refresh__stats { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); }
  .about-refresh__stats div { display:flex; flex-direction:column; align-items:flex-start; }
  .work-showcase { padding:90px 45px 60px; }
  .work-heading { grid-template-columns:1fr; gap:18px; }
  .work-explorer { grid-template-columns:1fr; gap:20px; }
  .work-visual__frame { height:38vh; min-height:300px; }
  .work-item { padding:14px 6px; }
  .work-item h3 { font-size:23px; }
  .work-footer p { display:none; }
  .process-section { padding:100px 45px 70px; }
  .process-heading { grid-template-columns:1fr; gap:16px; margin-bottom:42px; }
  .process-grid { grid-template-columns:1fr; }
  .process-card { min-height:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.2); }
  .process-card:last-child { border-bottom:0; }
  .process-card h3 { margin-top:34px; }
  .capabilities-refresh { padding:95px 45px 60px; }
  .capabilities-refresh__heading { grid-template-columns:1fr; gap:16px; }
  .capability-item { grid-template-columns:36px 1fr; }
  .capability-item p, .capability-item > div { grid-column:2; text-align:left; }
  .values-refresh { padding:95px 45px 65px; }
  .values-refresh__layout { grid-template-columns:1fr; }
  .values-refresh__quote { margin:25px 0 45px; }
  .values-refresh__list { grid-column:1; }
  .archive-refresh { padding:90px 45px 55px; }
}

@media (max-width: 600px) {
  .section-status { right:15px; bottom:16px; grid-template-columns:auto 46px auto; }
  .section-status__label { display:none; }
  .site-wordmark span { display:none; }
  .hero:before { background:linear-gradient(90deg,rgba(244,243,239,.96),rgba(244,243,239,.65)); }
  .hero-title--refresh { font-size:clamp(57px,18vw,82px); white-space:normal; }
  .hero-title--refresh .block-reveal { white-space:normal; }
  .hero-orbit { width:100vw; right:-48vw; top:9vh; }
  .hero { min-height:100svh; }
  .hero .section-cnt { padding-bottom:41vh; }
  .hero-work-cloud { top:auto; right:6vw; bottom:7vh; width:88vw; height:34vh; }
  .hero-work-card { border-width:4px; box-shadow:0 14px 40px rgba(22,29,37,.16); }
  .hero-work-card img { height:calc(100% - 27px); }
  .hero-work-card > span { height:27px; padding:0 6px; font-size:7px; }
  .hero-work-card--su20 { right:1%; width:45%; height:72%; }
  .hero-work-card--omv { right:29%; bottom:0; width:41%; height:68%; }
  .hero-work-card--bmt { top:18%; left:0; width:31%; height:61%; }
  .hero-work-card--brand { right:1%; bottom:-2%; width:25%; height:48%; }
  .hero-work-cloud__cta { display:none; }
  .hero-actions { flex-direction:column; align-items:flex-start; margin-top:22px; }
  .hero-eyebrow { max-width:270px; font-size:10px; }
  .about-refresh { padding:78px 20px 45px; }
  .about-refresh__statement { font-size:39px; }
  .about-refresh__grid { grid-template-columns:1fr; gap:25px; }
  .about-refresh__portrait { min-height:200px; }
  .about-refresh__copy p { font-size:16px; }
  .about-refresh__stats { grid-column:auto; grid-template-columns:1fr; }
  .work-showcase { padding:76px 20px 38px; }
  .work-heading { margin-bottom:24px; }
  .work-intro { font-size:15px; }
  .work-visual__frame { min-height:245px; height:32vh; }
  .work-list { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; border:0; }
  .work-item { min-width:82vw; grid-template-columns:30px 1fr; scroll-snap-align:start; border:1px solid var(--refresh-line); padding:16px; }
  .work-item.is-active { padding-left:16px; }
  .work-item__summary, .work-item a { max-height:80px; opacity:1; margin-top:8px; }
  .process-section { padding:82px 20px 50px; }
  .process-card { padding:24px 4px; }
  .process-card h3 { font-size:27px; }
  .capabilities-refresh { padding:78px 20px 45px; }
  .capability-item { padding:20px 0; }
  .capability-item h3 { font-size:22px; }
  .capability-item:hover { padding-left:8px; }
  .values-refresh { padding:80px 20px 48px; }
  .values-refresh__quote { font-size:36px; }
  .values-refresh__list span { padding:8px 11px; font-size:9px; }
  .archive-refresh { padding:76px 20px 42px; }
  .archive-refresh__heading { display:block; }
  .archive-refresh__heading > p { margin-top:18px; }
  .archive-refresh__grid .news-item__img { aspect-ratio:16/10; }
}

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal-on-enter { opacity:1; transform:none; }
}