/* One shared column rhythm, with the original B frame and luminous joints. */
.home-page {
  --panel: #171817;
  --cell-pad: clamp(18px, 1.7vw, 30px);
}
.home-page .b-masthead { grid-template-columns: 4fr 4fr 2fr 2fr; }
.home-page .b-field {
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-template-areas:
    'intro film film'
    'primary film film'
    'menu film film'
    'peaq peaq peaq'
    'polygon polygon sahara'
    'metric focus sahara'
    'aptos ondo bybit'
    'gtm partner process'
    'r0 r1 r2'
    'archive archive person'
    'archive archive scope'
    'contact contact portfolio';
}
.home-page .b-field > .intro-tile h1 { font-size: clamp(44px,5vw,88px); }
.home-page .intro-tile { row-gap: 0; }
.home-page .intro-tile > h1 { padding-top: 8px; }
.home-page .intro-tile > p { border-top: var(--cell-gap) solid var(--bg); }
.home-page .intro-tile > .eyebrow { padding-top: 18px; font-size: 14px; }
.home-page .b-menu .nav-cell { min-height: 48px; }
.home-page .b-menu .nav-cell > span { font-size: 14px; }
.home-page .film-scenes button { min-height: 48px; font-size: 14px; }
.home-page .film-scenes { grid-template-columns: repeat(3,minmax(0,1fr)); }
.home-page .film-caption { min-height: 40px; }
.home-page .film-image { min-height: 400px; }

