/* Calmer editorial refinement for the professor landing page. */ .gb-home-body { --page-blue: rgb(40 95 150); --page-blue-hover: rgb(32 79 126); --page-blue-rgb: 40 95 150; --blue: var(--page-blue); --ink: #18283b; --accent: var(--page-blue); --accent-hover: var(--page-blue-hover); background: #fbfcfd; color: var(--ink); } /* Add this class to in DevTools to preview the exact logo blue. */ .gb-home-body.gb-theme-logo-blue { --page-blue: #1746b6; --page-blue-hover: #10368e; --page-blue-rgb: 23 70 182; } .gb-home { font-family: "Aptos", "Segoe UI", ui-sans-serif, -apple-system, BlinkMacSystemFont, sans-serif; } .gb-nav { border-bottom-color: #e4e9ef; background: rgba(255, 255, 255, 0.96); box-shadow: 0 1px 12px rgba(24, 40, 59, 0.035); } .gb-nav-inner { min-height: 4.25rem; position: relative; grid-template-columns: minmax(0, 1fr) auto; } .gb-nav-left { min-width: 0; display: flex; align-items: center; gap: clamp(1rem, 2vw, 2.25rem); } .gb-brand { color: #1b2d42; font-weight: 720; } .gb-brand img { width: 2.35rem; height: 2.35rem; } .gb-nav-links a, .gb-nav-login { color: #4b5d70; font-weight: 600; } .gb-account-trigger { min-height: 2.65rem; padding: 0.3rem 0.55rem; display: inline-flex; align-items: center; gap: 0.55rem; border: 1px solid transparent; border-radius: 0.65rem; background: transparent; color: #4b5d70; cursor: pointer; font: inherit; font-size: 0.8rem; font-weight: 600; } .gb-account-trigger:hover, .gb-account-trigger[aria-expanded="true"] { border-color: #dbe3ea; background: #f6f8fa; color: var(--page-blue); } .gb-account-trigger svg { width: 0.9rem; height: 0.9rem; opacity: 0.65; } .gb-account-avatar { width: 1.9rem; height: 1.9rem; display: grid; place-items: center; border-radius: 50%; background: #e6eef6; color: var(--page-blue); font-size: 0.72rem; font-weight: 700; } .gb-account-email { max-width: 10rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gb-account-menu { position: absolute; z-index: 80; top: calc(100% + 0.45rem); right: 0; width: 14rem; padding: 0.4rem; border: 1px solid #dbe3ea; border-radius: 0.75rem; background: #ffffff; box-shadow: 0 16px 38px rgba(24, 40, 59, 0.14); } .gb-account-menu-identity { margin-bottom: 0.3rem; padding: 0.65rem 0.7rem 0.75rem; border-bottom: 1px solid #e8edf2; } .gb-account-menu-identity span, .gb-account-menu-identity strong { display: block; } .gb-account-menu-identity span { color: #778697; font-size: 0.68rem; } .gb-account-menu-identity strong { margin-top: 0.18rem; overflow: hidden; color: #26394d; font-size: 0.77rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; } .gb-account-menu > a { display: block; padding: 0.6rem 0.7rem; border-radius: 0.45rem; color: #3d5063; font-size: 0.78rem; font-weight: 550; text-decoration: none; } .gb-account-menu > a:hover, .gb-account-menu > a:focus-visible { background: #f2f6f9; color: var(--page-blue); } .gb-button { min-height: 3.15rem; border: 1px solid var(--page-blue); border-radius: 0.65rem; background: var(--page-blue); box-shadow: 0 7px 18px rgb(var(--page-blue-rgb) / 0.16); font-weight: 650; transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease; } .gb-button:hover { transform: translateY(-1px); border-color: var(--page-blue-hover); background: var(--page-blue-hover); box-shadow: 0 10px 22px rgb(var(--page-blue-rgb) / 0.2); } .gb-button-small { min-height: 2.5rem; padding: 0.68rem 0.9rem; gap: 0.7rem; } .gb-button-small, .gb-button-small:hover { box-shadow: none; } .gb-button-primary { border-color: var(--page-blue); background: var(--page-blue); box-shadow: 0 7px 18px rgb(var(--page-blue-rgb) / 0.16); color: #ffffff; } .gb-button-primary:hover { border-color: var(--page-blue-hover); background: var(--page-blue-hover); box-shadow: 0 10px 22px rgb(var(--page-blue-rgb) / 0.2); } .gb-hero { min-height: min(760px, calc(100vh - 4.75rem)); grid-template-columns: minmax(430px, clamp(40%, calc(80vw - 560px), 45%)) minmax(560px, 1fr); grid-template-rows: auto auto; align-content: center; align-items: start; border-bottom: 1px solid #dfe5ec; background: radial-gradient(circle at 88% 18%, rgb(var(--page-blue-rgb) / 0.08), transparent 29%), linear-gradient(145deg, #fbfcfd 0%, #f1f5f8 100%); color: var(--ink); } .gb-hero-copy { display: contents; padding-block: 5.5rem; } .gb-hero .gb-eyebrow { grid-column: 1; grid-row: 1; width: min(calc(100% - max(2rem, calc((100vw - 1360px) / 2))), 690px); margin-left: max(2rem, calc((100vw - 1360px) / 2)); padding-right: 1rem; } .gb-hero-copy-body { width: min(calc(100% - max(2rem, calc((100vw - 1360px) / 2))), 690px); margin-left: max(2rem, calc((100vw - 1360px) / 2)); padding-right: 1rem; grid-column: 1; grid-row: 2; } .gb-eyebrow, .gb-section-index { font-family: "Aptos", "Segoe UI", ui-sans-serif, sans-serif; font-size: 0.72rem; font-weight: 650; letter-spacing: 0.1em; } .gb-eyebrow { color: #52677d; } .gb-eyebrow span { background: var(--page-blue); box-shadow: 0 0 0 4px rgb(var(--page-blue-rgb) / 0.1); } .gb-hero h1, .gb-friction h2, .gb-workflow h2, .gb-product h2, .gb-trust h2, .gb-final h2 { font-weight: 600; letter-spacing: -0.042em; line-height: 0.98; } .gb-hero h1 { max-width: none; display: grid; gap: 0.2em; font-size: clamp(3.1rem, 4.6vw, 5rem); color: #18283b; } .gb-hero h1 span, .gb-hero h1 em { display: block; white-space: nowrap; } .gb-hero h1 em, .gb-workflow h2 em, .gb-trust h2 em, .gb-final h2 em { color: var(--page-blue); } .gb-hero-lede { max-width: 550px; color: #4c6075; font-size: clamp(1rem, 1.15vw, 1.12rem); } .gb-text-link { color: var(--page-blue); border-bottom-color: #9fb5ca; font-weight: 650; } .gb-text-link:hover { color: var(--page-blue-hover); border-bottom-color: var(--page-blue); } .gb-hero-assurance { border-top-color: #ced8e2; } .gb-hero-assurance span { color: #5a6b7c; font-weight: 550; } .gb-hero-assurance i { background: var(--page-blue); } .gb-hero-visual { min-height: 0; grid-column: 2; grid-row: 2; place-items: start center; } .gb-screen { border: 1px solid #bdc9d5; border-radius: 0.8rem; box-shadow: 0 24px 60px rgba(31, 52, 75, 0.18); } .gb-screen-hero { width: 100%; transform: none; } .gb-screen-stage { position: relative; justify-self: center; width: min(960px, calc(100% - 2rem)); transform: none; } .gb-screen-brand-mark { --gb-check-size: clamp(6.5rem, 11vw, 11rem); position: absolute; z-index: 3; right: clamp(0.75rem, 1.5vw, 1.25rem); bottom: clamp(-3.3rem, -3.3vw, -1.95rem); width: var(--gb-check-size); display: block; background: var(--page-blue); -webkit-mask: url("checkmark.3d2d2bd40527.svg") center / contain no-repeat; mask: url("checkmark.3d2d2bd40527.svg") center / contain no-repeat; opacity: 1; pointer-events: none; transform: rotate(-8deg); } .gb-screen-brand-mark img { display: block; width: 100%; height: auto; opacity: 0; } .gb-screen-bar { border-bottom: 1px solid #cbd5df; background: #f5f7fa; } .gb-screen-bar > div span { border-color: #a9b7c5; } .gb-visual-label { border: 1px solid #ccd5df; border-radius: 0.4rem; background: rgba(255, 255, 255, 0.97); box-shadow: 0 7px 18px rgba(24, 40, 59, 0.12); color: #34495f; font-family: "Aptos", "Segoe UI", ui-sans-serif, sans-serif; font-weight: 650; } .gb-visual-label-input { transform: rotate(-1.5deg); } .gb-visual-label-review { transform: rotate(0.8deg); } .gb-proof-ribbon { min-height: 0; padding-block: 1rem; grid-template-columns: 1fr; place-items: center; border-bottom: 1px solid #e1e6ec; background: #ffffff; } .gb-proof-group { width: max-content; max-width: 100%; display: flex; align-items: center; justify-content: center; gap: 1.75rem; } .gb-proof-message { align-self: center; } .gb-proof-message p { margin: 0; color: #4e6072; font-size: 0.84rem; line-height: 1.55; } .gb-proof-message strong { color: #1b2d42; font-weight: 680; } .gb-proof-divider { display: block; width: 1px; height: 4rem; background: #c5d0da; } .gb-proof-university { display: flex; align-items: center; } .gb-proof-university img { width: 138px; } .gb-friction { padding-block: 8rem; } .gb-friction h2 { max-width: 8.6ch; font-size: clamp(3.6rem, 5.9vw, 6rem); color: #1b2c40; } .gb-friction-lines { border-top: 1px solid #9dabb9; } .gb-friction-lines > div { border-bottom-color: #d5dce4; } .gb-line-number, .gb-friction > .gb-section-index, .gb-product .gb-section-index { color: var(--page-blue); } .gb-friction-lines p strong { color: #26394d; font-weight: 650; } .gb-friction-lines .gb-friction-solved { background: linear-gradient(90deg, rgb(var(--page-blue-rgb) / 0.08), transparent); } .gb-friction-solved svg { stroke: var(--page-blue); } .gb-workflow { isolation: isolate; padding: clamp(6rem, 8vw, 9rem) max(2rem, calc((100vw - 1360px) / 2)) clamp(6.5rem, 8vw, 8.5rem); border-block: 1px solid #d8e0e8; background: radial-gradient(circle at 92% 10%, rgb(var(--page-blue-rgb) / 0.13), transparent 26rem), linear-gradient(145deg, #f8fafc 0%, #edf3f7 58%, #f8fafc 100%); color: #1a2c40; } .gb-workflow::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: 0.34; background-image: linear-gradient(rgb(var(--page-blue-rgb) / 0.055) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--page-blue-rgb) / 0.055) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, #000, transparent 55%); pointer-events: none; } .gb-workflow::after { content: none; } .gb-workflow-heading { position: relative; z-index: 2; grid-template-columns: minmax(0, 1fr); align-items: end; } .gb-workflow .gb-section-index { display: flex; align-items: center; gap: 0.7rem; color: var(--page-blue); } .gb-workflow h2 { max-width: none; color: #18283b; font-size: clamp(3.6rem, 5.7vw, 6.25rem); line-height: 0.96; } .gb-workflow h2 em { color: var(--page-blue); white-space: nowrap; } .gb-workflow-intro { max-width: 27rem; margin: 0 0 0.65rem; color: #5a6c7e; font-size: 1.05rem; line-height: 1.72; } .gb-workflow-scene { position: relative; z-index: 2; height: clamp(19rem, 31vw, 29rem); margin: clamp(3.5rem, 6vw, 6rem) 0 0; overflow: hidden; border: 1px solid rgb(24 40 59 / 0.28); border-radius: 1.25rem 5.5rem 1.25rem 3.25rem; background: #c9d5de; box-shadow: 0 26px 55px rgb(24 40 59 / 0.15); transform: rotate(-0.35deg); } .gb-workflow-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(12 29 47 / 0.54), transparent 42%), linear-gradient(0deg, rgb(12 29 47 / 0.18), transparent 46%); pointer-events: none; } .gb-workflow-scene > img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 48%; filter: saturate(0.82) contrast(0.98); transform: scale(1.012); } .gb-workflow-scene figcaption { position: absolute; z-index: 2; left: clamp(1.5rem, 4vw, 4rem); bottom: clamp(1.5rem, 3vw, 3rem); max-width: 24rem; display: grid; grid-template-columns: 0.8rem 1fr; gap: 0.85rem; align-items: start; color: rgb(255 255 255 / 0.9); } .gb-workflow-scene figcaption > span { width: 0.72rem; height: 0.72rem; margin-top: 0.35rem; border-radius: 50%; background: #ffffff; box-shadow: 0 0 0 5px rgb(255 255 255 / 0.16); } .gb-workflow-scene figcaption p { margin: 0; font-size: 0.95rem; line-height: 1.5; } .gb-workflow-scene figcaption strong { display: block; color: #ffffff; font-size: 1.18rem; font-weight: 650; } .gb-workflow-scene-note { position: absolute; z-index: 2; top: clamp(1.5rem, 3vw, 3rem); right: clamp(1.25rem, 2vw, 2rem); padding-left: 1rem; border-left: 2px solid rgb(255 255 255 / 0.68); color: rgb(255 255 255 / 0.9); font-size: 0.76rem; font-weight: 650; letter-spacing: 0.08em; line-height: 1.6; text-transform: uppercase; } .gb-workflow-scene-note span { display: inline-block; margin-right: 0.25rem; font-size: 1.1rem; transform: rotate(-18deg); } .gb-workflow-track { position: relative; z-index: 2; margin: clamp(4.5rem, 6vw, 6rem) 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 0; } .gb-workflow-track::before { content: ""; position: absolute; top: 4.25rem; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, var(--page-blue), #9fb1c2 88%); } .gb-workflow-track li { min-height: 0; padding: 0 clamp(2rem, 3.2vw, 3.4rem) 0 0; display: block; border: 0; } .gb-workflow-track li + li { padding-right: clamp(2rem, 3.2vw, 3.4rem); padding-left: clamp(2rem, 3.2vw, 3.4rem); border-left: 1px solid #c7d1da; } .gb-workflow-track li:last-child { padding-right: 0; } .gb-track-marker { position: relative; z-index: 1; height: 4.25rem; display: flex; align-items: center; gap: 0.8rem; width: max-content; padding-right: 1rem; background: #f2f6f9; } .gb-track-marker span { width: auto; height: auto; display: block; border: 0; border-radius: 0; background: transparent; color: var(--page-blue); font-family: "Aptos", "Segoe UI", ui-sans-serif, sans-serif; font-size: clamp(3.25rem, 4.8vw, 4.7rem); font-weight: 300; letter-spacing: -0.07em; line-height: 0.8; } .gb-track-marker svg { width: 2.35rem; height: 2.35rem; fill: none; stroke: #657d92; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; } .gb-track-marker svg .gb-pencil-point { fill: #657d92; stroke: none; } .gb-track-copy > p { margin: 2rem 0 0.7rem; color: var(--page-blue); font-family: "Aptos", "Segoe UI", ui-sans-serif, sans-serif; font-weight: 650; letter-spacing: 0.12em; text-transform: uppercase; } .gb-track-copy { display: block; } .gb-track-copy h3 { max-width: 14ch; margin: 0; color: #26394d; font-size: clamp(1.75rem, 2.5vw, 2.55rem); font-weight: 650; letter-spacing: -0.035em; line-height: 1.05; } .gb-workflow-track li:nth-child(2) .gb-track-copy h3 { max-width: 18ch; } .gb-heading-nowrap { white-space: nowrap; } .gb-track-copy > span { max-width: 31rem; margin-top: 1.15rem; display: block; color: #5a6c7e; font-size: 0.92rem; line-height: 1.68; } .gb-workflow-coda { position: relative; z-index: 2; margin: clamp(4rem, 6vw, 6rem) 0 0; padding: 1.4rem 0; display: flex; align-items: center; justify-content: center; gap: clamp(0.65rem, 1.7vw, 1.6rem); border-block: 1px solid #b8c5d0; color: #647689; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.035em; text-align: center; text-transform: uppercase; } .gb-workflow-coda > span[aria-hidden="true"] { color: var(--page-blue); font-size: 1rem; } .gb-workflow-coda strong { color: #253b50; font-weight: 700; } .gb-workflow-preview-link { width: max-content; margin: 1.8rem auto 0; padding: 0.3rem 0; display: flex; align-items: center; gap: 0.55rem; border-bottom: 1px solid #aebdca; color: #687b8d; font-size: 0.78rem; font-weight: 600; text-decoration: none; } .gb-workflow-preview-link span { color: var(--page-blue); transition: transform 150ms ease; } .gb-workflow-preview-link:hover { border-bottom-color: var(--page-blue); color: var(--page-blue); } .gb-workflow-preview-link:hover span { transform: translateX(0.18rem); } .gb-product { border-bottom: 1px solid #e0e5eb; background: #ffffff; } .gb-product h2 { font-size: clamp(3.7rem, 5.9vw, 6.15rem); color: #1a2c40; } .gb-product-heading > p { color: #5a6c7e; } .gb-screen-product { transform: none; } .gb-product-note span { border: 1px solid var(--page-blue); background: #edf3f7; color: var(--page-blue); } .gb-product-note p { color: #3d5165; font-weight: 620; } .gb-product-note-left::after, .gb-product-note-right::before { border-top-color: #8193a5; border-top-width: 1px; } .gb-product-outcomes { border-block-color: #d5dde5; } .gb-product-outcomes p { color: #415568; font-weight: 600; } .gb-product-outcomes p + p { border-left-color: #d5dde5; } .gb-trust { min-height: 760px; border-bottom: 1px solid #d7e2dc; background: radial-gradient(circle at 8% 80%, rgba(47, 138, 103, 0.08), transparent 29%), #eef4f1; color: #1b2e40; } .gb-trust-signal { border-right-color: #c5d5cd; color: #2f8a67; } .gb-lock { border-width: 1px; border-color: #2f8a67; } .gb-trust-main .gb-section-index, .gb-trust-ledger span { color: #2f8a67; } .gb-trust h2 { max-width: 10ch; font-size: clamp(3.4rem, 5vw, 5.35rem); color: #1b2e40; } .gb-trust h2 em { color: #2f8a67; } .gb-trust-lede { color: #526b64; } .gb-button-trust { border-color: var(--page-blue); background: var(--page-blue); box-shadow: none; color: #ffffff; } .gb-button-trust:hover { border-color: var(--page-blue-hover); background: var(--page-blue-hover); box-shadow: 0 8px 20px rgb(var(--page-blue-rgb) / 0.16); } .gb-trust-ledger { border-top-color: #aebfb6; } .gb-trust-ledger > div { border-bottom-color: #c7d3cd; } .gb-trust-ledger p { color: #577067; } .gb-trust-ledger strong { color: #243b36; font-weight: 650; } .gb-quote blockquote > p { color: #1a2c40; font-size: clamp(2.25rem, 3.7vw, 4.15rem); font-weight: 600; } .gb-quote blockquote em { color: var(--page-blue); } .gb-quote blockquote footer { border-top: 1px solid #9eabb8; font-family: "Aptos", "Segoe UI", ui-sans-serif, sans-serif; font-weight: 600; } .gb-final { border-block: 1px solid #d9e1e8; background: #edf3f7; color: #1b2d42; } .gb-final > p { color: #607386; font-family: "Aptos", "Segoe UI", ui-sans-serif, sans-serif; font-weight: 650; } .gb-final h2 { color: #1b2d42; font-size: clamp(3rem, 5.4vw, 5.75rem); } .gb-final h2 em { color: var(--page-blue); } .gb-button-outline { border-color: #7890a7; background: transparent; box-shadow: none; color: #28516f; } .gb-button-outline:hover { border-color: var(--page-blue); background: #ffffff; box-shadow: 0 7px 18px rgb(var(--page-blue-rgb) / 0.12); color: var(--page-blue); } .gb-footer { border-top: 0; background: #ffffff; } @media (max-width: 1100px) { .gb-hero { min-height: auto; grid-template-columns: 1fr; grid-template-rows: auto auto; align-content: normal; align-items: center; } .gb-hero-copy { display: block; width: min(100%, 1000px); margin: 0 auto; padding: 5rem 2rem 3rem; grid-column: 1; grid-row: 1; } .gb-hero .gb-eyebrow { width: auto; margin-left: 0; padding-right: 0; } .gb-hero-copy-body { width: auto; margin-left: 0; padding-right: 0; } .gb-hero h1 { max-width: 10ch; } .gb-hero-visual { min-height: 470px; padding-bottom: 2.5rem; grid-column: 1; grid-row: 2; place-items: center; } .gb-screen-stage { justify-self: center; width: min(880px, 92vw); transform: none; } } @media (max-width: 640px) { .gb-nav-inner { min-height: 4rem; } .gb-account-email { display: none; } .gb-proof-ribbon { min-height: auto; padding: 1.15rem 1.1rem; grid-template-columns: 1fr; } .gb-proof-group { gap: 0.9rem; } .gb-proof-message { align-self: auto; } .gb-proof-message p { font-size: 0.84rem; } .gb-proof-divider { height: 3.5rem; } .gb-proof-university img { width: 105px; } .gb-hero-copy { padding-top: 4rem; } .gb-hero-visual { min-height: 280px; padding-bottom: 2rem; } .gb-hero h1 { max-width: none; font-size: clamp(2.6rem, 11vw, 3rem); } .gb-hero h1 span, .gb-hero h1 em { white-space: nowrap; } .gb-screen-stage { width: 94vw; transform: none; } .gb-friction h2, .gb-workflow h2, .gb-product h2, .gb-trust h2 { font-size: clamp(3.2rem, 15vw, 4.5rem); } .gb-product-outcomes p + p { border-left: 0; border-top-color: #d5dde5; } .gb-final h2 { font-size: clamp(3rem, 13.5vw, 4.2rem); } } @media (max-width: 420px) { .gb-proof-group { flex-direction: column; gap: 0.8rem; } .gb-proof-divider { width: 4rem; height: 1px; } .gb-proof-message { text-align: center; } } @media (max-width: 900px) { .gb-workflow { padding-inline: 2rem; } .gb-workflow-heading { grid-template-columns: 1fr; gap: 1.6rem; } .gb-workflow h2 { max-width: 11ch; } .gb-workflow-intro { max-width: 35rem; margin: 0; } .gb-workflow-scene { height: clamp(20rem, 52vw, 27rem); border-radius: 1rem 3.5rem 1rem 2.25rem; } .gb-workflow-scene > img { object-position: 42% 50%; } .gb-workflow-track { margin-top: 4.25rem; grid-template-columns: 1fr; } .gb-workflow-track::before { top: 0; bottom: 0; left: 2.05rem; width: 1px; height: auto; background: linear-gradient(var(--page-blue), #9fb1c2 88%); } .gb-workflow-track li, .gb-workflow-track li + li, .gb-workflow-track li:last-child { padding: 0 0 3.5rem; display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: 1.5rem; border: 0; } .gb-workflow-track li:last-child { padding-bottom: 0; } .gb-track-marker { width: 4.1rem; height: auto; padding: 0.6rem 0; flex-direction: column; gap: 0.7rem; background: #f2f6f9; } .gb-track-marker span { font-size: 3.5rem; } .gb-track-marker svg { width: 2rem; height: 2rem; } .gb-track-copy > p { margin-top: 0.35rem; } .gb-track-copy h3 { max-width: 17ch; } } @media (max-width: 640px) { .gb-workflow { padding: 4.8rem 1.1rem 5rem; } .gb-workflow h2 { max-width: none; font-size: clamp(2.85rem, 13.5vw, 4.2rem); line-height: 0.98; } .gb-workflow-scene { width: calc(100% + 1.2rem); height: 18.5rem; margin-top: 3rem; margin-left: -0.6rem; border-radius: 0.8rem 2.6rem 0.8rem 1.6rem; transform: rotate(-0.4deg); } .gb-workflow-scene > img { object-position: 37% 50%; } .gb-workflow-scene figcaption { left: 1.4rem; bottom: 1.4rem; max-width: 17rem; } .gb-workflow-scene figcaption p { font-size: 0.8rem; } .gb-workflow-scene figcaption strong { font-size: 1rem; } .gb-workflow-scene-note { display: none; } .gb-workflow-track { margin-top: 3.6rem; } .gb-workflow-track li, .gb-workflow-track li + li, .gb-workflow-track li:last-child { grid-template-columns: 4.3rem minmax(0, 1fr); gap: 1rem; } .gb-workflow-track::before { left: 1.58rem; } .gb-track-marker { width: 3.2rem; } .gb-track-marker span { font-size: 2.8rem; } .gb-track-copy > p { margin-top: 0.25rem; } .gb-track-copy h3 { font-size: 1.8rem; } .gb-workflow-coda { margin-top: 3.5rem; align-items: stretch; flex-direction: column; gap: 0.35rem; line-height: 1.4; } .gb-workflow-coda > span[aria-hidden="true"] { transform: rotate(90deg); } }