/* Worklane marketing system: shared structure, distinct product accents. */
:root { --paper: #f2f1eb; --accent: #79acff; --quiet: #aab6c5; }
[data-page="greaser"] { --accent: #f3b34c; }
body { font-size: 1rem; }
[hidden] { display: none !important; }
h1,h2,h3 { text-wrap: balance; }
.site-header { max-width: 1600px; margin:auto; padding: 22px 5%; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid #ffffff16; }
.site-brand { display:inline-flex; align-items:center; min-height:44px; }
.site-brand img { width:220px; height:48px; }
.site-header nav { display:flex; align-items:center; gap:30px; }
.site-header nav a { display:inline-flex; align-items:center; gap:25px; min-height:44px; font-size:14px; color:#bdc7d3; }
.site-header nav a:hover,.site-header nav a[aria-current] { color:white; }
.site-header nav a[aria-current]:not(.nav-cta) { text-decoration:underline; text-underline-offset:9px; text-decoration-color:var(--accent); }
.site-header nav .nav-cta { background:#f2f1eb; color:#172029; border-radius:6px; padding:10px 18px; font-weight:650; }
.site-header nav .nav-cta:hover { background:#dce7ff; color:#172029; }
.menu-toggle { display:none; }
.kicker { display:flex; align-items:center; gap:12px; font-size:12px; font-weight:600; letter-spacing:1.7px; line-height:1.6; color:#aab6c5; margin:0 0 26px; }
.kicker>span { width:24px; height:2px; background:var(--accent); flex-shrink:0; }
.landing-hero { max-width:1600px; padding:56px 5% 0; margin:auto; }
.hero-topline { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.hero-topline .kicker { margin:0; }
.hero-edition { font-size:12px; letter-spacing:1.5px; color:#929fb0; }
.hero-headline { display:grid; grid-template-columns:1.5fr 1fr; gap:50px; align-items:center; margin:43px 0 48px; }
.hero-headline h1 { font-size:clamp(54px,5.8vw,89px); letter-spacing:-.065em; line-height:1.04; margin:0; font-weight:600; }
.hero-headline h1>span { color:var(--blue); }
.hero-aside { max-width:360px; justify-self:end; }
.hero-aside>p:first-child { font-size:23px; line-height:1.45; color:#ecf0f6; letter-spacing:-.5px; margin:0 0 16px; }
.hero-secondary { font-size:16px; line-height:1.75; margin:0 0 25px; }
.action { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:52px; padding:14px 21px; border-radius:6px; font-size:14px; font-weight:650; border:1px solid transparent; transition:background .15s,transform .15s; }
.action>span { font-size:21px; line-height:1; }
.action:hover { transform:translateY(-2px); }
.action-light { color:#172029; background:var(--paper); }
.action-light:hover { background:#dce7ff; }
.action-dark { background:#172029; color:white; }
.action-accent { background:var(--accent); color:#101820; }
.product-ribbon { border-top:1px solid #ffffff25; border-bottom:1px solid #ffffff25; display:grid; grid-template-columns:1fr 1fr; }
.product-ribbon>a { display:flex; align-items:center; gap:14px; padding:22px 24px 22px 0; font-size:16px; }
.product-ribbon>a+ a { border-left:1px solid #ffffff25; padding-left:28px; }
.product-ribbon strong { font-weight:600; }
.product-ribbon>a>span:not(:last-child) { color:#aab6c5; font-size:14px; }
.product-ribbon>a>span:last-child { margin-left:auto; font-size:25px; }
.product-ribbon>a:hover strong { color:var(--blue); }
.product-ribbon>a:last-child:hover strong { color:var(--amber); }
.showcase-section { max-width:1600px; padding:34px 5% 26px; margin:auto; }
.showcase-top { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:20px; }
.showcase-top>p { font-size:12px; letter-spacing:1.5px; margin:0; }
.preview-tabs { display:flex; align-items:center; gap:6px; padding:4px; background:#1b232c; border:1px solid #35404b; border-radius:8px; }
.preview-tabs button { display:flex; align-items:center; justify-content:center; gap:10px; font-size:14px; font-weight:550; color:#b2bdcb; border:1px solid transparent; background:transparent; border-radius:5px; padding:10px 15px; min-height:44px; }
.preview-tabs button[aria-selected=true] { color:#f5f7fa; background:#303b48; border-color:#4a596b; }
.workspace { background:#191f27; border:1px solid #475567; border-radius:10px; overflow:hidden; box-shadow:0 28px 75px #0003; --panel-accent:var(--blue); }
.workspace.is-greaser { --panel-accent:var(--amber); }
.workspace-bar { display:flex; align-items:center; justify-content:space-between; gap:18px; background:#212a35; border-bottom:1px solid #3a4656; padding:13px 20px; color:#b0bdce; font-size:12px; }
.window-dots { display:flex; gap:6px; }
.window-dots i { display:block; width:7px; height:7px; background:#66758a; border-radius:50%; }
.workspace-note { font-size:12px; }
.workspace-body { display:grid; grid-template-columns:205px 1fr; }
.workspace-sidebar { background:#151b23; border-right:1px solid #35404c; padding:25px 18px; display:flex; flex-direction:column; gap:5px; }
.workspace-sidebar>strong { font-size:16px; margin:10px 0 18px; font-weight:600; }
.sidebar-section { color:#8f9daf; font-size:12px; letter-spacing:1px; padding:0 10px; margin-bottom:8px; }
.sidebar-item { display:flex; align-items:center; gap:12px; font-size:14px; color:#b4c1d1; padding:9px 10px; border-radius:5px; }
.sidebar-item>span { color:#7e8ea3; width:17px; }
.sidebar-item.selected { color:var(--panel-accent); background:#293341; border-left:2px solid var(--panel-accent); }
.sidebar-bottom { color:#919fb0; font-size:12px; line-height:1.6; margin-top:auto; padding:20px 10px 0; }
.workspace-main { padding:29px 32px 20px; min-width:0; }
.workspace-title { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.workspace-eyebrow { font-size:12px; letter-spacing:1px; color:#a2b1c4; }
.workspace-title h3 { font-size:28px; margin:8px 0 24px; letter-spacing:-.8px; }
.workspace-avatar { background:#303e4e; border:1px solid #5a6d82; color:#d5e3f2; width:35px; height:35px; display:grid; place-items:center; border-radius:50%; font-size:12px; align-self:flex-start; }
.workspace-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:24px; }
.workspace-stats>div { border:1px solid #3a4655; background:#141a22; padding:16px 20px; border-radius:7px; }
.workspace-stats span,.workspace-stats small { display:block; font-size:12px; color:#aab8ca; }
.workspace-stats strong { display:block; font-size:36px; font-weight:500; line-height:1.5; font-variant-numeric:tabular-nums; }
.workspace-stats small { color:#97a7ba; }
.workspace-table { border:1px solid #3a4655; border-radius:6px; padding:0 18px; }
.workspace-table-head { display:flex; justify-content:space-between; border-bottom:1px solid #3a4655; padding:13px 0; font-size:12px; letter-spacing:1px; color:#aab7c8; }
.workspace-row { display:flex; gap:15px; align-items:center; padding:15px 0; border-bottom:1px solid #303b48; }
.workspace-row:last-child { border:0; }
.unit-number { display:grid; place-items:center; width:37px; height:37px; font-size:12px; color:var(--panel-accent); background:#293440; border:1px solid #465567; border-radius:6px; flex-shrink:0; }
.workspace-row b { display:block; font-size:14px; font-weight:550; }
.workspace-row small { display:block; color:#9fafc4; font-size:12px; }
.status-tag { margin-left:auto; display:flex; align-items:center; gap:6px; font-size:12px; padding:5px 10px; border-radius:5px; white-space:nowrap; }
.status-tag i { width:5px; height:5px; background:currentColor; border-radius:50%; }
.workspace-bottom { display:flex; gap:8px; align-items:center; color:#adbbcb; font-size:12px; margin-top:19px; }
.mini-status-dot { width:5px; height:5px; border-radius:50%; background:var(--panel-accent); }
.example-caption { text-align:right; font-size:12px; color:#aab6c5; margin:14px 0 0; }
.industry-strip { padding:26px 5%; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; border-top:1px solid #ffffff20; }
.industry-strip>span { font-size:12px; color:#97a7b9; letter-spacing:1px; }
.industry-strip p { color:#d2dae5; font-size:14px; margin:0; }
.industry-strip p:before { content:'↗'; margin-right:13px; color:#899bb0; }
.light-section { background:var(--paper); color:#172029; }
.light-section .kicker,.light-section p { color:#516071; }
.light-section .kicker>span { background:#627286; }
.product-family,.principles,.product-features { padding:90px 5%; }
.section-intro { display:grid; grid-template-columns:1.4fr 1fr; column-gap:70px; align-items:end; margin-bottom:42px; }
.section-intro>.kicker { grid-column:1/-1; margin-bottom:22px; }
.section-intro h2 { margin:0; font-size:clamp(36px,4vw,56px); letter-spacing:-.055em; }
.section-intro>p:last-child { max-width:380px; font-size:16px; margin:0 0 3px; justify-self:end; line-height:1.8; }
.product-duo { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.product-tile { padding:34px 34px 0; border:1px solid #c7cfd5; background:#fff; border-radius:9px; overflow:hidden; }
.tile-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:31px; }
.tile-heading>span { color:#5e6c7b; font-size:12px; letter-spacing:1px; }
.product-tile h3 { font-size:40px; margin:0 0 10px; letter-spacing:-1.8px; }
.product-tile h3+p { font-size:17px; }
.tile-diagram { margin:29px -34px; padding:27px 34px; display:flex; align-items:center; gap:9px; background:#edf3fc; border-block:1px solid #d6e2f2; }
.tile-diagram span { padding:7px 12px; font-size:12px; border:1px solid #b3c7e4; border-radius:5px; background:white; color:#295081; white-space:nowrap; }
.tile-diagram i { flex:1; height:1px; background:#9cb8df; position:relative; }
.tile-diagram i:after { content:'›'; position:absolute; right:-2px; top:-14px; color:#668dbf; font-size:17px; }
.shop-diagram { background:#fbf3e4; border-color:#efdebe; }
.shop-diagram span { color:#79541e; border-color:#dac396; }
.shop-diagram i { background:#d6b16d; }
.shop-diagram i:after { color:#ab7b26; }
.tile-description { font-size:16px; line-height:1.7; max-width:450px; min-height:82px; }
.tile-link { display:flex; justify-content:space-between; align-items:center; padding:23px 0; min-height:64px; border-top:1px solid #ccd4da; font-size:15px; font-weight:650; }
.tile-link span { font-size:23px; }
.tile-link:hover { color:#245d9c; }
.greaser-tile .tile-link:hover { color:#805710; }
.connected-section { display:grid; grid-template-columns:1fr 1fr; gap:8%; padding:94px 5%; }
.connected-section h2 { font-size:clamp(36px,3.7vw,54px); }
.connected-section>div>p:not(.kicker) { max-width:455px; line-height:1.8; font-size:16px; }
.inline-link { display:inline-flex; align-items:center; gap:26px; min-height:48px; color:var(--accent); font-size:14px; font-weight:600; }
.inline-link:hover { text-decoration:underline; text-underline-offset:5px; }
.handoff { list-style:none; margin:0; padding:0; align-self:center; }
.handoff li { display:flex; align-items:center; gap:19px; padding:25px 0; border-top:1px solid #394656; }
.handoff li:last-child { border-bottom:1px solid #394656; }
.step-no { font-size:12px; color:var(--blue); align-self:flex-start; padding-top:3px; }
.handoff h3 { font-size:23px; letter-spacing:-.7px; margin:0 0 10px; }
.handoff p { font-size:14px; margin:0; max-width:340px; }
.handoff img,.done-icon { margin-left:auto; flex-shrink:0; }
.done-icon { width:36px; height:36px; display:grid; place-items:center; color:#72d3aa; border:1px solid #536573; border-radius:8px; }
.principles h2 { max-width:800px; margin:0 0 42px; }
.principle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.principle-grid article { border-top:1px solid #bdc7d0; padding-top:20px; }
.principle-grid article>span { color:#637083; font-size:12px; }
.principle-grid h3 { font-size:24px; margin:22px 0 14px; letter-spacing:-.8px; }
.principle-grid p { line-height:1.8; margin:0; }
.suite-cta { padding:78px 5%; display:grid; grid-template-columns:1.35fr 1fr; gap:70px; align-items:center; background:#1d2935; position:relative; overflow:hidden; }
.suite-cta>div { position:relative; z-index:1; }
.suite-cta h2 { font-size:clamp(40px,4.4vw,64px); margin:0; }
.suite-cta>div>p:not(.kicker) { max-width:410px; font-size:17px; color:#c0cbd9; }
.cta-watermark { position:absolute; font-size:500px; font-weight:700; right:-12px; bottom:-195px; color:#ffffff03; line-height:1; pointer-events:none; }
.site-footer { padding:45px 5% 22px; display:grid; grid-template-columns:1fr 1fr; gap:35px; }
.footer-lead p { color:#aab6c5; font-size:20px; margin:18px 0 0; line-height:1.5; letter-spacing:-.5px; }
.footer-links { display:grid; grid-template-columns:1fr 1.35fr; gap:40px; }
.footer-links h2 { font-size:14px; letter-spacing:0; margin:12px 0 16px; }
.footer-links a { display:block; font-size:14px; color:#aab6c5; padding:7px 0; overflow-wrap:anywhere; }
.footer-links a:hover { color:white; }
.footer-links a>span { margin-left:6px; }
.footer-legal { grid-column:1/-1; border-top:1px solid #394656; padding-top:21px; display:flex; justify-content:space-between; gap:20px; color:#aab6c5; font-size:12px; }
.product-landing { display:grid; grid-template-columns:1fr 1.15fr; gap:42px; padding:40px 5% 65px; overflow:hidden; }
.back-link { display:inline-flex; align-items:center; min-height:44px; color:#aab6c5; font-size:14px; margin-bottom:21px; }
.product-wordmark { display:flex; align-items:center; gap:14px; font-size:24px; margin-bottom:26px; }
.product-wordmark strong { font-weight:600; letter-spacing:-.7px; }
.product-landing h1 { font-size:clamp(48px,4.7vw,70px); letter-spacing:-.06em; line-height:1.07; margin:0 0 24px; }
.product-landing h1>span { color:var(--accent); }
.product-landing-copy>p:not(.kicker) { font-size:17px; line-height:1.8; max-width:490px; }
.product-hero-actions { display:flex; flex-wrap:wrap; gap:12px 23px; align-items:center; margin-top:25px; }
.product-landing-art { align-self:center; min-width:0; margin-top:50px; }
.product-landing-art .workspace-body { grid-template-columns:1fr; }
.product-landing-art .workspace-sidebar { display:none; }
.product-landing-art .workspace-main { padding:25px 22px 18px; }
.product-landing-art .workspace-stats { gap:9px; }
.product-landing-art .workspace-stats>div { padding:13px; }
.product-landing-art .workspace-stats small { display:none; }
.product-landing-art .workspace-title h3 { font-size:26px; }
.capabilities { display:grid; grid-template-columns:repeat(3,1fr); gap:35px 42px; margin-top:50px; }
.capabilities article { border-top:1px solid #b9c5d0; padding-top:18px; }
.capability-index { color:#607289; font-size:12px; }
.capabilities h3 { font-size:25px; letter-spacing:-.8px; margin:20px 0 14px; }
.capabilities p { font-size:16px; line-height:1.8; margin:0; }
.product-rhythm { display:grid; grid-template-columns:1fr 1fr; padding:76px 5%; gap:70px; }
.product-rhythm h2 { margin:0; font-size:54px; }
.product-rhythm ol { list-style:none; margin:0; padding:0; align-self:center; }
.product-rhythm li { display:flex; align-items:center; gap:30px; padding:18px 0; border-top:1px solid #394656; font-size:24px; letter-spacing:-.7px; }
.product-rhythm li:last-child { border-bottom:1px solid #394656; }
.product-rhythm li>span { color:var(--accent); font-size:12px; letter-spacing:0; }
.cross-sell { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:80px 5%; align-items:center; }
.cross-brand { display:grid; grid-template-columns:72px 1fr; gap:12px 22px; align-items:center; }
.cross-brand>img { grid-row:1/3; }
.cross-brand>span { font-size:12px; letter-spacing:1px; color:#526174; }
.cross-brand h2 { font-size:36px; margin:0; }
.cross-sell>div>p { font-size:17px; line-height:1.8; }
.cross-sell .connection-note { font-size:14px; margin:18px 0 0; }
/* Carry the marketing identity through the existing request form. */
.demo-section { padding:70px 5%; }
.demo-section .eyebrow,.demo-expect li span,.direct-contact>span { font-size:12px; }
.demo-section h1 { font-weight:600; letter-spacing:-.065em; }
.demo-card .field label,.demo-card legend { font-size:14px; }
.product-options label>span { font-size:12px; }
.privacy-note,.delivery-note { font-size:12px; }
.demo-expect li { font-size:16px; }
.direct-contact>a { min-height:44px; display:inline-flex; align-items:center; }
.faq-section .eyebrow { font-size:12px; }
.faq-section .faqs p { font-size:16px; }
.legal .eyebrow { font-size:12px; }
.draft-fallback { width:100%; margin-top:12px; padding:12px; }
@media(min-width:1600px) { .product-family,.principles,.connected-section,.product-features,.cross-sell,.product-rhythm,.suite-cta,.industry-strip,.site-footer { padding-left:max(5%,calc((100vw - 1440px)/2)); padding-right:max(5%,calc((100vw - 1440px)/2)); } }
@media(max-width:1100px) { .hero-headline { gap:35px; grid-template-columns:1.5fr 1fr; } .hero-headline h1 { font-size:64px; } .product-ribbon>a>span:not(:last-child) { display:none; } .workspace-body { grid-template-columns:175px 1fr; } .workspace-main { padding:25px; } .product-landing { gap:25px; grid-template-columns:1fr 1fr; } .product-landing h1 { font-size:55px; } .product-landing-art .workspace-stats span { min-height:38px; } .product-landing-art .workspace-main { padding:20px 15px; } .product-landing-art .unit-number { display:none; } .product-landing-art .workspace-note { display:none; } .site-header nav { gap:21px; } .site-brand img { width:195px; } }
@media(max-width:800px) { .site-header { padding:17px 24px; flex-wrap:wrap; } .site-brand img { width:190px; } .menu-toggle { display:flex; justify-content:space-between; align-items:center; gap:18px; min-height:44px; border:1px solid #69788b; border-radius:5px; background:transparent; color:white; padding:8px 13px; font-size:14px; } .site-header nav { display:none; width:100%; padding:10px 0; flex-direction:column; align-items:stretch; gap:4px; } .site-header nav.open { display:flex; } .site-header nav a { padding:8px; } .site-header nav .nav-cta { justify-content:space-between; padding:12px; margin-top:10px; } .hero-edition { display:none; } .landing-hero { padding:35px 24px 0; } .hero-headline { grid-template-columns:1fr; gap:26px; margin:28px 0 32px; } .hero-headline h1 { font-size:clamp(45px,8.7vw,66px); } .hero-aside { justify-self:start; max-width:540px; } .hero-aside>p:first-child { font-size:21px; } .hero-secondary { font-size:16px; } .hero-aside>p:first-child br { display:none; } .product-ribbon>a { padding:18px 14px 18px 0; font-size:14px; gap:10px; } .product-ribbon>a+a { padding-left:16px; } .product-ribbon img { width:28px; height:28px; } .showcase-section { padding:24px 24px; } .showcase-top>p { display:none; } .preview-tabs { width:100%; } .preview-tabs button { flex:1; padding:10px; } .workspace-body { grid-template-columns:1fr; } .workspace-sidebar { display:none; } .workspace-main { padding:24px 20px 18px; } .workspace-stats { gap:10px; } .workspace-stats>div { padding:12px; } .workspace-stats small { display:none; } .workspace-stats strong { font-size:29px; } .workspace-stats span { min-height:36px; } .workspace-title h3 { font-size:25px; } .workspace-eyebrow { letter-spacing:.7px; } .workspace-note { display:none; } .workspace-row { gap:10px; } .workspace-row b { font-size:14px; } .workspace-table { padding:0 12px; } .unit-number { display:none; } .workspace-table-head { font-size:12px; letter-spacing:.2px; } .status-tag { padding:5px 7px; } .industry-strip { padding:25px 24px; justify-content:start; gap:15px 25px; } .industry-strip>span { width:100%; } .product-family,.principles,.product-features { padding:60px 24px; } .section-intro { grid-template-columns:1fr; gap:20px; margin-bottom:30px; } .section-intro .kicker { margin-bottom:0; } .section-intro>p:last-child { max-width:600px; justify-self:start; } .section-intro h2 { font-size:40px; } .product-duo { grid-template-columns:1fr; gap:22px; } .product-tile { padding:28px 26px 0; } .tile-heading { margin-bottom:24px; } .product-tile h3 { font-size:36px; } .tile-heading>span { letter-spacing:.5px; } .tile-diagram { margin:25px -26px; padding:25px 26px; } .tile-description { min-height:0; } .connected-section { grid-template-columns:1fr; gap:26px; padding:60px 24px; } .connected-section h2 { font-size:39px; } .handoff li { gap:13px; } .handoff h3 { font-size:21px; } .handoff img,.done-icon { width:30px; height:30px; } .principles h2 { font-size:39px; } .principle-grid { grid-template-columns:1fr; gap:28px; } .principle-grid h3 { margin-top:15px; } .suite-cta { grid-template-columns:1fr; gap:25px; padding:60px 24px; } .suite-cta h2 { font-size:46px; } .site-footer { padding:35px 24px 25px; grid-template-columns:1fr; } .footer-links { gap:30px; } .footer-legal { flex-wrap:wrap; gap:14px; } .footer-legal>span:nth-child(2) { display:none; } .product-landing { grid-template-columns:1fr; gap:30px; padding:23px 24px 45px; } .product-landing h1 { font-size:clamp(45px,10vw,65px); } .product-landing-art { margin:0; } .product-landing-art .unit-number { display:grid; } .product-landing-art .workspace-main { padding:24px 20px 18px; } .capabilities { grid-template-columns:1fr 1fr; gap:30px; margin-top:35px; } .capabilities h3 { font-size:23px; } .product-rhythm { grid-template-columns:1fr; gap:32px; padding:60px 24px; } .product-rhythm h2 { font-size:43px; } .product-rhythm li { font-size:23px; } .cross-sell { grid-template-columns:1fr; gap:27px; padding:60px 24px; } .cross-brand h2 { font-size:32px; } .demo-section { padding:45px 24px 60px; } }
@media(max-width:420px) { .site-header { padding-inline:20px; } .site-brand img { width:172px; } .landing-hero { padding-inline:20px; } .hero-headline h1 { font-size:43px; } .kicker { font-size:12px; letter-spacing:1px; } .hero-topline .kicker { max-width:300px; } .product-ribbon>a { font-size:13px; gap:8px; } .product-ribbon>a+a { padding-left:12px; } .product-ribbon>a>span:last-child { font-size:20px; } .showcase-section { padding-inline:14px; } .workspace-main { padding:21px 12px 15px; } .workspace-bar { padding:12px 14px; } .workspace-title h3 { font-size:23px; } .workspace-eyebrow { font-size:12px; letter-spacing:0; } .workspace-avatar { display:none; } .workspace-stats { gap:7px; } .workspace-stats>div { padding:10px; } .workspace-row b { font-size:13px; } .status-tag { font-size:12px; } .status-tag i { display:none; } .workspace-row small { font-size:12px; } .workspace-row { gap:8px; } .workspace-table { padding:0 9px; } .product-landing-art .workspace-main { padding:21px 12px 15px; } .product-landing-art .unit-number { display:none; } .product-tile { padding:25px 21px 0; } .tile-heading>span { max-width:135px; text-align:right; } .tile-diagram { margin-inline:-21px; padding-inline:21px; gap:6px; } .tile-diagram span { padding:7px 9px; } .section-intro h2 { font-size:35px; } .capabilities { grid-template-columns:1fr; } .footer-links { grid-template-columns:1fr; gap:20px; } .cross-brand { grid-template-columns:54px 1fr; gap:10px 16px; } .cross-brand>img { width:54px; height:54px; } .cross-brand h2 { font-size:29px; } .product-options label>span { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .action { transition:none; } }
/* Keep navigation usable if JavaScript is disabled or fails to load. */
@media(max-width:800px) {
  .site-header nav { display:flex; }
  .menu-toggle { display:none; }
  .js-navigation .menu-toggle { display:flex; }
  .js-navigation .site-header nav:not(.open) { display:none; }
}