/* Approved compact Earlier UX Work: full native pages in a small shared frame. */
#earlier-work.compact-earlier-work{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center;padding:38px 5%;background:radial-gradient(ellipse 130% 100% at 25% -22%,#e1e8ed55,transparent 70%),linear-gradient(125deg,transparent 18%,#c3cdd31c 42%,transparent 66%),linear-gradient(130deg,#3c4349 0%,#4b535a 38%,#2a3136 78%,#20262b 100%);color:#edf1f3;border:0}
#earlier-work .earlier-gateway-intro{padding:0}#earlier-work .extension-eyebrow{font-size:10px;letter-spacing:.18em;color:#c5d0d5}#earlier-work .intro h2{font:400 42px/1.12 'Manrope',Arial,sans-serif;letter-spacing:-.045em;margin:17px 0}#earlier-work .intro h2 em{font-family:Georgia,serif;color:#85bdc2}#earlier-work .intro>p{font-size:14px;line-height:1.7;max-width:510px;color:#d0d8dc;margin:0 0 22px}#earlier-work .earlier-collection-link{margin:0;padding:13px 18px;border-color:#c8d5dd88;font-size:10px;letter-spacing:.12em;color:#edf1f3}#earlier-work .earlier-collection-link:hover{background:#ffffff13}#earlier-work a:focus-visible,#earlier-work button:focus-visible{outline:2px solid #a8d6da;outline-offset:4px}
#earlier-work .vectra-slideshow{width:100%;max-width:320px;justify-self:center;min-width:0;padding:0;background:transparent;border:0}#earlier-work .vectra-slide-heading{display:block;min-height:0;margin:0 0 12px;text-align:center}#earlier-work .vectra-slide-heading p{font-size:11px;line-height:1.5;color:#d0d8dc;font-weight:400;margin:0;max-width:none}#earlier-work .vectra-stage{display:block;border:1px solid #c1cbd15c;background:linear-gradient(135deg,#f7fafb20,#10192030);border-radius:6px;padding:13px;overflow:hidden;box-shadow:inset 0 1px #fff2,0 12px 25px #0002}#earlier-work .vectra-stage:hover{border-color:#cbdce388}#earlier-work .vectra-slides{height:210px;position:relative;aspect-ratio:auto;background:none}#earlier-work .page-slide{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 650ms;pointer-events:none}#earlier-work .page-slide.is-active{opacity:1}#earlier-work .page-slide img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 4px 12px #0003;border-radius:1px}#earlier-work .vectra-slide-dots{margin-top:10px;gap:4px}#earlier-work .vectra-slide-dots button[aria-pressed=true] span{background:#b5d6d8;border-color:#b5d6d8}
@media(max-width:750px){#earlier-work.compact-earlier-work{grid-template-columns:1fr;gap:28px;padding:32px 6%}#earlier-work .intro h2{font-size:36px;margin:17px 0}#earlier-work .intro>p{font-size:13px}#earlier-work .vectra-slides{height:205px}}
@media(prefers-reduced-motion:reduce){#earlier-work .page-slide{transition:none}}