/* The existing Crux poster identity, extended to show the products behind a service. */
.connected-home .cinema { min-height:max(760px,100svh); }
.connected-home .cinema h1 { font-size:clamp(76px,15.6vw,250px); margin-bottom:55px; }
.connected-home .cinema-deck { max-width:570px; }
.product-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; margin-bottom:72px; }
.product-visual { position:relative; height:540px; overflow:hidden; padding:35px; }
.product-art-heading { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.product-art-heading > span:last-child { max-width:135px; font-size:14px; line-height:1.4; }
.nudge-visual { background:#ead8c4; color:#293f55; }
.nudge-name { font:800 45px/1 var(--display); letter-spacing:-.065em; }
.nudge-screens { display:flex; align-items:flex-start; justify-content:center; gap:22px; margin:36px -10px 0; transform:rotate(-5deg); }
.nudge-screens img { display:block; width:45%; max-width:220px; height:auto; border:5px solid #293f55; border-radius:22px; box-shadow:0 16px 35px #293f5525; }
.nudge-screens img + img { margin-top:56px; }
.product-art-caption { position:absolute; inset:auto 0 0; padding:22px 30px; font-size:12px; background:inherit; z-index:2; }
.rx-visual { background:#16394b; color:#f6f8f8; }
.rx-name { font:700 32px/1 var(--display); letter-spacing:-.055em; }
.rx-name > span { color:#9bddce; }
.rx-product-screens { position:relative; margin-top:62px; padding:0 14% 12% 0; transform:rotate(-4deg); }
.rx-desktop-screen { width:112%; overflow:hidden; border:1px solid #ffffff45; border-radius:9px; background:#f3f6fa; box-shadow:0 25px 50px #00141e60; }
.rx-window-bar { display:flex; align-items:center; gap:20px; padding:10px 14px; background:#e8eef2; color:#5c707b; font:10px/1 var(--body); }
.rx-window-bar > span:first-child { font-size:8px; letter-spacing:3px; color:#8fa3ad; }
.rx-desktop-screen img { display:block; width:100%; height:auto; }
.rx-mobile-screen { position:absolute; width:31%; height:auto; right:-7px; top:85px; border:5px solid #102b39; border-radius:19px; box-shadow:0 18px 35px #00141e65; transform:rotate(8deg); }
.work-type { display:block; font-size:12px; color:var(--muted); margin-bottom:12px; }
.project-read { display:inline-flex; align-items:center; gap:25px; font:600 13px var(--display); margin-top:18px; border-bottom:1px solid #ddcbbf; padding-bottom:7px; }
.project:hover .project-read { color:var(--wine); border-color:currentColor; }
.starting-point { display:grid; grid-template-columns:1fr 1fr; gap:10%; border-top:1px solid #ddcbbf; padding-block:70px 110px; }
.starting-point h2 { font:500 clamp(32px,3.5vw,55px)/1.12 var(--display); letter-spacing:-.055em; }
.starting-point > div + div { padding-top:50px; }
.starting-point p:not(.descriptor) { color:var(--muted); }
.product-case-art { margin:0; padding:65px max(6%,calc((100% - 1250px)/2)) 30px; }
.product-case-art figcaption { font-size:13px; margin-top:25px; }
.product-case-art .nudge-screens { transform:none; max-width:950px; margin:0 auto; gap:7%; }
.product-case-art .nudge-screens img { width:28%; max-width:250px; }
.product-case-art .nudge-screens img + img { margin-top:35px; }
.product-case-art .nudge-screens img:last-child { margin-top:0; }
.rx-case-showcase { overflow:hidden; }
.rx-case-showcase .rx-product-screens { max-width:1100px; margin:20px auto 0; padding:0 15% 6% 0; transform:none; }
.rx-case-showcase .rx-desktop-screen { width:100%; }
.rx-case-showcase .rx-mobile-screen { width:23%; top:auto; bottom:0; right:0; transform:none; }
.rx-case-showcase figcaption { color:#c4d9e1; margin-top:35px; }
.related-work { display:flex; flex-wrap:wrap; gap:20px 40px; padding-bottom:90px; }
.case-ownership { max-width:700px; margin:30px 0 0; font-size:15px; color:var(--muted); }
@media(min-width:1600px) { .connected-home .cinema h1 { font-size:250px; } }
@media(max-width:1100px) {
  .product-visual { padding:28px; height:495px; }
  .product-art-heading { display:block; }
  .product-art-heading > span:last-child { display:block; margin-top:12px; max-width:none; }
  .rx-product-screens { margin-top:70px; }
  .rx-mobile-screen { width:36%; top:65px; }
}
@media(max-width:760px) {
  .product-case .case-title-row { grid-template-columns:minmax(0,1fr); }
  .product-case .case-title-row h1 { font-size:16vw; }
  .product-pair { grid-template-columns:1fr; gap:48px; margin-bottom:48px; }
  .product-visual { height:540px; padding:30px; }
  .product-art-heading { display:flex; }
  .product-art-heading > span:last-child { max-width:145px; margin:0; }
  .rx-product-screens { margin-top:65px; }
  .starting-point { grid-template-columns:1fr; gap:12px; padding-block:50px 70px; }
  .starting-point > div + div { padding-top:0; }
  .rx-case-showcase .rx-product-screens { padding-bottom:12%; }
  .rx-case-showcase .rx-mobile-screen { width:27%; border-width:3px; border-radius:12px; }
  .product-case-art .nudge-screens { gap:15px; }
  .product-case-art .nudge-screens img { border-width:3px; border-radius:13px; width:43%; }
  .product-case-art .nudge-screens img:last-child { display:none; }
}
@media(max-width:640px) {
  .connected-home .cinema { min-height:max(675px,90svh); }
  .connected-home .cinema-copy { padding-top:140px; }
  .connected-home .cinema h1 { font-size:15.6vw; margin-bottom:42px; }
  .connected-home .cinema-deck { max-width:350px; }
  .connected-home .work-heading { display:block; }
  .connected-home .work-heading > span { display:block; margin-top:8px; font-size:13px; }
  .connected-home .project-caption { gap:15px; }
  .connected-home .project-caption h2 { font-size:23px; }
  .connected-home .project-caption > span { font-size:12px; }
  .connected-home .project-caption > span span { margin-left:5px; }
  .connected-home .project-caption p { font-size:17px; }
  .product-visual { height:465px; padding:25px; }
  .product-art-heading > span:last-child { max-width:110px; font-size:12px; }
  .rx-name { font-size:29px; }
  .nudge-screens { gap:13px; }
  .nudge-screens img { border-width:3px; border-radius:14px; }
  .rx-product-screens { margin-top:60px; padding-right:8%; }
  .rx-desktop-screen { width:112%; }
  .rx-mobile-screen { width:42%; top:70px; right:-3px; border-width:3px; border-radius:14px; }
  .rx-window-bar { padding:8px 10px; font-size:8px; }
  .product-art-caption { padding:17px 25px; font-size:11px; }
  .product-case-art { padding:35px 20px 25px; }
  .related-work { padding-bottom:60px; }
  .connected-home .footer-top { flex-wrap:wrap; }
}