/*!sf-css-bundle:AssetBundleManifest*/ /*!sf-css-source:css/public/pages/home/recruiter.css*/ .page-home-overlift-deck .home-recruiter-home { --recruiter-gold: #e0b66f; --recruiter-gold-bright: #f3d7a2; --recruiter-ivory: #f7f0e4; --recruiter-copy: rgba(232, 236, 240, 0.9); --recruiter-muted: rgba(186, 197, 209, 0.78); --recruiter-border: rgba(222, 179, 107, 0.46); --recruiter-border-soft: rgba(222, 179, 107, 0.22); --recruiter-panel: rgba(9, 14, 20, 0.97); --recruiter-card: rgba(15, 21, 29, 0.88); display: grid; gap: 24px; padding: 24px 0 0; } .page-home-overlift-deck .home-recruiter-home > section, .page-home-overlift-deck .home-recruiter-home > section > .site-width { min-width: 0; margin: 0; padding: 0; } .page-home-overlift-deck .home-recruiter-home > section > .site-width { margin-inline: auto; } .page-home-overlift-deck .home-recruiter-width { width: min(1320px, calc(100% - 2rem)); max-width: none; } .page-home-overlift-deck .home-recruiter-home > .overlift-security-bridge { margin: 0; } .page-home-overlift-deck .home-recruiter-home > .overlift-security-bridge > .site-width { width: min(1320px, calc(100% - 2rem)); max-width: none; } .page-home-overlift-deck .home-recruiter-surface { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--recruiter-border); border-radius: 28px; background: linear-gradient(145deg, rgba(15, 21, 28, 0.98), rgba(5, 9, 14, 0.985)); box-shadow: inset 0 1px 0 rgba(255, 248, 235, 0.09), inset 0 0 0 1px rgba(145, 153, 164, 0.15), 0 22px 58px rgba(0, 0, 0, 0.34), 0 0 28px rgba(222, 179, 107, 0.08); } .page-home-overlift-deck .home-recruiter-surface>:not(canvas){position:relative;z-index:1} .page-home-overlift-deck .home-recruiter-section .eyebrow { color: var(--recruiter-gold-bright); font-size: 0.78rem; font-weight: 820; letter-spacing: 0.18em; } .page-home-overlift-deck .home-recruiter-section h1, .page-home-overlift-deck .home-recruiter-section h2, .page-home-overlift-deck .home-recruiter-section h3 { color: var(--recruiter-ivory); text-wrap: balance; } .page-home-overlift-deck .home-recruiter-section p { color: var(--recruiter-copy); } .page-home-overlift-deck .home-recruiter-section a { text-underline-offset: 0.18em; } .page-home-overlift-deck .home-recruiter-hero-shell { display: grid; gap: clamp(1.3rem, 2.2vw, 2rem); padding: clamp(1.5rem, 3vw, 2.65rem); } .page-home-overlift-deck .home-recruiter-hero-main { display: grid; grid-template-columns: minmax(0, 1.46fr) minmax(365px, 0.86fr); gap: clamp(1.6rem, 3.5vw, 3.6rem); align-items: center; } .page-home-overlift-deck .home-recruiter-hero-copy { display: grid; gap: 0.95rem; align-content: center; min-width: 0; } .page-home-overlift-deck .home-recruiter-hero-copy h1 { max-width: 20ch; margin: 0.15rem 0 0; font-size: clamp(2.85rem, 4.55vw, 4.8rem); line-height: 0.98; letter-spacing: -0.052em; } .page-home-overlift-deck .home-recruiter-hero-lead, .page-home-overlift-deck .home-recruiter-hero-body { max-width: 72ch; margin: 0; line-height: 1.68; } .page-home-overlift-deck .home-recruiter-hero-lead { color: rgba(247, 240, 228, 0.94); font-size: clamp(1.13rem, 1.35vw, 1.32rem); font-weight: 590; } .page-home-overlift-deck .home-recruiter-hero-body { color: var(--recruiter-muted); font-size: clamp(1rem, 1.1vw, 1.12rem); } .page-home-overlift-deck .home-recruiter-map-line { display: flex; flex-wrap: wrap; gap: 0.45rem 0.7rem; align-items: baseline; width: fit-content; max-width: 100%; margin-top: 0.2rem; padding: 0.8rem 1rem; border: 1px solid var(--recruiter-border-soft); border-radius: 14px; background: rgba(222, 179, 107, 0.055); color: var(--recruiter-copy); font-size: 1rem; line-height: 1.45; } .page-home-overlift-deck .home-recruiter-map-line strong { color: var(--recruiter-gold-bright); } .page-home-overlift-deck .home-recruiter-actions { display: flex; flex-wrap: wrap; gap: 0.72rem; align-items: stretch; margin-top: 0.35rem; } .page-home-overlift-deck .home-recruiter-actions .lux-button { min-height: 48px; justify-content: center; padding-inline: 1.15rem; white-space: nowrap; } .page-home-overlift-deck .home-recruiter-profile { display: grid; gap: 0.9rem; min-width: 0; } .page-home-overlift-deck .home-recruiter-profile-card { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 0.9rem; align-items: start; width: 100%; max-width:clamp(366px,26vw,416px); justify-self: end; margin: 0; padding: 1rem; border: 1px solid rgba(222, 179, 107, 0.34); border-radius: 22px; background: rgba(14, 20, 27, 0.84); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055); } .page-home-overlift-deck .home-recruiter-portrait-frame { position: relative; display: block; overflow: hidden; width: 100%; aspect-ratio: 1; border: 1px solid rgba(222, 179, 107, 0.48); border-radius: 18px; background: #090d12; } .page-home-overlift-deck .home-recruiter-portrait-frame::before, .page-home-overlift-deck .home-recruiter-portrait-frame::after { content: none !important; } .page-home-overlift-deck .home-recruiter-portrait-frame img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: none !important; transform: none !important; } .page-home-overlift-deck .home-recruiter-profile-card figcaption { display: grid; gap: 0.42rem; min-width: 0; padding: 0.05rem 0.15rem 0.1rem; } .page-home-overlift-deck .home-recruiter-profile-kicker { color: var(--recruiter-gold-bright); font-size: 0.74rem; font-weight: 820; letter-spacing: 0.12em; text-transform:uppercase; } .page-home-overlift-deck .home-recruiter-profile-card figcaption > strong { color: var(--recruiter-ivory); font-size: clamp(1.55rem, 2vw, 2.15rem); line-height: 1.05; } .page-home-overlift-deck .home-recruiter-profile-card p { margin: 0; color: var(--recruiter-muted); font-size: 0.98rem; line-height: 1.55; } .page-home-overlift-deck .home-recruiter-ownership { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap:.48rem; } .page-home-overlift-deck .home-recruiter-ownership span:nth-child(-n + 3) { grid-column: span 2; } .page-home-overlift-deck .home-recruiter-ownership span:nth-child(n + 4) { grid-column: span 3; } .page-home-overlift-deck .home-recruiter-ownership span { display: grid; place-items: center; min-height: 42px; padding: 0.55rem 0.4rem; border: 1px solid rgba(222, 179, 107, 0.2); border-radius: 12px; background: rgba(255, 255, 255, 0.025); color: rgba(232, 236, 240, 0.82); font-size: 0.76rem; font-weight: 760; text-align: center; } .page-home-overlift-deck .home-recruiter-proof-strip { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0.62rem; padding-top: 1.25rem; border-top: 1px solid rgba(222, 179, 107, 0.18); } .page-home-overlift-deck .home-recruiter-proof-strip article { display: grid; gap: 0.3rem; align-content: center; min-width: 0; min-height: 88px; padding: 0.85rem; border: 1px solid rgba(222, 179, 107, 0.21); border-radius: 14px; background: rgba(255, 255, 255, 0.023); } .page-home-overlift-deck .home-recruiter-proof-strip strong { color: var(--recruiter-ivory); font-size: 0.94rem; line-height: 1.24; } .page-home-overlift-deck .home-recruiter-proof-strip span { color: var(--recruiter-muted); font-size: 0.79rem; line-height: 1.35; } .page-home-overlift-deck .home-recruiter-flagship-shell { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(420px, 0.94fr); gap: clamp(1.5rem, 3vw, 3rem); align-items: center; padding: clamp(1.4rem, 2.8vw, 2.45rem); } .page-home-overlift-deck .home-recruiter-flagship-copy { display: grid; gap: 0.9rem; min-width: 0; } .page-home-overlift-deck .home-recruiter-flagship-copy h2 { max-width: 20ch; margin: 0; font-size: clamp(2.1rem, 3.45vw, 3.8rem); line-height: 1; letter-spacing: -0.045em; } .page-home-overlift-deck .home-recruiter-flagship-copy > p { max-width: 64ch; margin: 0; color: var(--recruiter-muted); font-size: clamp(1rem, 1.12vw, 1.12rem); line-height: 1.65; } .page-home-overlift-deck .home-recruiter-flagship-proof { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.52rem; margin-top: 0.15rem; } .page-home-overlift-deck .home-recruiter-flagship-proof span { position: relative; min-height: 42px; padding: 0.62rem 0.72rem 0.62rem 1.8rem; border: 1px solid rgba(222, 179, 107, 0.17); border-radius: 12px; background: rgba(255, 255, 255, 0.02); color: rgba(226, 232, 237, 0.84); font-size: 0.84rem; line-height: 1.32; } .page-home-overlift-deck .home-recruiter-flagship-proof span::before { content: "✓"; position: absolute; left: 0.68rem; top: 0.61rem; color: var(--recruiter-gold-bright); font-weight:850; } .page-home-overlift-deck .home-recruiter-flagship-media { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 0; min-width: 0; height: clamp(310px, 25vw, 390px); margin: 0; overflow: hidden; border: 1px solid rgba(222, 179, 107, 0.4); border-radius: 22px; background: #05080c; } .page-home-overlift-deck .home-recruiter-flagship-media::before, .page-home-overlift-deck .home-recruiter-flagship-media::after { content: none !important; } .page-home-overlift-deck .home-recruiter-flagship-media img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center; filter: none !important; transform: none !important; } .page-home-overlift-deck .home-recruiter-flagship-media figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.35rem 1rem; padding: 0.78rem 0.95rem; border-top: 1px solid rgba(222, 179, 107, 0.2); background: rgba(12, 17, 23, 0.96); } .page-home-overlift-deck .home-recruiter-flagship-media figcaption strong { color: var(--recruiter-ivory); font-size: 0.87rem; } .page-home-overlift-deck .home-recruiter-flagship-media figcaption span { color: var(--recruiter-muted); font-size: 0.78rem; } .page-home-overlift-deck .home-recruiter-flagship-actions { flex-wrap: nowrap; } .page-home-overlift-deck .home-recruiter-flagship-actions .lux-button { padding-inline: 0.95rem; } .page-home-overlift-deck .home-recruiter-hiring-shell { display: grid; gap: 1.25rem; padding: clamp(1.4rem, 2.8vw, 2.35rem); } .page-home-overlift-deck .home-recruiter-hiring-heading, .page-home-overlift-deck .home-recruiter-section-heading { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(320px, 1.05fr); gap: clamp(1.2rem, 3vw, 3rem); align-items: center; } .page-home-overlift-deck .home-recruiter-hiring-heading h2, .page-home-overlift-deck .home-recruiter-section-heading h2 { margin: 0.25rem 0 0; font-size: clamp(2rem, 3vw, 3.35rem); line-height: 1.03; letter-spacing: -0.038em; } .page-home-overlift-deck .home-recruiter-hiring-heading > p, .page-home-overlift-deck .home-recruiter-section-heading > p { margin: 0; color: var(--recruiter-muted); font-size: clamp(1rem, 1.08vw, 1.1rem); line-height: 1.44; } .page-home-overlift-deck .home-recruiter-fit-grid { display: grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap: 0.72rem; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-recruiter-fit-grid li { display: grid; gap: 0.48rem; align-content: start; min-height: 0; padding:.95rem 1rem; border: 1px solid rgba(222, 179, 107, 0.2); border-radius: 15px; background: rgba(255, 255, 255, 0.024); color: rgba(231, 235, 239, 0.86); font-size: 0.98rem; line-height: 1.45; } .page-home-overlift-deck .home-recruiter-fit-grid li > strong { color: var(--recruiter-gold-bright); font-size:.72rem; font-weight: 850; letter-spacing:.13em; text-transform: uppercase; } .page-home-overlift-deck .home-recruiter-fit-grid li > span { color: rgba(231, 235, 239, 0.84); font-size:.92rem; line-height:1.48; } .page-home-overlift-deck .home-recruiter-hiring-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.25rem; align-items: center; padding-top: 1.15rem; border-top: 1px solid rgba(222, 179, 107, 0.18); } .page-home-overlift-deck .home-recruiter-hiring-footer > p { max-width: 78ch; margin: 0; color: var(--recruiter-muted); font-size: 0.96rem; line-height: 1.55; } .page-home-overlift-deck .home-recruiter-hiring-footer > p strong { color: var(--recruiter-ivory); } .page-home-overlift-deck .home-recruiter-hiring-actions { flex-wrap: nowrap; margin: 0; } .page-home-overlift-deck .home-recruiter-work-shell, .page-home-overlift-deck .home-recruiter-thinking-shell { display: grid; gap: 1.3rem; padding: clamp(1.4rem, 2.8vw, 2.35rem); } .page-home-overlift-deck .home-recruiter-project-grid { display: grid; grid-template-columns: 1fr; gap: 0.85rem; } .page-home-overlift-deck .home-recruiter-project-card { display: grid; grid-template-columns: minmax(350px, 0.82fr) minmax(0, 1.18fr); gap: 0.25rem; align-items: center; min-width: 0; min-height: 0; padding: 0.78rem; overflow: hidden; border: 1px solid rgba(222, 179, 107, 0.28); border-radius: 20px; background: var(--recruiter-card); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045); } .page-home-overlift-deck .home-recruiter-project-media { position: relative; align-self: center; min-width: 0; height: auto; min-height: 0; aspect-ratio: 16 / 9; margin: 0; overflow: hidden; border: 1px solid rgba(222, 179, 107, 0.2); border-radius: 14px; background: #05080c; } .page-home-overlift-deck .home-recruiter-project-media::before, .page-home-overlift-deck .home-recruiter-project-media::after { content: none !important; } .page-home-overlift-deck .home-recruiter-project-media img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; filter: none !important; transform: none !important; transition: none !important; } .page-home-overlift-deck .home-recruiter-project-media > span { display: grid; place-items: center; width: 100%; height: 100%; padding: 1rem; color: var(--recruiter-gold-bright); font-size: 1.25rem; text-align: center; } .page-home-overlift-deck .home-recruiter-project-copy { display: grid; grid-template-rows: auto auto auto auto auto auto auto; gap: 0.58rem; min-width: 0; padding: 1rem 1.05rem; } .page-home-overlift-deck .home-recruiter-project-meta { display: flex; flex-wrap: wrap; gap: 0.35rem 0.7rem; color: var(--recruiter-gold-bright); font-size: 0.69rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-recruiter-project-meta span + span { color: rgba(176, 188, 200, 0.68); } .page-home-overlift-deck .home-recruiter-project-copy h3 { margin: 0; font-size: clamp(1.45rem, 1.8vw, 2rem); line-height: 1.05; } .page-home-overlift-deck .home-recruiter-project-copy > p, .page-home-overlift-deck .projects-card-pitch { margin: 0; color: var(--recruiter-muted); font-size: 0.96rem; line-height: 1.58; } .page-home-overlift-deck .home-recruiter-project-copy .projects-card-pitch { margin: 0; color: rgba(228, 233, 238, 0.84); font-size: clamp(0.94rem, 1.05vw, 1.02rem); line-height: 1.58; } .page-home-overlift-deck .projects-card-advantage { display: grid; gap: 0.32rem; margin: 0.05rem 0 0; padding: 0.74rem 0.82rem; border: 1px solid rgba(225, 180, 103, 0.22); border-radius: 13px; background: linear-gradient(135deg, rgba(117, 72, 26, 0.14), rgba(21, 10, 24, 0.42)), rgba(4, 8, 13, 0.68); box-shadow: inset 0 1px 0 rgba(255, 250, 232, 0.045); } .page-home-overlift-deck .projects-card-advantage > span { color: var(--recruiter-gold-bright); font-size: 0.7rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .projects-card-advantage > p { margin: 0; color: rgba(211, 219, 226, 0.78); font-size: clamp(0.86rem, 0.98vw, 0.94rem); line-height: 1.55; } .page-projects-index .home-recruiter-project-card { align-items: stretch; } .page-projects-index .home-recruiter-project-copy { align-content: start; } .page-home-overlift-deck .home-recruiter-project-copy ul { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-recruiter-project-copy li { padding: 0.38rem 0.55rem; border: 1px solid rgba(222, 179, 107, 0.16); border-radius: 999px; background: rgba(222, 179, 107, 0.045); color: rgba(225, 231, 237, 0.78); font-size: 0.73rem; line-height: 1.2; } .page-home-overlift-deck .home-recruiter-project-link, .page-home-overlift-deck .home-recruiter-inline-link { display: inline-flex; gap: 0.45rem; align-items: center; width: fit-content; color: var(--recruiter-gold-bright); font-size: 0.88rem; font-weight: 800; text-decoration: none; } .page-home-overlift-deck .home-recruiter-project-link:hover, .page-home-overlift-deck .home-recruiter-project-link:focus-visible, .page-home-overlift-deck .home-recruiter-inline-link:hover, .page-home-overlift-deck .home-recruiter-inline-link:focus-visible { text-decoration: underline; } .page-home-overlift-deck .home-recruiter-thinking-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; } .page-home-overlift-deck .home-recruiter-thinking-grid article { display: grid; gap: 0.55rem; align-content: start; min-height: 0; padding: 1rem; border: 1px solid rgba(222, 179, 107, 0.21); border-radius: 16px; background: rgba(255, 255, 255, 0.023); } .page-home-overlift-deck .home-recruiter-thinking-grid article > span { color: var(--recruiter-gold-bright); font-size: 0.72rem; font-weight: 850; letter-spacing: 0.14em; } .page-home-overlift-deck .home-recruiter-thinking-grid h3 { margin: 0; font-size: 1.25rem; } .page-home-overlift-deck .home-recruiter-thinking-grid p { margin: 0; color: var(--recruiter-muted); font-size: 0.95rem; line-height: 1.55; } .page-home-overlift-deck .home-recruiter-research-note { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.2rem; align-items: center; padding: 1rem 1.1rem; border: 1px solid rgba(213, 98, 175, 0.24); border-radius: 15px; background: rgba(167, 62, 132, 0.055); } .page-home-overlift-deck .home-recruiter-research-note > div { display: grid; gap: 0.35rem; } .page-home-overlift-deck .home-recruiter-research-note span { color: rgba(217, 151, 195, 0.9); font-size: 0.73rem; font-weight: 850; letter-spacing: 0.13em; } .page-home-overlift-deck .home-recruiter-research-note p { margin: 0; color: var(--recruiter-muted); font-size: 0.9rem; line-height: 1.5; } .page-home-overlift-deck .home-recruiter-close-section { padding-bottom: 24px; } .page-home-overlift-deck .home-recruiter-close-shell { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.5rem; align-items: center; padding: clamp(1.35rem, 2.7vw, 2.2rem); } .page-home-overlift-deck .home-recruiter-close-shell h2 { max-width: 27ch; margin: 0.25rem 0 0; font-size: clamp(1.9rem, 2.8vw, 3.1rem); line-height: 1.04; letter-spacing: -0.035em; } .page-home-overlift-deck .home-recruiter-close-shell p { max-width: 74ch; margin: 0.7rem 0 0; color: var(--recruiter-muted); line-height: 1.58; } .page-home-overlift-deck .home-recruiter-close-actions { flex-wrap: nowrap; margin: 0; } .page-home-overlift-deck .home-recruiter-home [data-portfolio-media-frame]::before, .page-home-overlift-deck .home-recruiter-home [data-portfolio-media-frame]::after, .page-home-overlift-deck .home-recruiter-home [data-portfolio-media-frame] img::before, .page-home-overlift-deck .home-recruiter-home [data-portfolio-media-frame] img::after { content: none !important; display: none !important; } .page-home-overlift-deck .home-recruiter-home [data-portfolio-media-frame] img { filter: none !important; transform: none !important; } @media (max-width: 1180px) { .page-home-overlift-deck .home-recruiter-hero-main { grid-template-columns: minmax(0, 1.25fr) minmax(330px, 0.75fr); gap: 1.8rem; } .page-home-overlift-deck .home-recruiter-proof-strip { grid-template-columns: repeat(12, minmax(0, 1fr)); } .page-home-overlift-deck .home-recruiter-proof-strip article { grid-column: span 3; } .page-home-overlift-deck .home-recruiter-proof-strip article:nth-child(n + 5) { grid-column: span 4; } .page-home-overlift-deck .home-recruiter-audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-recruiter-hiring-footer { grid-template-columns: 1fr; } .page-home-overlift-deck .home-recruiter-hiring-actions { justify-content: flex-start; } } @media (max-width: 1100px) { .page-home-overlift-deck .home-recruiter-hero-main, .page-home-overlift-deck .home-recruiter-flagship-shell, .page-home-overlift-deck .home-recruiter-hiring-heading, .page-home-overlift-deck .home-recruiter-section-heading { grid-template-columns: 1fr; align-items: start; } .page-home-overlift-deck .home-recruiter-profile { grid-template-columns: minmax(0, 1fr); align-items: stretch; } .page-home-overlift-deck .home-recruiter-profile-card { grid-template-columns: minmax(330px, 420px) minmax(0, 1fr); align-items: center; max-width: none; justify-self: stretch; } .page-home-overlift-deck .home-recruiter-ownership { grid-template-columns: repeat(5, minmax(0, 1fr)); align-content: center; } .page-home-overlift-deck .home-recruiter-ownership span { grid-column: auto !important; } .page-home-overlift-deck .home-recruiter-flagship-copy h2 { max-width: 22ch; } .page-home-overlift-deck .home-recruiter-flagship-media { height: min(54vw, 390px); } .page-home-overlift-deck .home-recruiter-flagship-actions { flex-wrap: wrap; } } @media (max-width: 760px) { .page-home-overlift-deck .home-recruiter-home { gap: 18px; padding-top: 18px; } .page-home-overlift-deck .home-recruiter-width, .page-home-overlift-deck .home-recruiter-home > .overlift-security-bridge > .site-width { width: min(100% - 1rem, 1320px); } .page-home-overlift-deck .home-recruiter-hero-shell, .page-home-overlift-deck .home-recruiter-flagship-shell, .page-home-overlift-deck .home-recruiter-hiring-shell, .page-home-overlift-deck .home-recruiter-work-shell, .page-home-overlift-deck .home-recruiter-thinking-shell, .page-home-overlift-deck .home-recruiter-close-shell { padding: 1.15rem; border-radius: 22px; } .page-home-overlift-deck .home-recruiter-hero-copy h1 { max-width: none; font-size: clamp(2.65rem, 12vw, 4.35rem); } .page-home-overlift-deck .home-recruiter-profile { grid-template-columns: 1fr; } .page-home-overlift-deck .home-recruiter-profile-card { grid-template-columns: minmax(280px, 0.52fr) minmax(0, 0.48fr); align-items: start; } .page-home-overlift-deck .home-recruiter-ownership { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-recruiter-ownership span:last-child { grid-column: 1 / -1 !important; } .page-home-overlift-deck .home-recruiter-proof-strip, .page-home-overlift-deck .home-recruiter-fit-grid, .page-home-overlift-deck .home-recruiter-thinking-grid { grid-template-columns: 1fr; } .page-home-overlift-deck .home-recruiter-proof-strip article, .page-home-overlift-deck .home-recruiter-fit-grid li, .page-home-overlift-deck .home-recruiter-thinking-grid article { min-height: 0; } .page-home-overlift-deck .home-recruiter-proof-strip article, .page-home-overlift-deck .home-recruiter-proof-strip article:nth-child(n + 5) { grid-column: auto; } .page-home-overlift-deck .home-recruiter-flagship-proof { grid-template-columns: 1fr; } .page-home-overlift-deck .home-recruiter-flagship-media { height: min(66vw, 350px); } .page-home-overlift-deck .home-recruiter-project-grid { grid-template-columns: 1fr; } .page-home-overlift-deck .home-recruiter-project-card { grid-template-columns: 1fr; grid-template-rows: auto auto; min-height: 0; } .page-home-overlift-deck .home-recruiter-project-media { height: auto; min-height: 0; aspect-ratio: 16 / 9; } .page-home-overlift-deck .home-recruiter-research-note, .page-home-overlift-deck .home-recruiter-close-shell { grid-template-columns: 1fr; align-items: start; } .page-home-overlift-deck .home-recruiter-close-actions, .page-home-overlift-deck .home-recruiter-hiring-actions { flex-wrap: wrap; } } @media (max-width: 700px) { .page-home-overlift-deck .home-recruiter-profile-card { grid-template-columns: minmax(0, 1fr); padding: 0.85rem; } } @media (max-width: 520px) { .page-home-overlift-deck .home-recruiter-actions, .page-home-overlift-deck .home-recruiter-actions .lux-button { width: 100%; } .page-home-overlift-deck .home-recruiter-profile-card { grid-template-columns: minmax(0, 1fr); gap: 0.8rem; padding: 0.78rem; } .page-home-overlift-deck .home-recruiter-profile-card figcaption > strong { font-size: 1.45rem; } .page-home-overlift-deck .home-recruiter-profile-card p { font-size: 0.9rem; } .page-home-overlift-deck .home-recruiter-proof-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-recruiter-proof-strip article { min-height: 88px; } .page-home-overlift-deck .home-recruiter-proof-strip article:last-child { grid-column: 1 / -1; } .page-home-overlift-deck .home-recruiter-flagship-media { height: 260px; } .page-home-overlift-deck .home-recruiter-flagship-media figcaption { display: grid; } .page-home-overlift-deck .home-recruiter-project-card { grid-template-rows: auto auto; } .page-home-overlift-deck .home-recruiter-project-media { height: auto; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-recruiter-home *, .page-home-overlift-deck .home-recruiter-home *::before, .page-home-overlift-deck .home-recruiter-home *::after { scroll-behavior: auto !important; animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } } .page-home-overlift-deck .home-recruiter-all-projects-action { display: flex; justify-content: center; padding-top: 1.15rem; border-top: 1px solid rgba(222, 179, 107, 0.18); } .page-home-overlift-deck .home-recruiter-all-projects-action .lux-button { min-width: min(100%, 260px); } .page-projects-index .projects-index-hero { padding-top: clamp(1.2rem, 2.7vw, 2.4rem); } .page-projects-index .projects-index-hero-shell { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(1.25rem, 4vw, 4rem); align-items: end; padding: clamp(1.6rem, 4vw, 3.5rem); overflow: hidden; background: radial-gradient(circle at 88% 12%, rgba(173, 45, 125, 0.14), transparent 29rem), radial-gradient(circle at 8% 0%, rgba(225, 169, 83, 0.12), transparent 31rem), linear-gradient(145deg, rgba(13, 11, 15, 0.98), rgba(4, 7, 11, 0.98)); } .page-projects-index .projects-index-hero-shell > .public-portfolio-glint-surface-canvas { position: absolute; inset: calc(var(--portfolio-glint-canvas-pad, 14px) * -1); z-index: 4; width: calc(100% + (var(--portfolio-glint-canvas-pad, 14px) * 2)); height: calc(100% + (var(--portfolio-glint-canvas-pad, 14px) * 2)); pointer-events: none; } .page-projects-index .projects-index-hero-shell h1 { max-width: 19ch; margin: 0.35rem 0 0; color: var(--recruiter-ivory); font-family: "Newsreader", Georgia, serif; font-size: clamp(2.7rem, 5.8vw, 6rem); font-weight: 560; letter-spacing: -0.052em; line-height: 0.96; text-wrap: balance; } .page-projects-index .projects-index-lead { max-width: 75ch; margin: 1rem 0 0; color: var(--recruiter-muted); font-size: clamp(1rem, 1.2vw, 1.18rem); line-height: 1.65; } .page-projects-index .projects-index-count { display: grid; justify-items: center; min-width: 180px; padding: 1.1rem 1.35rem; border: 1px solid rgba(222, 179, 107, 0.28); border-radius: 18px; background: rgba(2, 4, 7, 0.72); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 0 32px rgba(174, 46, 126, 0.08); } .page-projects-index .projects-index-count strong { color: var(--recruiter-gold-bright); font-family: "Newsreader", Georgia, serif; font-size: clamp(2.7rem, 5vw, 4.6rem); font-weight: 600; line-height: 0.9; } .page-projects-index .projects-index-count span { margin-top: 0.35rem; color: var(--recruiter-ivory); font-weight: 850; letter-spacing: 0.12em; text-transform: uppercase; } .page-projects-index .projects-index-count small { margin-top: 0.45rem; color: rgba(190, 200, 209, 0.65); text-align: center; } .page-projects-index .projects-index-catalog { padding-bottom: clamp(2rem, 5vw, 5rem); } .page-projects-index .projects-index-work-shell { min-height: 0; } .page-projects-index .projects-pagination { display: grid; grid-template-columns: minmax(130px, 1fr) auto minmax(130px, 1fr); gap: 0.8rem; align-items: center; padding-top: 1.25rem; border-top: 1px solid rgba(222, 179, 107, 0.18); } .page-projects-index .projects-page-numbers { display: flex; gap: 0.55rem; justify-content: center; } .page-projects-index .projects-page-control { position: relative; display: inline-flex; gap: 0.45rem; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; padding: 0.72rem 0.95rem; overflow: hidden; border: 1px solid rgba(222, 179, 107, 0.32); border-radius: 13px; background: linear-gradient(145deg, rgba(66, 42, 20, 0.54), rgba(8, 7, 9, 0.94)); color: rgba(246, 237, 220, 0.88); font-weight: 820; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255,255,255,0.055), 0 10px 24px rgba(0,0,0,0.2); transition: transform 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease; } .page-projects-index a.projects-page-control::before { position: absolute; inset: -40% -30%; content: ""; background: linear-gradient(110deg, transparent 38%, rgba(255,239,190,0.22) 50%, transparent 62%); transform: translateX(-72%); transition: transform 420ms ease; } .page-projects-index a.projects-page-control:hover, .page-projects-index a.projects-page-control:focus-visible { border-color: rgba(248, 220, 164, 0.72); color: #fff4dc; transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.09), 0 0 26px rgba(220,157,71,0.14), 0 12px 30px rgba(0,0,0,0.26); } .page-projects-index a.projects-page-control:hover::before, .page-projects-index a.projects-page-control:focus-visible::before { transform: translateX(72%); } .page-projects-index .projects-page-direction { width: 148px; min-width: 148px; max-width: 148px; justify-content: center; } .page-projects-index .projects-page-direction:first-child { justify-self: start; } .page-projects-index .projects-page-direction:last-child { justify-self: end; } .page-projects-index .projects-page-number.is-current { border-color: rgba(236, 184, 100, 0.8); background: linear-gradient(145deg, rgba(112, 72, 27, 0.82), rgba(22, 12, 20, 0.96)); color: #fff4dc; box-shadow: 0 0 24px rgba(231, 166, 77, 0.14), inset 0 1px 0 rgba(255,255,255,0.1); } .page-projects-index .projects-page-control.is-disabled { opacity: 0.38; } .page-projects-index .projects-pagination-status { margin: -0.25rem 0 0; color: rgba(185, 196, 205, 0.68); font-size: 0.82rem; text-align: center; } @media (max-width: 760px) { .page-projects-index .projects-index-hero-shell { grid-template-columns: minmax(0, 1fr); align-items: start; } .page-projects-index .projects-index-count { justify-self: stretch; } .page-projects-index .projects-pagination { grid-template-columns: 1fr 1fr; } .page-projects-index .projects-page-numbers { grid-column: 1 / -1; grid-row: 1; } .page-projects-index .projects-page-direction { grid-row: 2; width: 100%; min-width: 0; max-width: none; } } @media (prefers-reduced-motion: reduce) { .page-projects-index .projects-page-control { transition: none !important; } } .page-home-overlift-deck .is-home-promise .overlift-security-bridge-shell{grid-template-columns:minmax(0,1fr);gap:clamp(.8rem,1.25vw,1rem);min-height:0;height:auto;padding:clamp(1.15rem,2vw,1.55rem)} .page-home-overlift-deck .overlift-security-home-heading h2{max-width:none;text-wrap:balance} .page-home-overlift-deck .overlift-security-home-benefits{grid-template-columns:repeat(3,minmax(0,1fr))} .page-home-overlift-deck .overlift-security-home-benefits h3{margin:0;color:var(--recruiter-ivory);font-family:var(--font-display,"Newsreader",Georgia,serif);font-size:clamp(1.02rem,1.12vw,1.16rem);font-weight:590;line-height:1.14;text-wrap:balance} .page-home-overlift-deck .overlift-security-home-benefits p{margin:0;color:var(--recruiter-muted);font-size:.86rem;line-height:1.44} .page-home-overlift-deck .overlift-security-home-actions{margin-top:0} @media(max-width:760px){.page-home-overlift-deck .overlift-security-home-benefits{grid-template-columns:1fr}} @media(max-width:620px){.page-home-overlift-deck .is-home-promise .overlift-security-bridge-shell{gap:.75rem;padding:1.05rem;border-radius:22px}} /*!sf-css-source:css/public/shared/readable-type.css*/ .scope-public { --portfolio-copy-large: clamp(1.10rem, 1.055rem + 0.18vw, 1.23rem); --portfolio-copy: clamp(1.055rem, 1.025rem + 0.12vw, 1.16rem); --portfolio-copy-compact: clamp(1rem, 0.98rem + 0.08vw, 1.08rem); --portfolio-label: clamp(0.88rem, 0.855rem + 0.08vw, 0.96rem); --portfolio-control: clamp(1rem, 0.975rem + 0.09vw, 1.09rem); } .scope-public .eyebrow, .scope-public .project-category, .scope-public .project-status, .scope-public .footer-meta-copy, .scope-public .footer-menu-list .nav-link, .scope-public .footer-submenu-list .nav-link { font-size: var(--portfolio-label) !important; } .scope-public .lux-button, .scope-public .azgb-button, .scope-public .contact-resource-button, .scope-public .main-nav .nav-link, .scope-public .home-inline-link, .scope-public .knowledge-back-link, .scope-public .knowledge-pillar-link { font-size: var(--portfolio-control) !important; } .page-home-overlift-deck .home-sean-welcome-copy > p, .page-home-overlift-deck .home-sean-profile-summary p, .page-home-overlift-deck .home-sean-welcome-analogy p, .page-home-overlift-deck .home-sean-welcome-concepts p, .page-home-overlift-deck .home-work-guide .home-projects-heading p, .page-home-overlift-deck .home-work-concept-card p, .page-home-overlift-deck .home-hiring-bridge p, .page-home-overlift-deck .home-hiring-fit-list li, .page-home-overlift-deck .home-product-family-heading > p, .page-home-overlift-deck .portfolio-card-tagline, .page-home-overlift-deck .home-project-card-guide p, .page-home-overlift-deck .home-project-contribution p, .page-home-overlift-deck .home-project-outcome-list li, .page-home-overlift-deck .home-modal-heading > p, .page-home-overlift-deck .home-simple-explanation-copy p { font-size: var(--portfolio-copy) !important; line-height: 1.68 !important; } .page-home-overlift-deck .home-work-method-rail small, .page-home-overlift-deck .home-project-card-guide span, .page-home-overlift-deck .home-project-contribution > span, .page-home-overlift-deck .portfolio-card-stack, .page-home-overlift-deck .edge-ai-caption span, .page-home-overlift-deck .edge-ai-caption strong { font-size: var(--portfolio-copy-compact) !important; line-height: 1.5 !important; } .page-about .about-main p, .page-about .about-main li, .page-about .about-main dd, .page-about .about-lead, .page-about .about-hero-proof, .page-about .about-orbit-label, .page-about .about-final-cta p { font-size: var(--portfolio-copy) !important; line-height: 1.68 !important; } .page-about .about-pill-field span, .page-about .about-timeline time, .page-about .about-mini-card > span, .page-about .about-signal-card > span, .page-about .about-proof-card > span { font-size: var(--portfolio-copy-compact) !important; } .page-contact .contact-pitch-lead, .page-contact .contact-value-item p, .page-contact .contact-proof-line, .page-contact .contact-form-header > p, .page-contact .contact-form-note, .page-contact .validation-summary-errors, .page-contact .field-validation-error { font-size: var(--portfolio-copy) !important; line-height: 1.64 !important; } .page-contact .contact-field label, .page-contact .field-input, .page-contact .field-textarea, .page-contact .field-input::placeholder, .page-contact .field-textarea::placeholder, .page-contact .contact-resource-button, .page-contact .contact-send-button, .page-contact .contact-copy-button { font-size: var(--portfolio-control) !important; } .page-contact .contact-form-kicker, .page-contact .contact-value-number, .page-contact .contact-form-status, .page-contact .contact-capability-pill, .page-contact .contact-capability-rail span { font-size: var(--portfolio-label) !important; } .page-resume .resume-summary-copy, .page-resume .resume-skill-copy, .page-resume .resume-experience-summary, .page-resume .resume-bullet-list li, .page-resume .resume-education-note, .page-resume .resume-hero-lead, .page-resume .resume-hero-glance-list li { font-size: var(--portfolio-copy) !important; line-height: 1.64 !important; } .page-resume .resume-document-meta, .page-resume .resume-experience-dates, .page-resume .resume-experience-location, .page-resume .resume-education-year, .page-resume .resume-document-status, .page-resume .resume-meta-button { font-size: var(--portfolio-copy-compact) !important; } .page-articles .knowledge-index-lead, .page-articles .knowledge-pillar-summary, .page-articles .knowledge-pillar-signals li, .page-article-section .knowledge-detail-summary, .page-article-section .knowledge-detail-body, .page-article-section .knowledge-pillar-signals li, .page-article-section .knowledge-module-card p, .page-article-section .knowledge-related-card p, .page-article-detail main p, .page-article-detail main li, .page-article-detail main figcaption, .page-privacy .prose-page p, .page-privacy .prose-page li, .page-status main p, .page-status main li, .page-error main p, .page-error main li { font-size: var(--portfolio-copy) !important; line-height: 1.7 !important; } .page-project-detail .project-detail-copy > p, .page-project-detail .project-detail-plain-start > strong, .page-project-detail .project-detail-plain-start > small, .page-project-detail .project-detail-art-caption > span, .page-project-detail .project-media-gallery-heading > p, .page-project-detail .project-media-gallery-card figcaption, .page-project-detail .project-media-gallery-card figcaption > span, .page-project-detail .project-deep-card p, .page-project-detail .project-deep-card li, .page-project-detail .project-research-boundary { font-size: var(--portfolio-copy-large) !important; line-height: 1.68 !important; } .page-project-detail .project-detail-category, .page-project-detail .project-detail-art-caption > strong, .page-project-detail .project-detail-plain-start > span, .page-project-detail .detail-meta-card-inline, .page-project-detail .project-focus-pills span, .page-project-detail .project-detail-media-proof { font-size: var(--portfolio-copy-compact) !important; line-height: 1.48 !important; } .page-project-detail .project-story-heading > p, .page-project-detail .project-story-copy p, .page-project-detail .project-story-band-heading p, .page-project-detail .project-story-proof-grid p, .page-project-detail .project-story-subcard p, .page-project-detail .project-story-system .project-case-study-steps p, .page-project-detail .project-case-study-evidence li p, .page-project-detail .project-case-study-evidence-note, .page-project-detail .project-story-outcome-grid li, .page-project-detail .project-case-study-proof-points li, .page-project-detail .project-case-study-value li, .page-project-detail .project-story-promise strong, .page-project-detail .project-story-promise p, .page-project-detail .project-story-research-grid p { font-size: var(--portfolio-copy-large) !important; line-height: 1.68 !important; } .page-project-detail .project-story-nav a, .page-project-detail .project-case-study-evidence strong, .page-project-detail .project-case-study-evidence li > span, .page-project-detail .project-story-section-label .project-case-study-number, .page-project-detail .project-story-subcard > span, .page-project-detail .project-story-promise > span { font-size: var(--portfolio-copy-compact) !important; } .page-project-overlift-technology .overlift-product-hero-lead, .page-project-overlift-technology .overlift-product-hero-copy > p, .page-project-overlift-technology .overlift-product-rule strong, .page-project-overlift-technology .overlift-product-section-heading p, .page-project-overlift-technology .overlift-product-card p, .page-project-overlift-technology .overlift-product-feature-grid p, .page-project-overlift-technology .overlift-method-step p, .page-project-overlift-technology .overlift-product-boundary-cards p, .page-project-overlift-technology .overlift-product-honesty-grid dd, .page-project-overlift-technology .overlift-product-hero-visual figcaption small { font-size: var(--portfolio-copy-large) !important; line-height: 1.68 !important; } .page-project-overlift-technology .overlift-product-rule span, .page-project-overlift-technology .overlift-method-step > span, .page-project-overlift-technology .overlift-product-feature-grid > article > span, .page-project-overlift-technology .overlift-product-boundary-cards > article > span, .page-project-overlift-technology .overlift-product-honesty-grid dt { font-size: var(--portfolio-copy-compact) !important; } .page-project-azure-glossary .azgb-hero-lede, .page-project-azure-glossary .azgb-plain-start > strong, .page-project-azure-glossary .azgb-plain-start > p, .page-project-azure-glossary .azgb-section-heading > p, .page-project-azure-glossary .azgb-search-story > p, .page-project-azure-glossary .azgb-capability-card p, .page-project-azure-glossary .azgb-pathway-copy > p, .page-project-azure-glossary .azgb-pathway-copy li, .page-project-azure-glossary .azgb-final-cta p, .page-project-azure-glossary .azgb-safety-note span, .page-project-azure-glossary .azgb-hero-media figcaption { font-size: var(--portfolio-copy-large) !important; line-height: 1.68 !important; } .page-project-azure-glossary .azgb-kicker, .page-project-azure-glossary .azgb-status, .page-project-azure-glossary .azgb-trust-line, .page-project-azure-glossary .azgb-card-number, .page-project-azure-glossary .azgb-pathway-label, .page-project-azure-glossary .azgb-stat-grid dd, .page-project-azure-glossary .azgb-exam-cloud span, .page-project-azure-glossary .azgb-disclaimer, .page-project-azure-glossary .azgb-browser-bar div { font-size: var(--portfolio-label) !important; } @media (max-width: 680px) { .scope-public { --portfolio-copy-large: 1.08rem; --portfolio-copy: 1.04rem; --portfolio-copy-compact: 0.98rem; --portfolio-label: 0.88rem; --portfolio-control: 1rem; } } .scope-public { --portfolio-wide-rail: 1320px; } .site-shell-public .site-footer > .site-width.footer-shell, .page-resume .resume-document-stage > .site-width, .page-resume .resume-redesign-hero > .site-width { width: min(var(--portfolio-wide-rail), calc(100% - 2rem)) !important; max-width: var(--portfolio-wide-rail) !important; margin-inline: auto !important; } @media (max-width: 760px) { .site-shell-public .site-footer > .site-width.footer-shell, .page-resume .resume-document-stage > .site-width, .page-resume .resume-redesign-hero > .site-width { width: min(var(--portfolio-wide-rail), calc(100% - 1rem)) !important; } } /*!sf-css-source:css/public/shared/product-media.css*/ .page-home-overlift-deck .home-project-card .portfolio-card-art-image, .page-home-overlift-deck .home-project-card .home-project-image-slot[data-portfolio-media-frame] { background: #03080d !important; } .page-home-overlift-deck .home-project-card .portfolio-card-art-image::before, .page-home-overlift-deck .home-project-card .portfolio-card-art-image::after, .page-home-overlift-deck .home-project-card .home-project-image-slot[data-portfolio-media-frame]::before, .page-home-overlift-deck .home-project-card .home-project-image-slot[data-portfolio-media-frame]::after { content: none !important; display: none !important; background: none !important; border: 0 !important; box-shadow: none !important; opacity: 0 !important; } .page-home-overlift-deck .home-project-card .home-project-media-proof, .page-home-overlift-deck .home-project-card .portfolio-card-art-image .portfolio-card-mark { display: none !important; } .page-home-overlift-deck .home-project-card .home-project-image-slot .portfolio-card-art-media, .page-home-overlift-deck .home-project-card:hover .home-project-image-slot .portfolio-card-art-media, .page-home-overlift-deck .home-project-card:focus-within .home-project-image-slot .portfolio-card-art-media { object-fit: contain !important; object-position: center !important; filter: none !important; opacity: 1 !important; transform: none !important; transition: none !important; } .page-home-overlift-deck .home-project-card-featured .home-project-image-slot { aspect-ratio: 16 / 9 !important; } .page-project-detail .project-detail-art:not(.project-detail-art-placeholder), .page-project-detail .project-media-gallery-frame { background: #03080d !important; } .page-project-detail .project-detail-art:not(.project-detail-art-placeholder)::before, .page-project-detail .project-detail-art:not(.project-detail-art-placeholder)::after, .page-project-detail .project-media-gallery-frame::before, .page-project-detail .project-media-gallery-frame::after { content: none !important; display: none !important; background: none !important; border: 0 !important; box-shadow: none !important; opacity: 0 !important; } .page-project-detail .project-detail-media-proof { display: none !important; } .page-project-detail .project-detail-media-image, .page-project-detail .project-media-gallery-frame > img { object-fit: contain !important; object-position: center !important; filter: none !important; opacity: 1 !important; transform: none !important; transition: none !important; } .page-project-overlift-technology .overlift-product-hero-visual::before, .page-project-overlift-technology .overlift-product-hero-visual::after, .page-project-overlift-technology .overlift-product-demo-image::before, .page-project-overlift-technology .overlift-product-demo-image::after, .page-project-overlift-technology .overlift-product-demo-image.shimmer-surface::before, .page-project-overlift-technology .overlift-product-demo-image.shimmer-surface::after, .page-project-overlift-technology .overlift-product-demo-image.portfolio-glint-panel::before, .page-project-overlift-technology .overlift-product-demo-image.portfolio-glint-panel::after { content: none !important; display: none !important; background: none !important; border: 0 !important; box-shadow: none !important; opacity: 0 !important; } .page-project-overlift-technology .overlift-product-hero-visual > img, .page-project-overlift-technology .overlift-product-demo-image > img { object-fit: contain !important; object-position: center !important; filter: none !important; opacity: 1 !important; transform: none !important; transition: none !important; }