/* The selected image's brief uses the same thirds as every row below it. */
.home-page .campaign-context {
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-template-rows: auto 1fr auto;
  gap: 0 8px;
  padding-bottom: 8px;
}
.home-page .campaign-context > .eyebrow { padding: 18px var(--cell-pad) 0; }
.home-page .campaign-identity { padding: 12px var(--cell-pad) 22px; flex-wrap: nowrap; }
.home-page .campaign-identity h2 { font-size: clamp(32px,3.2vw,52px); }
.home-page .campaign-context :is(.campaign-brief,.campaign-work) { padding: 18px var(--cell-pad); gap: 18px; }
.home-page .campaign-context .campaign-brief p { font-size: clamp(25px,2.35vw,38px); line-height: 1.13; }
.home-page .campaign-context .campaign-work p { font-size: 17px; line-height: 1.45; }
.home-page .campaign-context .campaign-case {
  grid-column: 1; grid-row: 3;
  padding: 12px var(--cell-pad); min-height: 44px;
  font-size: 14px; background: #272b27; color: var(--fg);
  border-top: 4px solid var(--bg); align-items: center;
}
.home-page .campaign-context .campaign-case:hover { background: #363c36; }
.home-page .campaign-attribution {
  grid-column: 2 / 4; grid-row: 3;
  padding: 12px var(--cell-pad); align-self: center; line-height: 1.4;
}

/* A wide photograph and its brief share equal modules. */
.home-page .community-case { grid-template-columns: 1fr 1fr; gap: 8px; min-height: 370px; }
.home-page .community-title { grid-template-rows: minmax(285px,1fr) auto; }
.home-page .community-work { gap: 0; background: var(--panel); }
.home-page .community-work h2 { font-size: clamp(28px,2.8vw,44px); padding: 24px var(--cell-pad); }
.home-page .community-work > p { margin-inline: var(--cell-pad); padding: 13px 0; border-top: 1px solid #ffffff18; }
.home-page .community-work > .case-link { margin-top: 4px; border-top: 4px solid var(--bg); min-height: 48px; }
.home-page .community-identity { min-height: 58px; }
.home-page .community-identity .eyebrow { font-size: 14px; }
.home-page .connection-case {
  grid-template-rows: minmax(265px,1fr) auto auto repeat(3,auto) auto;
  row-gap: 0; background: var(--panel);
}
.home-page .connection-case > .case-media { border-bottom: 4px solid var(--bg); }
.home-page .connection-heading { padding-top: 16px; font-size: 14px; }
.home-page .connection-case h2 { font-size: clamp(26px,2.5vw,39px); padding-block: 12px 20px; }
.home-page .connection-step { margin-inline: var(--cell-pad); padding: 11px 0; border-top: 1px solid #ffffff18; grid-template-columns: 78px 1fr; }
.home-page .connection-step > span { font-size: 12px; }
.home-page .connection-step p { font-size: 16px; line-height: 1.4; }
.home-page .connection-case > .case-link { border-top: 4px solid var(--bg); min-height: 48px; }
.home-page .project-kite .project-body { grid-template-rows: auto auto 1fr; row-gap: 0; }
.home-page .project-kite .project-heading { gap: 4px; }
.home-page .project-kite .project-body > .eyebrow { border-top: 4px solid var(--bg); padding-top: 16px; }
.home-page .project-kite .project-body > p { font-size: 18px; padding-top: 8px; }
.home-page .focus-tile { min-height: 240px; }
.home-page .focus-tile h2 { font-size: clamp(28px,2.7vw,42px); }

/* Image-led project row; consistent image and title baselines. */
.home-page .project-tile.with-photo { grid-template-rows: clamp(290px,28vw,480px) auto; }
.home-page .project-tile.with-photo .project-image { min-height: 0; }
.home-page .case-media figcaption { min-height: 52px; height: auto; padding: 9px 14px; }
.home-page .project-tile.with-photo .project-body { grid-template-rows: auto auto 1fr; row-gap: 0; }
.home-page .project-tile.with-photo .project-heading { grid-template-columns: 56px 1fr; gap: 4px; }
.home-page .project-tile.with-photo .project-heading .brand-icon { width: 56px; height: 60px; }
.home-page .project-tile.with-photo .project-heading h2 { font-size: clamp(27px,2.4vw,38px); }
.home-page .project-tile.with-photo .project-body > .eyebrow { border-top: 4px solid var(--bg); padding-top: 15px; font-size: 13px; }
.home-page .project-tile.with-photo .project-body > p { padding-top: 7px; padding-bottom: 20px; font-size: 16px; }

/* Supporting content shares a quieter scale; it no longer competes with cases. */
.home-page :is(.service-tile,.focus-tile,.research-tile,.person-tile,.scope-tile) { row-gap: 0; }
.home-page :is(.service-tile,.focus-tile,.research-tile,.person-tile,.scope-tile) > .eyebrow { padding-top: 20px; font-size: 14px; }
.home-page :is(.service-tile,.research-tile) h2 { font-size: clamp(28px,2.6vw,40px); line-height: 1.12; }
.home-page .b-field > .research-0 h2 { font-size: clamp(28px,2.6vw,40px); }
.home-page :is(.service-tile,.research-tile) > p { font-size: 16px; line-height: 1.4; }
.home-page .service-tile { min-height: 290px; }
.home-page .research-tile { min-height: 275px; }
.home-page .process-tile { gap: 0; }
.home-page .process-tile h2 { padding-block: 12px 16px; font-size: 28px; }
.home-page .process-tile ol { gap: 0; }
.home-page .process-tile li { font-size: 14px; padding: 10px var(--cell-pad); border-top: 1px solid #ffffff18; }
.home-page .process-tile li span { border: 0; width: 22px; height: 22px; }
.home-page .b-field .archive-tile .logo-matrix { grid-template-columns: repeat(4,minmax(0,1fr)); }
.home-page .archive-tile .logo-matrix > a { min-height: 108px; }
.home-page .logo-matrix .brand-icon { width: 46px; height: 46px; }
.home-page .logo-matrix > a > span:last-child { font-size: 14px; border: 0; padding-bottom: 10px; }
.home-page .person-tile h2 { font-size: clamp(38px,4vw,60px); }
.home-page .scope-tile h2 { font-size: 28px; }
.home-page .b-field .contact-tile h2 { font-size: clamp(42px,4.6vw,76px); }
.home-page .page-footer { grid-template-columns: repeat(3,minmax(0,1fr)); }

@media (max-width:1100px) and (min-width:701px) {
  .home-page { --cell-pad: 16px; }
  .home-page .b-masthead { grid-template-columns: 1fr 1fr 1fr; }
  .home-page .b-field > .intro-tile h1 { font-size: clamp(34px,4.75vw,52px); }
  .home-page .b-menu .tile-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-page .b-menu .nav-cell { grid-template-columns: 1fr; }
  .home-page .b-menu .nav-number { display: none; }
  .home-page .film-image { min-height: 340px; }
  .home-page .campaign-context .campaign-work p { font-size: 16px; }
  .home-page .campaign-identity { gap: 8px; flex-wrap: wrap; }
  .home-page .campaign-identity h2 { font-size: 32px; }
  .home-page .community-work h2 { font-size: 30px; }
  .home-page .connection-step { grid-template-columns: 1fr; gap: 4px; }
  .home-page :is(.service-tile,.research-tile) h2,.home-page .b-field > .research-0 h2 { font-size: 28px; }
}
@media (max-width:700px) {
  .home-page { --cell-pad: 18px; }
  .home-page .b-masthead { grid-template-columns: 1.5fr 1fr; }
  .home-page .b-field {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-areas: 'intro intro' 'primary primary' 'film film' 'peaq peaq' 'menu menu'
      'polygon polygon' 'sahara sahara' 'metric metric' 'focus focus'
      'aptos aptos' 'ondo ondo' 'bybit bybit' 'gtm gtm' 'partner partner'
      'process process' 'r0 r0' 'r1 r1' 'r2 r2' 'archive archive'
      'person person' 'scope scope' 'contact contact' 'portfolio portfolio';
  }
  .home-page .b-field > .intro-tile h1 { font-size: clamp(45px,12vw,76px); }
  .home-page .b-menu .tile-nav { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .home-page .b-menu .nav-cell > span { font-size: 14px; }
  .home-page .film-image { min-height: 0; }
  .home-page .film-scenes button { padding-inline: 7px; justify-content: center; }
  .home-page .film-caption > div { padding-inline: 9px; }
  .home-page .campaign-context { grid-template-columns: 1fr 1fr; gap: 0 4px; grid-template-rows: auto auto auto auto auto; }
  .home-page .campaign-context > .eyebrow { grid-column: 1 / -1; }
  .home-page .campaign-identity { grid-column: 1 / -1; }
  .home-page .campaign-context .campaign-brief { grid-column: 1; grid-row: 3; }
  .home-page .campaign-context .campaign-work { grid-column: 2; grid-row: 3; }
  .home-page .campaign-context :is(.campaign-brief,.campaign-work) { padding: 16px; }
  .home-page .campaign-context .campaign-brief p { font-size: 25px; }
  .home-page .campaign-context .campaign-work p { font-size: 16px; }
  .home-page .campaign-context .campaign-case { grid-column: 1 / -1; grid-row: 4; }
  .home-page .campaign-attribution { grid-column: 1 / -1; grid-row: 5; padding: 12px 4px; }
  .home-page .community-case { grid-template-columns: 1fr; }
  .home-page .community-title { grid-template-rows: 300px auto; }
  .home-page .community-work { grid-template-columns: 1fr; }
  .home-page .community-work h2 { font-size: 32px; }
  .home-page .community-work p { font-size: 16px; }
  .home-page .connection-case { grid-template-columns: 1fr; grid-template-rows: 330px auto auto repeat(3,auto) auto; }
  .home-page .connection-case > .case-media { grid-column: 1; grid-row: 1; }
  .home-page .connection-case > :not(.case-media) { grid-column: 1; }
  .home-page .connection-case h2 { font-size: 32px; }
  .home-page .connection-step { grid-template-columns: 78px 1fr; }
  .home-page .project-tile.with-photo { grid-template-rows: 300px auto; }
  .home-page .case-media figcaption { height: auto; min-height: 52px; }
  .home-page .project-tile.with-photo .project-heading h2 { font-size: 32px; }
  .home-page .focus-tile { min-height: 220px; }
  .home-page :is(.service-tile,.research-tile,.person-tile,.scope-tile) { min-height: 230px; }
  .home-page :is(.service-tile,.research-tile) h2,.home-page .b-field > .research-0 h2 { font-size: 32px; }
  .home-page .b-field .archive-tile .logo-matrix { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .home-page .logo-matrix > a > span:last-child { font-size: 12px; }
  .home-page .page-footer { grid-template-columns: 1fr 1fr; }
}
/* Two clear entry points, with supporting navigation kept quieter. */
.home-page[data-home-refined] .b-menu nav{grid-template-columns:1fr 1fr;gap:4px}
.home-page[data-home-refined] .b-primary .primary-capability{display:grid;grid-column:1/-1;min-height:66px;padding:16px 20px;font-size:22px;line-height:1.15;background:#242724;grid-template-columns:24px 1fr}
.home-page[data-home-refined] .b-primary .primary-capability .nav-number{font-size:12px;color:#b6bcb6}
.home-page[data-home-refined] .b-menu a:not(.primary-capability){font-size:13px;min-height:46px;padding:12px 16px;grid-template-columns:1fr}
.home-page[data-home-refined] .b-menu a:not(.primary-capability) .nav-number{display:none}
.home-page[data-home-refined] .intro-action{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #414641;padding-top:16px;margin-top:24px;font-size:15px;min-height:44px}
.home-page[data-home-refined] .intro-action:hover{color:#fff}
@media(max-width:700px){.home-page[data-home-refined] .b-primary .primary-capability{min-height:72px;grid-column:auto;font-size:20px;padding:16px;grid-template-columns:1fr;gap:10px}.home-page[data-home-refined] .b-menu a:not(.primary-capability){font-size:14px}.home-page[data-home-refined] .intro-action{margin-top:20px}}
.home-page[data-home-refined] .b-primary .primary-capability>span:not(.nav-number){font-size:inherit;line-height:inherit;padding:0;background:transparent}
.home-page[data-home-refined] .b-menu a:not(.primary-capability)>span{padding:0;background:transparent;font-size:inherit}
.home-page[data-home-refined] .intro-action{margin:0;border-top:8px solid #000;padding:18px 24px;min-height:62px}
@media(max-width:700px){.home-page[data-home-refined] .intro-action{border-top-width:6px;padding:16px 22px}}

/* B: a photograph, assignment and source form one connected case bundle. */
.home-page[data-home-refined] .campaign-context {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;
  gap:var(--cell-gap);padding:0;background:var(--bg);
}
.home-page[data-home-refined] .campaign-context > :is(.campaign-story,.campaign-work,.campaign-evidence) {
  grid-column:auto;grid-row:1;background:var(--panel);padding:24px var(--cell-pad);
  display:flex;flex-direction:column;gap:18px;min-width:0;
}
.home-page[data-home-refined] .campaign-story > .eyebrow { font-size:13px; }
.home-page[data-home-refined] .campaign-identity { padding:0;gap:12px;flex-wrap:nowrap; }
.home-page[data-home-refined] .campaign-identity h2 { font-size:clamp(29px,3vw,48px); }
.home-page[data-home-refined] .campaign-context .campaign-brief { padding:0;display:block; }
.home-page[data-home-refined] .campaign-context .campaign-brief p { font-size:clamp(21px,2vw,31px);line-height:1.2; }
.home-page[data-home-refined] .campaign-context .campaign-case { padding:14px 0 0;min-height:44px;border:0;border-top:1px solid #ffffff26;background:transparent;margin-top:auto;display:flex;justify-content:space-between; }
.home-page[data-home-refined] .campaign-case::after { content:'↗'; }
.home-page[data-home-refined] [data-campaign-deliverables] { list-style:none;counter-reset:deliverable;margin:0;padding:0;display:grid;gap:0; }
.home-page[data-home-refined] [data-campaign-deliverables] li { counter-increment:deliverable;position:relative;padding:18px 0 18px 30px;border-bottom:1px solid #ffffff24;font-size:17px;line-height:1.45; }
.home-page[data-home-refined] [data-campaign-deliverables] li:first-child { padding-top:0; }
.home-page[data-home-refined] [data-campaign-deliverables] li::before { content:'0' counter(deliverable);position:absolute;left:0;top:20px;font-size:11px;color:#a8aea8; }
.home-page[data-home-refined] [data-campaign-deliverables] li:first-child::before { top:3px; }
.home-page[data-home-refined] .campaign-context > .campaign-evidence { background:#222622;gap:10px; }
.home-page[data-home-refined] [data-evidence-value] { font-weight:400;font-size:clamp(62px,6.7vw,104px);line-height:1;letter-spacing:-.045em; }
.home-page[data-home-refined] [data-evidence-value] .cycle-copy { align-self:center; }
.home-page[data-home-refined] [data-evidence-value] .scope-copy { font-size:clamp(30px,3.2vw,48px);line-height:1.05;letter-spacing:-.035em; }
.home-page[data-home-refined] [data-evidence-label] { font-size:16px;line-height:1.4; }
.home-page[data-home-refined] [data-evidence-basis] { font-size:13px;line-height:1.5;color:#b8bfb8; }
.home-page[data-home-refined] [data-evidence-source] { display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;margin-top:auto;border-top:1px solid #ffffff26;padding-top:10px;font-size:14px; }
.home-page[data-home-refined] .campaign-attribution { grid-column:1/-1;grid-row:2;padding:4px 4px 14px;line-height:1.5;font-size:12px; }
.home-page[data-home-refined] .b-field > .intro-tile h1 { font-size:clamp(38px,4.4vw,72px);line-height:1.04; }
.home-page[data-home-refined] .intro-tile > p { font-size:17px;line-height:1.45; }
.home-page[data-home-refined] .b-menu a:not(.primary-capability) { background:#111411; }
.home-page[data-home-refined] .film-tile { display:grid;grid-template-rows:minmax(400px,1fr) auto auto; }
.home-page[data-home-refined] .b-field > :is(.research-tile,.scope-tile,.person-tile) h2 { letter-spacing:-.03em; }
@media(max-width:1100px) and (min-width:701px){
  .home-page[data-home-refined] .campaign-context > :is(.campaign-story,.campaign-work,.campaign-evidence){padding:20px 16px;}
  .home-page[data-home-refined] [data-campaign-deliverables] li{font-size:15px;padding-left:24px;}
}
@media(max-width:700px){
  .home-page[data-home-refined] .intro-tile > .eyebrow{padding-bottom:4px;}
  .home-page[data-home-refined] .b-field > .intro-tile h1{font-size:clamp(40px,10.8vw,70px);padding-block:12px 20px;}
  .home-page[data-home-refined] .intro-tile > p{font-size:16px;}
  .home-page[data-home-refined] .intro-action{min-height:50px;padding-block:12px;}
  .home-page[data-home-refined] .b-field > .film-tile{height:auto;grid-template-rows:clamp(270px,74vw,440px) auto auto;}
  .home-page[data-home-refined] .film-scenes button{font-size:13px;}
  .home-page[data-home-refined] .campaign-context{grid-template-columns:1fr;grid-template-rows:auto;}
  .home-page[data-home-refined] .campaign-context > :is(.campaign-story,.campaign-work,.campaign-evidence){grid-column:1;grid-row:auto;padding:22px 20px;}
  .home-page[data-home-refined] .campaign-identity h2{font-size:36px;}
  .home-page[data-home-refined] .campaign-context .campaign-brief p{font-size:26px;}
  .home-page[data-home-refined] [data-campaign-deliverables] li{font-size:16px;padding-block:13px;}
  .home-page[data-home-refined] [data-campaign-deliverables] li::before{top:16px;}
  .home-page[data-home-refined] [data-evidence-value]{font-size:80px;}
  .home-page[data-home-refined] [data-evidence-value] .scope-copy{font-size:40px;}
  .home-page[data-home-refined] .campaign-attribution{grid-column:1;grid-row:auto;padding:6px 8px 16px;}
}

.home-page[data-home-refined] .b-primary{grid-area:primary;display:grid;grid-template-columns:1fr;gap:4px;min-width:0;}
@media(max-width:700px){.home-page[data-home-refined] .b-primary{grid-template-columns:1fr 1fr;}.home-page[data-home-refined] .b-primary .primary-capability{grid-column:auto;}}

.home-page[data-home-refined] .b-primary .nav-number{justify-content:flex-start;align-items:center;}
@media(max-width:360px){.home-page[data-home-refined] .b-primary .primary-capability{font-size:18px;padding:14px;}}

/* One continuous story: positioning, proof, two tracks, work, perspectives, contact. */
.home-page[data-home-refined] .b-field{grid-template-areas:'intro film film' 'primary film film' 'peaq peaq peaq' 'polygon polygon sahara' 'gtm partner process' 'aptos ondo bybit' 'r0 r1 r2' 'archive archive person' 'contact contact portfolio';}
.home-page[data-home-refined] .b-field > .film-tile{grid-template-rows:minmax(360px,1fr) auto auto;}
.home-page[data-home-refined] .b-field > .person-tile{min-height:0;}
.home-page[data-home-refined] .person-tile h2{font-size:clamp(26px,2.8vw,42px);}
.home-page[data-home-refined] .campaign-attribution{padding-bottom:8px;}
@media(max-width:1100px) and (min-width:701px){.home-page[data-home-refined] .b-field{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:700px){
 .home-page[data-home-refined] .b-field{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'intro intro' 'primary primary' 'film film' 'peaq peaq' 'polygon polygon' 'sahara sahara' 'gtm gtm' 'partner partner' 'process process' 'aptos aptos' 'ondo ondo' 'bybit bybit' 'r0 r0' 'r1 r1' 'r2 r2' 'archive archive' 'person person' 'contact contact' 'portfolio portfolio';}
 .home-page[data-home-refined] .b-field > .film-tile{grid-template-rows:clamp(270px,74vw,440px) auto auto;}
 .home-page[data-home-refined] .research-tile{min-height:190px;}
 .home-page[data-home-refined] .person-tile{min-height:200px;}
 .home-page[data-home-refined] .portfolio-tile{min-height:160px;}
}

/* One-row project index: growing the reel never grows the opening grid. */
.home-page[data-home-refined] .film-scenes { display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:0;padding:0;min-width:0; }
.home-page[data-home-refined] .film-scenes::-webkit-scrollbar { display:none; }
.home-page[data-home-refined] .film-scenes button { flex:0 0 auto;min-width:clamp(118px,12vw,180px);padding:15px 18px;white-space:nowrap;border-right:1px solid #ffffff12; }
.home-page[data-home-refined] .film-scenes button::before { display:none; }
.home-page[data-home-refined] .film-scenes button[aria-pressed=true] { color:#fff;background:#ffffff0b;box-shadow:inset 0 -2px #eee; }
@media(max-width:700px){.home-page[data-home-refined] .film-scenes button { min-width:118px;font-size:13px;padding:14px 12px; }}

/* A clear destination, separate from browsing the moving project selection. */
.home-page[data-home-refined] .film-photo-link{position:absolute;inset:0;z-index:2;cursor:pointer;}
.home-page[data-home-refined] .film-photo-link:focus-visible{outline:3px solid #fff;outline-offset:-6px;}
.home-page[data-home-refined] .film-caption{display:grid;grid-template-columns:minmax(0,1fr) auto auto;min-height:68px;gap:4px;padding:0;background:#080808;}
.home-page[data-home-refined] .film-caption>.film-identity{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;column-gap:12px;row-gap:3px;min-width:0;padding:10px 16px;}
.home-page[data-home-refined] .film-identity .film-index{padding:0;border:0;background:none;font-size:12px;line-height:1.3;color:#a9aaa9;grid-row:1;align-self:center;}
.home-page[data-home-refined] .film-identity .film-name{display:block;font-size:19px;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-page[data-home-refined] .film-identity .film-credit{grid-column:2;font-size:11px;line-height:1.3;margin:0;color:#a9aaa9;}
.home-page[data-home-refined] .film-case-link{display:flex;align-items:center;justify-content:center;background:#eef0eb;color:#111;padding:0 22px;min-height:54px;font-size:15px;font-weight:500;}
.home-page[data-home-refined] .motion-control{height:100%;min-width:62px;min-height:54px;padding:0 14px;border:0;background:#202220;font-size:13px;align-self:stretch;}
.home-page[data-home-refined] .film-browser{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;gap:4px;background:#080808;}
.home-page[data-home-refined] .film-browser>button{background:#292c29;color:#f0f1ed;padding:0 18px;min-height:48px;font-size:14px;}
.home-page[data-home-refined] .film-browser>button:hover{background:#3a3e3a;}
.home-page[data-home-refined] .film-scenes button{min-width:110px;font-size:13px;}
.home-page[data-home-refined] .intro-action{background:#eef0eb;color:#111;font-weight:500;justify-content:center;}
.home-page[data-home-refined] .intro-action:hover,.home-page[data-home-refined] .film-case-link:hover{background:#fff;color:#111;}
@media(max-width:700px){
 .home-page[data-home-refined] .film-caption{min-height:68px;}
 .home-page[data-home-refined] .film-caption>.film-identity{padding:10px;column-gap:7px;}
 .home-page[data-home-refined] .film-identity .film-name{font-size:16px;}
 .home-page[data-home-refined] .film-identity .film-index{font-size:10px;}
 .home-page[data-home-refined] .film-identity .film-credit{grid-column:1/-1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .home-page[data-home-refined] .film-case-link{padding:0 14px;font-size:14px;}
 .home-page[data-home-refined] .motion-control{min-width:46px;padding:0 9px;font-size:12px;}
 .home-page[data-home-refined] .film-browser>button{padding:0 12px;font-size:13px;}
}

/* A single continuous client rail, within the existing rectangular rhythm. */
.home-page[data-home-refined] .b-field {
  grid-template-areas:'intro film film' 'primary film film' 'clients clients clients'
    'peaq peaq peaq' 'polygon polygon sahara' 'gtm partner process' 'aptos ondo bybit'
    'r0 r1 r2' 'archive archive person' 'contact contact portfolio';
}
.home-page[data-home-refined] .client-marquee {
  grid-area:clients;min-width:0;display:grid;grid-template-columns:176px minmax(0,1fr);
  gap:4px;background:var(--bg);overflow:hidden;
}
.client-marquee-heading {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  padding:12px 20px;background:#171817;
}
.client-marquee-heading h2 {font-size:15px;line-height:1.35;letter-spacing:0;}
.client-marquee-control {background:transparent;color:#aab0aa;font-size:12px;padding:10px 0;min-height:40px;text-decoration:underline;text-underline-offset:4px;}
.client-marquee-control:hover {color:#fff;}
.client-marquee-window {min-width:0;overflow:hidden;background:#111211;}
.client-marquee-track {display:flex;width:max-content;animation:client-drift var(--client-duration,135s) linear infinite;will-change:transform;}
.client-marquee-group {display:flex;gap:4px;padding-right:4px;flex:none;}
.client-marquee-link {width:220px;min-height:96px;display:flex;align-items:center;gap:14px;padding:14px 16px;background:#171817;flex:none;}
.client-marquee-link:hover {background:#252825;}
.client-marquee-link > span:last-child {font-size:18px;line-height:1.2;letter-spacing:-.025em;}
.home-page .client-marquee-link .brand-icon {width:50px;height:50px;border-radius:0;}
.client-marquee[data-paused=true] .client-marquee-track {animation-play-state:paused;}
@media(hover:hover){.client-marquee:hover .client-marquee-track {animation-play-state:paused;}}
/* Keyboard focus exposes one static, scrollable set of links, including offscreen clients. */
.client-marquee-window:focus-within {overflow-x:auto;}
.client-marquee-window:focus-within .client-marquee-track {animation:none;transform:none;}
.client-marquee-window:focus-within .client-marquee-copy {display:none;}
@keyframes client-drift {to{transform:translateX(-50%);}}
@media(max-width:700px){
  .home-page[data-home-refined] .b-field {
    grid-template-areas:'intro intro' 'primary primary' 'film film' 'clients clients'
      'peaq peaq' 'polygon polygon' 'sahara sahara' 'gtm gtm' 'partner partner' 'process process'
      'aptos aptos' 'ondo ondo' 'bybit bybit' 'r0 r0' 'r1 r1' 'r2 r2' 'archive archive'
      'person person' 'contact contact' 'portfolio portfolio';
  }
  .home-page[data-home-refined] .client-marquee {grid-template-columns:minmax(0,1fr);}
  .client-marquee-heading {flex-direction:row;align-items:center;justify-content:space-between;padding:4px 16px;}
  .client-marquee-heading h2 {font-size:14px;}
  .client-marquee-control {min-height:44px;padding:10px 6px;font-size:13px;}
  .client-marquee-link {width:200px;min-height:84px;padding:12px 14px;gap:12px;}
  .client-marquee-link > span:last-child {font-size:17px;}
  .home-page .client-marquee-link .brand-icon {width:46px;height:46px;}
}
@media(prefers-reduced-motion:reduce){
  .client-marquee-track {animation:none;transform:none;will-change:auto;}
  .client-marquee-window {overflow-x:auto;}
  .client-marquee-copy,.client-marquee-control {display:none;}
  .client-marquee-heading {min-height:44px;}
}

/* Real footage sits above its fallback poster, below the case link. */
.home-page .film-image .hero-video{z-index:1;opacity:0;pointer-events:none;transition:opacity .22s ease}
.home-page .film-image .hero-video.is-playing{opacity:1}
.home-page [data-campaign-deliverables] li[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.home-page .film-image .hero-video{transition:none}}