.case-hero,.case-section,.next-project { padding-left:var(--page-pad); padding-right:var(--page-pad); }
.case-hero { padding-top:58px; padding-bottom:52px; }
.back,.case-facts span,.opening-collage figcaption,.format-grid figcaption,.platform-grid figcaption { font:500 10px/1.4 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.11em; }
.back { color:var(--muted); }.back:hover { color:var(--orange); }.case-hero .eyebrow { margin-top:64px; }
.case-hero h1 { max-width:11ch; margin:0; font-size:clamp(52px,7.2vw,120px); line-height:.9; letter-spacing:-.075em; }.case-hero h1 i { color:var(--orange); font-style:normal; }
.standfirst { max-width:45ch; margin:32px 0 52px; font-size:clamp(18px,2vw,27px); line-height:1.35; color:var(--muted); letter-spacing:-.035em; }
.case-facts { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); }.case-facts div { padding:17px 24px 0 0; border-bottom:1px solid var(--line); min-height:100px; }.case-facts span { color:var(--muted); }.case-facts p { max-width:24ch; margin:8px 0 17px; font-size:14px; line-height:1.4; }
.opening-banner { position:relative; margin:0; overflow:hidden; }.opening-banner__image { aspect-ratio:32 / 15; }.opening-banner__image img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.make-it-count-banner .opening-banner__image img { object-position:center 42%; }
.window-composite { position:relative; height:clamp(430px,48vw,650px); overflow:hidden; background:#dfe7e8; }.city-strip { position:absolute; z-index:0; inset:auto 0 0; height:31%; overflow:hidden; }.city-strip img { display:block; width:100%; height:100%; object-fit:cover; object-position:center bottom; }.window-photo { position:absolute; z-index:1; left:50%; bottom:7%; transform:translateX(-50%); width:min(48vw,435px); height:auto; display:block; box-shadow:0 20px 45px rgba(0,0,0,.15); }
.case-section { padding-top:115px; padding-bottom:115px; }.two-column { display:grid; grid-template-columns:1fr 1fr; gap:clamp(35px,10vw,170px); }.two-column h2 { max-width:10ch; font-size:clamp(33px,4.1vw,68px); line-height:.98; letter-spacing:-.065em; margin:0; }.two-column div:last-child { max-width:47ch; color:var(--muted); }.two-column div:last-child p { margin:0 0 20px; }.contribution { background:#f0f3e8; }
.concept-transition { background:#f0f3e8; padding-top:115px; padding-bottom:115px; }.concept-intro { display:grid; grid-template-columns:1fr 1fr; gap:clamp(35px,10vw,170px); align-items:start; margin-bottom:54px; }.concept-intro__title .eyebrow { margin:0 0 28px; }.concept-intro h2 { max-width:10ch; margin:0; font-size:clamp(33px,4.1vw,68px); line-height:.98; letter-spacing:-.065em; }.concept-intro > p { max-width:44ch; margin:0; color:var(--muted); }.concept-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }.concept-step { margin:0; }.concept-art { position:relative; overflow:hidden; background:#1b1b1b; aspect-ratio:4/5; }.concept-art img { width:100%; height:100%; object-fit:cover; display:block; }.concept-step figcaption { padding:14px 0 0; font:500 11px/1.4 'DM Mono',monospace; letter-spacing:.07em; text-transform:uppercase; }.concept-step figcaption span { color:var(--orange); margin-right:7px; }
.campaign-applications { border-top:1px solid var(--line); }.campaign-applications__intro { display:grid; grid-template-columns:1fr 1fr; gap:clamp(35px,10vw,170px); align-items:start; margin-bottom:54px; }.campaign-applications__intro h2 { max-width:11ch; margin:0; font-size:clamp(33px,4.1vw,68px); line-height:.98; letter-spacing:-.065em; }.campaign-applications__intro > p { max-width:42ch; margin:0; color:var(--muted); }.campaign-video,.campaign-magazine,.campaign-tall,.campaign-square-stack figure,.campaign-strips figure { margin:0; }.campaign-video,.campaign-magazine { margin-bottom:54px; }.campaign-video { background:var(--ink); }.campaign-video video,.campaign-magazine img { width:100%; height:auto; display:block; }.campaign-video figcaption,.campaign-magazine figcaption,.campaign-tiles figcaption,.campaign-strips figcaption { padding:13px 0 0; color:var(--ink); font:500 10px/1.4 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.11em; }.campaign-video figcaption span,.campaign-magazine figcaption span,.campaign-tiles figcaption span,.campaign-strips figcaption span { color:var(--orange); margin-right:7px; }.campaign-tiles { display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:start; margin-bottom:54px; }.campaign-tall img { width:100%; height:auto; display:block; }.campaign-square-stack { display:grid; gap:28px; }.campaign-square-stack img { width:100%; height:auto; display:block; }.campaign-strips { display:grid; gap:34px; }.campaign-strips img { width:100%; height:auto; display:block; }
.rollout,.platform-pair { border-top:1px solid var(--line); }.rollout-intro { max-width:52ch; color:var(--muted); margin:0 0 36px; }.format-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:start; }.format-grid figure,.platform-grid figure,.application-grid figure { margin:0; }.format-frame { width:100%; }.format-frame img { width:100%; height:auto; display:block; }.format-grid figcaption,.platform-grid figcaption,.application-grid figcaption { padding:12px 0 0; color:var(--ink); }.format-grid figcaption span { color:var(--muted); text-transform:none; letter-spacing:0; font-family:Manrope,Arial,sans-serif; font-size:13px; }
.platform-grid { display:grid; grid-template-columns:1.45fr .55fr; gap:20px; align-items:start; }.side-stack { grid-column:2; grid-row:1; display:grid; gap:20px; }.billboard-focus { overflow:hidden; background:transparent; }.billboard-focus img { display:block; width:100%; height:300px; object-fit:cover; object-position:center 35%; }.email-tile img { display:block; width:100%; height:auto; object-fit:contain; }.application-grid { grid-column:1; grid-row:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.application-grid figure.wide,.identity-grid { grid-column:1 / -1; }.application-grid img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; object-position:center; }.application-grid figure.wide img { aspect-ratio:16/8; }.identity-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.identity-grid figure { margin:0; }.identity-grid figure:last-child { grid-column:1 / -1; }.identity-grid img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.note-section { padding-top:64px; padding-bottom:64px; border-top:1px solid var(--line); }.note-section .role-copy { font-size:18px; max-width:42ch; margin:0 0 34px; }.note-section .credit-copy { max-width:42ch; margin:0; color:var(--muted); font-size:14px; }.next-project { background:var(--ink); color:var(--bg); padding-top:72px; padding-bottom:72px; }.next-project .eyebrow { color:#aaa9a4; }.next-project a { font-size:clamp(34px,4.4vw,66px); line-height:1; letter-spacing:-.06em; }.next-project a span { color:var(--orange); }
@media(max-width:720px) { .case-hero { padding-top:38px; padding-bottom:34px; }.case-hero .eyebrow { margin-top:46px; }.case-hero h1 { font-size:58px; }.standfirst { font-size:19px; margin:25px 0 38px; }.case-facts { grid-template-columns:1fr; }.case-facts div { min-height:0; padding:14px 0 0; }.window-composite { height:470px; }.window-photo { width:min(82vw,435px); bottom:10%; }.city-strip { height:24%; }.case-section { padding-top:68px; padding-bottom:68px; }.two-column,.concept-intro,.campaign-applications__intro { grid-template-columns:1fr; gap:32px; }.two-column h2,.concept-intro h2,.campaign-applications__intro h2 { font-size:42px; }.concept-steps { grid-template-columns:1fr; gap:34px; }.concept-art { height:auto; aspect-ratio:4/5; }.campaign-video,.campaign-magazine,.campaign-tiles { margin-bottom:38px; }.campaign-tiles { grid-template-columns:1fr; gap:28px; }.campaign-square-stack { gap:28px; }.campaign-strips { gap:28px; }.format-grid,.platform-grid,.application-grid { grid-template-columns:1fr; gap:33px; }.side-stack,.application-grid { grid-column:1; grid-row:auto; }.billboard-focus img { height:auto; object-fit:contain; object-position:center; }.identity-grid { grid-template-columns:1fr; }.note-section { padding-top:48px; padding-bottom:48px; }.next-project { padding-top:52px; padding-bottom:52px; } }
.campaign-video,.campaign-magazine { width:min(100%,960px) !important; margin-left:auto !important; margin-right:auto !important; }.campaign-tiles { width:min(100%,960px) !important; margin-left:auto !important; margin-right:auto !important; }.campaign-strips { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:28px !important; width:min(100%,960px) !important; margin-left:auto !important; margin-right:auto !important; } @media(max-width:720px) { .campaign-strips { grid-template-columns:1fr !important; } }
.campaign-tiles { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }.campaign-video figcaption,.campaign-magazine figcaption,.campaign-tiles figcaption,.campaign-strips figcaption { padding:12px 0 0; color:var(--ink); font:500 10px/1.4 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.11em; }.campaign-video figcaption span,.campaign-magazine figcaption span,.campaign-tiles figcaption span,.campaign-strips figcaption span { color:var(--muted); text-transform:none; letter-spacing:0; font-family:Manrope,Arial,sans-serif; font-size:13px; margin:0; } @media(max-width:720px) { .campaign-tiles { grid-template-columns:1fr !important; } }
.campaign-tiles > figure { margin:0; min-width:0; }.campaign-tiles > figure img { width:100%; height:auto; display:block; }.campaign-video { background:transparent; }.campaign-video figcaption { background:var(--bg); }.campaign-strips { width:min(100%,1120px) !important; }
.keep-together { white-space:nowrap; }
.creative-zoom { position:relative; display:block; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; text-align:left; }.creative-zoom img { display:block; width:100%; height:auto; }.mac-application-grid__instagram .creative-zoom { border:1px solid rgba(24,24,23,.16); }.creative-zoom span { position:absolute; right:16px; bottom:16px; padding:9px 12px; background:rgba(17,17,17,.88); color:#fff; font:500 10px/1 'DM Mono',monospace; letter-spacing:.09em; text-transform:uppercase; opacity:0; transform:translateY(5px); transition:opacity .2s ease,transform .2s ease; }.creative-zoom:hover span,.creative-zoom:focus-visible span { opacity:1; transform:translateY(0); }.creative-zoom:focus-visible { outline:2px solid var(--orange); outline-offset:4px; }.creative-lightbox { width:min(94vw,1280px); max-width:none; max-height:94vh; padding:0; border:0; background:#111; overflow:visible; }.creative-lightbox::backdrop { background:rgba(0,0,0,.82); }.creative-lightbox img { display:block; max-width:94vw; max-height:94vh; width:auto; height:auto; }.creative-lightbox__close { position:absolute; z-index:1; top:10px; right:10px; width:36px; height:36px; border:0; border-radius:50%; background:rgba(17,17,17,.85); color:#fff; cursor:pointer; font:300 30px/30px Arial,sans-serif; }.creative-lightbox__close:hover,.creative-lightbox__close:focus-visible { background:var(--orange); outline:none; } @media(max-width:720px) { .creative-zoom span { opacity:1; transform:none; right:10px; bottom:10px; }.creative-lightbox { width:96vw; }.creative-lightbox img { max-width:96vw; max-height:90vh; } }
.brand-device { border-top:1px solid var(--line); }.brand-device__intro { display:grid; grid-template-columns:1fr 1fr; gap:clamp(35px,10vw,170px); align-items:start; margin-bottom:54px; }.brand-device__intro h2 { max-width:10ch; margin:0; font-size:clamp(33px,4.1vw,68px); line-height:.98; letter-spacing:-.065em; }.brand-device__intro > p { max-width:44ch; margin:0; color:var(--muted); }.brand-device__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }.brand-device__grid figure { margin:0; }.device-tile { position:relative; aspect-ratio:1; overflow:hidden; }.device-tile--parts { background:#f1f3ed; }.device-core { position:absolute; left:50%; top:50%; width:31%; aspect-ratio:1; border-radius:44% 44% 44% 12%; background:#ff5a1f; transform:translate(-50%,-50%) rotate(18deg); }.device-point { position:absolute; left:50%; top:50%; width:38%; height:17%; background:#ff5a1f; clip-path:polygon(0 50%,100% 0,72% 50%,100% 100%); transform-origin:0 50%; }.device-point--one { transform:translate(7%,-50%) rotate(0deg); }.device-point--two { transform:translate(0,-50%) rotate(72deg); }.device-point--three { transform:translate(0,-50%) rotate(144deg); }.device-point--four { transform:translate(0,-50%) rotate(216deg); }.device-point--five { transform:translate(0,-50%) rotate(288deg); }.device-tile--paired { background:#10185e; }.paired-core { position:absolute; left:21%; top:38%; width:49%; height:48%; border-radius:20% 12% 46% 44%; background:#ff5a1f; transform:rotate(-14deg); }.paired-point { position:absolute; right:-2%; top:14%; width:59%; height:57%; background:#ff9b19; clip-path:polygon(0 42%,100% 0,74% 48%,100% 100%,0 62%); transform:rotate(9deg); }.device-tile--application img { width:100%; height:100%; object-fit:cover; object-position:54% 45%; display:block; }.brand-device__grid figcaption { padding:12px 0 0; color:var(--ink); font:500 10px/1.4 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.11em; }.brand-device__grid figcaption span { color:var(--muted); text-transform:none; letter-spacing:0; font-family:Manrope,Arial,sans-serif; font-size:13px; } @media(max-width:720px) { .brand-device__intro { grid-template-columns:1fr; gap:32px; }.brand-device__intro h2 { font-size:42px; }.brand-device__grid { grid-template-columns:1fr; gap:33px; } }
.brand-device__grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:800px; }.device-tile--reference { border:1px solid rgba(24,24,23,.16); }.device-tile--reference img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.brand-pattern-note { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr); gap:28px; align-items:start; max-width:900px; margin-top:28px; padding-top:28px; border-top:1px solid var(--line); }.brand-pattern-note__images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.brand-pattern-note__images img { width:100%; aspect-ratio:1.7; object-fit:cover; display:block; }.brand-pattern-note .eyebrow { margin:0 0 12px; }.brand-pattern-note p:last-child { margin:0; color:var(--muted); } @media(max-width:720px) { .brand-pattern-note { grid-template-columns:1fr; }.brand-pattern-note__images { gap:8px; } }
.mac-page .case-hero h1 i { color:#d2175d; }.mac-hero .opening-banner__image { aspect-ratio:2 / 1; }.mac-concept { background:#f8e8ed; }.mac-concept__grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(280px,1.18fr); gap:clamp(32px,8vw,130px); align-items:center; }.mac-concept__grid figure,.mac-application-grid figure,.mac-commerce-flow figure,.mac-page-capture,.mac-editorial figure { margin:0; }.mac-concept__grid figure { width:min(100%,430px); }.mac-concept__grid img { width:100%; display:block; }.mac-concept__statement { max-width:29ch; }.mac-concept__statement .eyebrow { margin-bottom:24px; }.mac-tagline { margin:0 0 28px; font-size:clamp(34px,4.8vw,72px); line-height:.91; letter-spacing:-.065em; }.mac-concept figcaption,.mac-applications figcaption,.mac-commerce figcaption,.mac-editorial figcaption { padding:12px 0 0; color:var(--ink); font:500 10px/1.4 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.11em; }.mac-concept figcaption span,.mac-applications figcaption span,.mac-commerce figcaption span,.mac-editorial figcaption span { color:var(--muted); text-transform:none; letter-spacing:0; font-family:Manrope,Arial,sans-serif; font-size:13px; }.mac-applications { border-top:1px solid var(--line); }.mac-application-grid { display:grid; grid-template-columns:.4fr .6fr; gap:28px; align-items:start; }.mac-application-grid img { width:100%; height:auto; display:block; }.mac-application-grid__store img { aspect-ratio:auto; object-fit:contain; }.mac-commerce { background:#111; color:#fff; }.mac-commerce .concept-intro > p { color:#c9c9c9; }.mac-commerce .concept-intro h2 { color:#fff; }.mac-commerce .concept-intro .eyebrow,.mac-commerce figcaption { color:#e5e5e5; }.mac-commerce figcaption span { color:#a9a9a9; }.mac-commerce-flow { display:grid; gap:42px; width:min(100%,940px); }.commerce-path { display:grid; grid-template-columns:minmax(180px,.78fr) auto minmax(180px,.78fr); gap:30px; align-items:center; }.commerce-path figure { max-width:290px; }.commerce-path img { display:block; width:100%; aspect-ratio:.57; object-fit:cover; object-position:top; }.commerce-path__home--y2k img { object-position:center bottom; }.commerce-path__arrow { color:#ff4b7a; font-size:42px; line-height:1; }.mac-page-capture { margin-top:70px; width:min(100%,930px); }.mac-page-capture > .eyebrow { margin-bottom:22px; }.component-story { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.component-story--editorial { grid-template-columns:repeat(2,minmax(0,1fr)); }.component-story figure { margin:0; }.component-story__crop { overflow:hidden; aspect-ratio:.72; background:#eee; }.component-story__crop img { display:block; width:100%; height:100%; object-fit:cover; }.component-story__crop--top img { object-position:center top; }.component-story__crop--middle img { object-position:center 50%; }.component-story__crop--bottom img { object-position:center bottom; }.component-story figcaption { padding:11px 0 0; }.full-preview { display:inline-flex; gap:10px; align-items:center; margin-top:22px; padding:11px 14px; border:1px solid currentColor; background:transparent; color:var(--ink); cursor:zoom-in; font:500 11px/1 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }.full-preview:hover,.full-preview:focus-visible { background:var(--ink); color:#fff; outline:none; }.mac-editorial { display:grid; grid-template-columns:.55fr .45fr; gap:clamp(35px,9vw,130px); align-items:start; }.mac-editorial h2 { max-width:10ch; margin:0 0 28px; font-size:clamp(33px,4.1vw,68px); line-height:.98; letter-spacing:-.065em; }.mac-editorial > div > p:last-child { max-width:35ch; color:var(--muted); } @media(max-width:720px) { .mac-concept__grid,.mac-application-grid,.mac-editorial { grid-template-columns:1fr; }.mac-concept__grid figure { width:100%; }.commerce-path { grid-template-columns:1fr; justify-items:center; gap:18px; }.commerce-path figure { max-width:300px; }.commerce-path__arrow { transform:rotate(90deg); }.component-story,.component-story--editorial { grid-template-columns:1fr; }.component-story__crop { aspect-ratio:1.2; }.mac-page-capture { margin-top:45px; }.mac-hero .opening-banner__image { aspect-ratio:16 / 9; } }
.commerce-path__product img { aspect-ratio:auto; object-fit:contain; }.editorial-story__preview { width:min(100%,300px); border:1px solid rgba(24,24,23,.16); }.editorial-story__preview img { width:100%; height:auto; display:block; }.editorial-story__note,.creative-instruction { margin:12px 0 0; color:var(--muted); font-size:13px; }.creative-lightbox--scrollable { width:min(94vw,850px); max-height:94vh; overflow-y:auto; }.creative-lightbox--scrollable img { width:100%; max-width:none; max-height:none; height:auto; }.creative-lightbox--scrollable .creative-lightbox__close { position:sticky; top:10px; float:right; margin:10px 10px -46px 0; }
.mac-commerce-flow { grid-template-columns:minmax(220px,.65fr) minmax(0,1fr); gap:clamp(34px,7vw,90px); align-items:start; }.commerce-homepage { width:min(100%,330px); }.commerce-homepage img { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }.commerce-destinations { display:grid; gap:34px; }.commerce-route { grid-template-columns:minmax(125px,.8fr) auto 72px; gap:18px; align-items:center; }.commerce-route__label { display:grid; gap:5px; font:500 11px/1.25 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }.commerce-route__label strong { color:#ff4b7a; }.commerce-route__label span { color:#d4d4d4; }.commerce-route .commerce-path__product { width:72px; max-width:72px; min-width:0; }.component-story--screens { align-items:start; }.component-story--screens .creative-zoom { border:1px solid rgba(255,255,255,.25); }.component-story--screens img { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; } @media(max-width:720px) { .mac-commerce-flow { grid-template-columns:1fr; }.commerce-homepage { width:min(100%,340px); }.commerce-route { grid-template-columns:1fr; justify-items:center; text-align:center; gap:14px; }.commerce-route__label { justify-items:center; }.commerce-route .commerce-path__arrow { transform:rotate(90deg); }.commerce-route .commerce-path__product { width:105px; max-width:105px; } }
.commerce-route { display:grid; }.commerce-route .commerce-path__product { width:72px !important; max-width:72px !important; min-width:72px !important; margin:0 !important; }.commerce-route .commerce-path__product img { width:72px !important; max-width:72px !important; height:auto !important; } @media(max-width:720px) { .commerce-route .commerce-path__product { width:105px !important; max-width:105px !important; min-width:105px !important; }.commerce-route .commerce-path__product img { width:105px !important; max-width:105px !important; } }
.mac-commerce-flow { display:grid; grid-template-columns:minmax(220px,.75fr) minmax(170px,.64fr) 66px minmax(150px,.48fr); gap:28px 22px; width:min(100%,1080px); align-items:center; }.commerce-homepage { grid-column:1; grid-row:1 / span 2; width:100%; margin:0; }.commerce-homepage img { width:100%; height:auto; display:block; }.commerce-journey__copy { display:grid; gap:7px; align-content:center; font:500 11px/1.3 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }.commerce-journey__copy strong { color:#ff4b7a; }.commerce-journey__copy > span { color:#fff; }.commerce-journey__copy p { max-width:18ch; margin:4px 0 0; color:#c9c9c9; font:400 14px/1.45 Manrope,Arial,sans-serif; letter-spacing:0; text-transform:none; }.commerce-journey__arrow { color:#ff4b7a; font-size:48px; line-height:1; text-align:center; }.commerce-journey__product { width:100%; max-width:190px; min-width:0; margin:0; }.commerce-journey__product img { width:100%; height:auto; display:block; aspect-ratio:auto; object-fit:contain; }.commerce-journey__product figcaption { padding-top:10px; } @media(max-width:720px) { .mac-commerce-flow { grid-template-columns:1fr; gap:18px; justify-items:center; }.commerce-homepage { grid-column:auto; grid-row:auto; width:min(100%,340px); }.commerce-journey__copy { justify-items:center; text-align:center; }.commerce-journey__copy p { max-width:28ch; }.commerce-journey__arrow { transform:rotate(90deg); }.commerce-journey__product { max-width:180px; } }
.mac-commerce-flow { grid-template-columns:minmax(250px,1fr) 260px 135px 190px; }.commerce-homepage { max-width:330px; }.commerce-journey__arrow { position:relative; width:135px; height:28px; font-size:0; }.commerce-journey__arrow::before { content:""; position:absolute; left:0; top:12px; width:116px; height:4px; background:#ff4b7a; }.commerce-journey__arrow::after { content:""; position:absolute; right:1px; top:5px; width:15px; height:15px; border-top:4px solid #ff4b7a; border-right:4px solid #ff4b7a; transform:rotate(45deg); }.commerce-journey__product { width:190px; }.commerce-journey__product img { width:190px; } @media(max-width:720px) { .mac-commerce-flow { grid-template-columns:1fr; }.commerce-homepage { max-width:340px; }.commerce-journey__arrow { transform:rotate(90deg); margin:8px 0; }.commerce-journey__product,.commerce-journey__product img { width:180px; } }
.mac-commerce-flow { grid-template-columns:330px 260px minmax(160px,1fr) 190px; }.commerce-homepage { width:330px; max-width:330px; }.commerce-journey__arrow { width:100%; }.commerce-journey__arrow::before { width:calc(100% - 20px); }.commerce-journey__arrow::after { right:1px; } @media(max-width:720px) { .mac-commerce-flow { grid-template-columns:1fr; }.commerce-homepage { width:min(100%,340px); max-width:340px; }.commerce-journey__arrow { width:28px; }.commerce-journey__arrow::before { width:calc(100% - 20px); } }
@media(max-width:720px) { .mac-commerce-flow { display:grid; grid-template-columns:1fr; gap:16px; justify-items:center; }.commerce-homepage { grid-column:auto; grid-row:auto; width:min(100%,340px); max-width:340px; }.commerce-journey__copy { justify-items:center; text-align:center; }.commerce-journey__arrow { width:28px; height:72px; margin:0; transform:none; }.commerce-journey__arrow::before { left:12px; top:0; width:4px; height:55px; }.commerce-journey__arrow::after { right:5px; top:48px; transform:rotate(135deg); }.commerce-journey__product,.commerce-journey__product img { width:180px; max-width:180px; } }
.mac-commerce-flow { display:grid; grid-template-columns:330px minmax(0,1fr); gap:clamp(30px,6vw,80px); width:min(100%,980px); align-items:start; }.commerce-homepage { position:relative; grid-column:auto; grid-row:auto; width:330px; max-width:100%; }.commerce-homepage__marker { position:absolute; z-index:1; left:12px; display:grid; place-items:center; width:30px; height:30px; border:2px solid #fff; border-radius:50%; background:#ff4b7a; color:#fff; font:700 14px/1 Manrope,Arial,sans-serif; box-shadow:0 2px 10px rgba(0,0,0,.35); }.commerce-homepage__marker--top { top:26%; }.commerce-homepage__marker--bottom { top:71%; }.commerce-routes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }.commerce-route-card { display:grid; justify-items:start; gap:12px; margin:0; }.commerce-route-card__label { display:flex; align-items:center; gap:10px; color:#fff; font:500 11px/1.35 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.07em; }.commerce-route-card__label b { display:grid; flex:0 0 auto; place-items:center; width:28px; height:28px; border-radius:50%; background:#ff4b7a; color:#fff; font:700 13px/1 Manrope,Arial,sans-serif; }.commerce-route-card__label span { display:grid; gap:2px; }.commerce-route-card__label strong { color:#ff4b7a; font-weight:500; }.commerce-route-card img { display:block; width:150px; max-width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }.commerce-route-card figcaption { padding:0; } @media(max-width:720px) { .mac-commerce-flow { grid-template-columns:1fr; justify-items:center; gap:28px; }.commerce-homepage { width:min(100%,340px); }.commerce-routes { grid-template-columns:1fr; width:min(100%,340px); gap:28px; }.commerce-route-card { grid-template-columns:auto 150px; column-gap:16px; align-items:start; }.commerce-route-card__label { grid-column:1 / -1; }.commerce-route-card img { width:150px; }.commerce-route-card figcaption { align-self:center; } }
.mac-commerce-flow { grid-template-columns:330px 330px; width:min(100%,760px); }.commerce-routes { grid-template-columns:1fr; gap:30px; }.commerce-route-card { grid-template-columns:330px; gap:10px; }.commerce-route-card img { width:330px; max-width:330px; }.mac-page-capture { width:min(100%,1100px); }.creative-lightbox--scrollable { width:min(94vw,980px); } @media(max-width:720px) { .mac-commerce-flow { grid-template-columns:1fr; width:100%; }.commerce-routes { width:min(100%,340px); }.commerce-route-card { grid-template-columns:1fr; }.commerce-route-card img { width:100%; max-width:340px; }.commerce-route-card figcaption { align-self:auto; } }
.commerce-homepage__legend { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.commerce-homepage__legend > span { display:block; color:#d4d4d4; font:500 10px/1.45 'DM Mono',monospace; letter-spacing:.06em; text-transform:uppercase; }.commerce-homepage__legend b { display:inline-grid; place-items:center; width:18px; height:18px; margin-right:4px; border-radius:50%; background:#ff4b7a; color:#fff; font:700 10px/1 Manrope,Arial,sans-serif; }.commerce-route-card figcaption strong { color:#fff; font-weight:500; }.commerce-route-card figcaption span { display:inline-block; max-width:30ch; margin-top:5px; text-transform:none; letter-spacing:0; } @media(max-width:720px) { .commerce-homepage__legend { grid-template-columns:1fr 1fr; } }
.mac-commerce-flow { grid-template-columns:repeat(3,minmax(0,1fr)); width:min(100%,1060px); gap:28px; }.commerce-homepage { width:100%; max-width:none; }.commerce-routes { display:contents; }.commerce-route-card { width:100%; grid-template-columns:1fr; gap:12px; }.commerce-route-card img { width:100%; max-width:none; }.commerce-route-card__label { width:100%; } @media(max-width:720px) { .mac-commerce-flow { grid-template-columns:1fr; width:min(100%,340px); }.commerce-homepage { width:100%; }.commerce-route-card { width:100%; }.commerce-route-card img { width:100%; max-width:none; } }
.mac-commerce__subhead { margin:42px 0 20px; }
.website-sequence__intro { max-width:64ch; margin:0 0 20px; color:#c9c9c9; }.website-interaction-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; width:min(100%,760px); margin-top:38px; }.website-interaction-details figure { margin:0; }.website-interaction-details .creative-zoom { border:1px solid rgba(255,255,255,.25); }.website-interaction-details img { display:block; width:100%; height:auto; }.website-interaction-details figcaption { padding-top:11px; } @media(max-width:720px) { .website-interaction-details { grid-template-columns:1fr; width:100%; } }
.website-journey-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:38px 28px; align-items:start; }.website-journey-layout > figure { margin:0; }.website-journey-layout > figure:nth-of-type(1) { grid-column:1; }.website-journey-layout > figure:nth-of-type(2) { grid-column:1; }.website-journey-layout > figure:nth-of-type(3) { grid-column:2; }.website-journey-layout .website-interaction-details { grid-column:2; grid-row:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; margin:0; gap:14px; }.website-journey-layout .website-interaction-details figcaption { font-size:9px; }.website-journey-layout .website-interaction-details figcaption span { font-size:12px; } @media(max-width:720px) { .website-journey-layout { grid-template-columns:1fr; gap:28px; }.website-journey-layout > figure:nth-of-type(1),.website-journey-layout > figure:nth-of-type(2),.website-journey-layout > figure:nth-of-type(3),.website-journey-layout .website-interaction-details { grid-column:1; grid-row:auto; }.website-journey-layout .website-interaction-details { grid-template-columns:1fr; gap:22px; } }
.website-stage__image { position:relative; }.website-click-marker { position:absolute; z-index:2; display:grid; place-items:center; width:28px; height:28px; border:2px solid #fff; border-radius:50%; background:#ff4b7a; color:#fff; font:700 13px/1 Manrope,Arial,sans-serif; font-style:normal; box-shadow:0 2px 10px rgba(0,0,0,.45); pointer-events:none; }.website-click-marker--join { left:7%; top:24%; }.website-click-marker--book { left:37%; top:24%; }.website-interaction-details figcaption b { display:inline-grid; place-items:center; width:18px; height:18px; margin-right:4px; border-radius:50%; background:#ff4b7a; color:#fff; font:700 10px/1 Manrope,Arial,sans-serif; }
.website-overview { display:grid; grid-template-columns:250px minmax(0,1fr); gap:clamp(30px,7vw,90px); align-items:start; }.website-map { margin:0; }.website-map__screen { position:relative; border:1px solid rgba(255,255,255,.25); }.website-map__screen img { display:block; width:100%; height:auto; }.website-map__scroll { margin:9px 0; color:#ff4b7a; font:500 10px/1 'DM Mono',monospace; letter-spacing:.08em; text-align:center; text-transform:uppercase; }.website-map figcaption { padding-top:12px; }.website-explanation { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }.website-explanation article { display:flex; gap:12px; margin:0; padding:0 0 18px; border-bottom:1px solid rgba(255,255,255,.2); }.website-explanation article > b,.website-popup figcaption b { display:grid; flex:0 0 auto; place-items:center; width:25px; height:25px; border-radius:50%; background:#ff4b7a; color:#fff; font:700 12px/1 Manrope,Arial,sans-serif; }.website-explanation h3 { margin:0 0 7px; color:#fff; font-size:18px; letter-spacing:-.03em; }.website-explanation p { margin:0; color:#c9c9c9; font-size:14px; line-height:1.5; }.website-explanation em { color:#fff; font-style:normal; }.website-popup { margin:0; }.website-popup .creative-zoom { border:1px solid rgba(255,255,255,.25); }.website-popup img { display:block; width:100%; height:auto; }.website-popup figcaption { padding-top:10px; }.website-popup__image { position:relative; }.website-click-marker--artist { left:16%; top:43%; }.website-explanation > article:last-child { grid-column:1 / -1; } @media(max-width:720px) { .website-overview { grid-template-columns:1fr; }.website-map { width:min(100%,260px); justify-self:center; }.website-explanation { grid-template-columns:1fr; }.website-explanation > article:last-child { grid-column:auto; } }
.website-map__marker { position:absolute; z-index:2; display:grid; place-items:center; width:24px; height:24px; border:2px solid #fff; border-radius:50%; background:#ff4b7a; color:#fff; font:700 11px/1 Manrope,Arial,sans-serif; font-style:normal; box-shadow:0 2px 8px rgba(0,0,0,.45); pointer-events:none; }.website-map__marker--one { top:10%; left:7%; }.website-map__marker--two { top:31%; left:8%; }.website-map__marker--three { top:48%; left:8%; }.website-map__marker--four { top:56%; left:8%; }.website-map__marker--five { top:68%; left:8%; }.website-map__marker--six { top:82%; left:8%; }.website-map__marker--seven { top:93%; left:8%; }.website-explanation > article:last-child { grid-column:auto; }
.website-interaction-proof { width:min(100%,760px); margin:48px 0 0 auto; }.website-interaction-proof > .eyebrow { margin-bottom:12px; }.website-interaction-proof__flow { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 18px; color:#fff; font-size:13px; font-weight:700; }.website-interaction-proof__flow b { display:grid; place-items:center; width:21px; height:21px; border-radius:50%; background:#ff4b7a; color:#fff; font-size:11px; }.website-interaction-proof__flow span { color:#ff4b7a; font-size:18px; line-height:1; }.website-interaction-proof > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } @media(max-width:720px) { .website-interaction-proof { width:100%; margin-top:34px; }.website-interaction-proof > div { grid-template-columns:1fr; } }
.website-overview--rebuilt { grid-template-columns:minmax(220px,300px) minmax(0,1fr); gap:clamp(34px,6vw,76px); }.website-explanation--rebuilt { display:block; }.website-entry-flow { margin:0 0 30px; padding:22px; border:1px solid rgba(255,75,122,.55); background:rgba(255,255,255,.035); }.website-step { display:flex; gap:12px; margin:0; padding:0 0 18px; border-bottom:1px solid rgba(255,255,255,.2); }.website-step > b,.website-popup figcaption > b,.website-entry-flow__path b { display:grid; flex:0 0 auto; place-items:center; min-width:25px; height:25px; padding:0 4px; border-radius:50%; background:#ff4b7a; color:#fff; font:700 11px/1 Manrope,Arial,sans-serif; }.website-step--entry { border:0; padding:0; }.website-step--entry .eyebrow { margin:0 0 7px; }.website-step h3 { margin:0 0 7px; color:#fff; font-size:18px; letter-spacing:-.03em; }.website-step p { margin:0; color:#c9c9c9; font-size:14px; line-height:1.5; }.website-entry-flow__path { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:18px 0; color:#fff; font-size:13px; font-weight:700; }.website-entry-flow__path span { color:#ff4b7a; font-size:18px; line-height:1; }.website-entry-flow__screens { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.website-popup { margin:0; }.website-popup .creative-zoom { border:1px solid rgba(255,255,255,.25); }.website-popup img { display:block; width:100%; height:auto; }.website-popup figcaption { display:grid; grid-template-columns:auto 1fr; column-gap:8px; padding-top:10px; }.website-popup figcaption strong { color:#fff; font-size:14px; line-height:1.25; }.website-popup figcaption span { grid-column:2; margin-top:4px; color:#c9c9c9; font-size:12px; line-height:1.45; }.website-popup figcaption em { color:#fff; font-style:normal; }.website-section-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.website-section-cards .website-step { min-height:0; }.website-map__marker--one { top:10%; }.website-map__marker--two { top:31%; }.website-map__marker--three { top:48%; }.website-map__marker--four { top:56%; }.website-map__marker--five { top:68%; }.website-map__marker--six { top:82%; }.website-map__marker--seven { top:93%; } @media(max-width:720px) { .website-overview--rebuilt { grid-template-columns:1fr; }.website-explanation--rebuilt { display:block; }.website-entry-flow { padding:18px; }.website-entry-flow__screens,.website-section-cards { grid-template-columns:1fr; }.website-section-cards .website-step { min-height:0; }.website-map { width:min(100%,300px); } }
.website-popup .creative-zoom { position:relative; }
.website-popup__marker { position:absolute; z-index:2; display:grid; place-items:center; width:25px; height:25px; border:2px solid #fff; border-radius:50%; background:#ff4b7a; color:#fff; font:700 10px/1 Manrope,Arial,sans-serif; font-style:normal; box-shadow:0 2px 8px rgba(0,0,0,.45); pointer-events:none; }
.website-popup__marker--booking { top:32%; left:40%; }
.website-entry-flow { padding:0 !important; border:0 !important; background:transparent !important; }
.website-step--entry { padding-bottom:18px !important; border-bottom:1px solid rgba(255,255,255,.2) !important; }
.website-popup__marker--counter { top:42%; left:40%; }
.website-popup figcaption strong { font-size:16px !important; letter-spacing:-.03em; }
.website-popup figcaption span { font-size:12px !important; line-height:1.45 !important; }
.website-section-cards { padding-top:24px !important; border-top:1px solid rgba(255,255,255,.2); }
.website-popup__marker,.website-popup figcaption > b { background:#63b6e6 !important; }
.website-popup figcaption,.website-popup figcaption strong { text-transform:none !important; letter-spacing:0 !important; font-family:Manrope,Arial,sans-serif !important; }
.website-popup .creative-instruction { margin:16px 0 0 33px; color:#c9c9c9; font-size:12px; line-height:1.45; }
.website-map__marker--four { width:30px !important; border-radius:999px !important; background:#63b6e6 !important; font-size:9px !important; }
.website-map__marker--one { top:8% !important; left:7% !important; }
.website-map__marker--two { top:23% !important; left:73% !important; }
.website-map__marker--three { top:34% !important; left:72% !important; }
.website-map__marker--four { top:53% !important; left:72% !important; width:24px !important; border-radius:50% !important; background:#ff4b7a !important; font-size:11px !important; }
.website-map__marker--five { top:66% !important; left:72% !important; }
.website-map__marker--six { top:77% !important; left:72% !important; }
.website-section-cards { grid-template-columns:1fr !important; }
.website-overview--rebuilt { grid-template-columns:minmax(340px,420px) minmax(0,.8fr) !important; gap:clamp(28px,4vw,56px) !important; }
.website-explanation--rebuilt .website-step h3 { font-size:16px !important; }
.website-explanation--rebuilt .website-step p { font-size:12px !important; line-height:1.45 !important; }
.website-explanation--rebuilt .website-section-cards { gap:18px !important; }
@media(max-width:720px) { .website-overview--rebuilt { grid-template-columns:1fr !important; }.website-map { width:min(100%,340px) !important; } }

.liftlab-hero { margin:0; border-bottom:1px solid var(--line); }.liftlab-hero .creative-zoom { background:#111; }.liftlab-hero img { width:100%; height:auto; display:block; }.liftlab-live-link { display:inline-flex; gap:8px; align-items:center; margin-top:24px; font:500 11px/1 DM Mono,monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--ink); }.liftlab-live-link span { color:var(--orange); font-size:15px; }.liftlab-showcase { border-top:1px solid var(--line); }.liftlab-showcase__intro { display:grid; grid-template-columns:1fr 1fr; gap:clamp(35px,10vw,170px); align-items:start; margin-bottom:48px; }.liftlab-showcase__intro h2 { max-width:10ch; margin:0; font-size:clamp(33px,4.1vw,68px); line-height:.98; letter-spacing:-.065em; }.liftlab-showcase__intro > p,.liftlab-showcase__copy { max-width:42ch; margin:0; color:var(--muted); }.liftlab-showcase__copy p { margin:0 0 20px; }.liftlab-showcase__copy p:last-child { margin-bottom:0; }.liftlab-page-preview { margin:0; }.liftlab-page-preview .creative-zoom { border:1px solid rgba(24,24,23,.16); background:#f4f4f1; }.liftlab-page-preview img { width:100%; height:min(48vw,580px); object-fit:contain; object-position:top; display:block; }.liftlab-page-preview figcaption { padding:12px 0 0; color:var(--ink); font:500 10px/1.4 DM Mono,monospace; text-transform:uppercase; letter-spacing:.11em; }.liftlab-page-preview figcaption span { color:var(--muted); text-transform:none; letter-spacing:0; font-family:Manrope,Arial,sans-serif; font-size:13px; }.liftlab-page-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }.liftlab-page-grid .liftlab-page-preview img { height:min(40vw,480px); } @media(max-width:720px) { .liftlab-showcase__intro { grid-template-columns:1fr; gap:32px; }.liftlab-showcase__intro h2 { font-size:42px; }.liftlab-page-grid { grid-template-columns:1fr; }.liftlab-page-preview img,.liftlab-page-grid .liftlab-page-preview img { height:440px; } }

.liftlab-banner-slide { position:relative; margin:0; font-family:Roboto,Arial,sans-serif; isolation:isolate; }.liftlab-banner-slide > img { position:relative; z-index:0; display:block; width:100%; height:auto; }.liftlab-banner-slide--magnesium::before,.liftlab-banner-slide--d3::before,.liftlab-banner-slide--shilajit::before { content:""; position:absolute; z-index:1; top:0; left:0; width:100%; height:auto; aspect-ratio:2112 / 744; pointer-events:none; }.liftlab-banner-slide--magnesium::before { background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.47) 33%,rgba(0,0,0,0) 50%); }.liftlab-banner-slide--d3::before { background:linear-gradient(90deg,rgba(255,243,217,.86) 0%,rgba(255,243,217,.52) 33%,rgba(255,243,217,0) 50%); }.liftlab-banner-slide--shilajit::before { background:linear-gradient(90deg,rgba(7,16,23,.78) 0%,rgba(43,31,16,.48) 33%,rgba(43,31,16,0) 50%); }.liftlab-banner-slide__content { position:absolute; z-index:2; top:9%; left:clamp(24px,5vw,88px); width:min(38%,530px); color:#fff; }.liftlab-banner-slide__label { display:inline-block; margin:0 0 16px; padding:8px 16px; border-radius:999px; background:#063b58; color:#04bdf7; font-size:clamp(9px,.72vw,13px); font-weight:700; line-height:1; letter-spacing:.025em; text-transform:uppercase; }.liftlab-banner-slide h3 { margin:0; font-size:clamp(22px,2.65vw,48px); font-weight:900; line-height:.98; letter-spacing:-.045em; text-transform:uppercase; }.liftlab-banner-slide__description { margin:clamp(10px,1.2vw,22px) 0; font-size:clamp(11px,.95vw,16px); line-height:1.3; }.liftlab-banner-slide__supports { margin:0 0 8px; color:#04bdf7; font-size:clamp(9px,.72vw,13px); font-weight:700; text-transform:uppercase; }.liftlab-banner-slide ul { display:grid; justify-items:start; gap:7px; margin:0; padding:0; list-style:none; }.liftlab-banner-slide li { padding:5px 14px; border:1px solid #04bdf7; border-radius:999px; font-size:clamp(10px,.82vw,14px); font-weight:700; line-height:1.05; text-transform:uppercase; }.liftlab-banner-slide li::before { content:"•"; margin-right:7px; color:#04bdf7; }.liftlab-banner-slide__cta { display:inline-block; margin-top:clamp(14px,2vw,31px); min-width:clamp(105px,10vw,165px); padding:clamp(8px,.75vw,12px) 16px; border-radius:999px; background:#aabd16; color:#fff; font-size:clamp(11px,.88vw,15px); font-weight:700; line-height:1; text-align:center; }.liftlab-banner-slide figcaption { padding:12px 0 0; color:var(--ink); font:500 10px/1.4 DM Mono,monospace; text-transform:uppercase; letter-spacing:.11em; }.liftlab-banner-slide figcaption span { color:var(--muted); text-transform:none; letter-spacing:0; font-family:Manrope,Arial,sans-serif; font-size:13px; margin-left:5px; }.liftlab-banner-slide--d3 .liftlab-banner-slide__content { color:#171717; }.liftlab-banner-slide--d3 .liftlab-banner-slide__label { background:#fae4af; color:#b67b00; }.liftlab-banner-slide--d3 .liftlab-banner-slide__supports { color:#b67b00; }.liftlab-banner-slide--d3 li { border-color:#d69a1f; }.liftlab-banner-slide--d3 li::before { color:#d69a1f; }.liftlab-banner-slide--shilajit .liftlab-banner-slide__label { background:rgba(170,120,37,.56); color:#ffc454; }.liftlab-banner-slide--shilajit .liftlab-banner-slide__supports { color:#ffc454; }.liftlab-banner-slide--shilajit li { border-color:#d69a1f; }.liftlab-banner-slide--shilajit li::before { color:#ffc454; } @media(max-width:720px) { .liftlab-banner-slide__content { position:static; width:auto; padding:24px var(--page-pad) 28px; }.liftlab-banner-slide--magnesium .liftlab-banner-slide__content { background:#071018; }.liftlab-banner-slide--d3 .liftlab-banner-slide__content { background:#f8f0e2; }.liftlab-banner-slide--shilajit .liftlab-banner-slide__content { background:#11191c; }.liftlab-banner-slide h3 { font-size:34px; }.liftlab-banner-slide__description { font-size:15px; }.liftlab-banner-slide__label,.liftlab-banner-slide__supports { font-size:11px; }.liftlab-banner-slide li { font-size:13px; }.liftlab-banner-slide__cta { min-width:150px; font-size:14px; } } .liftlab-product-creative { margin:0; }.liftlab-product-creative img { display:block; width:100%; height:auto; }.liftlab-product-creative figcaption { padding:12px 0 0; color:var(--ink); font:500 10px/1.4 DM Mono,monospace; text-transform:uppercase; letter-spacing:.11em; } .liftlab-banner-creative { margin:0; }.liftlab-banner-creative img { display:block; width:100%; height:auto; }.liftlab-banner-creative figcaption { padding:12px 0 0; color:var(--ink); font:500 10px/1.4 DM Mono,monospace; text-transform:uppercase; letter-spacing:.11em; }.liftlab-banner-creative figcaption span { color:var(--muted); text-transform:none; letter-spacing:0; font-family:Manrope,Arial,sans-serif; font-size:13px; margin-left:5px; } .contribution-list { margin:0 0 22px; padding:0; list-style:none; border-top:1px solid rgba(24,24,23,.16); }.contribution-list li { padding:12px 0 12px 18px; border-bottom:1px solid rgba(24,24,23,.16); position:relative; }.contribution-list li::before { content:""; position:absolute; left:0; top:20px; width:6px; height:6px; border-radius:50%; background:#aabd16; } .liftlab-design-section { border-top:1px solid var(--line); }.liftlab-placeholder { display:grid; place-items:center; min-height:300px; margin:0; border:1px solid rgba(24,24,23,.16); background:linear-gradient(135deg,#101010 0%,#1c1c1a 72%,#aabd16 72%,#aabd16 100%); color:#fff; text-align:center; }.liftlab-placeholder > div { display:grid; gap:12px; padding:28px; }.liftlab-placeholder p { margin:0; color:#c6d83b; font:500 10px/1.4 DM Mono,monospace; letter-spacing:.11em; text-transform:uppercase; }.liftlab-placeholder strong { max-width:21ch; font-size:clamp(20px,2.3vw,34px); line-height:1.05; letter-spacing:-.05em; }.liftlab-placeholder--hero { min-height:clamp(360px,42vw,620px); }.liftlab-placeholder--hero strong { font-size:clamp(28px,4vw,62px); }.liftlab-placeholder--logo { min-height:clamp(300px,32vw,470px); background:linear-gradient(135deg,#111 0%,#111 44%,#14275a 44%,#14275a 100%); }.liftlab-asset-grid { display:grid; gap:24px; }.liftlab-asset-grid--products { grid-template-columns:repeat(3,minmax(0,1fr)); }.liftlab-asset-grid--products .liftlab-placeholder { min-height:clamp(280px,29vw,430px); }.liftlab-asset-grid--banners { grid-template-columns:1fr; }.liftlab-asset-grid--banners .liftlab-placeholder { min-height:clamp(220px,21vw,330px); }.liftlab-asset-grid--banners .liftlab-placeholder:nth-child(2) { background:linear-gradient(135deg,#111 0%,#111 55%,#14275a 55%,#14275a 100%); }.liftlab-asset-grid--banners .liftlab-placeholder:nth-child(3) { background:linear-gradient(135deg,#111 0%,#111 55%,#6e501c 55%,#6e501c 100%); } @media(max-width:720px) { .liftlab-asset-grid--products { grid-template-columns:1fr; }.liftlab-placeholder--hero { min-height:320px; }.liftlab-asset-grid--banners .liftlab-placeholder { min-height:220px; } }

.liftlab-banner-slide--magnesium.liftlab-case-hero-banner::before { top:0; width:100%; height:auto; aspect-ratio:2112 / 744; background:linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.53) 40%,rgba(0,0,0,0) 60%); }.liftlab-case-hero-banner .liftlab-banner-slide__content { top:10%; width:min(40%,610px); }.liftlab-case-hero-banner .liftlab-banner-slide__label,.liftlab-case-hero-banner .liftlab-banner-slide__supports { font-size:clamp(10px,1vw,16px); }.liftlab-case-hero-banner h3 { font-size:clamp(30px,4.25vw,76px); }.liftlab-case-hero-banner .liftlab-banner-slide__description { font-size:clamp(13px,1.45vw,24px); }.liftlab-case-hero-banner li { font-size:clamp(11px,1.15vw,19px); }.liftlab-case-hero-banner .liftlab-banner-slide__cta { margin-top:clamp(4px,.5vw,10px); min-width:clamp(125px,13vw,220px); padding:clamp(10px,1vw,17px) 20px; font-size:clamp(12px,1.15vw,19px); } @media(max-width:720px) { .liftlab-banner-slide--magnesium.liftlab-case-hero-banner::before { top:0; width:100%; height:auto; aspect-ratio:2112 / 744; }.liftlab-case-hero-banner h3 { font-size:34px; }.liftlab-case-hero-banner .liftlab-banner-slide__description { font-size:15px; }.liftlab-case-hero-banner li { font-size:13px; }.liftlab-case-hero-banner .liftlab-banner-slide__cta { min-width:150px; font-size:14px; } }

.liftlab-case-hero-banner .liftlab-banner-slide__content { display:flex; flex-direction:column; align-items:flex-start; gap:clamp(10px,.8vw,14px); }.liftlab-case-hero-banner .liftlab-banner-slide__label,.liftlab-case-hero-banner .liftlab-banner-slide__description,.liftlab-case-hero-banner .liftlab-banner-slide__supports,.liftlab-case-hero-banner ul,.liftlab-case-hero-banner .liftlab-banner-slide__cta { margin:0; }



/* LiftLab logo construction */
.liftlab-logo-build { margin-top:42px; padding:18px; background:#0b0d0b; color:#fff; }.liftlab-logo-build__meta { display:flex; justify-content:space-between; gap:20px; padding:0 2px 15px; color:#b7c531; font:500 10px/1.4 DM Mono,monospace; letter-spacing:.11em; text-transform:uppercase; }.liftlab-logo-build__stages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.18); border-left:1px solid rgba(255,255,255,.18); }.liftlab-logo-build__stages article { min-width:0; padding:18px; border-right:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }.liftlab-logo-stage { display:grid; place-items:center; min-height:170px; margin-bottom:17px; background:linear-gradient(135deg,rgba(255,255,255,.055),transparent); }.liftlab-logo-build__number { color:#b7c531; font:500 10px/1.4 DM Mono,monospace; letter-spacing:.1em; }.liftlab-logo-build h3 { margin:8px 0 7px; color:#fff; font-size:17px; line-height:1.12; letter-spacing:-.035em; }.liftlab-logo-build p { margin:0; color:rgba(255,255,255,.68); font-size:13px; line-height:1.55; }
@media(max-width:900px) { .liftlab-logo-build__stages { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:520px) { .liftlab-logo-build { padding:13px; }.liftlab-logo-build__stages { grid-template-columns:1fr; }.liftlab-logo-stage { min-height:150px; } }


/* Keep LiftLab reference visuals unframed. */
.liftlab-page-preview .creative-zoom { background:transparent; }


/* LiftLab storefront previews: homepage leads, exit popup supports. */
.liftlab-page-grid--home { grid-template-columns:minmax(0,7fr) minmax(0,3fr); }.liftlab-page-grid--home .liftlab-page-preview .creative-zoom { border:0; }.liftlab-page-grid--home .liftlab-page-preview--home img { height:min(46vw,580px); }.liftlab-page-grid--home .liftlab-page-preview:not(.liftlab-page-preview--home) img { height:min(27vw,340px); } @media(max-width:720px) { .liftlab-page-grid--home { grid-template-columns:1fr; }.liftlab-page-grid--home .liftlab-page-preview--home img,.liftlab-page-grid--home .liftlab-page-preview:not(.liftlab-page-preview--home) img { height:440px; } }


/* Align LiftLab preview imagery to the left; frame the primary homepage only. */
.liftlab-page-grid--home .liftlab-page-preview img { object-position:left top; }.liftlab-page-grid--home .liftlab-page-preview--home .creative-zoom { border:1px solid rgba(24,24,23,.16); }


/* Let both LiftLab preview frames follow the visible thumbnail, not the grid column. */
.liftlab-page-grid--home .liftlab-page-preview .creative-zoom { width:fit-content; max-width:100%; }.liftlab-page-grid--home .liftlab-page-preview img { width:auto; max-width:100%; }


/* Compact the two storefront previews and let the popup caption follow its image. */
.liftlab-page-grid--home { width:min(100%,860px); gap:24px; }.liftlab-page-grid--home .liftlab-page-preview:not(.liftlab-page-preview--home) img { height:auto; } @media(max-width:720px) { .liftlab-page-grid--home { width:100%; } }


/* Use equal-height thumbnail windows so the 70/30 storefront pairing reads as one row. */
.liftlab-page-grid--home { width:100%; grid-template-columns:minmax(0,7fr) minmax(0,3fr); gap:24px; align-items:start; }.liftlab-page-grid--home .liftlab-page-preview .creative-zoom { width:100%; max-width:none; }.liftlab-page-grid--home .liftlab-page-preview img,.liftlab-page-grid--home .liftlab-page-preview--home img,.liftlab-page-grid--home .liftlab-page-preview:not(.liftlab-page-preview--home) img { width:100%; max-width:none; height:clamp(300px,29vw,470px); object-fit:cover; object-position:center top; }.liftlab-page-grid--home .liftlab-page-preview:not(.liftlab-page-preview--home) img { object-position:center center; } @media(max-width:720px) { .liftlab-page-grid--home { grid-template-columns:1fr; }.liftlab-page-grid--home .liftlab-page-preview img,.liftlab-page-grid--home .liftlab-page-preview--home img,.liftlab-page-grid--home .liftlab-page-preview:not(.liftlab-page-preview--home) img { height:340px; } }


/* Preserve the full Shopify homepage capture. */
.liftlab-page-grid--home .liftlab-page-preview--home img { height:auto; object-fit:contain; object-position:left top; }


/* Keep the full-page capture readable without letting it dominate the case study. */
.liftlab-page-grid--home { width:min(100%,620px); }


/* Give the popup more room and preserve its complete preview. */
.liftlab-page-grid--home { grid-template-columns:minmax(0,6fr) minmax(0,4fr); }.liftlab-page-grid--home .liftlab-page-preview:not(.liftlab-page-preview--home) img { height:auto; object-fit:contain; object-position:left top; }


/* Crop the storefront around the whole popup card, not through it. */
.liftlab-page-grid--home .liftlab-page-preview:not(.liftlab-page-preview--home) img { height:320px; object-fit:cover; object-position:center center; } @media(max-width:720px) { .liftlab-page-grid--home .liftlab-page-preview:not(.liftlab-page-preview--home) img { height:300px; } }


/* Keep the LiftLab colour guide as a supporting visual. */



/* LiftLab title accent */
.liftlab-title i { color:#A1B925; }


/* Give the storefront pair more presence within the case-study column. */
.liftlab-page-grid--home { width:min(100%,800px); }


/* Override the shared case-title accent for LiftLab. */
.case-hero h1.liftlab-title i { color:#A1B925; }


/* Keep the colour guide close to its explanation. */






/* Stack the storefront examples before the layout becomes cramped. */
@media(max-width:900px) { .liftlab-page-grid--home { grid-template-columns:1fr; width:100%; gap:32px; } }


/* Keep the rotating-banner copy inside the artwork at compact desktop widths. */
@media(min-width:721px) and (max-width:1100px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { top:6%; width:42%; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__label { margin-bottom:8px; padding:6px 12px; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) h3 { font-size:clamp(20px,3vw,34px); }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__description { margin:7px 0; font-size:12px; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__supports { margin-bottom:5px; font-size:10px; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) ul { gap:4px; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) li { padding:3px 10px; font-size:11px; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__cta { margin-top:8px; padding:8px 14px; font-size:12px; } }


/* Keep rotating-banner copy anchored to the artwork on small screens. */
@media(max-width:720px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) { overflow:hidden; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { position:absolute; top:7%; left:6%; width:90%; padding:0; background:transparent; transform:scale(.58); transform-origin:top left; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__label { margin-bottom:8px; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__description { margin:8px 0; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__supports { margin-bottom:5px; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) ul { gap:4px; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__cta { margin-top:8px; } } @media(max-width:480px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { transform:scale(.4); } }


/* Scale each banner overlay as a single anchored unit instead of letting copy escape below the image. */
@media(min-width:721px) and (max-width:1100px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { width:48%; transform:scale(.78); transform-origin:top left; } }
@media(max-width:720px) { .liftlab-banner-slide { overflow:hidden; }.liftlab-banner-slide .liftlab-banner-slide__content,.liftlab-case-hero-banner .liftlab-banner-slide__content { position:absolute; top:7%; left:6%; width:90%; padding:0; background:transparent; transform:scale(.42); transform-origin:top left; }.liftlab-case-hero-banner .liftlab-banner-slide__content { top:7%; width:90%; }.liftlab-banner-slide .liftlab-banner-slide__label,.liftlab-case-hero-banner .liftlab-banner-slide__label { margin-bottom:8px; }.liftlab-banner-slide .liftlab-banner-slide__description,.liftlab-case-hero-banner .liftlab-banner-slide__description { margin:8px 0; }.liftlab-banner-slide .liftlab-banner-slide__supports,.liftlab-case-hero-banner .liftlab-banner-slide__supports { margin-bottom:5px; }.liftlab-banner-slide ul,.liftlab-case-hero-banner ul { gap:4px; }.liftlab-banner-slide .liftlab-banner-slide__cta,.liftlab-case-hero-banner .liftlab-banner-slide__cta { margin-top:8px; } } @media(max-width:480px) { .liftlab-banner-slide .liftlab-banner-slide__content,.liftlab-case-hero-banner .liftlab-banner-slide__content { transform:scale(.32); } }


/* The rotating banners are shorter than the main hero, so use a tighter overlay scale. */
@media(min-width:721px) and (max-width:1100px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { top:6%; transform:scale(.64); } }
@media(max-width:720px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { top:5%; transform:scale(.32); } } @media(max-width:480px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { transform:scale(.25); } }


/* Slightly enlarge the rotating-banner overlay while preserving its safe area. */
@media(min-width:721px) and (max-width:1100px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { transform:scale(.70); } }
@media(max-width:720px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { transform:scale(.36); } } @media(max-width:480px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { transform:scale(.28); } }


/* Increase rotating-banner copy by roughly 12 percent. */
@media(min-width:721px) and (max-width:1100px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { transform:scale(.78); } }
@media(max-width:720px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { transform:scale(.40); } } @media(max-width:480px) { .liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { transform:scale(.32); } }


/* Proportional system for rotating banners: every overlay measurement scales with the artwork width. */
.liftlab-banner-slide:not(.liftlab-case-hero-banner) { container-type:inline-size; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { position:absolute; top:5.5cqw; left:5.5cqw; width:44cqw; padding:0; background:transparent; transform:none; transform-origin:top left; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__label { margin:0 0 .75cqw; padding:.45cqw .9cqw; font-size:.65cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) h3 { font-size:2.65cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__description { margin:.75cqw 0; font-size:.9cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__supports { margin:0 0 .4cqw; font-size:.65cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) ul { gap:.35cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) li { padding:.3cqw .75cqw; font-size:.75cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) li::before { margin-right:.35cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__cta { min-width:0; margin-top:.75cqw; padding:.55cqw 1.1cqw; font-size:.8cqw; }


/* Use the extra space in the D3 + K2 banner without affecting the denser layouts. */
.liftlab-banner-slide--d3 .liftlab-banner-slide__content { transform:scale(1.15); transform-origin:top left; }


/* Final rotating-banner layout: a slightly taller frame gives all three products room for readable, proportional copy. */
.liftlab-banner-slide:not(.liftlab-case-hero-banner) { aspect-ratio:2112 / 744; overflow:hidden; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) > img { width:100%; height:100%; object-fit:cover; object-position:center; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { transform:none !important; top:5.5cqw; left:5.5cqw; width:44cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__label { margin:0 0 .84cqw; padding:.5cqw 1cqw; font-size:.73cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) h3 { font-size:2.97cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__description { margin:.84cqw 0; font-size:1cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__supports { margin:0 0 .45cqw; font-size:.73cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) ul { gap:.39cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) li { padding:.34cqw .84cqw; font-size:.84cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) li::before { margin-right:.39cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__cta { margin-top:.84cqw; padding:.62cqw 1.24cqw; font-size:.9cqw; }


/* Increase the proportional copy scale now that the rotating-banner frame has enough height. */
.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { width:45cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__label { margin-bottom:.9cqw; padding:.6cqw 1.2cqw; font-size:.88cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) h3 { font-size:4cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__description { margin:.9cqw 0; font-size:1.2cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__supports { margin-bottom:.5cqw; font-size:.88cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) ul { gap:.45cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) li { padding:.4cqw 1cqw; font-size:1cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) li::before { margin-right:.45cqw; }.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__cta { margin-top:.9cqw; padding:.7cqw 1.4cqw; font-size:1.05cqw; }


/* Place rotating-banner copy directly against the image artwork, independent of the figure caption height. */
.liftlab-banner-slide:not(.liftlab-case-hero-banner) .liftlab-banner-slide__content { top:1.25cqw !important; }


/* Keep the main hero copy proportional to its own banner, so it stays inside the artwork at intermediate desktop widths. */
@media (min-width:721px) {
  .liftlab-case-hero-banner { container-type:inline-size; overflow:hidden; }
  .liftlab-case-hero-banner .liftlab-banner-slide__content { top:7%; left:5cqw; width:42cqw; gap:.7cqw; }
  .liftlab-case-hero-banner .liftlab-banner-slide__label { padding:.55cqw 1.1cqw; font-size:.85cqw; }
  .liftlab-case-hero-banner h3 { font-size:3.6cqw; }
  .liftlab-case-hero-banner .liftlab-banner-slide__description { font-size:1.2cqw; }
  .liftlab-case-hero-banner .liftlab-banner-slide__label,
  .liftlab-case-hero-banner .liftlab-banner-slide__supports { font-size:.85cqw; }
  .liftlab-case-hero-banner li { padding:.38cqw .95cqw; font-size:1cqw; }
  .liftlab-case-hero-banner ul { gap:.4cqw; }
  .liftlab-case-hero-banner .liftlab-banner-slide__cta { padding:.7cqw 1.4cqw; font-size:1cqw; }
}


/* LiftLab supplied logo construction artwork and final logo lockups. */
.liftlab-logo-build__stages .liftlab-logo-stage { margin:0 0 17px; overflow:hidden; }
.liftlab-logo-build__stages .liftlab-logo-stage img { display:block; width:100%; height:auto; }
.liftlab-logo-build__versions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:18px; padding-top:18px; border-top:1px solid rgba(255,255,255,.18); }
.liftlab-logo-build__versions figure { margin:0; min-width:0; }
.liftlab-logo-build__versions img { display:block; width:100%; height:auto; }
.liftlab-logo-build__versions figcaption { margin-top:10px; color:rgba(255,255,255,.68); font-size:13px; line-height:1.45; }
@media(max-width:520px) { .liftlab-logo-build__versions { grid-template-columns:1fr; } }


/* Keep the wide full-logo lockups compact within their shorter natural format. */
.liftlab-logo-build__versions figure { padding:0; background:transparent; }
.liftlab-logo-build__versions img { width:min(82%,420px); margin:0 auto; }


/* Let the supplied construction images define their own height without an empty stage above them. */
.liftlab-logo-build__stages .liftlab-logo-stage { display:block; min-height:0; background:transparent; }

/* The full wordmarks are supporting lockups, not hero artwork. */
.liftlab-logo-build__versions img { width:min(62%,300px); }



/* Keep the colour palette as a quiet supporting item beside the logo variations. */
.liftlab-logo-build__colour img { width:min(72%,230px); }


/* Align each logo-use note with the visual above it. */
.liftlab-logo-build__versions figcaption { width:min(62%,300px); margin:10px auto 0; text-align:left; }
.liftlab-logo-build__versions .liftlab-logo-build__colour figcaption { width:min(72%,230px); }


/* Match the logo-construction board to the black used in the supplied artwork. */
.liftlab-logo-build { background:#111111; }


/* Integrated LiftLab colour palette: circles sit directly on the identity board, without an image background. */
.liftlab-logo-build__colour { display:grid; align-content:start; }
.liftlab-colour-swatches { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:min(72%,230px); margin:0 auto; }
.liftlab-colour-swatch { display:grid; gap:7px; min-width:0; text-align:center; }
.liftlab-colour-swatch i { display:block; width:100%; aspect-ratio:1; border-radius:50%; }
.liftlab-colour-swatch b { color:rgba(255,255,255,.78); font:500 8px/1.2 DM Mono,monospace; letter-spacing:-.04em; }
.liftlab-colour-swatch--green i { background:#A1B925; }
.liftlab-colour-swatch--black i { background:#111111; border:1px solid rgba(255,255,255,.42); }
.liftlab-colour-swatch--white i { background:#ffffff; }
.liftlab-logo-build__versions .liftlab-logo-build__colour figcaption { width:100%; max-width:30ch; }


/* Prevent the LazMall journey from squeezing into desktop columns at compact screen widths. */
@media(max-width:960px) {
  .mac-commerce-flow { grid-template-columns:1fr; width:min(100%,340px); }
  .commerce-homepage,.commerce-route-card,.commerce-route-card img { width:100%; max-width:340px; }
}