/*!sf-css-bundle:AssetBundleManifest*/ /*!sf-css-source:css/public/features/project-foundation.css*/ .nav-row{display: flex; align-items: center; justify-content: space-between; gap: 1rem;} .section-block{padding: 5.5rem 0;} .eyebrow{text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.75rem; color: var(--gold);} .footer-copy{color: var(--muted);} .hero-actions{display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem;} .lux-button{display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 1.35rem; border-radius: 16px; font-weight: 600; border: 1px solid transparent; cursor: pointer; transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;} .lux-button:hover{transform: translateY(-2px); box-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);} .lux-button-secondary{background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.14); color: var(--text);} @media (max-width: 767px){.section-block{padding: 4rem 0;}} .nav-submenu-copy p{color: var(--muted);} .project-detail-hero{padding: 4.8rem 0 3rem;} .luxury-panel{border-radius: 30px; border: 1px solid rgba(214,188,146,0.14); background: rgba(12,16,22,0.76); box-shadow: var(--shadow); position: relative;} @media (max-width: 991px){.site-backdrop-orbits::before{width: 46rem; height: 46rem; right: -18rem;}.site-backdrop-orbits::after{width: 34rem; height: 34rem;}.main-nav{display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 1rem; padding: 0 0 1rem;}.main-nav.is-open{display: flex;}.header-menu-list{grid-template-columns: 1fr;}.header-menu-list{display: grid; gap: 0.6rem; width: 100%;}.nav-link-group,.nav-link{width: 100%;}.nav-submenu{position: static; width: 100%; opacity: 1; visibility: visible; transform: none; pointer-events: auto; display: none; margin-top: 0.55rem;}.nav-item.is-open > .nav-submenu{display: block;}.footer-menu-list{grid-template-columns: 1fr;}} @media (max-width: 767px){.site-width,.site-width-admin{width: min(100% - 1rem, 100% - 1rem);}.footer-shell{padding: 1.25rem;}.nav-toggle{width: 3rem; height: 3rem;}} .footer-meta-copy{color: var(--muted);} .section-block-public{padding: 4.5rem 0;} .project-detail-hero{padding: 4.75rem 0 2rem;} @media (max-width: 767px){.section-block-public,.project-detail-hero{padding: 3.75rem 0 1.5rem;}.footer-shell{padding: 1.25rem;}} .nav-submenu-copy p,.footer-copy{color: var(--muted);} .project-detail-hero{padding: 2.2rem 0 1.4rem;} .hero-actions{display: flex; flex-wrap: wrap; gap: 0.85rem; margin-top: 1.5rem;} .lux-button{display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; min-height: 50px; padding: 0.8rem 1.35rem; border-radius: 14px; border: 1px solid rgba(214,188,146,0.18); cursor: pointer; font-weight: 600;} .lux-button-secondary{background: rgba(255,255,255,0.04); color: var(--text);} .lux-button:hover{transform: translateY(-1px);} .footer-shell::after{content: ""; position: absolute; inset: auto -4rem -5rem auto; width: 18rem; height: 18rem; border-radius: 50%; border: 1px solid rgba(214,188,146,0.18); box-shadow: 0 0 0 24px rgba(214,188,146,0.03), 0 0 0 48px rgba(214,188,146,0.02); opacity: 0.9; pointer-events: none;} .footer-meta-copy{font-size: 0.92rem; color: var(--muted);} @media (max-width: 1180px){.footer-menu-list{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 991px){.site-main > section:first-child{padding-top: 2rem;}.main-nav{display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 0.9rem; padding: 0 0 1rem;}.main-nav.is-open{display: flex;}.header-menu-list{width: 100%; flex-direction: column; align-items: stretch; gap: 0.45rem;}.nav-link-group{justify-content: space-between;}.nav-submenu{position: static; max-height: 0; overflow: hidden; opacity: 1; visibility: visible; transform: none; transition: max-height 0.35s ease; min-width: 0;}.nav-item.is-open > .nav-submenu{max-height: 480px; margin-top: 0.55rem;}.nav-submenu-shell{min-width: 0;}.footer-menu-list{grid-template-columns: 1fr;}.footer-brand-block,.footer-meta-row{flex-direction: column; align-items: flex-start;}} @media (max-width: 640px){.site-width{width: min(100% - 1.2rem, 1180px);}.footer-shell{padding: 1.15rem;}} .section-block-public{padding: 4.5rem 0;} .footer-copy{color: var(--muted);} .hero-actions{display: flex; justify-content: center; flex-wrap: wrap; gap: 0.9rem; margin-top: 2rem;} .lux-button{display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; min-height: 52px; padding: 0 1.35rem; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: var(--text); transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;} .lux-button:hover{transform: translateY(-1px); border-color: rgba(214, 188, 146, 0.32); background: rgba(255, 255, 255, 0.08); box-shadow: 0 20px 36px rgba(0, 0, 0, 0.24);} .lux-button-secondary{background: rgba(255, 255, 255, 0.035);} .footer-meta-row{display: flex; justify-content: space-between; gap: 1rem; align-items: center; flex-wrap: wrap;} .project-detail-hero{padding: 2.25rem 0 1rem;} @media (max-width: 991px){.header-menu-list{width: 100%; flex-direction: column; align-items: stretch;}.main-nav{position: absolute; top: calc(100% + 0.8rem); right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0.8rem; padding: 1rem; border-radius: 0 0 26px 26px; background: rgba(10, 13, 18, 0.96); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: var(--shadow);}.main-nav.is-open{display: flex;}.nav-row{position: relative; padding-bottom: 0.8rem;}.nav-item,.nav-submenu{position: static;}.nav-submenu{display: none; opacity: 1; visibility: visible; transform: none; min-width: 0; margin-top: 0.75rem;}.nav-item.is-open > .nav-submenu{display: block;}.footer-meta-row{flex-direction: column; align-items: flex-start;}} @media (max-width: 767px){.footer-shell{padding: 1.2rem;}.section-block-public,.project-detail-hero{padding-top: 1.4rem;}} @media (max-width: 767px){.footer-shell{padding: 1.15rem;}.footer-brand-block,.footer-meta-row{flex-direction: column; align-items: flex-start;}} .section-block-public{position: relative;} .project-detail-hero{padding: 5rem 0 2.5rem;} .footer-meta-row{display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: center;} .footer-meta-copy{font-size: 0.84rem; color: var(--muted);} @media (max-width: 1200px){.footer-shell{grid-template-columns: 1fr;}} @media (max-width: 991px){.header-menu-list{flex-direction: column; align-items: stretch; width: 100%;}.main-nav{display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 1rem; padding-bottom: 1rem;}.main-nav.is-open{display: flex;}.nav-submenu{position: static; width: 100%; opacity: 1; transform: none; pointer-events: auto; display: none; margin-top: 0.65rem;}.nav-item.is-open > .nav-submenu{display: block;}.footer-menu-list{grid-template-columns: 1fr;}} @media (max-width: 767px){.project-detail-hero{padding: 4rem 0 2rem;}} .project-detail-hero{padding-top: 3rem;} .section-block-public{padding: 4.8rem 0;} @media (max-width: 1100px){.nav-submenu{width: min(360px, calc(100vw - 2rem));}} @media (max-width: 767px){.site-width,.site-width-admin{width: min(100% - 1.25rem, 100%);}.section-block-public{padding: 3.5rem 0;}} .nav-submenu-copy p,.submenu-link-copy,.footer-meta-copy{color: var(--lux-muted);} .section-block-public{padding: 4.75rem 0;} .hero-actions{justify-content: center;} .footer-copy{margin: 0;} .eyebrow{letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.72rem;} .project-detail-hero{padding: 3.5rem 0 1rem;} @media (max-width: 991px){.site-header{backdrop-filter: blur(14px);}.brand-copy span:last-child{display: none;}.admin-shell-row{gap: 0.8rem;}.admin-shell-row .nav-toggle{margin-left: auto;}.admin-main-nav{position: absolute; top: calc(100% + 0.75rem); right: 1rem; left: 1rem; display: none; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0.9rem; padding: 1rem; border-radius: 24px; border: 1px solid rgba(214,188,146,0.16); background: rgba(8, 11, 15, 0.98); box-shadow: 0 30px 70px rgba(0,0,0,0.34);}.admin-main-nav.is-open{display: flex;}.admin-header-links{flex-direction: column; align-items: stretch; gap: 0.45rem;}.admin-shell-link{width: 100%; min-height: 48px; justify-content: flex-start; padding: 0 1rem;}.admin-shell-actions{width: 100%; margin-left: 0; justify-content: space-between; padding-top: 0.75rem; border-top: 1px solid rgba(255,255,255,0.06);}.main-nav{position: absolute; top: calc(100% + 0.8rem); right: 1rem; left: 1rem; display: none; flex-direction: column; align-items: stretch; gap: 0.75rem; padding: 1rem; border-radius: 24px; background: linear-gradient(180deg, rgba(7, 10, 15, 0.98), rgba(6, 9, 13, 0.98)); border: 1px solid rgba(255,255,255,0.08); box-shadow: var(--lux-shadow);}.main-nav.is-open{display: flex;}.header-menu-list{width: 100%; flex-direction: column; align-items: stretch; gap: 0.55rem;}.header-menu-list > .nav-item{width: 100%;}.nav-link-group,.nav-link{width: 100%; justify-content: flex-start;}.nav-link{min-height: 52px; padding: 0 1rem; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);}.nav-submenu{position: static; width: 100%; opacity: 1; transform: none; pointer-events: auto; margin-top: 0.6rem;}.nav-submenu-shell,.nav-submenu-shell-categories{grid-template-columns: 1fr;}.nav-submenu-copy{display: none;}.footer-menu-list{grid-template-columns: 1fr;}} @media (max-width: 767px){.site-width{width: min(100% - 1.1rem * 2, 1180px);}.admin-shell-utility-link,.admin-shell-logout{min-height: 38px; padding: 0 0.75rem;}.brand-copy strong{font-size: 1.32rem;}.footer-brand-mark{width: 50px; height: 50px;}.section-block-public,.project-detail-hero{padding-top: 2.6rem; padding-bottom: 2.6rem;}.footer-shell{padding: 1.15rem;}.hero-actions{justify-content: flex-start;}.footer-brand-block,.footer-meta-row{grid-template-columns: 1fr; flex-direction: column; align-items: start;}} .page-project-detail .project-detail-copy h1{max-width: 14ch;} .page-contact .hero-kicker{max-width: 28ch; font-size: clamp(0.98rem, 1.45vw, 1.12rem); margin-top: 0.2rem;} @media (max-width: 991px){.footer-shell{grid-template-columns: 1fr;}.footer-menu-block{justify-self: start;}.footer-menu-list{justify-content: flex-start;}.footer-meta-row{grid-template-columns: 1fr;}.footer-cta-link{justify-self: start;}.footer-shell::after{width: 10rem; height: 10rem; inset: auto 0.9rem 0.7rem auto !important;}} @media (max-width: 767px){.footer-menu-list{gap: 0.55rem 1rem;}.nav-link{width: auto; max-width: 100%;}} @media (min-width: 992px){.page-home .hero-actions{justify-content: center; gap: 0.9rem; margin-top: 1.1rem;}} .page-home .section-block-public{padding: 1.75rem 0;} .page-articles .section-block-public{padding: 1.75em 0 0;} .page-articles .section-block-public:last-of-type{padding-bottom: 1.75em;} .page-articles .section-block-public + .section-block-public{padding-top: 3.5em;} .page-home .section-block-public{padding: 1.75rem 0;} .page-project-azure-glossary .project-detail-hero { padding-top: clamp(2.75rem, 5vw, 5rem); } .page-project-azure-glossary .azure-glossary-hero-shell, .page-project-azure-glossary .azure-glossary-panel, .page-project-azure-glossary .azure-glossary-feature-shell, .page-project-azure-glossary .azure-glossary-record-copy, .page-project-azure-glossary .azure-glossary-screen-frame, .page-project-azure-glossary .azure-glossary-long-scroll-shell, .page-project-azure-glossary .azure-glossary-screen-card, .page-project-azure-glossary .azure-glossary-mini-card, .page-project-azure-glossary .azure-glossary-roadmap-shell { position: relative; isolation: isolate; overflow: hidden; --azure-glossary-brass-ring-width: 1px; --azure-glossary-brass-glint-width: 2px; border-color: rgba(197, 156, 93, 0.34) !important; box-shadow: inset 0 1px 0 rgba(255, 246, 227, 0.14), inset 0 -1px 0 rgba(115, 78, 32, 0.26), 0 0 0 1px rgba(84, 58, 26, 0.42), 0 18px 54px rgba(0, 0, 0, 0.28), 0 0 22px rgba(204, 154, 79, 0.08) !important; } .page-project-azure-glossary .azure-glossary-hero-shell > *, .page-project-azure-glossary .azure-glossary-panel > *, .page-project-azure-glossary .azure-glossary-feature-shell > *, .page-project-azure-glossary .azure-glossary-record-copy > *, .page-project-azure-glossary .azure-glossary-screen-frame > *, .page-project-azure-glossary .azure-glossary-long-scroll-shell > *, .page-project-azure-glossary .azure-glossary-screen-card > *, .page-project-azure-glossary .azure-glossary-mini-card > *, .page-project-azure-glossary .azure-glossary-roadmap-shell > * { position: relative; z-index: 1; } .page-project-azure-glossary .azure-glossary-hero-shell::before, .page-project-azure-glossary .azure-glossary-panel::before, .page-project-azure-glossary .azure-glossary-feature-shell::before, .page-project-azure-glossary .azure-glossary-record-copy::before, .page-project-azure-glossary .azure-glossary-screen-frame::before, .page-project-azure-glossary .azure-glossary-long-scroll-shell::before, .page-project-azure-glossary .azure-glossary-screen-card::before, .page-project-azure-glossary .azure-glossary-mini-card::before, .page-project-azure-glossary .azure-glossary-roadmap-shell::before { content: ""; position: absolute; inset: 0 !important; width: auto !important; height: auto !important; border: 0 !important; box-shadow: none !important; transform: none !important; animation: none !important; border-radius: inherit; padding: var(--azure-glossary-brass-ring-width, 1px); pointer-events: none; z-index: 0; background: conic-gradient(from 220deg at 14% 12%, rgba(255, 252, 245, 0.98) 0deg, rgba(247, 225, 183, 0.96) 18deg, rgba(223, 188, 126, 0.90) 42deg, rgba(166, 122, 63, 0.72) 96deg, rgba(96, 67, 30, 0.58) 150deg, rgba(140, 101, 49, 0.62) 214deg, rgba(230, 197, 138, 0.86) 288deg, rgba(255, 249, 238, 0.94) 336deg, rgba(255, 252, 245, 0.98) 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0.98; } .page-project-azure-glossary .azure-glossary-hero-shell::after, .page-project-azure-glossary .azure-glossary-panel::after, .page-project-azure-glossary .azure-glossary-feature-shell::after, .page-project-azure-glossary .azure-glossary-record-copy::after, .page-project-azure-glossary .azure-glossary-screen-frame::after, .page-project-azure-glossary .azure-glossary-long-scroll-shell::after, .page-project-azure-glossary .azure-glossary-screen-card::after, .page-project-azure-glossary .azure-glossary-mini-card::after, .page-project-azure-glossary .azure-glossary-roadmap-shell::after { content: ""; position: absolute; inset: 0 !important; width: auto !important; height: auto !important; border: 0 !important; box-shadow: none !important; transform: none !important; animation: none !important; border-radius: inherit; padding: var(--azure-glossary-brass-glint-width, 2px); pointer-events: none; z-index: 0; background: radial-gradient(160px 18px at 15% 0%, rgba(255, 253, 246, 0.95), rgba(246, 216, 161, 0.50) 38%, transparent 78%), radial-gradient(118px 16px at 90% 0%, rgba(255, 239, 203, 0.70), rgba(215, 161, 76, 0.28) 42%, transparent 80%), radial-gradient(24px 125px at 0% 20%, rgba(255, 238, 199, 0.38), transparent 70%), radial-gradient(24px 120px at 100% 78%, rgba(215, 158, 72, 0.26), transparent 76%), radial-gradient(150px 18px at 78% 100%, rgba(205, 145, 64, 0.30), transparent 78%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0.92 !important; } .page-project-azure-glossary .azure-glossary-hero-shell { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr); gap: clamp(1.25rem, 3vw, 2.4rem); align-items: stretch; padding: clamp(1.2rem, 2.8vw, 2.2rem); min-height: min(720px, calc(100vh - 9rem)); background: radial-gradient(circle at 9% 0%, rgba(209, 81, 166, 0.20), transparent 34%), radial-gradient(circle at 92% 0%, rgba(214, 188, 146, 0.12), transparent 32%), linear-gradient(145deg, rgba(12, 19, 29, 0.94), rgba(5, 8, 13, 0.96)); } .page-project-azure-glossary .azure-glossary-hero-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(0.6rem, 2vw, 1.1rem); } .page-project-azure-glossary .azure-glossary-hero-copy h1 { max-width: 9ch; font-size: clamp(3.25rem, 7.4vw, 7rem); letter-spacing: -0.055em; } .page-project-azure-glossary .azure-glossary-hero-copy p { max-width: 68ch; } .page-project-azure-glossary .azure-glossary-focus-pills { margin-top: 1.6rem; } .page-project-azure-glossary .azure-glossary-hero-media { display: grid; align-content: stretch; min-width: 0; border-radius: 26px; overflow: hidden; background: rgba(0,0,0,0.18); border: 1px solid rgba(255,255,255,0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08); } .page-project-azure-glossary .azure-glossary-hero-media img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; object-position: center top; } .page-project-azure-glossary .azure-glossary-media-caption { position: absolute; left: 1rem; right: 1rem; bottom: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.9rem 1rem; border-radius: 18px; border: 1px solid rgba(255,255,255,0.12); background: rgba(4,7,12,0.72); backdrop-filter: blur(16px); } .page-project-azure-glossary .azure-glossary-media-caption span, .page-project-azure-glossary .azure-glossary-spec-grid span, .page-project-azure-glossary .azure-glossary-definition-card span, .page-project-azure-glossary .azure-glossary-screen-card figcaption span { display: block; color: var(--gold); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; } .page-project-azure-glossary .azure-glossary-snapshot-section, .page-project-azure-glossary .azure-glossary-feature-section, .page-project-azure-glossary .azure-glossary-record-section, .page-project-azure-glossary .azure-glossary-long-scroll-section, .page-project-azure-glossary .azure-glossary-tour-section, .page-project-azure-glossary .azure-glossary-ai-section, .page-project-azure-glossary .azure-glossary-roadmap-section { padding-top: 1.75rem; padding-bottom: 1.75rem; } .page-project-azure-glossary .azure-glossary-snapshot-grid, .page-project-azure-glossary .azure-glossary-record-grid, .page-project-azure-glossary .azure-glossary-ai-grid { display: grid; gap: 1.2rem; } .page-project-azure-glossary .azure-glossary-snapshot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-project-azure-glossary .azure-glossary-record-grid { grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr); align-items: stretch; } .page-project-azure-glossary .azure-glossary-ai-grid { grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr); } .page-project-azure-glossary .azure-glossary-panel, .page-project-azure-glossary .azure-glossary-record-copy, .page-project-azure-glossary .azure-glossary-mini-card, .page-project-azure-glossary .azure-glossary-roadmap-shell { padding: clamp(1.25rem, 2.4vw, 1.9rem); background: radial-gradient(circle at 8% 0%, rgba(209, 83, 167, 0.13), transparent 34%), linear-gradient(145deg, rgba(12, 17, 25, 0.86), rgba(6, 9, 14, 0.92)); } .page-project-azure-glossary .azure-glossary-panel h2, .page-project-azure-glossary .azure-glossary-record-copy h2, .page-project-azure-glossary .azure-glossary-feature-copy h2, .page-project-azure-glossary .azure-glossary-long-scroll-copy h2, .page-project-azure-glossary .azure-glossary-roadmap-copy h2, .page-project-azure-glossary .azure-glossary-tour-heading h2 { margin-top: 0.45rem; max-width: 13ch; } .page-project-azure-glossary .azure-glossary-panel p, .page-project-azure-glossary .azure-glossary-record-copy p, .page-project-azure-glossary .azure-glossary-feature-copy p, .page-project-azure-glossary .azure-glossary-long-scroll-copy p, .page-project-azure-glossary .azure-glossary-roadmap-copy p, .page-project-azure-glossary .azure-glossary-tour-heading p, .page-project-azure-glossary .azure-glossary-mini-card p, .page-project-azure-glossary figcaption, .page-project-azure-glossary .azure-glossary-roadmap-list span { color: var(--muted); } .page-project-azure-glossary .azure-glossary-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; margin-top: 1.4rem; } .page-project-azure-glossary .azure-glossary-spec-grid div, .page-project-azure-glossary .azure-glossary-definition-card, .page-project-azure-glossary .azure-glossary-mini-toc span, .page-project-azure-glossary .azure-glossary-block-stack span { border: 1px solid rgba(255,255,255,0.09); background: rgba(255,255,255,0.035); border-radius: 18px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); } .page-project-azure-glossary .azure-glossary-spec-grid div { padding: 0.95rem; } .page-project-azure-glossary .azure-glossary-spec-grid strong { display: block; margin-top: 0.35rem; color: var(--text); line-height: 1.25; } .page-project-azure-glossary .azure-glossary-check-list, .page-project-azure-glossary .azure-glossary-roadmap-list { display: grid; gap: 0.8rem; margin: 1.25rem 0 0; padding: 0; list-style: none; } .page-project-azure-glossary .azure-glossary-check-list li, .page-project-azure-glossary .azure-glossary-roadmap-list li { padding: 0.95rem 1rem; border-radius: 18px; border: 1px solid rgba(255,255,255,0.09); background: rgba(255,255,255,0.03); } .page-project-azure-glossary .azure-glossary-feature-shell { display: grid; gap: 1.3rem; padding: clamp(1.1rem, 2.4vw, 1.9rem); background: radial-gradient(circle at 12% 0%, rgba(209, 80, 166, 0.18), transparent 30%), linear-gradient(145deg, rgba(12, 18, 28, 0.92), rgba(4, 7, 13, 0.94)); } .page-project-azure-glossary .azure-glossary-feature-copy { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(320px, 0.8fr); gap: 1.2rem; align-items: end; } .page-project-azure-glossary .azure-glossary-mini-toc, .page-project-azure-glossary .azure-glossary-block-stack { display: flex; flex-wrap: wrap; gap: 0.7rem; } .page-project-azure-glossary .azure-glossary-mini-toc span, .page-project-azure-glossary .azure-glossary-block-stack span { display: inline-flex; align-items: center; min-height: 2.7rem; padding: 0 1rem; color: var(--text); font-weight: 800; } .page-project-azure-glossary .azure-glossary-screen-frame { margin: 0; border-radius: 28px; background: rgba(3, 7, 13, 0.7); } .page-project-azure-glossary .azure-glossary-screen-frame img, .page-project-azure-glossary .azure-glossary-screen-card img { width: 100%; border-radius: 22px; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 24px 60px rgba(0,0,0,0.30); } .page-project-azure-glossary .azure-glossary-screen-frame figcaption, .page-project-azure-glossary .azure-glossary-screen-card figcaption, .page-project-azure-glossary .azure-glossary-scroll-ribbon figcaption { padding-top: 0.8rem; font-size: 0.92rem; } .page-project-azure-glossary .azure-glossary-record-shot { padding: clamp(0.85rem, 2vw, 1.25rem); } .page-project-azure-glossary .azure-glossary-definition-card { margin-top: 1.3rem; padding: 1rem; } .page-project-azure-glossary .azure-glossary-definition-card strong { display: block; margin-top: 0.35rem; font-family: "Newsreader", serif; font-size: 1.9rem; line-height: 1.05; } .page-project-azure-glossary .azure-glossary-long-scroll-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 340px); gap: clamp(1.1rem, 3vw, 2rem); align-items: center; padding: clamp(1.1rem, 2.8vw, 2rem); background: radial-gradient(circle at 78% 18%, rgba(209, 81, 166, 0.16), transparent 36%), linear-gradient(145deg, rgba(13, 18, 25, 0.92), rgba(4, 7, 12, 0.96)); } .page-project-azure-glossary .azure-glossary-scroll-ribbon { margin: 0; max-height: 760px; overflow-y: auto; overflow-x: hidden; padding: 0.85rem; border-radius: 28px; border: 1px solid rgba(255,255,255,0.10); background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)); scrollbar-width: thin; scrollbar-color: rgba(214,188,146,0.74) rgba(255,255,255,0.05); } .page-project-azure-glossary .azure-glossary-scroll-ribbon img { width: min(100%, 275px); margin-inline: auto; border-radius: 18px; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 24px 60px rgba(0,0,0,0.32); } .page-project-azure-glossary .azure-glossary-tour-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; } .page-project-azure-glossary .azure-glossary-screen-card { margin: 0; padding: 1rem; background: radial-gradient(circle at 12% 0%, rgba(209, 80, 166, 0.13), transparent 34%), linear-gradient(145deg, rgba(12, 18, 28, 0.88), rgba(5, 8, 13, 0.94)); } .page-project-azure-glossary .azure-glossary-screen-card img { aspect-ratio: 16 / 10.5; object-fit: cover; object-position: center top; } .page-project-azure-glossary .azure-glossary-screen-card figcaption span { margin-bottom: 0.35rem; } .page-project-azure-glossary .azure-glossary-guardrail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .page-project-azure-glossary .azure-glossary-mini-card h3 { margin-top: 0.45rem; font-size: 1.65rem; } .page-project-azure-glossary .azure-glossary-roadmap-shell { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(360px, 1fr); gap: 1.25rem; align-items: start; } .page-project-azure-glossary .azure-glossary-roadmap-list { margin-top: 0; counter-reset: roadmap; } .page-project-azure-glossary .azure-glossary-roadmap-list li { display: grid; grid-template-columns: auto 1fr; column-gap: 0.8rem; } .page-project-azure-glossary .azure-glossary-roadmap-list li::before { counter-increment: roadmap; content: counter(roadmap, decimal-leading-zero); color: var(--gold); font-weight: 900; letter-spacing: 0.08em; } .page-project-azure-glossary .azure-glossary-roadmap-list strong, .page-project-azure-glossary .azure-glossary-roadmap-list span { grid-column: 2; } .page-project-azure-glossary .azure-glossary-roadmap-shell .detail-actions { grid-column: 1 / -1; margin-top: 0.5rem; } @media (max-width: 1180px) { .page-project-azure-glossary .azure-glossary-hero-shell, .page-project-azure-glossary .azure-glossary-ai-grid, .page-project-azure-glossary .azure-glossary-roadmap-shell { grid-template-columns: 1fr; } .page-project-azure-glossary .azure-glossary-feature-copy { grid-template-columns: 1fr; } .page-project-azure-glossary .azure-glossary-tour-grid { grid-template-columns: 1fr; } } @media (max-width: 920px) { .page-project-azure-glossary .azure-glossary-snapshot-grid, .page-project-azure-glossary .azure-glossary-record-grid, .page-project-azure-glossary .azure-glossary-long-scroll-shell, .page-project-azure-glossary .azure-glossary-guardrail-grid { grid-template-columns: 1fr; } .page-project-azure-glossary .azure-glossary-scroll-ribbon { max-height: 580px; } } @media (max-width: 640px) { .page-project-azure-glossary .azure-glossary-hero-shell, .page-project-azure-glossary .azure-glossary-panel, .page-project-azure-glossary .azure-glossary-feature-shell, .page-project-azure-glossary .azure-glossary-record-copy, .page-project-azure-glossary .azure-glossary-screen-card, .page-project-azure-glossary .azure-glossary-long-scroll-shell, .page-project-azure-glossary .azure-glossary-roadmap-shell { border-radius: 24px; } .page-project-azure-glossary .azure-glossary-hero-copy h1 { font-size: clamp(3rem, 18vw, 4.75rem); } .page-project-azure-glossary .azure-glossary-spec-grid { grid-template-columns: 1fr; } .page-project-azure-glossary .azure-glossary-hero-media img { min-height: 280px; } .page-project-azure-glossary .azure-glossary-media-caption { position: relative; left: auto; right: auto; bottom: auto; margin: 0.75rem; flex-direction: column; align-items: flex-start; } } .page-project-azure-glossary .azure-glossary-story-section { padding-top: clamp(1rem, 2vw, 1.75rem); } .page-project-azure-glossary .azure-glossary-story-hero-shell { min-height: auto; grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr); } .page-project-azure-glossary .azure-glossary-story-hero-copy h1 { max-width: 14ch; font-size: clamp(3.3rem, 7vw, 6.4rem); overflow-wrap: normal; } .page-project-azure-glossary .azure-glossary-story-article { display: grid; gap: clamp(2.1rem, 5vw, 4.4rem); } .page-project-azure-glossary .azure-glossary-story-block { width: min(100%, 920px); margin-inline: auto; } .page-project-azure-glossary .azure-glossary-story-block h2, .page-project-azure-glossary .azure-glossary-model-note h2, .page-project-azure-glossary .azure-glossary-story-closing h2 { font-family: "Newsreader", serif; font-size: clamp(2.35rem, 4.8vw, 4.75rem); line-height: 0.95; letter-spacing: -0.055em; } .page-project-azure-glossary .azure-glossary-story-block p, .page-project-azure-glossary .azure-glossary-model-note p, .page-project-azure-glossary .azure-glossary-story-closing p { max-width: 74ch; color: var(--muted); font-size: clamp(1.04rem, 1.5vw, 1.23rem); line-height: 1.75; } .page-project-azure-glossary .azure-glossary-story-lede { color: rgba(255, 250, 240, 0.92) !important; font-size: clamp(1.18rem, 2vw, 1.45rem) !important; line-height: 1.62 !important; } .page-project-azure-glossary .azure-glossary-job-signal, .page-project-azure-glossary .azure-glossary-model-note { width: min(100%, 980px); margin: clamp(1.5rem, 3vw, 2.25rem) auto 0; padding: clamp(1.25rem, 3vw, 2.2rem); background: radial-gradient(circle at 10% 0%, rgba(209, 81, 166, 0.16), transparent 34%), radial-gradient(circle at 96% 8%, rgba(214, 188, 146, 0.12), transparent 32%), linear-gradient(145deg, rgba(12, 18, 28, 0.92), rgba(5, 8, 13, 0.96)); } .page-project-azure-glossary .azure-glossary-job-signal p { max-width: 78ch; color: rgba(255, 250, 240, 0.90); } .page-project-azure-glossary .azure-glossary-signal-list { display: grid; gap: 0.75rem; margin: 1.2rem 0 0; padding: 0; list-style: none; } .page-project-azure-glossary .azure-glossary-signal-list li { position: relative; padding-left: 1.35rem; color: var(--muted); line-height: 1.55; } .page-project-azure-glossary .azure-glossary-signal-list li::before { content: ""; position: absolute; left: 0; top: 0.7em; width: 0.48rem; height: 0.48rem; border-radius: 999px; background: var(--gold); box-shadow: 0 0 14px rgba(214, 188, 146, 0.42); } .page-project-azure-glossary .azure-glossary-story-image { width: min(100%, 1180px); margin-inline: auto; padding: clamp(0.75rem, 1.8vw, 1.15rem); } .page-project-azure-glossary .azure-glossary-story-wide-shot img { aspect-ratio: 16 / 6.2; object-fit: cover; object-position: center top; } .page-project-azure-glossary .azure-glossary-story-feature { width: min(100%, 1080px); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr); gap: clamp(1.1rem, 3vw, 2.2rem); align-items: center; padding: clamp(1.3rem, 3vw, 2.4rem); } .page-project-azure-glossary .azure-glossary-story-feature-copy h2 { font-size: clamp(2rem, 4vw, 4rem); max-width: 13ch; } .page-project-azure-glossary .azure-glossary-story-feature-copy p { max-width: 62ch; color: var(--muted); font-size: clamp(1rem, 1.4vw, 1.16rem); line-height: 1.7; } .page-project-azure-glossary .azure-glossary-story-emphasis { display: grid; gap: 0.7rem; } .page-project-azure-glossary .azure-glossary-story-emphasis span { display: block; padding: 0.85rem 1rem; border-left: 2px solid rgba(214, 188, 146, 0.72); border-radius: 0 16px 16px 0; background: linear-gradient(90deg, rgba(214, 188, 146, 0.11), rgba(255, 255, 255, 0.025)); color: rgba(255, 250, 240, 0.92); font-weight: 800; } .page-project-azure-glossary .azure-glossary-term-story { margin-top: clamp(0.4rem, 1vw, 1rem); } .page-project-azure-glossary .azure-glossary-proof-shell { width: min(100%, 1120px); margin-inline: auto; } .page-project-azure-glossary .azure-glossary-story-gallery { width: min(100%, 1180px); margin-inline: auto; } .page-project-azure-glossary .azure-glossary-story-gallery .azure-glossary-screen-card { padding: 0.85rem; } .page-project-azure-glossary .azure-glossary-story-gallery .azure-glossary-screen-card img { aspect-ratio: 16 / 9.4; } .page-project-azure-glossary .azure-glossary-model-note { margin-top: 0; } .page-project-azure-glossary .azure-glossary-model-note h2 { max-width: 14ch; } .page-project-azure-glossary .azure-glossary-story-closing { width: min(100%, 980px); margin-inline: auto; padding-top: clamp(1.2rem, 3vw, 2rem); border-top: 1px solid rgba(214, 188, 146, 0.22); display: grid; gap: 1.4rem; } .page-project-azure-glossary .azure-glossary-story-closing .detail-actions { margin-top: 0; } @media (max-width: 1180px) { .page-project-azure-glossary .azure-glossary-story-hero-shell, .page-project-azure-glossary .azure-glossary-story-feature { grid-template-columns: 1fr; } .page-project-azure-glossary .azure-glossary-story-wide-shot img { aspect-ratio: 16 / 8; } } @media (max-width: 720px) { .page-project-azure-glossary .azure-glossary-story-section { padding-top: 0.5rem; } .page-project-azure-glossary .azure-glossary-story-article { gap: 2rem; } .page-project-azure-glossary .azure-glossary-story-wide-shot img, .page-project-azure-glossary .azure-glossary-story-gallery .azure-glossary-screen-card img { aspect-ratio: 4 / 3; } .page-project-azure-glossary .azure-glossary-story-feature-copy h2, .page-project-azure-glossary .azure-glossary-model-note h2, .page-project-azure-glossary .azure-glossary-story-closing h2 { max-width: none; } } .page-project-azure-glossary .azure-glossary-gallery-strip { width: min(100%, 1180px); margin-inline: auto; padding: clamp(0.9rem, 2vw, 1.25rem); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.95rem; } .page-project-azure-glossary .azure-glossary-gallery-item { margin: 0; min-width: 0; } .page-project-azure-glossary .azure-glossary-gallery-item img { width: 100%; aspect-ratio: 16 / 9.4; object-fit: cover; object-position: center top; border-radius: 18px; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 18px 46px rgba(0,0,0,0.28); } .page-project-azure-glossary .azure-glossary-gallery-item figcaption { padding: 0.75rem 0.35rem 0; color: var(--muted); font-size: 0.9rem; line-height: 1.45; } .page-project-azure-glossary .azure-glossary-gallery-item figcaption span { display: block; margin-bottom: 0.3rem; color: var(--gold); font-size: 0.73rem; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; } @media (max-width: 1180px) { .page-project-azure-glossary .azure-glossary-gallery-strip { grid-template-columns: 1fr; } } @media (max-width: 720px) { .page-project-azure-glossary .azure-glossary-gallery-item img { aspect-ratio: 4 / 3; } } .page-project-azure-glossary .azure-glossary-hero-shell, .page-project-azure-glossary .azure-glossary-story-article { width: min(1180px, calc(100% - 2rem)) !important; max-width: none !important; margin-inline: auto !important; } .page-project-azure-glossary .azure-glossary-story-article > .azure-glossary-story-block, .page-project-azure-glossary .azure-glossary-story-article > .azure-glossary-screen-frame, .page-project-azure-glossary .azure-glossary-story-article > .azure-glossary-story-feature, .page-project-azure-glossary .azure-glossary-story-article > .azure-glossary-proof-shell, .page-project-azure-glossary .azure-glossary-story-article > .azure-glossary-gallery-strip, .page-project-azure-glossary .azure-glossary-story-article > .azure-glossary-model-note, .page-project-azure-glossary .azure-glossary-story-article > .azure-glossary-story-closing, .page-project-azure-glossary .azure-glossary-story-article .azure-glossary-job-signal, .page-project-azure-glossary .azure-glossary-story-article .azure-glossary-panel, .page-project-azure-glossary .azure-glossary-story-article .azure-glossary-screen-frame, .page-project-azure-glossary .azure-glossary-story-article .azure-glossary-feature-shell, .page-project-azure-glossary .azure-glossary-story-article .azure-glossary-long-scroll-shell { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } .page-project-azure-glossary .azure-glossary-story-block h2, .page-project-azure-glossary .azure-glossary-story-block p, .page-project-azure-glossary .azure-glossary-job-signal p, .page-project-azure-glossary .azure-glossary-story-feature-copy p, .page-project-azure-glossary .azure-glossary-model-note p, .page-project-azure-glossary .azure-glossary-story-closing p { max-width: 78ch; } @media (max-width: 767px) { .page-project-azure-glossary .azure-glossary-hero-shell, .page-project-azure-glossary .azure-glossary-story-article { width: min(1180px, calc(100% - 2.2rem)) !important; } } @media (max-width: 520px) { .page-project-azure-glossary .azure-glossary-hero-shell, .page-project-azure-glossary .azure-glossary-story-article { width: min(1180px, calc(100% - 0.9rem)) !important; } } .page-project-azure-glossary .azg-page { --azg-rail-width: min(1180px, calc(100vw - 2rem)); display: grid; gap: clamp(1.7rem, 4vw, 3.25rem); padding-bottom: clamp(4rem, 8vw, 7rem); } .page-project-azure-glossary .azg-hero-section { padding: clamp(2rem, 4.5vw, 4rem) 0 0; } .page-project-azure-glossary .azg-rail, .page-project-azure-glossary .azg-hero-section > .azg-rail { box-sizing: border-box; width: var(--azg-rail-width) !important; max-width: var(--azg-rail-width) !important; min-width: 0; margin-left: auto !important; margin-right: auto !important; } .page-project-azure-glossary .azg-hero-panel, .page-project-azure-glossary .azg-prose-panel, .page-project-azure-glossary .azg-shot, .page-project-azure-glossary .azg-proof-panel { padding: clamp(1.15rem, 3vw, 2.35rem); border-radius: clamp(26px, 4vw, 42px); background: radial-gradient(circle at 10% 0%, rgba(209, 81, 166, 0.16), transparent 35%), radial-gradient(circle at 94% 12%, rgba(214, 188, 146, 0.13), transparent 30%), linear-gradient(145deg, rgba(12, 18, 28, 0.92), rgba(4, 7, 13, 0.96)); } .page-project-azure-glossary .azg-hero-panel { display: grid; gap: clamp(1.3rem, 3vw, 2.3rem); min-height: auto; } .page-project-azure-glossary .azg-hero-copy { max-width: 980px; } .page-project-azure-glossary .azg-hero-copy h1 { max-width: none; margin: 0.2rem 0 0; font-size: clamp(3.2rem, 8.5vw, 7.6rem); line-height: 0.9; letter-spacing: -0.06em; } .page-project-azure-glossary .azg-hero-copy p { max-width: 74ch; } .page-project-azure-glossary .azg-focus-pills { margin-top: 1.6rem; } .page-project-azure-glossary .azg-hero-shot, .page-project-azure-glossary .azg-shot, .page-project-azure-glossary .azg-scroll-proof { margin: 0; } .page-project-azure-glossary .azg-hero-shot { overflow: hidden; border-radius: 28px; border: 1px solid rgba(255,255,255,0.08); background: rgba(3, 7, 13, 0.72); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 24px 70px rgba(0,0,0,0.28); } .page-project-azure-glossary .azg-hero-shot img, .page-project-azure-glossary .azg-shot img, .page-project-azure-glossary .azg-scroll-proof img { display: block; width: 100%; height: auto; border-radius: 22px; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 24px 60px rgba(0,0,0,0.30); } .page-project-azure-glossary .azg-hero-shot img { border: 0; border-radius: 0; box-shadow: none; } .page-project-azure-glossary .azg-hero-shot figcaption, .page-project-azure-glossary .azg-shot figcaption, .page-project-azure-glossary .azg-scroll-proof figcaption { padding: 0.85rem 0.2rem 0; color: var(--muted); font-size: 0.94rem; line-height: 1.55; } .page-project-azure-glossary .azg-hero-shot figcaption span, .page-project-azure-glossary .azg-shot figcaption span, .page-project-azure-glossary .azg-scroll-proof figcaption span { display: inline-block; margin-right: 0.55rem; color: var(--gold); font-size: 0.74rem; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; } .page-project-azure-glossary .azg-prose-panel h2, .page-project-azure-glossary .azg-proof-panel h2, .page-project-azure-glossary .azg-closing-panel h2 { max-width: 15ch; margin: 0.45rem 0 1.1rem; font-family: "Newsreader", serif; font-size: clamp(2.45rem, 5vw, 5rem); line-height: 0.94; letter-spacing: -0.058em; } .page-project-azure-glossary .azg-prose-panel p, .page-project-azure-glossary .azg-proof-panel p, .page-project-azure-glossary .azg-closing-panel p { max-width: 78ch; color: var(--muted); font-size: clamp(1.04rem, 1.45vw, 1.22rem); line-height: 1.75; } .page-project-azure-glossary .azg-lede { color: rgba(255, 250, 240, 0.92) !important; font-size: clamp(1.2rem, 2vw, 1.48rem) !important; line-height: 1.62 !important; } .page-project-azure-glossary .azg-inline-signal { margin-top: clamp(1.15rem, 2.5vw, 1.8rem); padding-top: clamp(1rem, 2vw, 1.35rem); border-top: 1px solid rgba(214, 188, 146, 0.24); color: rgba(255, 250, 240, 0.88); font-size: clamp(1.02rem, 1.35vw, 1.16rem); line-height: 1.65; } .page-project-azure-glossary .azg-inline-signal strong { color: var(--text); } .page-project-azure-glossary .azg-route-line { display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 1.35rem; max-width: none !important; } .page-project-azure-glossary .azg-route-line span { display: inline-flex; align-items: center; min-height: 2.65rem; padding: 0 1rem; border-radius: 999px; border: 1px solid rgba(214, 188, 146, 0.22); background: rgba(255,255,255,0.035); color: rgba(255, 250, 240, 0.92); font-weight: 850; } .page-project-azure-glossary .azg-proof-panel { display: grid; gap: clamp(1.2rem, 3vw, 2rem); } .page-project-azure-glossary .azg-proof-copy { max-width: 980px; } .page-project-azure-glossary .azg-scroll-proof { max-height: min(860px, 78vh); overflow-y: auto; overflow-x: hidden; padding: 0.9rem; border-radius: 28px; border: 1px solid rgba(255,255,255,0.10); background: rgba(0,0,0,0.22); scrollbar-width: thin; scrollbar-color: rgba(214,188,146,0.74) rgba(255,255,255,0.05); } .page-project-azure-glossary .azg-scroll-proof img { border-radius: 20px; } .page-project-azure-glossary .azg-closing-panel { padding: clamp(0.6rem, 1.6vw, 1.1rem) 0 0; border-top: 1px solid rgba(214, 188, 146, 0.24); display: grid; gap: 1.2rem; } .page-project-azure-glossary .azg-closing-panel .detail-actions { margin-top: 0; } @media (max-width: 767px) { .page-project-azure-glossary .azg-page { --azg-rail-width: min(1180px, calc(100vw - 1.1rem)); gap: 1.6rem; } .page-project-azure-glossary .azg-hero-section { padding-top: 1.35rem; } .page-project-azure-glossary .azg-hero-panel, .page-project-azure-glossary .azg-prose-panel, .page-project-azure-glossary .azg-shot, .page-project-azure-glossary .azg-proof-panel { border-radius: 24px; padding: 1rem; } .page-project-azure-glossary .azg-prose-panel h2, .page-project-azure-glossary .azg-proof-panel h2, .page-project-azure-glossary .azg-closing-panel h2 { max-width: none; } } @media (max-width: 520px) { .page-project-azure-glossary .azg-page { --azg-rail-width: min(1180px, calc(100vw - 0.7rem)); } } .page-project-azure-glossary .azg-article-page { --azg-rail-width: min(1180px, calc(100vw - 2rem)); --azg-text-width: 82ch; --azg-text-strong: rgba(255, 249, 238, 0.96); --azg-text-soft: rgba(236, 228, 214, 0.78); --azg-panel-bg: linear-gradient(145deg, rgba(12, 18, 29, 0.94), rgba(4, 7, 13, 0.965)); --azg-panel-border: rgba(214, 188, 146, 0.20); --azg-panel-border-strong: rgba(236, 210, 161, 0.34); display: grid; gap: clamp(1.75rem, 4vw, 3.6rem); padding: clamp(2rem, 4.6vw, 4.25rem) 0 clamp(4rem, 9vw, 7.5rem); } .page-project-azure-glossary .azg-article-page > .azg-rail, .page-project-azure-glossary .azg-article-page .azg-rail { box-sizing: border-box; width: var(--azg-rail-width) !important; max-width: var(--azg-rail-width) !important; min-width: 0; margin-left: auto !important; margin-right: auto !important; } .page-project-azure-glossary .azg-case-hero, .page-project-azure-glossary .azg-emphasis-block, .page-project-azure-glossary .azg-image-block { position: relative; isolation: isolate; overflow: hidden; border: 1px solid var(--azg-panel-border); border-radius: clamp(26px, 4vw, 44px); background: radial-gradient(circle at 10% 0%, rgba(209, 81, 166, 0.16), transparent 35%), radial-gradient(circle at 90% 8%, rgba(214, 188, 146, 0.14), transparent 32%), var(--azg-panel-bg); box-shadow: 0 26px 86px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.065), 0 0 0 1px rgba(236, 210, 161, 0.035); } .page-project-azure-glossary .azg-case-hero > *, .page-project-azure-glossary .azg-emphasis-block > *, .page-project-azure-glossary .azg-image-block > * { position: relative; z-index: 1; } .page-project-azure-glossary .azg-case-hero::after, .page-project-azure-glossary .azg-emphasis-block::after, .page-project-azure-glossary .azg-image-block::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.07) 12%, transparent 24%, transparent 66%, rgba(244, 214, 158, 0.055) 76%, transparent 88%), linear-gradient(90deg, rgba(255, 239, 199, 0.35), transparent 7%, transparent 88%, rgba(214, 188, 146, 0.20)); opacity: 0.36; } .page-project-azure-glossary .azg-case-hero { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(320px, 1.12fr); align-items: center; gap: clamp(1.5rem, 4vw, 3rem); padding: clamp(1.25rem, 3.2vw, 2.6rem); } .page-project-azure-glossary .azg-hero-copy { max-width: 100%; } .page-project-azure-glossary .azg-hero-copy h1 { margin: 0.35rem 0 0.15rem; max-width: 9ch; color: #fff8ea; font-family: "Newsreader", serif; font-size: clamp(3.6rem, 8.8vw, 7.7rem); line-height: 0.88; letter-spacing: -0.075em; text-wrap: balance; } .page-project-azure-glossary .azg-hero-dek { margin-top: clamp(1rem, 2vw, 1.45rem); max-width: 12.5ch; color: #fff7e8 !important; font-family: "Newsreader", serif; font-size: clamp(2rem, 4.5vw, 4.55rem); line-height: 0.96; letter-spacing: -0.058em; } .page-project-azure-glossary .azg-hero-copy p:not(.project-detail-category):not(.azg-hero-dek) { max-width: 58ch; color: var(--azg-text-soft); font-size: clamp(1.02rem, 1.45vw, 1.22rem); line-height: 1.7; } .page-project-azure-glossary .azg-focus-pills { margin-top: clamp(1.1rem, 2.2vw, 1.65rem); } .page-project-azure-glossary .azg-hero-image { margin: 0; padding: 0; border-radius: 26px; border: 1px solid rgba(255, 255, 255, 0.085); background: rgba(2, 6, 13, 0.72); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 24px 70px rgba(0, 0, 0, 0.34); } .page-project-azure-glossary .azg-hero-image img { width: 100%; aspect-ratio: 16 / 9; height: auto; object-fit: cover; object-position: top center; border-radius: 25px 25px 0 0; } .page-project-azure-glossary .azg-prose-block { padding: 0 clamp(0.25rem, 1.2vw, 0.75rem); } .page-project-azure-glossary .azg-prose-block h2, .page-project-azure-glossary .azg-emphasis-block h2, .page-project-azure-glossary .azg-image-block h2 { margin: 0 0 clamp(0.8rem, 2vw, 1.15rem); max-width: 15.5ch; color: #fff7e8; font-family: "Newsreader", serif; font-size: clamp(2.35rem, 5.2vw, 5.1rem); line-height: 0.94; letter-spacing: -0.058em; text-wrap: balance; } .page-project-azure-glossary .azg-prose-block p, .page-project-azure-glossary .azg-prose-block li, .page-project-azure-glossary .azg-emphasis-block p, .page-project-azure-glossary .azg-emphasis-block li, .page-project-azure-glossary .azg-image-block figcaption { max-width: var(--azg-text-width); color: var(--azg-text-soft); font-size: clamp(1.04rem, 1.42vw, 1.2rem); line-height: 1.78; } .page-project-azure-glossary .azg-prose-block p, .page-project-azure-glossary .azg-emphasis-block p { margin: 0.85rem 0 0; } .page-project-azure-glossary .azg-prose-block p:first-child, .page-project-azure-glossary .azg-emphasis-block p:first-child { margin-top: 0; } .page-project-azure-glossary .azg-prose-block .article-dek, .page-project-azure-glossary .article-intro .article-dek { max-width: 15.5ch; color: #fff8ea; font-family: "Newsreader", serif; font-size: clamp(2.25rem, 5vw, 4.85rem); line-height: 0.95; letter-spacing: -0.058em; text-wrap: balance; } .page-project-azure-glossary .azg-prose-block strong, .page-project-azure-glossary .azg-emphasis-block strong { color: var(--azg-text-strong); } .page-project-azure-glossary .azg-prose-block code, .page-project-azure-glossary .azg-emphasis-block code { display: inline-flex; padding: 0.12rem 0.42rem; border-radius: 999px; border: 1px solid rgba(225, 115, 188, 0.24); background: rgba(5, 11, 20, 0.76); color: rgba(243, 240, 242, 0.96); font-size: 0.92em; } .page-project-azure-glossary .azg-emphasis-block { padding: clamp(1.15rem, 3vw, 2.2rem); } .page-project-azure-glossary .article-summary ul, .page-project-azure-glossary .article-checklist ul, .page-project-azure-glossary .article-toc ol, .page-project-azure-glossary .article-steps ol { display: grid; gap: 0.75rem; margin: clamp(0.85rem, 2vw, 1.15rem) 0 0; padding-left: 1.15rem; } .page-project-azure-glossary .article-summary li, .page-project-azure-glossary .article-checklist li, .page-project-azure-glossary .article-toc li { padding-left: 0.25rem; } .page-project-azure-glossary .article-toc { display: grid; grid-template-columns: minmax(0, 0.34fr) minmax(0, 0.66fr); align-items: start; gap: clamp(1.1rem, 3vw, 2.1rem); } .page-project-azure-glossary .article-toc h2 { margin-bottom: 0; } .page-project-azure-glossary .article-toc a { color: rgba(255, 242, 215, 0.94); font-weight: 800; text-decoration: none; border-bottom: 1px solid rgba(214, 188, 146, 0.26); } .page-project-azure-glossary .article-toc a:hover, .page-project-azure-glossary .article-toc a:focus-visible { color: #fff8ea; border-color: rgba(255, 239, 199, 0.70); } .page-project-azure-glossary .article-callout, .page-project-azure-glossary .article-definition, .page-project-azure-glossary .article-table, .page-project-azure-glossary .article-cta { margin-top: 0; } .page-project-azure-glossary .article-callout { padding-left: clamp(1.25rem, 3vw, 2.4rem); } .page-project-azure-glossary .article-callout::before { content: "Key idea"; display: inline-flex; margin-bottom: 0.7rem; color: rgba(255, 226, 171, 0.96); font-size: 0.74rem; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; } .page-project-azure-glossary .article-callout--warning::before { content: "Safety boundary"; color: rgba(255, 209, 166, 0.98); } .page-project-azure-glossary .article-boundary-note::before { content: "AI boundary"; } .page-project-azure-glossary .article-update-note::before { content: "Roadmap"; } .page-project-azure-glossary .article-definition dl { display: grid; grid-template-columns: minmax(160px, 0.26fr) minmax(0, 0.74fr); gap: 0.85rem 1.25rem; margin: 1rem 0 0; } .page-project-azure-glossary .article-definition dt { color: rgba(255, 226, 171, 0.98); font-size: 0.78rem; font-weight: 900; letter-spacing: 0.15em; text-transform: uppercase; } .page-project-azure-glossary .article-definition dd { margin: 0; max-width: var(--azg-text-width); color: var(--azg-text-soft); font-size: clamp(1.02rem, 1.35vw, 1.15rem); line-height: 1.68; } .page-project-azure-glossary .article-steps ol { padding-left: 0; list-style: none; counter-reset: azg-steps; } .page-project-azure-glossary .article-steps li { position: relative; counter-increment: azg-steps; padding: 1rem 1rem 1rem 4.1rem; max-width: none; border-radius: 22px; border: 1px solid rgba(255, 255, 255, 0.075); background: rgba(255, 255, 255, 0.032); } .page-project-azure-glossary .article-steps li::before { content: counter(azg-steps); position: absolute; top: 1rem; left: 1rem; display: grid; place-items: center; width: 2.15rem; height: 2.15rem; border-radius: 999px; border: 1px solid rgba(214, 188, 146, 0.26); background: rgba(214, 188, 146, 0.10); color: #fff0d4; font-weight: 900; } .page-project-azure-glossary .article-steps h3 { margin: 0; color: #fff7e8; font-family: "Inter", system-ui, sans-serif; font-size: clamp(1.08rem, 1.6vw, 1.25rem); letter-spacing: -0.015em; } .page-project-azure-glossary .article-steps p { margin-top: 0.35rem; font-size: clamp(0.98rem, 1.25vw, 1.08rem); line-height: 1.62; } .page-project-azure-glossary .article-image { margin-top: 0; padding: clamp(0.85rem, 2.2vw, 1.25rem); } .page-project-azure-glossary .article-image img { width: 100%; height: auto; border-radius: clamp(18px, 2.6vw, 28px); border: 1px solid rgba(255, 255, 255, 0.085); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32); } .page-project-azure-glossary .article-image figcaption { margin: 0.8rem 0 0; padding: 0 0.15rem; font-size: clamp(0.94rem, 1.18vw, 1.04rem); line-height: 1.58; } .page-project-azure-glossary .article-image figcaption strong { color: rgba(255, 226, 171, 0.98); } .page-project-azure-glossary .azg-scroll-proof { max-height: none !important; overflow: hidden !important; } .page-project-azure-glossary .azg-scroll-frame { max-height: min(920px, 82vh); overflow-y: auto; overflow-x: hidden; padding: 0.65rem; border-radius: clamp(18px, 2.6vw, 28px); border: 1px solid rgba(255, 255, 255, 0.09); background: rgba(0, 0, 0, 0.24); scrollbar-width: thin; scrollbar-color: rgba(214, 188, 146, 0.74) rgba(255, 255, 255, 0.05); } .page-project-azure-glossary .azg-scroll-frame img { border-radius: clamp(14px, 2vw, 22px); } .page-project-azure-glossary .article-table figcaption { margin: 0 0 0.85rem; color: rgba(255, 226, 171, 0.98); font-size: 0.76rem; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; } .page-project-azure-glossary .article-table-scroll { overflow-x: auto; border-radius: 22px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(1, 6, 14, 0.38); } .page-project-azure-glossary .article-table__table { width: 100%; border-collapse: collapse; min-width: 720px; } .page-project-azure-glossary .article-table__table th, .page-project-azure-glossary .article-table__table td { padding: 0.95rem 1rem; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(255, 255, 255, 0.075); color: var(--azg-text-soft); font-size: clamp(0.94rem, 1.14vw, 1.03rem); line-height: 1.56; } .page-project-azure-glossary .article-table__table tr:last-child th, .page-project-azure-glossary .article-table__table tr:last-child td { border-bottom: 0; } .page-project-azure-glossary .article-table__table th { width: 28%; color: rgba(255, 246, 230, 0.94); font-weight: 900; } .page-project-azure-glossary .article-cta { display: grid; grid-template-columns: minmax(0, 0.68fr) minmax(280px, 0.32fr); align-items: end; gap: clamp(1.2rem, 3vw, 2rem); } .page-project-azure-glossary .azg-cta-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.75rem; } .page-project-azure-glossary .article-button { text-decoration: none; } @media (max-width: 991px) { .page-project-azure-glossary .azg-case-hero, .page-project-azure-glossary .article-toc, .page-project-azure-glossary .article-cta { grid-template-columns: 1fr; } .page-project-azure-glossary .azg-hero-copy h1 { max-width: none; } .page-project-azure-glossary .azg-hero-dek { max-width: 14ch; } .page-project-azure-glossary .azg-cta-actions { justify-content: flex-start; } } @media (max-width: 767px) { .page-project-azure-glossary .azg-article-page { --azg-rail-width: min(1180px, calc(100vw - 1rem)); gap: 1.65rem; padding-top: 1.35rem; } .page-project-azure-glossary .azg-case-hero, .page-project-azure-glossary .azg-emphasis-block, .page-project-azure-glossary .azg-image-block { border-radius: 24px; } .page-project-azure-glossary .azg-prose-block { padding-inline: 0.2rem; } .page-project-azure-glossary .azg-prose-block h2, .page-project-azure-glossary .azg-emphasis-block h2, .page-project-azure-glossary .azg-prose-block .article-dek, .page-project-azure-glossary .article-intro .article-dek { max-width: none; } .page-project-azure-glossary .article-definition dl { grid-template-columns: 1fr; gap: 0.35rem; } .page-project-azure-glossary .article-steps li { padding-left: 1rem; padding-top: 4rem; } .page-project-azure-glossary .article-steps li::before { top: 1rem; } .page-project-azure-glossary .azg-scroll-frame { max-height: 72vh; padding: 0.45rem; } .page-project-azure-glossary .article-table__table { min-width: 620px; } } @media (max-width: 520px) { .page-project-azure-glossary .azg-article-page { --azg-rail-width: min(1180px, calc(100vw - 0.7rem)); } } .page-project-azure-glossary .azg-exam-track-table { padding: clamp(1.05rem, 2.4vw, 1.45rem); } .page-project-azure-glossary .azg-exam-track-table figcaption { color: rgba(255, 226, 171, 0.98); font-size: 0.78rem; font-weight: 900; letter-spacing: 0.17em; text-transform: uppercase; } .page-project-azure-glossary .azg-exam-track-table .article-table__table th:first-child, .page-project-azure-glossary .azg-exam-track-table .article-table__table td:first-child { width: 38%; } .page-project-azure-glossary .azg-exam-track-table .article-table__table td strong { color: rgba(255, 246, 230, 0.98); } .page-project-azure-glossary .azg-exam-track-table .article-table__table tbody tr:hover td { background: rgba(255, 255, 255, 0.025); } @media (max-width: 767px) { .page-project-azure-glossary .azg-exam-track-table .article-table__table { min-width: 760px; } } .page-project-azure-glossary .azgb-page { width: min(1180px, calc(100% - 2rem)); max-width: 100%; margin: 0 auto; padding: clamp(1.25rem, 3vw, 2.5rem) 0 4rem; color: #f7f4ee; box-sizing: border-box; } .page-project-azure-glossary .azgb-page svg { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .page-project-azure-glossary .azgb-hero, .page-project-azure-glossary .azgb-section, .page-project-azure-glossary .azgb-final-cta { position: relative; width: 100%; max-width: 100%; min-width: 0; isolation: isolate; box-sizing: border-box; } .page-project-azure-glossary .azgb-hero { min-height: 46rem; padding: clamp(1.4rem, 3vw, 2.6rem); overflow: hidden; border: 1px solid rgba(214, 188, 146, 0.25); border-radius: 32px; background: linear-gradient(135deg, rgba(17, 25, 38, 0.98), rgba(8, 12, 19, 0.98) 52%, rgba(15, 15, 25, 0.98)), #0b1018; box-shadow: 0 40px 120px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(255, 255, 255, 0.015); } .page-project-azure-glossary .azgb-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, transparent 49.92%, rgba(255, 255, 255, 0.025) 50%, transparent 50.08%), linear-gradient(transparent 49.92%, rgba(255, 255, 255, 0.025) 50%, transparent 50.08%); background-size: 88px 88px; mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.82), transparent 88%); } .page-project-azure-glossary .azgb-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; background: linear-gradient(105deg, transparent 0 48%, rgba(212, 185, 145, 0.05) 52%, transparent 57%); transform: translateX(-82%); animation: azgb-hero-sheen 10s ease-in-out infinite; } @keyframes azgb-hero-sheen { 0%, 58% { transform: translateX(-82%); opacity: 0; } 66% { opacity: 1; } 84%, 100% { transform: translateX(82%); opacity: 0; } } .page-project-azure-glossary .azgb-hero-glow { position: absolute; z-index: -1; width: 42rem; height: 42rem; right: -14rem; top: -18rem; border-radius: 50%; background: radial-gradient(circle, rgba(209, 76, 165, 0.2), rgba(151, 92, 214, 0.09) 38%, transparent 72%); filter: blur(12px); pointer-events: none; } .page-project-azure-glossary .azgb-hero-topline { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1.6rem; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .page-project-azure-glossary .azgb-status, .page-project-azure-glossary .azgb-text-link, .page-project-azure-glossary .azgb-kicker, .page-project-azure-glossary .azgb-pathway-label, .page-project-azure-glossary .azgb-search-label { font-family: "Inter", system-ui, sans-serif; text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.72rem; font-weight: 700; } .page-project-azure-glossary .azgb-status { display: inline-flex; align-items: center; gap: 0.6rem; color: #d9c29e; } .page-project-azure-glossary .azgb-status span { width: 0.55rem; height: 0.55rem; border-radius: 50%; background: #71d6b5; box-shadow: 0 0 0 5px rgba(113, 214, 181, 0.09), 0 0 18px rgba(113, 214, 181, 0.35); } .page-project-azure-glossary .azgb-text-link { display: inline-flex; align-items: center; gap: 0.45rem; color: rgba(239, 235, 228, 0.72); letter-spacing: 0.08em; transition: color 0.2s ease, transform 0.2s ease; } .page-project-azure-glossary .azgb-text-link:hover { color: #ffffff; transform: translateY(-1px); } .page-project-azure-glossary .azgb-hero-grid { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(30rem, 1.08fr); gap: clamp(2rem, 4vw, 4rem); align-items: center; min-height: 34rem; padding: clamp(2.2rem, 5vw, 4.5rem) 0 2.4rem; } .page-project-azure-glossary .azgb-hero-copy { max-width: 42rem; } .page-project-azure-glossary .azgb-kicker { margin: 0 0 1.05rem; color: #de7bbd; } .page-project-azure-glossary .azgb-hero h1 { margin: 0; max-width: 11ch; font-size: clamp(3.8rem, 7vw, 6.9rem); letter-spacing: -0.055em; line-height: 0.92; text-wrap: balance; } .page-project-azure-glossary .azgb-hero h1 span { background: linear-gradient(100deg, #f1dcc0 4%, #c89b67 40%, #dd7fbe 85%); -webkit-background-clip: text; background-clip: text; color: transparent; } .page-project-azure-glossary .azgb-hero-lede { margin: 1.65rem 0 0; max-width: 40rem; color: rgba(247, 244, 238, 0.93); font-size: clamp(1.08rem, 1.5vw, 1.28rem); line-height: 1.62; } .page-project-azure-glossary .azgb-hero-summary { margin: 1rem 0 0; max-width: 39rem; color: rgba(205, 211, 222, 0.72); font-size: 0.98rem; line-height: 1.7; } .page-project-azure-glossary .azgb-actions, .page-project-azure-glossary .azgb-final-actions { display: flex; flex-wrap: wrap; gap: 0.8rem; } .page-project-azure-glossary .azgb-actions { margin-top: 1.8rem; } .page-project-azure-glossary .azgb-button { min-height: 3.25rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.65rem; padding: 0.85rem 1.15rem; border: 1px solid transparent; border-radius: 13px; font-family: "Inter", system-ui, sans-serif; font-size: 0.92rem; font-weight: 750; line-height: 1; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease; } .page-project-azure-glossary .azgb-button:hover { transform: translateY(-2px); } .page-project-azure-glossary .azgb-button-primary { color: #10131a; background: linear-gradient(120deg, #e6d2b3, #c8a171 52%, #d894c1); box-shadow: 0 14px 40px rgba(194, 153, 105, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.6); } .page-project-azure-glossary .azgb-button-primary:hover { box-shadow: 0 18px 48px rgba(194, 153, 105, 0.27), inset 0 1px 0 rgba(255, 255, 255, 0.75); } .page-project-azure-glossary .azgb-button-secondary { color: #f5f2ec; border-color: rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.045); } .page-project-azure-glossary .azgb-button-secondary:hover { border-color: rgba(214, 188, 146, 0.42); background: rgba(255, 255, 255, 0.075); } .page-project-azure-glossary .azgb-trust-line { display: flex; align-items: center; gap: 0.55rem; margin: 1.1rem 0 0; color: rgba(203, 211, 221, 0.64); font-size: 0.82rem; } .page-project-azure-glossary .azgb-trust-line svg { flex: 0 0 auto; color: #78d4b6; } .page-project-azure-glossary .azgb-hero-media { margin: 0; overflow: hidden; border: 1px solid rgba(214, 101, 176, 0.27); border-radius: 24px; background: #090e17; box-shadow: 0 28px 85px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(255, 255, 255, 0.02), 0 0 70px rgba(168, 56, 202, 0.12); transform: perspective(1600px) rotateY(-2.4deg) rotateX(1deg); } .page-project-azure-glossary .azgb-browser-bar { display: flex; align-items: center; gap: 0.38rem; min-height: 2.65rem; padding: 0.65rem 0.85rem; border-bottom: 1px solid rgba(255, 255, 255, 0.07); background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)); } .page-project-azure-glossary .azgb-browser-bar > span { width: 0.54rem; height: 0.54rem; border-radius: 50%; background: rgba(255, 255, 255, 0.2); } .page-project-azure-glossary .azgb-browser-bar > span:first-child { background: #cf7d73; } .page-project-azure-glossary .azgb-browser-bar > span:nth-child(2) { background: #cfb56d; } .page-project-azure-glossary .azgb-browser-bar > span:nth-child(3) { background: #71b996; } .page-project-azure-glossary .azgb-browser-bar div { min-width: 10rem; margin-left: auto; margin-right: auto; padding: 0.23rem 0.9rem; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 999px; color: rgba(217, 224, 234, 0.52); background: rgba(0, 0, 0, 0.2); font-size: 0.69rem; text-align: center; } .page-project-azure-glossary .azgb-hero-media img { width: 100%; aspect-ratio: 2.33 / 1; object-fit: cover; } .page-project-azure-glossary .azgb-hero-media figcaption { padding: 0.85rem 1rem 1rem; color: rgba(198, 206, 218, 0.62); font-size: 0.76rem; line-height: 1.5; } .page-project-azure-glossary .azgb-stat-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; padding: 1.25rem 0 0; border-top: 1px solid rgba(255, 255, 255, 0.08); } .page-project-azure-glossary .azgb-stat-grid div { min-width: 0; padding: 0.2rem 1.15rem; border-left: 1px solid rgba(255, 255, 255, 0.075); } .page-project-azure-glossary .azgb-stat-grid div:first-child { padding-left: 0; border-left: 0; } .page-project-azure-glossary .azgb-stat-grid dt { color: #f2dcc0; font-family: "Newsreader", serif; font-size: clamp(1.65rem, 2.6vw, 2.35rem); line-height: 1; } .page-project-azure-glossary .azgb-stat-grid dd { margin: 0.42rem 0 0; color: rgba(199, 207, 219, 0.62); font-size: 0.74rem; line-height: 1.35; } .page-project-azure-glossary .azgb-section { padding: clamp(4.5rem, 7vw, 6.5rem) clamp(0.25rem, 2vw, 1.5rem); } .page-project-azure-glossary .azgb-section-heading { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(22rem, 0.82fr); gap: 3rem; align-items: end; margin-bottom: 2.6rem; } .page-project-azure-glossary .azgb-section-heading h2, .page-project-azure-glossary .azgb-final-cta h2 { margin: 0; max-width: 18ch; color: #f6f1e9; font-size: clamp(2.65rem, 4.6vw, 4.65rem); letter-spacing: -0.042em; line-height: 0.98; text-wrap: balance; } .page-project-azure-glossary .azgb-section-heading > p, .page-project-azure-glossary .azgb-final-cta > div > p:last-child { margin: 0; color: rgba(205, 212, 222, 0.68); font-size: 1rem; line-height: 1.72; } .page-project-azure-glossary .azgb-connected-grid { display: grid; grid-template-columns: minmax(21rem, 0.74fr) minmax(0, 1.26fr); gap: 1rem; } .page-project-azure-glossary .azgb-search-story, .page-project-azure-glossary .azgb-capability-card, .page-project-azure-glossary .azgb-pathway-card { border: 1px solid rgba(255, 255, 255, 0.095); background: linear-gradient(145deg, rgba(19, 27, 38, 0.88), rgba(9, 13, 19, 0.92)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 24px 65px rgba(0, 0, 0, 0.2); } .page-project-azure-glossary .azgb-search-story { min-height: 25rem; padding: clamp(1.5rem, 3vw, 2.35rem); border-radius: 24px; background: radial-gradient(circle at 0 0, rgba(206, 73, 162, 0.13), transparent 38%), linear-gradient(145deg, rgba(17, 29, 43, 0.96), rgba(8, 13, 20, 0.96)); } .page-project-azure-glossary .azgb-search-label, .page-project-azure-glossary .azgb-pathway-label { margin: 0 0 1rem; color: #d6b985; } .page-project-azure-glossary .azgb-query-list { display: flex; flex-wrap: wrap; gap: 0.58rem; margin: 0 0 1.4rem; } .page-project-azure-glossary .azgb-query-list span, .page-project-azure-glossary .azgb-exam-cloud span { display: inline-flex; align-items: center; min-height: 2.15rem; padding: 0.42rem 0.72rem; border: 1px solid rgba(213, 99, 175, 0.26); border-radius: 999px; color: rgba(241, 235, 243, 0.88); background: rgba(151, 49, 182, 0.08); font-size: 0.8rem; font-weight: 650; } .page-project-azure-glossary .azgb-search-story > p { margin: 0; color: rgba(208, 215, 225, 0.7); line-height: 1.72; } .page-project-azure-glossary .azgb-inline-link { display: inline-flex; align-items: center; gap: 0.35rem; margin-top: 1.35rem; color: #e1afd0; font-size: 0.87rem; font-weight: 750; transition: color 0.2s ease, gap 0.2s ease; } .page-project-azure-glossary .azgb-inline-link:hover { gap: 0.58rem; color: #ffffff; } .page-project-azure-glossary .azgb-capability-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .page-project-azure-glossary .azgb-capability-card { min-height: 12rem; padding: 1.55rem; border-radius: 22px; } .page-project-azure-glossary .azgb-card-number { display: block; color: rgba(220, 124, 188, 0.72); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.15em; } .page-project-azure-glossary .azgb-capability-card h3, .page-project-azure-glossary .azgb-pathway-card h3 { margin: 0.72rem 0 0; color: #f3eee6; font-family: "Newsreader", serif; font-weight: 500; letter-spacing: -0.02em; } .page-project-azure-glossary .azgb-capability-card h3 { font-size: 1.55rem; } .page-project-azure-glossary .azgb-capability-card p { margin: 0.72rem 0 0; color: rgba(201, 209, 220, 0.66); font-size: 0.88rem; line-height: 1.65; } .page-project-azure-glossary .azgb-pathways { padding-top: 4rem; } .page-project-azure-glossary .azgb-section-heading-compact { margin-bottom: 2rem; } .page-project-azure-glossary .azgb-pathway-grid { display: grid; gap: 1.2rem; } .page-project-azure-glossary .azgb-pathway-card { display: grid; grid-template-columns: minmax(0, 0.96fr) minmax(26rem, 1.04fr); align-items: stretch; overflow: hidden; border-radius: 28px; } .page-project-azure-glossary .azgb-pathway-exams { background: radial-gradient(circle at 0 0, rgba(156, 104, 214, 0.1), transparent 34%), linear-gradient(145deg, rgba(23, 21, 36, 0.95), rgba(9, 13, 19, 0.96)); } .page-project-azure-glossary .azgb-pathway-ops { background: radial-gradient(circle at 100% 0, rgba(202, 54, 153, 0.12), transparent 34%), linear-gradient(145deg, rgba(14, 27, 34, 0.95), rgba(9, 13, 19, 0.96)); } .page-project-azure-glossary .azgb-pathway-copy { padding: clamp(1.7rem, 3.6vw, 3rem); } .page-project-azure-glossary .azgb-pathway-card h3 { max-width: 16ch; font-size: clamp(2.1rem, 3.4vw, 3.35rem); line-height: 1; } .page-project-azure-glossary .azgb-pathway-card .azgb-pathway-copy > p:not(.azgb-pathway-label) { margin: 1rem 0 0; color: rgba(207, 214, 224, 0.7); line-height: 1.68; } .page-project-azure-glossary .azgb-pathway-card ul { display: grid; gap: 0.55rem; margin: 1.2rem 0 0; padding: 0; list-style: none; } .page-project-azure-glossary .azgb-pathway-card li { position: relative; padding-left: 1.2rem; color: rgba(229, 232, 238, 0.82); font-size: 0.85rem; line-height: 1.5; } .page-project-azure-glossary .azgb-pathway-card li::before { content: ""; position: absolute; left: 0; top: 0.58rem; width: 0.38rem; height: 0.38rem; border-radius: 50%; background: #de81bf; box-shadow: 0 0 14px rgba(222, 129, 191, 0.35); } .page-project-azure-glossary .azgb-exam-cloud { display: flex; flex-wrap: wrap; gap: 0.42rem; margin-top: 1.35rem; } .page-project-azure-glossary .azgb-exam-cloud span { min-height: 1.85rem; padding: 0.34rem 0.58rem; border-color: rgba(173, 127, 223, 0.25); background: rgba(137, 85, 188, 0.08); font-size: 0.7rem; } .page-project-azure-glossary .azgb-pathway-media { min-width: 0; min-height: 100%; margin: 0; padding: 1.2rem; display: flex; align-items: center; background: rgba(2, 5, 9, 0.36); border-left: 1px solid rgba(255, 255, 255, 0.07); } .page-project-azure-glossary .azgb-pathway-media img { width: 100%; max-height: 31rem; object-fit: cover; object-position: top; border: 1px solid rgba(255, 255, 255, 0.095); border-radius: 16px; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38); } .page-project-azure-glossary .azgb-safety-note { display: grid; grid-template-columns: auto 1fr; gap: 0.8rem; margin-top: 1.3rem; padding: 0.9rem; border: 1px solid rgba(110, 207, 172, 0.17); border-radius: 14px; background: rgba(69, 152, 122, 0.065); } .page-project-azure-glossary .azgb-safety-note svg { width: 1.35rem; height: 1.35rem; margin-top: 0.1rem; color: #7bd4b4; } .page-project-azure-glossary .azgb-safety-note div { display: grid; gap: 0.18rem; } .page-project-azure-glossary .azgb-safety-note strong { color: #ddf2ea; font-size: 0.83rem; } .page-project-azure-glossary .azgb-safety-note span { color: rgba(202, 218, 212, 0.68); font-size: 0.75rem; line-height: 1.48; } .page-project-azure-glossary .azgb-final-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: center; margin-top: 1rem; padding: clamp(2rem, 4vw, 3.5rem); border: 1px solid rgba(214, 188, 146, 0.25); border-radius: 28px; background: radial-gradient(circle at 20% 0, rgba(205, 160, 103, 0.12), transparent 38%), radial-gradient(circle at 90% 100%, rgba(206, 69, 160, 0.1), transparent 34%), linear-gradient(130deg, rgba(19, 24, 31, 0.97), rgba(8, 12, 18, 0.98)); box-shadow: 0 30px 90px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04); } .page-project-azure-glossary .azgb-final-cta h2 { max-width: 17ch; font-size: clamp(2.35rem, 4vw, 4rem); } .page-project-azure-glossary .azgb-final-cta > div > p:last-child { max-width: 48rem; margin-top: 0.9rem; } .page-project-azure-glossary .azgb-final-actions { justify-content: flex-end; max-width: 26rem; } .page-project-azure-glossary .azgb-disclaimer { grid-column: 1 / -1; margin: 0.35rem 0 0; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.07); color: rgba(194, 201, 211, 0.48); font-size: 0.7rem; } @media (max-width: 1120px) { .page-project-azure-glossary .azgb-hero-grid, .page-project-azure-glossary .azgb-pathway-card { grid-template-columns: 1fr; } .page-project-azure-glossary .azgb-hero-grid { min-height: 0; } .page-project-azure-glossary .azgb-hero-copy { max-width: 52rem; } .page-project-azure-glossary .azgb-hero-media { transform: none; } .page-project-azure-glossary .azgb-pathway-media { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.07); } .page-project-azure-glossary .azgb-pathway-media img { max-height: none; aspect-ratio: 16 / 9; } } @media (max-width: 900px) { .page-project-azure-glossary .azgb-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem 0; } .page-project-azure-glossary .azgb-stat-grid div:nth-child(4) { padding-left: 0; border-left: 0; } .page-project-azure-glossary .azgb-section-heading, .page-project-azure-glossary .azgb-connected-grid, .page-project-azure-glossary .azgb-final-cta { grid-template-columns: 1fr; } .page-project-azure-glossary .azgb-section-heading { gap: 1.25rem; } .page-project-azure-glossary .azgb-section-heading > p { max-width: 46rem; } .page-project-azure-glossary .azgb-final-actions { justify-content: flex-start; max-width: none; } } @media (max-width: 640px) { .page-project-azure-glossary .azgb-page { width: min(1180px, calc(100% - 2rem)); padding-top: 0.6rem; } .page-project-azure-glossary .azgb-hero { min-height: 0; padding: 1rem; border-radius: 22px; } .page-project-azure-glossary .azgb-hero-topline { align-items: flex-start; } .page-project-azure-glossary .azgb-text-link { max-width: 9rem; justify-content: flex-end; text-align: right; font-size: 0.61rem; } .page-project-azure-glossary .azgb-hero-grid { gap: 1.6rem; padding: 2rem 0 1.7rem; } .page-project-azure-glossary .azgb-hero h1 { font-size: clamp(3rem, 16vw, 4.3rem); } .page-project-azure-glossary .azgb-actions, .page-project-azure-glossary .azgb-final-actions { display: grid; grid-template-columns: 1fr; } .page-project-azure-glossary .azgb-button { width: 100%; } .page-project-azure-glossary .azgb-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-project-azure-glossary .azgb-stat-grid div:nth-child(3), .page-project-azure-glossary .azgb-stat-grid div:nth-child(5) { padding-left: 0; border-left: 0; } .page-project-azure-glossary .azgb-stat-grid div:nth-child(4) { padding-left: 1.15rem; border-left: 1px solid rgba(255, 255, 255, 0.075); } .page-project-azure-glossary .azgb-section { padding: 4rem 0.25rem; } .page-project-azure-glossary .azgb-section-heading h2, .page-project-azure-glossary .azgb-final-cta h2 { font-size: clamp(2.45rem, 12vw, 3.3rem); } .page-project-azure-glossary .azgb-capability-grid { grid-template-columns: 1fr; } .page-project-azure-glossary .azgb-capability-card { min-height: 0; } .page-project-azure-glossary .azgb-pathway-card { border-radius: 22px; } .page-project-azure-glossary .azgb-pathway-copy { padding: 1.35rem; } .page-project-azure-glossary .azgb-pathway-media { padding: 0.7rem; } .page-project-azure-glossary .azgb-final-cta { padding: 1.5rem; border-radius: 22px; } } @media (prefers-reduced-motion: reduce) { .page-project-azure-glossary .azgb-hero::after { animation: none; } .page-project-azure-glossary .azgb-button, .page-project-azure-glossary .azgb-text-link, .page-project-azure-glossary .azgb-inline-link { transition: none; } } @media (min-width: 1121px) { .page-project-azure-glossary .azgb-hero { min-height: 0; } .page-project-azure-glossary .azgb-hero-grid { min-height: 28rem; padding: 2.35rem 0 1.7rem; } .page-project-azure-glossary .azgb-hero h1 { font-size: clamp(3.7rem, 5.5vw, 5.65rem); } .page-project-azure-glossary .azgb-hero-lede { margin-top: 1.25rem; font-size: 1.06rem; } .page-project-azure-glossary .azgb-hero-summary { font-size: 0.9rem; line-height: 1.58; } .page-project-azure-glossary .azgb-hero-media figcaption { padding-block: 0.65rem 0.75rem; } .page-project-azure-glossary .azgb-stat-grid { padding-top: 1rem; } .page-project-azure-glossary .azgb-section { padding-top: 4.25rem; padding-bottom: 4.25rem; } .page-project-azure-glossary .azgb-section-heading { margin-bottom: 1.8rem; } .page-project-azure-glossary .azgb-section-heading h2 { font-size: clamp(2.6rem, 3.8vw, 3.9rem); } .page-project-azure-glossary .azgb-search-story { min-height: 22rem; } .page-project-azure-glossary .azgb-capability-card { min-height: 10.5rem; padding: 1.35rem; } .page-project-azure-glossary .azgb-pathways { padding-top: 3rem; } .page-project-azure-glossary .azgb-pathway-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; } .page-project-azure-glossary .azgb-pathway-card { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .page-project-azure-glossary .azgb-pathway-media { order: -1; min-height: 0; padding: 0.8rem; border-left: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .page-project-azure-glossary .azgb-pathway-media img { max-height: none; aspect-ratio: 16 / 8.4; object-fit: cover; object-position: top; } .page-project-azure-glossary .azgb-pathway-copy { padding: 1.65rem 1.8rem 1.8rem; } .page-project-azure-glossary .azgb-pathway-card h3 { font-size: clamp(2rem, 2.6vw, 2.75rem); } .page-project-azure-glossary .azgb-pathway-card .azgb-pathway-copy > p:not(.azgb-pathway-label) { font-size: 0.88rem; line-height: 1.58; } .page-project-azure-glossary .azgb-pathway-card li { font-size: 0.78rem; } .page-project-azure-glossary .azgb-final-cta { padding: 2.4rem 2.7rem; } .page-project-azure-glossary .azgb-final-cta h2 { font-size: clamp(2.25rem, 3.2vw, 3.35rem); } } @media (min-width: 1121px) { .page-project-azure-glossary .azgb-hero { padding-top: 1.8rem; padding-bottom: 1.8rem; } .page-project-azure-glossary .azgb-hero-topline { padding-bottom: 1.1rem; } .page-project-azure-glossary .azgb-hero-grid { min-height: 25rem; padding: 1.8rem 0 1.25rem; } .page-project-azure-glossary .azgb-hero h1 { font-size: clamp(3.55rem, 5.15vw, 5.2rem); } .page-project-azure-glossary .azgb-hero-lede { margin-top: 1rem; font-size: 0.98rem; line-height: 1.55; } .page-project-azure-glossary .azgb-actions { margin-top: 1.25rem; } .page-project-azure-glossary .azgb-trust-line { margin-top: 0.75rem; } .page-project-azure-glossary .azgb-section { padding-top: 3.45rem; padding-bottom: 3.45rem; } .page-project-azure-glossary .azgb-section-heading { margin-bottom: 1.4rem; } .page-project-azure-glossary .azgb-search-story { min-height: 20.2rem; padding: 1.75rem; } .page-project-azure-glossary .azgb-capability-card { min-height: 9.6rem; padding: 1.15rem 1.3rem; } .page-project-azure-glossary .azgb-capability-card p { line-height: 1.52; } .page-project-azure-glossary .azgb-pathways { padding-top: 2.5rem; } .page-project-azure-glossary .azgb-pathway-media img { aspect-ratio: 16 / 6.6; } .page-project-azure-glossary .azgb-pathway-copy { padding: 1.35rem 1.55rem 1.5rem; } .page-project-azure-glossary .azgb-pathway-card h3 { margin-top: 0.5rem; font-size: clamp(1.9rem, 2.35vw, 2.45rem); } .page-project-azure-glossary .azgb-pathway-card .azgb-pathway-copy > p:not(.azgb-pathway-label) { margin-top: 0.72rem; line-height: 1.5; } .page-project-azure-glossary .azgb-pathway-card ul { gap: 0.4rem; margin-top: 0.85rem; } .page-project-azure-glossary .azgb-exam-cloud { margin-top: 0.9rem; } .page-project-azure-glossary .azgb-safety-note { margin-top: 0.9rem; padding: 0.72rem; } .page-project-azure-glossary .azgb-inline-link { margin-top: 0.9rem; } .page-project-azure-glossary .azgb-final-cta { margin-top: 0; padding: 1.9rem 2.3rem; } } @media (max-width: 767px) { .page-project-azure-glossary .azgb-page { width: min(1180px, calc(100% - 2rem)); } } [data-portfolio-media-frame] > img[hidden] { display: none !important; } .project-media-gallery-section { padding-top: 1.25rem; } .project-media-gallery-heading { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.25rem; } .project-media-gallery-heading h2, .project-media-gallery-heading p { margin: 0; } .project-media-gallery-heading p { max-width: 38rem; color: var(--muted); font-size: 1rem; line-height: 1.6; text-align: right; } .project-media-gallery-heading code { color: var(--gold); } .project-media-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.15rem; } .project-media-gallery-card { position: relative; display: grid; align-content: start; min-width: 0; margin: 0; padding: 0; overflow: hidden; border-radius: 26px; } .project-media-gallery-card > img { display: block; width: 100%; height: auto; max-height: min(70vh, 52rem); object-fit: contain; background: rgba(5, 8, 13, 0.72); } .project-media-gallery-card:only-child { grid-column: 1 / -1; } .project-media-gallery-card:only-child > img { aspect-ratio: 16 / 9; max-height: none; object-fit: cover; object-position: top center; } .project-media-gallery-card > figcaption { display: grid; gap: 0.35rem; padding: 1rem 1.1rem 1.15rem; border-top: 1px solid rgba(255, 255, 255, 0.07); } .project-media-gallery-card > figcaption span { color: var(--muted); } [data-portfolio-media-frame].is-portfolio-media-unavailable { min-height: 10rem; background: radial-gradient(circle at 20% 20%, rgba(214, 188, 146, 0.12), transparent 34%), linear-gradient(145deg, rgba(18, 23, 31, 0.96), rgba(7, 10, 15, 0.98)); } @media (max-width: 900px) { .project-media-gallery-grid { grid-template-columns: 1fr; } .project-media-gallery-heading { align-items: start; flex-direction: column; } .project-media-gallery-heading p { text-align: left; } } @media (forced-colors: active) { .project-media-gallery-card { border: 1px solid CanvasText; } } /*!sf-css-source:css/public/features/home-business.css*/ .page-home-overlift-deck { --home-gap: 30px; --home-gold: #d8ad68; --home-gold-bright: #f2d59d; --home-ivory: #f5efe3; --home-titanium: #a4adb7; --home-titanium-dim: rgba(164, 173, 183, 0.24); --home-magenta: #d76ab3; --home-surface: rgba(5, 10, 15, 0.97); --home-panel: rgba(11, 17, 24, 0.9); --home-panel-soft: rgba(17, 23, 31, 0.76); --home-border: rgba(216, 173, 104, 0.52); --home-border-hot: rgba(242, 213, 157, 0.82); --home-glow: rgba(216, 173, 104, 0.16); --home-text: rgba(246, 241, 232, 0.96); --home-muted: rgba(199, 208, 218, 0.76); } .page-home-overlift-deck .site-main { overflow: clip; } .page-home-overlift-deck .home-experience-flow { display: grid; gap: var(--home-gap); padding: var(--home-gap) 0 0; } .page-home-overlift-deck .home-experience-flow > section { width: 100%; min-width: 0; margin: 0; padding: 0; } .page-home-overlift-deck .home-experience-flow > section > .site-width { min-width: 0; max-width: calc(100vw - 30px); } .page-home-overlift-deck .home-command-surface, .page-home-overlift-deck .home-projects-section > .site-width { position: relative; isolation: isolate; overflow: hidden; border: 1px solid var(--home-border); border-radius: 32px; background: radial-gradient(circle at 18% 0%, rgba(216, 173, 104, 0.08), transparent 30%), radial-gradient(circle at 86% 12%, rgba(193, 51, 146, 0.075), transparent 34%), linear-gradient(145deg, rgba(9, 14, 20, 0.98), rgba(3, 7, 11, 0.985)); box-shadow: inset 0 1px 0 rgba(255, 248, 233, 0.12), inset 0 0 0 1px rgba(74, 80, 88, 0.5), 0 0 0 1px rgba(66, 43, 17, 0.42), 0 24px 68px rgba(0, 0, 0, 0.38), 0 0 34px var(--home-glow); } .page-home-overlift-deck .home-command-surface::before, .page-home-overlift-deck .home-projects-section > .site-width::before { content: ""; position: absolute; inset: 5px; z-index: 0; pointer-events: none; border: 1px solid var(--home-titanium-dim); border-radius: 27px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025), 0 0 22px rgba(164, 173, 183, 0.035); } .page-home-overlift-deck .home-command-surface::after, .page-home-overlift-deck .home-projects-section > .site-width::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(90deg, transparent, rgba(242, 213, 157, 0.14), transparent) top / 44% 1px no-repeat, linear-gradient(90deg, transparent, rgba(164, 173, 183, 0.12), transparent) bottom / 66% 1px no-repeat; opacity: 0.86; } .page-home-overlift-deck .home-command-surface > :not(.home-context-field), .page-home-overlift-deck .home-projects-section > .site-width > * { position: relative; z-index: 2; } .page-home-overlift-deck .home-context-field { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0.95; } .page-home-overlift-deck .eyebrow { color: var(--home-gold-bright); letter-spacing: 0.18em; } .page-home-overlift-deck button, .page-home-overlift-deck a { -webkit-tap-highlight-color: transparent; } .page-home-overlift-deck button:focus-visible, .page-home-overlift-deck a:focus-visible { outline: 2px solid var(--home-gold-bright); outline-offset: 3px; } .page-home-overlift-deck .home-sean-signal-shell { min-height: max(560px, 52svh); padding: clamp(24px, 3vw, 38px); } .page-home-overlift-deck .home-signal-field { opacity: 0.82; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.72) 48%, rgba(0, 0, 0, 0.4)); } .page-home-overlift-deck .home-sean-signal-grid { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.3fr); gap: clamp(24px, 3.6vw, 54px); align-items: stretch; } .page-home-overlift-deck .home-sean-intro { display: grid; align-content: center; gap: 16px; min-width: 0; padding: clamp(6px, 1vw, 14px); } .page-home-overlift-deck .home-sean-intro h1 { margin: 0; max-width: 12ch; color: var(--home-ivory); font-size: clamp(3.2rem, 5.2vw, 5.6rem); line-height: 0.94; letter-spacing: -0.052em; text-wrap: balance; text-shadow: 0 0 40px rgba(216, 173, 104, 0.06); } .page-home-overlift-deck .home-sean-intro-lead, .page-home-overlift-deck .home-sean-intro-support { margin: 0; max-width: 64ch; line-height: 1.72; } .page-home-overlift-deck .home-sean-intro-lead { color: rgba(239, 242, 246, 0.9); font-size: clamp(1.02rem, 1.3vw, 1.16rem); } .page-home-overlift-deck .home-sean-intro-support { color: var(--home-muted); font-size: 0.95rem; } .page-home-overlift-deck .home-sean-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; } .page-home-overlift-deck .home-sean-console, .page-home-overlift-deck .home-deck-panel, .page-home-overlift-deck .home-deck-visual-card, .page-home-overlift-deck .home-modal-panel, .page-home-overlift-deck .home-project-card { position: relative; isolation: isolate; overflow: hidden; border: 1px solid rgba(216, 173, 104, 0.38); background: radial-gradient(circle at 88% 0%, rgba(216, 173, 104, 0.08), transparent 30%), linear-gradient(155deg, rgba(18, 24, 32, 0.9), rgba(7, 11, 16, 0.94)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 0 0 1px rgba(164, 173, 183, 0.15), 0 18px 46px rgba(0, 0, 0, 0.28), 0 0 24px rgba(216, 173, 104, 0.055); } .page-home-overlift-deck .home-sean-console::before, .page-home-overlift-deck .home-deck-panel::before, .page-home-overlift-deck .home-deck-visual-card::before, .page-home-overlift-deck .home-modal-panel::before, .page-home-overlift-deck .home-project-card::before { content: ""; position: absolute; inset: 4px; z-index: 0; pointer-events: none; border: 1px solid rgba(164, 173, 183, 0.22); border-radius: 20px; } .page-home-overlift-deck .home-sean-console > *, .page-home-overlift-deck .home-deck-panel > *, .page-home-overlift-deck .home-deck-visual-card > :not(.home-context-field), .page-home-overlift-deck .home-modal-panel > :not(.home-context-field), .page-home-overlift-deck .home-project-card > * { position: relative; z-index: 2; } .page-home-overlift-deck .home-sean-console { display: grid; grid-template-rows: auto auto 1fr; gap: 16px; min-width: 0; padding: clamp(18px, 2.4vw, 28px); border-radius: 26px; } .page-home-overlift-deck .home-console-heading, .page-home-overlift-deck .home-deck-panel-heading, .page-home-overlift-deck .home-deck-topbar, .page-home-overlift-deck .home-projects-heading, .page-home-overlift-deck .home-project-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .page-home-overlift-deck .home-console-heading h2, .page-home-overlift-deck .home-deck-panel-heading h2, .page-home-overlift-deck .home-projects-heading h2 { margin: 4px 0 0; color: var(--home-ivory); font-size: clamp(1.45rem, 2vw, 2rem); letter-spacing: -0.025em; } .page-home-overlift-deck .home-console-status, .page-home-overlift-deck .home-deck-online, .page-home-overlift-deck .home-deck-runtime-label, .page-home-overlift-deck .home-bridge-state { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; color: rgba(214, 223, 232, 0.78); font-size: 0.74rem; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .home-console-status i, .page-home-overlift-deck .home-deck-online i, .page-home-overlift-deck .home-bridge-state i { width: 7px; height: 7px; border-radius: 999px; background: #7ddd91; box-shadow: 0 0 12px rgba(125, 221, 145, 0.82); } .page-home-overlift-deck .home-sean-signal-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .page-home-overlift-deck .home-sean-signal-option { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 11px; min-height: 58px; padding: 10px 13px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 17px; background: rgba(255, 255, 255, 0.025); color: rgba(229, 235, 241, 0.84); text-align: left; transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .page-home-overlift-deck .home-sean-signal-option:last-child { grid-column: 1 / -1; } .page-home-overlift-deck .home-sean-signal-option span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(216, 173, 104, 0.42); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.72rem; } .page-home-overlift-deck .home-sean-signal-option strong { font-size: 0.91rem; line-height: 1.35; } .page-home-overlift-deck .home-sean-signal-option:hover, .page-home-overlift-deck .home-sean-signal-option.is-active { border-color: rgba(242, 213, 157, 0.6); background: linear-gradient(135deg, rgba(216, 173, 104, 0.12), rgba(205, 68, 159, 0.055)); color: var(--home-text); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.12), 0 0 24px rgba(216, 173, 104, 0.08); transform: translateY(-1px); } .page-home-overlift-deck .home-sean-signal-detail { display: grid; align-content: start; gap: 11px; min-height: 178px; padding: 18px; border: 1px solid rgba(164, 173, 183, 0.22); border-radius: 20px; background: radial-gradient(circle at 92% 10%, rgba(216, 173, 104, 0.095), transparent 32%), rgba(4, 8, 13, 0.7); } .page-home-overlift-deck .home-signal-detail-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 18px; color: rgba(197, 208, 220, 0.68); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-signal-detail-heading strong { color: rgba(242, 213, 157, 0.82); font-weight: 700; } .page-home-overlift-deck .home-sean-signal-detail h3 { margin: 0; color: var(--home-ivory); font-size: clamp(1.35rem, 2vw, 1.85rem); } .page-home-overlift-deck .home-sean-signal-detail p { margin: 0; color: var(--home-muted); font-size: 0.94rem; line-height: 1.62; } .page-home-overlift-deck .home-signal-tech-rail, .page-home-overlift-deck .home-stage-detail-metrics, .page-home-overlift-deck .home-modal-promise-rail { display: flex; flex-wrap: wrap; gap: 8px; } .page-home-overlift-deck .home-signal-tech-rail span, .page-home-overlift-deck .home-stage-detail-metrics span, .page-home-overlift-deck .home-modal-promise-rail span { padding: 6px 10px; border: 1px solid rgba(216, 173, 104, 0.28); border-radius: 999px; background: rgba(216, 173, 104, 0.055); color: rgba(239, 231, 217, 0.86); font-size: 0.72rem; line-height: 1.2; } .page-home-overlift-deck .home-sean-proof-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 22px; } .page-home-overlift-deck .home-sean-proof-rail article { display: grid; gap: 4px; min-height: 68px; padding: 12px 14px; border: 1px solid rgba(164, 173, 183, 0.16); border-radius: 16px; background: rgba(5, 9, 14, 0.64); } .page-home-overlift-deck .home-sean-proof-rail strong { color: var(--home-gold-bright); font-size: 1rem; } .page-home-overlift-deck .home-sean-proof-rail span { color: rgba(203, 213, 222, 0.72); font-size: 0.78rem; line-height: 1.35; } .page-home-overlift-deck .home-sean-to-deck-bridge { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-top: 14px; padding: 13px 16px; border: 1px solid rgba(216, 173, 104, 0.24); border-radius: 16px; background: linear-gradient(90deg, rgba(216, 173, 104, 0.07), rgba(24, 51, 65, 0.08), rgba(216, 173, 104, 0.045)); } .page-home-overlift-deck .home-sean-to-deck-bridge > strong { color: rgba(237, 240, 243, 0.86); font-size: 0.91rem; text-align: center; } .page-home-overlift-deck .home-sean-to-deck-bridge button, .page-home-overlift-deck .home-deck-topbar-actions button, .page-home-overlift-deck .home-inline-link { border: 0; background: transparent; color: var(--home-gold-bright); font-weight: 750; text-decoration: none; } .page-home-overlift-deck .home-overlift-deck-shell { min-height: max(760px, 85svh); padding: clamp(18px, 2vw, 28px); } .page-home-overlift-deck .home-deck-field { opacity: 0.84; } .page-home-overlift-deck .home-deck-topbar { align-items: center; margin-bottom: 18px; padding: 2px 4px 14px; border-bottom: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-deck-brand { display: flex; align-items: center; gap: 12px; } .page-home-overlift-deck .home-deck-brand strong { display: block; margin-top: 3px; color: var(--home-ivory); font-size: clamp(1.1rem, 1.5vw, 1.38rem); } .page-home-overlift-deck .home-deck-mark { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(242, 213, 157, 0.68); border-radius: 14px; background: linear-gradient(145deg, rgba(216, 173, 104, 0.15), rgba(8, 13, 19, 0.9)); color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 800; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.2), 0 0 20px rgba(216, 173, 104, 0.12); } .page-home-overlift-deck .home-deck-topbar-actions { display: flex; align-items: center; gap: 18px; } .page-home-overlift-deck .home-deck-topbar-actions button { padding: 8px 11px; border: 1px solid rgba(216, 173, 104, 0.25); border-radius: 12px; background: rgba(216, 173, 104, 0.045); } .page-home-overlift-deck .home-overlift-deck-grid { display: grid; grid-template-columns: minmax(230px, 0.8fr) minmax(520px, 1.65fr) minmax(250px, 0.88fr); grid-template-areas: "intro process log" "sandbox sandbox sandbox" "runtime architecture impact"; gap: 16px; align-items: stretch; } .page-home-overlift-deck .home-deck-panel { min-width: 0; padding: clamp(16px, 1.7vw, 22px); border-radius: 23px; } .page-home-overlift-deck .home-deck-intro-panel { grid-area: intro; } .page-home-overlift-deck .home-deck-process-panel { grid-area: process; } .page-home-overlift-deck .home-deck-log-panel { grid-area: log; } .page-home-overlift-deck .home-deck-sandbox-panel { grid-area: sandbox; } .page-home-overlift-deck .home-deck-runtime-panel { grid-area: runtime; } .page-home-overlift-deck .home-deck-architecture-card { grid-area: architecture; } .page-home-overlift-deck .home-deck-impact-card { grid-area: impact; } .page-home-overlift-deck .home-deck-intro-panel h2, .page-home-overlift-deck .home-deck-runtime-panel h2 { margin: 8px 0 0; color: var(--home-ivory); font-size: clamp(1.5rem, 2.1vw, 2.18rem); line-height: 1.08; letter-spacing: -0.035em; } .page-home-overlift-deck .home-deck-intro-panel > p, .page-home-overlift-deck .home-deck-runtime-panel > p { margin: 12px 0 0; color: var(--home-muted); font-size: 0.92rem; line-height: 1.62; } .page-home-overlift-deck .home-deck-scenario-list { display: grid; gap: 8px; margin-top: 18px; } .page-home-overlift-deck .home-deck-scenario-list button { position: relative; min-height: 46px; padding: 10px 13px 10px 34px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 14px; background: rgba(255, 255, 255, 0.022); color: rgba(215, 224, 233, 0.78); font-size: 0.83rem; font-weight: 700; line-height: 1.35; text-align: left; } .page-home-overlift-deck .home-deck-scenario-list button::before { content: ""; position: absolute; left: 13px; top: 50%; width: 8px; height: 8px; border: 1px solid rgba(216, 173, 104, 0.55); border-radius: 50%; transform: translateY(-50%); } .page-home-overlift-deck .home-deck-scenario-list button:hover, .page-home-overlift-deck .home-deck-scenario-list button.is-active { border-color: rgba(242, 213, 157, 0.56); background: linear-gradient(90deg, rgba(216, 173, 104, 0.12), rgba(71, 118, 145, 0.055)); color: var(--home-text); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.11), 0 0 20px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-deck-scenario-list button.is-active::before { background: var(--home-gold-bright); box-shadow: 0 0 12px rgba(242, 213, 157, 0.72); } .page-home-overlift-deck .home-deck-context { display: grid; gap: 0; margin: 18px 0 0; border-top: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-deck-context div { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 9px; padding: 9px 0; border-bottom: 1px solid rgba(164, 173, 183, 0.1); } .page-home-overlift-deck .home-deck-context dt { color: rgba(216, 173, 104, 0.78); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-deck-context dd { margin: 0; color: rgba(218, 226, 233, 0.78); font-size: 0.76rem; line-height: 1.35; } .page-home-overlift-deck .home-deck-process-panel { display: grid; gap: 18px; } .page-home-overlift-deck .home-deck-runtime-label { max-width: 220px; justify-content: flex-end; text-align: right; line-height: 1.45; } .page-home-overlift-deck .home-deck-stage-flow { display: grid; grid-template-columns: minmax(95px, 1fr) auto minmax(95px, 1fr) auto minmax(95px, 1fr) auto minmax(95px, 1fr) auto minmax(95px, 1fr); gap: 7px; align-items: center; } .page-home-overlift-deck .home-deck-stage { position: relative; display: grid; justify-items: center; align-content: start; gap: 8px; min-height: 178px; padding: 13px 8px 11px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 18px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)); color: rgba(207, 217, 226, 0.74); text-align: center; transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, background 180ms ease; } .page-home-overlift-deck .home-deck-stage:hover, .page-home-overlift-deck .home-deck-stage.is-active { border-color: rgba(242, 213, 157, 0.68); background: linear-gradient(180deg, rgba(216, 173, 104, 0.12), rgba(128, 47, 101, 0.04)); color: var(--home-text); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.13), 0 0 28px rgba(216, 173, 104, 0.1); transform: translateY(-2px); } .page-home-overlift-deck .home-deck-stage[data-stage-state="complete"] { border-color: rgba(112, 199, 148, 0.35); } .page-home-overlift-deck .home-stage-number { position: absolute; top: 8px; left: 8px; display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid rgba(216, 173, 104, 0.48); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.65rem; } .page-home-overlift-deck .home-stage-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-top: 16px; border: 1px solid rgba(216, 173, 104, 0.28); border-radius: 16px; background: rgba(4, 8, 13, 0.55); color: var(--home-gold-bright); } .page-home-overlift-deck .home-stage-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; } .page-home-overlift-deck .home-deck-stage strong { color: inherit; font-size: 0.86rem; line-height: 1.25; } .page-home-overlift-deck .home-deck-stage small { color: rgba(188, 199, 210, 0.62); font-size: 0.66rem; line-height: 1.45; } .page-home-overlift-deck .home-stage-connector { color: rgba(216, 173, 104, 0.72); font-size: 1.35rem; text-shadow: 0 0 14px rgba(216, 173, 104, 0.52); } .page-home-overlift-deck .home-stage-detail { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: end; min-height: 125px; padding: 17px 18px; border: 1px solid rgba(216, 173, 104, 0.23); border-radius: 18px; background: linear-gradient(135deg, rgba(216, 173, 104, 0.075), rgba(100, 37, 79, 0.06), rgba(4, 8, 13, 0.72)); } .page-home-overlift-deck .home-stage-detail [data-stage-detail-kicker] { color: rgba(216, 173, 104, 0.78); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .home-stage-detail h3 { margin: 5px 0 0; color: var(--home-ivory); font-size: 1.35rem; } .page-home-overlift-deck .home-stage-detail p { margin: 7px 0 0; color: var(--home-muted); font-size: 0.86rem; line-height: 1.55; } .page-home-overlift-deck .home-stage-detail-metrics { justify-content: flex-end; max-width: 240px; } .page-home-overlift-deck .home-deck-log-panel { display: grid; grid-template-rows: auto 1fr; gap: 12px; } .page-home-overlift-deck .home-log-heading h2 { font-size: 1.25rem; } .page-home-overlift-deck .home-system-log { list-style: none; margin: 0; padding: 0; overflow: hidden; border-top: 1px solid rgba(164, 173, 183, 0.14); } .page-home-overlift-deck .home-system-log li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 9px; align-items: start; padding: 10px 0; border-bottom: 1px solid rgba(164, 173, 183, 0.1); animation: home-log-enter 220ms ease both; } .page-home-overlift-deck .home-system-log span { color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.65rem; } .page-home-overlift-deck .home-system-log strong { color: rgba(213, 221, 229, 0.79); font-size: 0.72rem; font-weight: 550; line-height: 1.42; } .page-home-overlift-deck .home-system-log time { color: rgba(152, 166, 179, 0.52); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.59rem; } @keyframes home-log-enter { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } .page-home-overlift-deck .home-deck-runtime-panel ul { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 9px; } .page-home-overlift-deck .home-deck-runtime-panel li { display: grid; gap: 2px; padding: 9px 10px; border-left: 2px solid rgba(216, 173, 104, 0.36); background: linear-gradient(90deg, rgba(216, 173, 104, 0.055), transparent); } .page-home-overlift-deck .home-deck-runtime-panel li strong { color: rgba(241, 234, 221, 0.9); font-size: 0.74rem; } .page-home-overlift-deck .home-deck-runtime-panel li span { color: rgba(182, 195, 207, 0.65); font-size: 0.66rem; line-height: 1.35; } .page-home-overlift-deck .home-deck-visual-card { position: relative; min-height: 215px; padding: 20px; border-radius: 23px; color: var(--home-text); text-align: left; cursor: pointer; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .page-home-overlift-deck .home-deck-visual-card:hover { transform: translateY(-3px); border-color: var(--home-border-hot); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), inset 0 0 0 1px rgba(164, 173, 183, 0.2), 0 22px 54px rgba(0, 0, 0, 0.34), 0 0 34px rgba(216, 173, 104, 0.13); } .page-home-overlift-deck .home-deck-visual-card .eyebrow { display: block; margin-bottom: 74px; } .page-home-overlift-deck .home-deck-visual-card > strong { display: block; max-width: 38ch; color: var(--home-ivory); font-family: var(--font-display, Georgia, serif); font-size: clamp(1.15rem, 1.5vw, 1.5rem); line-height: 1.2; } .page-home-overlift-deck .home-visual-card-action { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(164, 173, 183, 0.14); color: var(--home-gold-bright); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-tile-field { opacity: 1; } .page-home-overlift-deck .home-deck-sandbox-panel { padding: clamp(18px, 2vw, 26px); background: radial-gradient(circle at 10% 0%, rgba(215, 106, 179, 0.065), transparent 30%), radial-gradient(circle at 90% 14%, rgba(216, 173, 104, 0.08), transparent 30%), linear-gradient(155deg, rgba(15, 22, 30, 0.94), rgba(5, 9, 14, 0.97)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.075), inset 0 0 0 1px rgba(164, 173, 183, 0.18), 0 20px 52px rgba(0, 0, 0, 0.32), 0 0 36px rgba(216, 173, 104, 0.075); } .page-home-overlift-deck .home-sandbox-console { display: grid; gap: 16px; } .page-home-overlift-deck .home-sandbox-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 2px 2px 15px; border-bottom: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-sandbox-heading > div:first-child { max-width: 76ch; } .page-home-overlift-deck .home-sandbox-heading h2 { margin: 6px 0 0; max-width: 31ch; color: var(--home-ivory); font-size: clamp(1.45rem, 2vw, 2.05rem); line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; } .page-home-overlift-deck .home-sandbox-heading p { margin: 9px 0 0; color: var(--home-muted); font-size: 0.84rem; line-height: 1.55; } .page-home-overlift-deck .home-sandbox-identity { display: grid; justify-items: end; gap: 5px; min-width: 224px; padding: 10px 12px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 15px; background: rgba(3, 8, 12, 0.62); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.04), 0 0 18px rgba(215, 106, 179, 0.035); } .page-home-overlift-deck .home-sandbox-identity span { color: rgba(242, 213, 157, 0.84); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-sandbox-identity code, .page-home-overlift-deck .home-sandbox-identity small { color: rgba(194, 206, 216, 0.7); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.66rem; } .page-home-overlift-deck .home-sandbox-workspace { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.12fr) minmax(0, 0.88fr); gap: 14px; } .page-home-overlift-deck .home-sandbox-card { position: relative; min-width: 0; min-height: 254px; padding: 17px; overflow: hidden; border: 1px solid rgba(216, 173, 104, 0.27); border-radius: 19px; background: radial-gradient(circle at 92% 0%, rgba(216, 173, 104, 0.075), transparent 34%), linear-gradient(150deg, rgba(15, 22, 30, 0.92), rgba(5, 10, 15, 0.94)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), inset 0 0 0 1px rgba(164, 173, 183, 0.16), 0 14px 34px rgba(0, 0, 0, 0.22), 0 0 24px rgba(216, 173, 104, 0.045); } .page-home-overlift-deck .home-sandbox-card::before { content: ""; position: absolute; inset: 4px; pointer-events: none; border: 1px solid rgba(164, 173, 183, 0.13); border-radius: 15px; } .page-home-overlift-deck .home-sandbox-card > * { position: relative; z-index: 1; } .page-home-overlift-deck .home-sandbox-card-label { display: flex; align-items: center; gap: 8px; color: rgba(216, 173, 104, 0.8); font-size: 0.66rem; font-weight: 850; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .home-sandbox-card-label span { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid rgba(242, 213, 157, 0.42); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.63rem; } .page-home-overlift-deck .home-sandbox-card h3 { margin: 12px 0 0; color: var(--home-ivory); font-size: clamp(1rem, 1.25vw, 1.25rem); line-height: 1.25; } .page-home-overlift-deck .home-sandbox-card > p { margin: 8px 0 0; color: var(--home-muted); font-size: 0.76rem; line-height: 1.5; } .page-home-overlift-deck .home-sandbox-card dl { display: grid; gap: 0; margin: 13px 0 0; border-top: 1px solid rgba(164, 173, 183, 0.13); } .page-home-overlift-deck .home-sandbox-card dl > div { display: grid; grid-template-columns: minmax(84px, 0.42fr) minmax(0, 1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(164, 173, 183, 0.09); } .page-home-overlift-deck .home-sandbox-card dt { color: rgba(216, 173, 104, 0.68); font-size: 0.6rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-sandbox-card dd { margin: 0; color: rgba(215, 224, 232, 0.74); font-size: 0.69rem; line-height: 1.38; } .page-home-overlift-deck .home-sandbox-policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 14px; } .page-home-overlift-deck .home-sandbox-policy-grid > span { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 7px; align-items: center; min-width: 0; padding: 8px 9px; border: 1px solid rgba(164, 173, 183, 0.15); border-radius: 12px; background: rgba(255, 255, 255, 0.018); } .page-home-overlift-deck .home-sandbox-policy-grid i { grid-row: 1 / 3; width: 8px; height: 8px; border: 1px solid rgba(164, 173, 183, 0.5); border-radius: 50%; } .page-home-overlift-deck .home-sandbox-policy-grid em { min-width: 0; overflow: hidden; color: rgba(221, 228, 234, 0.72); font-size: 0.66rem; font-style: normal; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; } .page-home-overlift-deck .home-sandbox-policy-grid b { color: rgba(153, 166, 178, 0.58); font-size: 0.57rem; font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="pass"], .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="not-required"] { border-color: rgba(112, 199, 148, 0.28); background: rgba(112, 199, 148, 0.035); } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="pass"] i, .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="not-required"] i { border-color: rgba(112, 199, 148, 0.76); background: rgba(112, 199, 148, 0.72); box-shadow: 0 0 10px rgba(112, 199, 148, 0.38); } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="hold"], .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="exception"] { border-color: rgba(242, 189, 96, 0.42); background: rgba(242, 189, 96, 0.055); } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="hold"] i, .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="exception"] i { border-color: rgba(242, 189, 96, 0.82); background: rgba(242, 189, 96, 0.72); box-shadow: 0 0 12px rgba(242, 189, 96, 0.42); } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="rejected"] { border-color: rgba(239, 119, 125, 0.42); background: rgba(239, 119, 125, 0.045); } .page-home-overlift-deck .home-sandbox-policy-grid > span[data-check-state="rejected"] i { border-color: rgba(239, 119, 125, 0.82); background: rgba(239, 119, 125, 0.7); box-shadow: 0 0 12px rgba(239, 119, 125, 0.36); } .page-home-overlift-deck .home-sandbox-outcome-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px !important; border-top: 0 !important; } .page-home-overlift-deck .home-sandbox-outcome-metrics > div { display: block !important; padding: 11px !important; border: 1px solid rgba(164, 173, 183, 0.14) !important; border-radius: 13px; background: rgba(3, 8, 12, 0.5); } .page-home-overlift-deck .home-sandbox-outcome-metrics dd { margin-top: 5px; color: var(--home-ivory); font-size: 1rem; font-weight: 750; } .page-home-overlift-deck .home-sandbox-commandbar { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; padding: 12px; border: 1px solid rgba(164, 173, 183, 0.15); border-radius: 17px; background: rgba(3, 8, 12, 0.64); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.035); } .page-home-overlift-deck .home-sandbox-commandbar button { min-height: 42px; padding: 9px 13px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 12px; background: rgba(255, 255, 255, 0.025); color: rgba(222, 229, 235, 0.78); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.04em; } .page-home-overlift-deck .home-sandbox-commandbar button:hover:not(:disabled) { border-color: rgba(242, 213, 157, 0.55); color: var(--home-text); box-shadow: 0 0 18px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-sandbox-commandbar button:disabled { cursor: not-allowed; opacity: 0.42; } .page-home-overlift-deck .home-sandbox-commandbar .home-sandbox-primary, .page-home-overlift-deck .home-sandbox-approve { border-color: rgba(242, 213, 157, 0.62); background: linear-gradient(135deg, rgba(216, 173, 104, 0.25), rgba(104, 70, 29, 0.18)); color: var(--home-ivory); box-shadow: inset 0 1px 0 rgba(255, 247, 228, 0.12), 0 0 18px rgba(216, 173, 104, 0.1); } .page-home-overlift-deck .home-sandbox-reject { border-color: rgba(239, 119, 125, 0.42) !important; color: rgba(255, 190, 193, 0.88) !important; } .page-home-overlift-deck .home-sandbox-approval { display: flex; flex-wrap: wrap; gap: 9px; } .page-home-overlift-deck .home-sandbox-approval[hidden] { display: none; } .page-home-overlift-deck .home-sandbox-status { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: center; padding: 11px 13px; border: 1px solid rgba(216, 173, 104, 0.2); border-radius: 15px; background: linear-gradient(90deg, rgba(216, 173, 104, 0.06), rgba(215, 106, 179, 0.025), rgba(3, 8, 12, 0.62)); } .page-home-overlift-deck .home-sandbox-status > span { padding: 6px 9px; border: 1px solid rgba(216, 173, 104, 0.34); border-radius: 999px; color: var(--home-gold-bright); font-size: 0.61rem; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; } .page-home-overlift-deck .home-sandbox-status > span[data-status-kind="verified"] { border-color: rgba(112, 199, 148, 0.5); color: rgba(151, 229, 183, 0.92); box-shadow: 0 0 14px rgba(112, 199, 148, 0.1); } .page-home-overlift-deck .home-sandbox-status > span[data-status-kind="hold"] { border-color: rgba(242, 189, 96, 0.54); color: rgba(255, 212, 132, 0.95); } .page-home-overlift-deck .home-sandbox-status > span[data-status-kind="rejected"] { border-color: rgba(239, 119, 125, 0.5); color: rgba(255, 185, 190, 0.94); } .page-home-overlift-deck .home-sandbox-status p { margin: 0; color: rgba(208, 217, 225, 0.74); font-size: 0.74rem; line-height: 1.45; } .page-home-overlift-deck .home-sandbox-timeline-shell { overflow: hidden; border: 1px solid rgba(164, 173, 183, 0.14); border-radius: 17px; background: rgba(3, 8, 12, 0.58); } .page-home-overlift-deck .home-sandbox-timeline-heading { display: flex; justify-content: space-between; gap: 14px; padding: 10px 13px; border-bottom: 1px solid rgba(164, 173, 183, 0.12); } .page-home-overlift-deck .home-sandbox-timeline-heading span { color: rgba(216, 173, 104, 0.8); font-size: 0.64rem; font-weight: 850; letter-spacing: 0.11em; text-transform: uppercase; } .page-home-overlift-deck .home-sandbox-timeline-heading small { color: rgba(164, 177, 188, 0.58); font-size: 0.62rem; } .page-home-overlift-deck .home-sandbox-timeline { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(172px, 1fr); gap: 0; margin: 0; padding: 0; overflow-x: auto; list-style: none; scroll-snap-type: x mandatory; } .page-home-overlift-deck .home-sandbox-timeline li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 9px; align-items: start; padding: 12px 13px; border-right: 1px solid rgba(164, 173, 183, 0.1); scroll-snap-align: start; } .page-home-overlift-deck .home-sandbox-timeline li > span { grid-row: 1 / 3; display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid rgba(216, 173, 104, 0.34); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.58rem; } .page-home-overlift-deck .home-sandbox-timeline li div { display: grid; gap: 3px; } .page-home-overlift-deck .home-sandbox-timeline li strong { color: rgba(230, 234, 237, 0.84); font-size: 0.68rem; } .page-home-overlift-deck .home-sandbox-timeline li small { color: rgba(169, 182, 194, 0.62); font-size: 0.58rem; line-height: 1.4; } .page-home-overlift-deck .home-sandbox-timeline li code { grid-column: 2; color: rgba(215, 106, 179, 0.68); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.57rem; } .page-home-overlift-deck .home-deck-stage[data-stage-state="blocked"] { border-color: rgba(242, 189, 96, 0.58); background: linear-gradient(180deg, rgba(242, 189, 96, 0.11), rgba(56, 44, 22, 0.04)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.12), 0 0 24px rgba(242, 189, 96, 0.09); } .page-home-overlift-deck .home-deck-stage[data-stage-state="verified"], .page-home-overlift-deck .home-deck-stage[data-stage-state="complete"] { border-color: rgba(112, 199, 148, 0.6); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.1), 0 0 22px rgba(112, 199, 148, 0.08); } .page-home-overlift-deck .home-deck-stage[data-stage-state="rejected"] { border-color: rgba(239, 119, 125, 0.54); background: linear-gradient(180deg, rgba(239, 119, 125, 0.09), rgba(62, 25, 28, 0.035)); } .page-home-overlift-deck .home-receipt-modal-panel { width: min(1120px, calc(100vw - 34px)); } .page-home-overlift-deck .home-receipt-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: start; } .page-home-overlift-deck .home-receipt-heading > strong { align-self: center; padding: 10px 13px; border: 1px solid rgba(216, 173, 104, 0.42); border-radius: 13px; background: rgba(216, 173, 104, 0.06); color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.76rem; box-shadow: 0 0 20px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-receipt-grid { display: grid; grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr); gap: 16px; margin-top: 18px; } .page-home-overlift-deck .home-receipt-summary, .page-home-overlift-deck .home-receipt-journal { min-width: 0; padding: 16px; border: 1px solid rgba(216, 173, 104, 0.24); border-radius: 19px; background: linear-gradient(150deg, rgba(14, 21, 29, 0.92), rgba(4, 9, 14, 0.94)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.14); } .page-home-overlift-deck .home-receipt-decision { padding: 9px 11px; border: 1px solid rgba(112, 199, 148, 0.34); border-radius: 13px; background: rgba(112, 199, 148, 0.045); color: rgba(157, 229, 186, 0.9); font-size: 0.72rem; font-weight: 800; } .page-home-overlift-deck .home-receipt-summary dl { display: grid; gap: 0; margin: 13px 0 0; border-top: 1px solid rgba(164, 173, 183, 0.13); } .page-home-overlift-deck .home-receipt-summary dl > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 10px; padding: 9px 0; border-bottom: 1px solid rgba(164, 173, 183, 0.09); } .page-home-overlift-deck .home-receipt-summary dt { color: rgba(216, 173, 104, 0.68); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; } .page-home-overlift-deck .home-receipt-summary dd { margin: 0; color: rgba(218, 225, 231, 0.78); font-size: 0.72rem; line-height: 1.4; } .page-home-overlift-deck .home-receipt-summary code, .page-home-overlift-deck .home-receipt-journal code { color: rgba(215, 106, 179, 0.76); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .page-home-overlift-deck [data-receipt-sha256] { overflow-wrap: anywhere; word-break: break-word; } .page-home-overlift-deck .home-receipt-result { margin-top: 14px; padding: 12px; border: 1px solid rgba(164, 173, 183, 0.13); border-radius: 14px; background: rgba(3, 8, 12, 0.55); } .page-home-overlift-deck .home-receipt-result span, .page-home-overlift-deck .home-receipt-journal-heading span { color: rgba(216, 173, 104, 0.75); font-size: 0.62rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-receipt-result p { margin: 7px 0 0; color: rgba(226, 232, 237, 0.82); font-size: 0.76rem; line-height: 1.5; } .page-home-overlift-deck .home-receipt-journal-heading { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 11px; border-bottom: 1px solid rgba(164, 173, 183, 0.13); } .page-home-overlift-deck .home-receipt-journal-heading small { color: rgba(164, 177, 188, 0.55); font-size: 0.62rem; } .page-home-overlift-deck .home-receipt-journal ol { display: grid; gap: 0; max-height: 52vh; margin: 0; padding: 0; overflow: auto; list-style: none; } .page-home-overlift-deck .home-receipt-journal li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 10px 0; border-bottom: 1px solid rgba(164, 173, 183, 0.09); } .page-home-overlift-deck .home-receipt-journal li strong { color: rgba(230, 235, 239, 0.82); font-size: 0.72rem; } .page-home-overlift-deck .home-receipt-journal li small { color: rgba(171, 184, 196, 0.62); font-size: 0.64rem; line-height: 1.38; } .page-home-overlift-deck .home-receipt-journal li code { grid-row: 1 / 3; grid-column: 2; align-self: center; font-size: 0.62rem; } .page-home-overlift-deck .home-receipt-promise-rail { margin-top: 16px; } .page-home-overlift-deck .home-projects-section > .site-width { padding: clamp(22px, 2.6vw, 34px); } .page-home-overlift-deck .home-projects-heading { align-items: end; margin-bottom: 22px; padding: 0 2px 18px; border-bottom: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-projects-heading > div { max-width: 74ch; } .page-home-overlift-deck .home-projects-heading h2 { font-size: clamp(2rem, 3.3vw, 3.15rem); } .page-home-overlift-deck .home-projects-heading p { margin: 10px 0 0; color: var(--home-muted); line-height: 1.68; } .page-home-overlift-deck .portfolio-card-grid.home-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--home-gap); } .page-home-overlift-deck .home-project-card { display: grid; grid-template-rows: auto 1fr; min-width: 0; border-radius: 24px; text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .page-home-overlift-deck .home-project-card:hover { transform: translateY(-3px); border-color: rgba(242, 213, 157, 0.58); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(164, 173, 183, 0.2), 0 24px 58px rgba(0, 0, 0, 0.36), 0 0 32px rgba(216, 173, 104, 0.1); } .page-home-overlift-deck .home-project-card .portfolio-card-art { min-height: 12rem; border-bottom: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-project-card-body { display: grid; align-content: start; gap: 13px; padding: clamp(18px, 2vw, 25px); } .page-home-overlift-deck .home-project-card-head .project-category { max-width: 55%; color: rgba(185, 197, 208, 0.68); font-size: 0.78rem; line-height: 1.4; text-align: right; } .page-home-overlift-deck .home-project-card-body h3 { margin: 0; color: var(--home-ivory); font-size: clamp(1.8rem, 2.6vw, 2.35rem); } .page-home-overlift-deck .home-project-card .portfolio-card-tagline { margin: 0; color: rgba(231, 236, 241, 0.84); font-size: 0.98rem; line-height: 1.6; } .page-home-overlift-deck .home-project-business-value, .page-home-overlift-deck .home-project-delivery { padding: 13px 14px; border: 1px solid rgba(164, 173, 183, 0.16); border-radius: 17px; background: rgba(255, 255, 255, 0.022); } .page-home-overlift-deck .home-project-business-value > span, .page-home-overlift-deck .home-project-delivery > span { display: block; color: var(--home-gold-bright); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } .page-home-overlift-deck .home-project-business-value p { margin: 7px 0 0; color: rgba(207, 216, 225, 0.76); font-size: 0.88rem; line-height: 1.58; } .page-home-overlift-deck .home-project-delivery ul { margin: 7px 0 0; padding-left: 1rem; color: rgba(194, 205, 215, 0.72); font-size: 0.84rem; line-height: 1.55; } .page-home-overlift-deck .home-project-card .portfolio-card-stack { color: rgba(160, 176, 189, 0.65); font-size: 0.78rem; line-height: 1.5; } .page-home-overlift-deck .home-project-case-study-link { margin-top: auto; } body.is-home-modal-open { overflow: hidden; } .page-home-overlift-deck .home-modal[hidden] { display: none !important; } .page-home-overlift-deck .home-modal { position: fixed; inset: 0; z-index: 1800; display: grid; place-items: center; padding: clamp(12px, 2.5vw, 34px); background: rgba(1, 4, 8, 0.82); backdrop-filter: blur(18px) saturate(118%); } .page-home-overlift-deck .home-modal-panel { width: min(1180px, 100%); max-height: min(91svh, 920px); overflow: auto; padding: clamp(22px, 3vw, 38px); border-radius: 30px; border-color: rgba(242, 213, 157, 0.68); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(164, 173, 183, 0.22), 0 32px 100px rgba(0, 0, 0, 0.72), 0 0 64px rgba(216, 173, 104, 0.2); } .page-home-overlift-deck .home-modal-field { position: fixed; opacity: 0.72; } .page-home-overlift-deck .home-modal-close { position: sticky; top: 0; z-index: 20; display: grid; place-items: center; width: 42px; height: 42px; margin: -4px -4px 8px auto; border: 1px solid rgba(242, 213, 157, 0.52); border-radius: 14px; background: rgba(6, 10, 15, 0.88); color: var(--home-gold-bright); font-size: 1.45rem; line-height: 1; } .page-home-overlift-deck .home-modal-heading { max-width: 76ch; padding-right: 58px; } .page-home-overlift-deck .home-modal-heading h2 { margin: 7px 0 0; color: var(--home-ivory); font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1; letter-spacing: -0.045em; } .page-home-overlift-deck .home-modal-heading p { margin: 11px 0 0; color: var(--home-muted); font-size: 1rem; line-height: 1.65; } .page-home-overlift-deck .home-architecture-map { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 0.35fr); gap: 24px; margin-top: 24px; } .page-home-overlift-deck .home-architecture-map ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; } .page-home-overlift-deck .home-architecture-map li { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 13px; align-items: center; padding: 12px 15px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 17px; background: rgba(6, 11, 17, 0.78); } .page-home-overlift-deck .home-architecture-map li:not(:last-child)::after { content: ""; position: absolute; left: 33px; bottom: -10px; width: 1px; height: 10px; background: rgba(216, 173, 104, 0.48); box-shadow: 0 0 8px rgba(216, 173, 104, 0.42); } .page-home-overlift-deck .home-architecture-map li > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(216, 173, 104, 0.58); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .page-home-overlift-deck .home-architecture-map li div { display: grid; gap: 3px; } .page-home-overlift-deck .home-architecture-map li strong, .page-home-overlift-deck .home-architecture-map aside > strong { color: var(--home-ivory); font-size: 1rem; } .page-home-overlift-deck .home-architecture-map li small { color: rgba(191, 202, 212, 0.69); font-size: 0.77rem; line-height: 1.42; } .page-home-overlift-deck .home-architecture-map aside { display: grid; place-items: center; align-content: center; gap: 14px; min-height: 310px; padding: 22px; border: 1px solid rgba(216, 173, 104, 0.43); border-radius: 24px; background: linear-gradient(180deg, rgba(216, 173, 104, 0.075), rgba(4, 9, 14, 0.82)); text-align: center; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.17), 0 0 30px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-semantic-bridge-icon { display: grid; place-items: center; width: 78px; height: 78px; border: 1px solid rgba(216, 173, 104, 0.52); border-radius: 50%; color: var(--home-gold-bright); font-size: 3rem; box-shadow: 0 0 28px rgba(216, 173, 104, 0.12); } .page-home-overlift-deck .home-architecture-map aside p { margin: 0; color: var(--home-muted); line-height: 1.62; } .page-home-overlift-deck .home-modal-promise-rail { justify-content: center; margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-impact-table { display: grid; gap: 8px; margin-top: 24px; } .page-home-overlift-deck .home-impact-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 16px; background: rgba(164, 173, 183, 0.18); } .page-home-overlift-deck .home-impact-row > * { display: flex; align-items: center; min-height: 61px; padding: 12px 14px; background: rgba(5, 10, 15, 0.9); color: rgba(219, 226, 232, 0.8); font-size: 0.84rem; line-height: 1.4; } .page-home-overlift-deck .home-impact-header > * { min-height: 44px; color: var(--home-gold-bright); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .home-impact-row > :nth-child(2) { background: rgba(13, 21, 29, 0.94); } .page-home-overlift-deck .home-impact-row > :nth-child(3) { color: rgba(243, 235, 222, 0.9); } .page-home-overlift-deck .home-impact-benefits span { flex: 1 1 140px; text-align: center; } .page-home-overlift-deck .site-footer { margin-top: var(--home-gap) !important; padding-top: 0 !important; } @media (max-width: 1240px) { .page-home-overlift-deck .home-sean-signal-grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); } .page-home-overlift-deck .home-overlift-deck-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "intro log" "process process" "sandbox sandbox" "runtime architecture" "impact impact"; } .page-home-overlift-deck .home-deck-impact-card { min-height: 190px; } } @media (max-width: 991px) { .page-home-overlift-deck .home-sean-signal-shell, .page-home-overlift-deck .home-overlift-deck-shell, .page-home-overlift-deck .home-projects-section > .site-width { border-radius: 26px; } .page-home-overlift-deck .home-sean-signal-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sean-intro h1 { max-width: 15ch; } .page-home-overlift-deck .home-sean-proof-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-sean-to-deck-bridge { grid-template-columns: minmax(0, 1fr) auto; } .page-home-overlift-deck .home-sean-to-deck-bridge .home-bridge-state { grid-column: 1 / -1; } .page-home-overlift-deck .home-sean-to-deck-bridge > strong { text-align: left; } .page-home-overlift-deck .home-deck-stage-flow { overflow-x: auto; grid-template-columns: 120px auto 120px auto 120px auto 120px auto 120px; padding: 3px 2px 10px; scroll-snap-type: x proximity; } .page-home-overlift-deck .home-deck-stage { scroll-snap-align: start; } .page-home-overlift-deck .home-architecture-map { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-architecture-map aside { min-height: 220px; } } @media (max-width: 767px) { .page-home-overlift-deck { --home-gap: 30px; } .page-home-overlift-deck .home-experience-flow { padding-top: 15px; } .page-home-overlift-deck .home-sean-signal-shell, .page-home-overlift-deck .home-overlift-deck-shell, .page-home-overlift-deck .home-projects-section > .site-width { padding: 16px; border-radius: 23px; } .page-home-overlift-deck .home-command-surface::before, .page-home-overlift-deck .home-projects-section > .site-width::before { inset: 3px; border-radius: 19px; } .page-home-overlift-deck .home-sean-intro { padding: 4px; } .page-home-overlift-deck .home-sean-intro h1 { max-width: 12ch; font-size: clamp(2.65rem, 13vw, 4.25rem); } .page-home-overlift-deck .home-sean-actions, .page-home-overlift-deck .home-sean-actions .lux-button { width: 100%; } .page-home-overlift-deck .home-sean-signal-options { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sean-signal-option:last-child { grid-column: auto; } .page-home-overlift-deck .home-console-heading, .page-home-overlift-deck .home-deck-panel-heading, .page-home-overlift-deck .home-deck-topbar, .page-home-overlift-deck .home-projects-heading, .page-home-overlift-deck .home-project-card-head { align-items: flex-start; flex-direction: column; } .page-home-overlift-deck .home-console-status, .page-home-overlift-deck .home-deck-runtime-label { justify-content: flex-start; text-align: left; } .page-home-overlift-deck .home-sean-proof-rail { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sean-to-deck-bridge { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sean-to-deck-bridge button { justify-self: start; } .page-home-overlift-deck .home-overlift-deck-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "intro" "process" "log" "sandbox" "runtime" "architecture" "impact"; } .page-home-overlift-deck .home-deck-topbar-actions { width: 100%; justify-content: space-between; } .page-home-overlift-deck .home-stage-detail { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-stage-detail-metrics { justify-content: flex-start; max-width: none; } .page-home-overlift-deck .portfolio-card-grid.home-project-grid { grid-template-columns: minmax(0, 1fr); gap: var(--home-gap); } .page-home-overlift-deck .home-projects-heading .home-inline-link { align-self: flex-start; } .page-home-overlift-deck .home-modal { padding: 8px; } .page-home-overlift-deck .home-modal-panel { max-height: 96svh; padding: 18px; border-radius: 23px; } .page-home-overlift-deck .home-modal-heading { padding-right: 44px; } .page-home-overlift-deck .home-impact-row, .page-home-overlift-deck .home-impact-header { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-impact-header { display: none; } .page-home-overlift-deck .home-impact-row > * { min-height: auto; } .page-home-overlift-deck .home-impact-row > *::before { display: block; width: 100%; margin-bottom: 4px; color: rgba(216, 173, 104, 0.72); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-impact-row > :nth-child(1)::before { content: "Challenge"; } .page-home-overlift-deck .home-impact-row > :nth-child(2)::before { content: "Technique"; } .page-home-overlift-deck .home-impact-row > :nth-child(3)::before { content: "Result"; } .page-home-overlift-deck .home-impact-row > * { display: grid; } } @media (max-width: 991px) { .page-home-overlift-deck .home-sandbox-workspace { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-sandbox-outcome-card { grid-column: 1 / -1; min-height: 190px; } .page-home-overlift-deck .home-receipt-grid { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 767px) { .page-home-overlift-deck .home-sandbox-heading, .page-home-overlift-deck .home-receipt-heading { grid-template-columns: minmax(0, 1fr); flex-direction: column; } .page-home-overlift-deck .home-sandbox-identity { justify-items: start; width: 100%; min-width: 0; } .page-home-overlift-deck .home-sandbox-workspace { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sandbox-outcome-card { grid-column: auto; } .page-home-overlift-deck .home-sandbox-card { min-height: 0; } .page-home-overlift-deck .home-sandbox-commandbar, .page-home-overlift-deck .home-sandbox-approval { align-items: stretch; flex-direction: column; width: 100%; } .page-home-overlift-deck .home-sandbox-commandbar button, .page-home-overlift-deck .home-sandbox-approval button { width: 100%; } .page-home-overlift-deck .home-sandbox-status { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-sandbox-status > span { justify-self: start; } .page-home-overlift-deck .home-sandbox-timeline-heading, .page-home-overlift-deck .home-receipt-journal-heading { align-items: flex-start; flex-direction: column; } .page-home-overlift-deck .home-receipt-heading > strong { justify-self: start; } .page-home-overlift-deck .home-receipt-summary dl > div { grid-template-columns: minmax(0, 1fr); gap: 4px; } .page-home-overlift-deck .home-receipt-journal li { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-receipt-journal li code { grid-row: auto; grid-column: auto; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck *, .page-home-overlift-deck *::before, .page-home-overlift-deck *::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-receipt-actions { display: grid; gap: 8px; margin-top: 12px; } .page-home-overlift-deck .home-receipt-actions button { min-height: 42px; padding: 9px 13px; border: 1px solid rgba(216, 173, 104, 0.42); border-radius: 13px; background: linear-gradient(145deg, rgba(216, 173, 104, 0.12), rgba(9, 15, 21, 0.92)); color: rgba(246, 236, 220, 0.92); font: inherit; font-size: 0.72rem; font-weight: 850; letter-spacing: 0.04em; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.14), 0 0 20px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-receipt-actions button:hover:not(:disabled), .page-home-overlift-deck .home-receipt-actions button:focus-visible:not(:disabled) { border-color: rgba(242, 202, 132, 0.72); box-shadow: inset 0 0 0 1px rgba(180, 189, 198, 0.2), 0 0 25px rgba(216, 173, 104, 0.14); } .page-home-overlift-deck .home-receipt-actions button:disabled { cursor: not-allowed; opacity: 0.45; } .page-home-overlift-deck .home-receipt-actions small { color: rgba(164, 177, 188, 0.62); font-size: 0.64rem; line-height: 1.42; } .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro process log" "sandbox sandbox sandbox" "runtime runtime runtime" "architecture architecture impact"; } .page-home-overlift-deck .home-aex-observatory { display: grid; gap: 16px; padding: clamp(18px, 2vw, 26px); border-color: rgba(216, 173, 104, 0.34); background: radial-gradient(circle at 50% -18%, rgba(216, 173, 104, 0.12), transparent 34%), radial-gradient(circle at 88% 18%, rgba(205, 66, 159, 0.085), transparent 28%), linear-gradient(145deg, rgba(8, 14, 20, 0.965), rgba(3, 8, 12, 0.95)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.18), inset 0 1px 0 rgba(255, 248, 233, 0.075), 0 0 28px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-aex-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; } .page-home-overlift-deck .home-aex-heading h2 { max-width: 24ch; margin: 7px 0 0; color: var(--home-ivory); font-size: clamp(1.55rem, 2.25vw, 2.45rem); line-height: 1.06; letter-spacing: -0.038em; } .page-home-overlift-deck .home-aex-active-path { display: inline-flex; align-items: center; gap: 8px; max-width: 260px; padding: 8px 11px; border: 1px solid rgba(242, 213, 157, 0.44); border-radius: 999px; background: linear-gradient(90deg, rgba(216, 173, 104, 0.12), rgba(71, 118, 145, 0.06)); color: rgba(247, 235, 213, 0.94); font-size: 0.67rem; font-weight: 850; letter-spacing: 0.08em; line-height: 1.35; text-align: center; text-transform: uppercase; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.11), 0 0 18px rgba(216, 173, 104, 0.1); } .page-home-overlift-deck .home-aex-active-path::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: rgba(112, 199, 148, 0.95); box-shadow: 0 0 12px rgba(112, 199, 148, 0.72); } .page-home-overlift-deck .home-aex-intro { max-width: 92ch; margin: -4px 0 0; color: rgba(198, 209, 219, 0.74); font-size: 0.83rem; line-height: 1.58; } .page-home-overlift-deck .home-aex-tier-rail { display: grid; grid-template-columns: repeat(8, minmax(108px, 1fr)); gap: 8px; } .page-home-overlift-deck .home-aex-tier-rail button { position: relative; display: grid; align-content: start; gap: 5px; min-width: 0; min-height: 120px; padding: 12px 10px 10px; overflow: hidden; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 17px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.011)), rgba(3, 8, 12, 0.62); color: rgba(211, 220, 228, 0.72); text-align: left; transition: border-color 170ms ease, transform 170ms ease, background 170ms ease, box-shadow 170ms ease, opacity 170ms ease; } .page-home-overlift-deck .home-aex-tier-rail button::after { content: attr(data-tier-state); position: absolute; right: 8px; bottom: 7px; color: rgba(154, 167, 180, 0.54); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.52rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-aex-tier-rail button:hover, .page-home-overlift-deck .home-aex-tier-rail button.is-inspected { transform: translateY(-2px); border-color: rgba(242, 213, 157, 0.54); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.12), 0 0 22px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-aex-tier-rail button > span { display: inline-grid; place-items: center; width: 36px; height: 29px; border: 1px solid rgba(216, 173, 104, 0.38); border-radius: 10px; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.7rem; font-weight: 900; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.08); } .page-home-overlift-deck .home-aex-tier-rail button strong { color: rgba(242, 236, 225, 0.9); font-size: 0.72rem; line-height: 1.25; } .page-home-overlift-deck .home-aex-tier-rail button small { padding-right: 2px; color: rgba(173, 186, 198, 0.58); font-size: 0.59rem; line-height: 1.36; } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="active"] { border-color: rgba(112, 199, 148, 0.58); background: linear-gradient(180deg, rgba(112, 199, 148, 0.13), rgba(33, 75, 65, 0.045)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.13), 0 0 26px rgba(112, 199, 148, 0.11); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="active"]::after, .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="verified"]::after, .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="warm"]::after { color: rgba(151, 229, 183, 0.86); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="candidate"] { border-color: rgba(242, 189, 96, 0.58); background: linear-gradient(180deg, rgba(242, 189, 96, 0.13), rgba(216, 173, 104, 0.025)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.12), 0 0 24px rgba(242, 189, 96, 0.1); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="candidate"]::after { color: rgba(255, 213, 133, 0.9); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="verified"] { border-color: rgba(215, 103, 178, 0.42); background: linear-gradient(180deg, rgba(201, 53, 152, 0.1), rgba(92, 34, 73, 0.035)); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="warm"] { border-color: rgba(151, 207, 175, 0.5); background: linear-gradient(180deg, rgba(115, 194, 151, 0.11), rgba(40, 84, 63, 0.035)); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="retired"] { border-color: rgba(239, 119, 125, 0.44); background: linear-gradient(180deg, rgba(239, 119, 125, 0.095), rgba(75, 25, 29, 0.04)); opacity: 0.78; } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="retired"]::after { color: rgba(255, 174, 181, 0.83); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="unavailable"] { opacity: 0.42; filter: saturate(0.55); } .page-home-overlift-deck .home-aex-detail { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr); gap: 18px; align-items: center; padding: 15px 17px; border: 1px solid rgba(216, 173, 104, 0.24); border-radius: 18px; background: linear-gradient(115deg, rgba(216, 173, 104, 0.07), rgba(71, 118, 145, 0.055), rgba(3, 8, 12, 0.67)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.1); } .page-home-overlift-deck .home-aex-detail [data-aex-detail-kicker] { color: rgba(216, 173, 104, 0.82); font-size: 0.63rem; font-weight: 850; letter-spacing: 0.11em; text-transform: uppercase; } .page-home-overlift-deck .home-aex-detail h3 { margin: 5px 0 0; color: var(--home-ivory); font-size: clamp(1rem, 1.35vw, 1.32rem); line-height: 1.22; } .page-home-overlift-deck .home-aex-detail p { max-width: 74ch; margin: 6px 0 0; color: rgba(194, 205, 216, 0.7); font-size: 0.73rem; line-height: 1.48; } .page-home-overlift-deck .home-aex-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0; } .page-home-overlift-deck .home-aex-metrics div { display: grid; gap: 2px; padding: 8px 9px; border: 1px solid rgba(164, 173, 183, 0.14); border-radius: 12px; background: rgba(3, 8, 12, 0.58); } .page-home-overlift-deck .home-aex-metrics dt { color: rgba(156, 171, 184, 0.56); font-size: 0.54rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-aex-metrics dd { margin: 0; color: rgba(244, 236, 222, 0.9); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.65rem; } .page-home-overlift-deck .home-aex-control-grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 10px; } .page-home-overlift-deck .home-aex-control-card { min-width: 0; padding: 13px; border: 1px solid rgba(164, 173, 183, 0.17); border-radius: 16px; background: linear-gradient(145deg, rgba(15, 22, 30, 0.86), rgba(3, 8, 12, 0.66)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02); } .page-home-overlift-deck .home-aex-control-heading { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; } .page-home-overlift-deck .home-aex-control-heading > div { display: grid; gap: 2px; } .page-home-overlift-deck .home-aex-control-heading span { color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.58rem; font-weight: 900; letter-spacing: 0.1em; } .page-home-overlift-deck .home-aex-control-heading strong { color: rgba(241, 234, 221, 0.9); font-size: 0.74rem; line-height: 1.3; } .page-home-overlift-deck .home-aex-control-heading small { color: rgba(151, 229, 183, 0.74); font-size: 0.57rem; line-height: 1.4; text-align: right; } .page-home-overlift-deck .home-aex-control-card > p { margin: 9px 0 0; color: rgba(181, 194, 205, 0.66); font-size: 0.66rem; line-height: 1.48; } .page-home-overlift-deck .home-aex-context-buttons { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; margin-top: 10px; } .page-home-overlift-deck .home-aex-context-buttons button, .page-home-overlift-deck .home-tier-s-challenge { min-height: 36px; padding: 7px 8px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 10px; background: rgba(255, 255, 255, 0.022); color: rgba(203, 213, 221, 0.7); font-size: 0.59rem; font-weight: 800; } .page-home-overlift-deck .home-aex-context-buttons button:hover, .page-home-overlift-deck .home-aex-context-buttons button.is-active { border-color: rgba(242, 213, 157, 0.5); background: rgba(216, 173, 104, 0.1); color: var(--home-ivory); box-shadow: 0 0 14px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-tier-s-proof, .page-home-overlift-deck .home-aex-islands { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; } .page-home-overlift-deck .home-tier-s-proof span, .page-home-overlift-deck .home-aex-islands span { padding: 5px 7px; border: 1px solid rgba(164, 173, 183, 0.13); border-radius: 999px; color: rgba(186, 199, 209, 0.67); font-size: 0.56rem; line-height: 1.35; } .page-home-overlift-deck .home-tier-s-proof b { color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .page-home-overlift-deck .home-tier-s-challenge { width: 100%; margin-top: 10px; border-color: rgba(239, 119, 125, 0.28); color: rgba(255, 187, 192, 0.8); } .page-home-overlift-deck .home-tier-s-challenge:not(:disabled):hover { border-color: rgba(239, 119, 125, 0.56); background: rgba(239, 119, 125, 0.09); color: rgba(255, 212, 215, 0.94); } .page-home-overlift-deck .home-tier-s-challenge:disabled { cursor: not-allowed; opacity: 0.42; } .page-home-overlift-deck [data-aex-observatory][data-tier-s-kind="mismatch"] .home-tier-s-card { border-color: rgba(239, 119, 125, 0.45); box-shadow: inset 0 0 0 1px rgba(239, 119, 125, 0.05), 0 0 20px rgba(239, 119, 125, 0.07); } .page-home-overlift-deck [data-aex-observatory][data-tier-s-kind="verified"] .home-tier-s-card { border-color: rgba(112, 199, 148, 0.38); } @media (max-width: 1240px) { .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro log" "process process" "sandbox sandbox" "runtime runtime" "architecture impact"; } .page-home-overlift-deck .home-aex-tier-rail { overflow-x: auto; grid-template-columns: repeat(8, minmax(118px, 1fr)); padding-bottom: 7px; scroll-snap-type: x mandatory; } .page-home-overlift-deck .home-aex-tier-rail button { scroll-snap-align: start; } } @media (max-width: 991px) { .page-home-overlift-deck .home-aex-heading { flex-direction: column; } .page-home-overlift-deck .home-aex-active-path { max-width: none; } .page-home-overlift-deck .home-aex-detail { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-aex-control-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-tier-portfolio-card { grid-column: 1 / -1; } } @media (max-width: 767px) { .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro" "process" "log" "sandbox" "runtime" "architecture" "impact"; } .page-home-overlift-deck .home-aex-observatory { padding: 15px; } .page-home-overlift-deck .home-aex-heading h2 { max-width: 15ch; } .page-home-overlift-deck .home-aex-tier-rail { margin-inline: -2px; grid-template-columns: repeat(8, minmax(128px, 128px)); } .page-home-overlift-deck .home-aex-detail { padding: 13px; } .page-home-overlift-deck .home-aex-metrics { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-aex-control-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-tier-portfolio-card { grid-column: auto; } .page-home-overlift-deck .home-aex-context-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-aex-context-buttons button, .page-home-overlift-deck .home-tier-s-challenge { min-height: 44px; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-aex-tier-rail button { transition: none; } } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="authority"] { border-color: rgba(242, 213, 157, 0.64); background: radial-gradient(circle at 20% 10%, rgba(216, 173, 104, 0.16), transparent 45%), linear-gradient(180deg, rgba(216, 173, 104, 0.11), rgba(38, 43, 48, 0.035)); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.18), 0 0 26px rgba(216, 173, 104, 0.12); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="authority"]::after { color: rgba(255, 226, 170, 0.92); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="fallback"] { border-color: rgba(242, 213, 157, 0.58); background: linear-gradient(180deg, rgba(216, 173, 104, 0.12), rgba(83, 54, 22, 0.04)); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.15), 0 0 24px rgba(216, 173, 104, 0.11); } .page-home-overlift-deck .home-aex-tier-rail button[data-tier-state="fallback"]::after { color: rgba(255, 218, 151, 0.92); } .page-home-overlift-deck .home-aex-context-buttons { grid-template-columns: repeat(4, minmax(0, 1fr)); } .page-home-overlift-deck .home-aex-context-readout { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 9px; padding: 8px 10px; border: 1px solid rgba(164, 173, 183, 0.14); border-radius: 11px; background: rgba(7, 13, 19, 0.58); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.035); } .page-home-overlift-deck .home-aex-context-readout span { color: rgba(173, 186, 198, 0.62); font-size: 0.58rem; font-weight: 720; } .page-home-overlift-deck .home-aex-context-readout strong { color: rgba(242, 230, 207, 0.88); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.58rem; letter-spacing: 0.04em; } .page-home-overlift-deck .home-aex-portfolio-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 10px 0 0; } .page-home-overlift-deck .home-aex-portfolio-metrics div { min-width: 0; padding: 7px 8px; border: 1px solid rgba(164, 173, 183, 0.12); border-radius: 10px; background: rgba(255, 255, 255, 0.018); } .page-home-overlift-deck .home-aex-portfolio-metrics dt { color: rgba(157, 171, 184, 0.58); font-size: 0.52rem; font-weight: 760; letter-spacing: 0.055em; text-transform: uppercase; } .page-home-overlift-deck .home-aex-portfolio-metrics dd { min-width: 0; margin: 4px 0 0; color: rgba(235, 228, 215, 0.86); font-size: 0.61rem; font-weight: 820; overflow-wrap: anywhere; } .page-home-overlift-deck .home-aex-portfolio-metrics code { color: rgba(226, 177, 210, 0.82); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.56rem; } .page-home-overlift-deck [data-aex-observatory][data-tier-s-kind="armed"] .home-tier-s-card { border-color: rgba(242, 189, 96, 0.48); box-shadow: inset 0 0 0 1px rgba(242, 189, 96, 0.05), 0 0 24px rgba(242, 189, 96, 0.08); } .page-home-overlift-deck .home-architecture-aex { display: grid; gap: 13px; margin-top: 16px; padding: 15px; border: 1px solid rgba(216, 173, 104, 0.27); border-radius: 20px; background: radial-gradient(circle at 50% 0%, rgba(216, 173, 104, 0.09), transparent 40%), linear-gradient(135deg, rgba(8, 14, 20, 0.9), rgba(4, 9, 14, 0.86)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.12), 0 0 24px rgba(216, 173, 104, 0.06); } .page-home-overlift-deck .home-architecture-aex header { display: grid; grid-template-columns: minmax(0, 0.7fr) minmax(300px, 1.3fr); gap: 20px; align-items: end; } .page-home-overlift-deck .home-architecture-aex header > div { display: grid; gap: 4px; } .page-home-overlift-deck .home-architecture-aex header span { color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.6rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-architecture-aex header strong { color: var(--home-ivory); font-size: 0.91rem; line-height: 1.35; } .page-home-overlift-deck .home-architecture-aex header p { margin: 0; color: rgba(190, 202, 212, 0.69); font-size: 0.69rem; line-height: 1.55; } .page-home-overlift-deck .home-architecture-aex header b { color: rgba(245, 221, 176, 0.92); } .page-home-overlift-deck .home-architecture-tier-strip { display: grid; grid-template-columns: repeat(8, minmax(84px, 1fr)); gap: 6px; } .page-home-overlift-deck .home-architecture-tier-strip > span { display: grid; gap: 3px; min-width: 0; padding: 9px 8px; border: 1px solid rgba(164, 173, 183, 0.16); border-radius: 12px; background: rgba(255, 255, 255, 0.022); text-align: center; } .page-home-overlift-deck .home-architecture-tier-strip b { color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.64rem; } .page-home-overlift-deck .home-architecture-tier-strip small { color: rgba(181, 194, 205, 0.66); font-size: 0.54rem; line-height: 1.28; } @media (max-width: 991px) { .page-home-overlift-deck .home-architecture-aex header { grid-template-columns: minmax(0, 1fr); align-items: start; } .page-home-overlift-deck .home-architecture-tier-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 767px) { .page-home-overlift-deck .home-aex-tier-rail { scroll-snap-type: x mandatory; } .page-home-overlift-deck .home-aex-context-buttons, .page-home-overlift-deck .home-aex-portfolio-metrics { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-aex-context-readout { align-items: flex-start; flex-direction: column; } .page-home-overlift-deck .home-architecture-tier-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .page-home-overlift-deck [data-overlift-home].is-aex-test-armed .home-aex-observatory { border-color: rgba(242, 189, 96, 0.52); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.2), inset 0 1px 0 rgba(255, 248, 233, 0.085), 0 0 36px rgba(242, 189, 96, 0.12); } .page-home-overlift-deck [data-overlift-home].is-aex-verified .home-aex-observatory { border-color: rgba(112, 199, 148, 0.42); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.2), inset 0 1px 0 rgba(255, 248, 233, 0.08), 0 0 38px rgba(112, 199, 148, 0.1); } .page-home-overlift-deck [data-overlift-home].is-aex-divergence .home-aex-observatory { border-color: rgba(239, 119, 125, 0.62); background: radial-gradient(circle at 50% -18%, rgba(239, 119, 125, 0.13), transparent 34%), radial-gradient(circle at 88% 18%, rgba(205, 66, 159, 0.07), transparent 28%), linear-gradient(145deg, rgba(16, 9, 14, 0.97), rgba(3, 8, 12, 0.95)); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.19), 0 0 42px rgba(239, 119, 125, 0.15); } .page-home-overlift-deck [data-overlift-home].is-aex-t5 .home-tier-portfolio-card { border-color: rgba(151, 207, 175, 0.48); box-shadow: inset 0 0 0 1px rgba(184, 193, 202, 0.13), 0 0 24px rgba(112, 199, 148, 0.08); } .page-home-overlift-deck [data-overlift-home].is-aex-semantic .home-tier-portfolio-card { background: radial-gradient(circle at 15% 5%, rgba(206, 73, 162, 0.13), transparent 42%), linear-gradient(145deg, rgba(15, 22, 30, 0.88), rgba(3, 8, 12, 0.67)); } .page-home-overlift-deck [data-overlift-home].is-aex-causal .home-tier-portfolio-card { border-color: rgba(216, 173, 104, 0.46); background: radial-gradient(circle at 85% 0%, rgba(216, 173, 104, 0.14), transparent 43%), linear-gradient(145deg, rgba(15, 22, 30, 0.88), rgba(3, 8, 12, 0.67)); } .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro process log" "sandbox sandbox sandbox" "runtime runtime runtime" "semantic semantic semantic" "architecture architecture impact"; } .page-home-overlift-deck .home-semantic-observatory { grid-area: semantic; position: relative; display: grid; gap: 18px; overflow: hidden; padding: clamp(18px, 2vw, 28px); border: 1px solid rgba(216, 173, 104, 0.42); border-radius: 26px; background: radial-gradient(circle at 8% 0%, rgba(203, 60, 155, 0.13), transparent 34%), radial-gradient(circle at 91% 20%, rgba(216, 173, 104, 0.11), transparent 30%), linear-gradient(145deg, rgba(8, 14, 20, 0.985), rgba(3, 7, 11, 0.97)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.26), inset 0 1px 0 rgba(255, 250, 238, 0.08), 0 0 34px rgba(216, 173, 104, 0.10), 0 18px 52px rgba(0, 0, 0, 0.28); isolation: isolate; } .page-home-overlift-deck .home-semantic-observatory::before { content: ""; position: absolute; inset: 7px; z-index: -1; pointer-events: none; border: 1px solid rgba(166, 177, 188, 0.16); border-radius: 20px; box-shadow: inset 0 0 24px rgba(191, 51, 144, 0.045); } .page-home-overlift-deck .home-semantic-field { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; opacity: 0.52; pointer-events: none; } .page-home-overlift-deck .home-semantic-heading { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; } .page-home-overlift-deck .home-semantic-heading h2 { max-width: 27ch; margin: 7px 0 0; color: var(--home-ivory); font-size: clamp(1.65rem, 2.5vw, 2.7rem); line-height: 1.04; letter-spacing: -0.04em; } .page-home-overlift-deck .home-semantic-status { display: inline-flex; align-items: center; min-height: 38px; max-width: 280px; padding: 9px 13px; border: 1px solid rgba(166, 177, 188, 0.28); border-radius: 999px; background: rgba(7, 13, 19, 0.74); color: rgba(223, 230, 235, 0.78); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.04em; text-align: center; box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.05); } .page-home-overlift-deck [data-semantic-observatory][data-bridge-state="verified"] .home-semantic-status { border-color: rgba(112, 199, 148, 0.44); color: rgba(190, 242, 211, 0.92); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.07), 0 0 22px rgba(112, 199, 148, 0.08); } .page-home-overlift-deck [data-semantic-observatory][data-bridge-state="building"] .home-semantic-status { border-color: rgba(216, 173, 104, 0.42); color: rgba(244, 216, 166, 0.9); } .page-home-overlift-deck .home-semantic-intro { position: relative; z-index: 1; max-width: 1120px; margin: 0; color: rgba(206, 216, 224, 0.78); font-size: clamp(0.9rem, 1.15vw, 1.03rem); line-height: 1.68; } .page-home-overlift-deck .home-semantic-flow { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(270px, 0.82fr) minmax(0, 1.1fr); gap: 16px; align-items: stretch; } .page-home-overlift-deck .home-semantic-column { min-width: 0; padding: clamp(15px, 1.7vw, 21px); border: 1px solid rgba(166, 177, 188, 0.24); border-radius: 20px; background: linear-gradient(180deg, rgba(14, 23, 31, 0.91), rgba(5, 11, 16, 0.88)); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.055), inset 0 1px 0 rgba(255, 249, 235, 0.055), 0 0 22px rgba(216, 173, 104, 0.035); } .page-home-overlift-deck .home-semantic-bridge-core { border-color: rgba(216, 173, 104, 0.36); background: radial-gradient(circle at 50% 22%, rgba(216, 173, 104, 0.12), transparent 35%), linear-gradient(180deg, rgba(15, 23, 29, 0.95), rgba(5, 10, 14, 0.91)); } .page-home-overlift-deck .home-semantic-column-heading { display: flex; align-items: center; gap: 12px; padding-bottom: 13px; border-bottom: 1px solid rgba(166, 177, 188, 0.16); } .page-home-overlift-deck .home-semantic-column-heading > span { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid rgba(216, 173, 104, 0.58); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.7rem; font-weight: 900; box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.16), 0 0 18px rgba(216, 173, 104, 0.10); } .page-home-overlift-deck .home-semantic-column-heading strong, .page-home-overlift-deck .home-semantic-column-heading small { display: block; } .page-home-overlift-deck .home-semantic-column-heading strong { color: var(--home-ivory); font-size: 0.96rem; letter-spacing: -0.015em; } .page-home-overlift-deck .home-semantic-column-heading small { margin-top: 2px; color: rgba(165, 180, 191, 0.67); font-size: 0.67rem; } .page-home-overlift-deck .home-input-summary, .page-home-overlift-deck .home-bridge-claim-metrics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; } .page-home-overlift-deck .home-input-summary span, .page-home-overlift-deck .home-bridge-claim-metrics span { padding: 7px 10px; border: 1px solid rgba(166, 177, 188, 0.22); border-radius: 999px; background: rgba(7, 14, 20, 0.69); color: rgba(216, 224, 230, 0.73); font-size: 0.68rem; } .page-home-overlift-deck .home-input-summary b, .page-home-overlift-deck .home-bridge-claim-metrics b { color: var(--home-ivory); } .page-home-overlift-deck .home-bridge-claim-metrics [data-semantic-kind="supported"] { border-color: rgba(112, 199, 148, 0.32); } .page-home-overlift-deck .home-bridge-claim-metrics [data-semantic-kind="unknown"] { border-color: rgba(216, 173, 104, 0.36); } .page-home-overlift-deck .home-bridge-claim-metrics [data-semantic-kind="disputed"] { border-color: rgba(239, 119, 125, 0.31); } .page-home-overlift-deck .home-input-records, .page-home-overlift-deck .home-semantic-output { display: grid; gap: 8px; margin-top: 13px; max-height: 390px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(216, 173, 104, 0.42) rgba(7, 13, 18, 0.5); } .page-home-overlift-deck .home-input-record, .page-home-overlift-deck .home-semantic-node, .page-home-overlift-deck .home-semantic-edge, .page-home-overlift-deck .home-semantic-timeline-event, .page-home-overlift-deck .home-semantic-product-card, .page-home-overlift-deck .home-semantic-empty { padding: 11px 12px; border: 1px solid rgba(166, 177, 188, 0.18); border-radius: 14px; background: rgba(5, 11, 16, 0.78); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.025); } .page-home-overlift-deck .home-input-record[data-input-status="admitted"] { border-left: 3px solid rgba(112, 199, 148, 0.66); } .page-home-overlift-deck .home-input-record[data-input-status="rejected"] { border-left: 3px solid rgba(239, 119, 125, 0.65); opacity: 0.78; } .page-home-overlift-deck .home-input-record > div:first-child, .page-home-overlift-deck .home-semantic-node > div:first-child { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .page-home-overlift-deck .home-input-record strong, .page-home-overlift-deck .home-semantic-node strong, .page-home-overlift-deck .home-semantic-edge strong, .page-home-overlift-deck .home-semantic-timeline-event strong, .page-home-overlift-deck .home-semantic-product-card strong { color: rgba(241, 237, 226, 0.92); font-size: 0.76rem; line-height: 1.38; } .page-home-overlift-deck .home-input-record > div:first-child span, .page-home-overlift-deck .home-semantic-node > div:first-child span { flex: 0 0 auto; padding: 3px 7px; border: 1px solid rgba(166, 177, 188, 0.2); border-radius: 999px; color: rgba(188, 200, 210, 0.72); font-size: 0.56rem; font-weight: 900; letter-spacing: 0.045em; text-transform: uppercase; } .page-home-overlift-deck .home-input-record[data-input-status="admitted"] > div:first-child span { color: rgba(177, 233, 201, 0.9); } .page-home-overlift-deck .home-input-record[data-input-status="rejected"] > div:first-child span { color: rgba(250, 177, 181, 0.88); } .page-home-overlift-deck .home-input-record p, .page-home-overlift-deck .home-semantic-node p, .page-home-overlift-deck .home-semantic-product-card p, .page-home-overlift-deck .home-semantic-edge span, .page-home-overlift-deck .home-semantic-timeline-event small { margin: 6px 0 0; color: rgba(166, 181, 192, 0.7); font-size: 0.64rem; line-height: 1.5; } .page-home-overlift-deck .home-input-record > div:last-child { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 7px; } .page-home-overlift-deck .home-input-record code, .page-home-overlift-deck .home-semantic-node code, .page-home-overlift-deck .home-semantic-edge code, .page-home-overlift-deck .home-semantic-timeline-event code, .page-home-overlift-deck .home-semantic-hashes code, .page-home-overlift-deck .home-semantic-witness-card code { color: rgba(216, 196, 157, 0.72); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.59rem; overflow-wrap: anywhere; } .page-home-overlift-deck .home-semantic-hashes, .page-home-overlift-deck .home-bridge-output-metrics, .page-home-overlift-deck .home-semantic-witness-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 13px 0 0; } .page-home-overlift-deck .home-semantic-hashes div, .page-home-overlift-deck .home-bridge-output-metrics div, .page-home-overlift-deck .home-semantic-witness-card dl div { min-width: 0; padding: 8px 9px; border: 1px solid rgba(166, 177, 188, 0.14); border-radius: 11px; background: rgba(6, 12, 17, 0.58); } .page-home-overlift-deck .home-semantic-hashes dt, .page-home-overlift-deck .home-bridge-output-metrics dt, .page-home-overlift-deck .home-semantic-witness-card dt { color: rgba(154, 171, 183, 0.64); font-size: 0.56rem; font-weight: 850; letter-spacing: 0.055em; text-transform: uppercase; } .page-home-overlift-deck .home-semantic-hashes dd, .page-home-overlift-deck .home-bridge-output-metrics dd, .page-home-overlift-deck .home-semantic-witness-card dd { margin: 4px 0 0; color: rgba(237, 234, 224, 0.88); font-size: 0.68rem; overflow-wrap: anywhere; } .page-home-overlift-deck .home-bridge-orbit { position: relative; display: grid; place-items: center; min-height: 174px; margin-top: 14px; } .page-home-overlift-deck .home-bridge-orbit > i { position: absolute; border: 1px solid rgba(216, 173, 104, 0.22); border-radius: 50%; box-shadow: 0 0 22px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-bridge-orbit > i:nth-child(1) { width: 154px; height: 154px; } .page-home-overlift-deck .home-bridge-orbit > i:nth-child(2) { width: 116px; height: 116px; border-color: rgba(207, 73, 162, 0.28); } .page-home-overlift-deck .home-bridge-orbit > i:nth-child(3) { width: 76px; height: 76px; border-color: rgba(216, 173, 104, 0.4); } .page-home-overlift-deck .home-bridge-orbit > div { position: relative; z-index: 1; display: grid; gap: 4px; place-items: center; text-align: center; } .page-home-overlift-deck .home-bridge-orbit span, .page-home-overlift-deck .home-bridge-orbit strong { color: rgba(239, 236, 226, 0.9); font-size: 0.72rem; } .page-home-overlift-deck .home-bridge-orbit b { color: var(--home-gold-bright); font-size: 1.35rem; } .page-home-overlift-deck .home-semantic-bridge-core > p { margin: 10px 0 0; color: rgba(183, 197, 207, 0.72); font-size: 0.72rem; line-height: 1.58; } .page-home-overlift-deck .home-entity-verification { margin-top: 13px; padding: 12px; border: 1px solid rgba(216, 173, 104, 0.26); border-radius: 16px; background: radial-gradient(circle at 16% 0%, rgba(207, 73, 162, 0.08), transparent 34%), linear-gradient(180deg, rgba(7, 14, 20, 0.82), rgba(4, 9, 13, 0.76)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.08), 0 0 20px rgba(216, 173, 104, 0.045); } .page-home-overlift-deck .home-entity-verification > header span, .page-home-overlift-deck .home-entity-verification > header strong { display: block; } .page-home-overlift-deck .home-entity-verification > header span { color: rgba(216, 173, 104, 0.78); font-size: 0.57rem; font-weight: 900; letter-spacing: 0.085em; text-transform: uppercase; } .page-home-overlift-deck .home-entity-verification > header strong { margin-top: 4px; color: rgba(242, 238, 226, 0.94); font-size: 0.78rem; line-height: 1.35; } .page-home-overlift-deck .home-entity-verification ol { display: grid; gap: 7px; margin: 11px 0 0; padding: 0; list-style: none; counter-reset: entity-step; } .page-home-overlift-deck .home-entity-verification li { position: relative; min-height: 42px; padding: 8px 9px 8px 38px; border: 1px solid rgba(166, 177, 188, 0.14); border-radius: 11px; background: rgba(5, 11, 16, 0.62); counter-increment: entity-step; } .page-home-overlift-deck .home-entity-verification li::before { content: counter(entity-step, decimal-leading-zero); position: absolute; top: 9px; left: 9px; display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid rgba(216, 173, 104, 0.38); border-radius: 50%; color: rgba(235, 205, 153, 0.88); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.5rem; font-weight: 900; } .page-home-overlift-deck .home-entity-verification li b, .page-home-overlift-deck .home-entity-verification li small { display: block; } .page-home-overlift-deck .home-entity-verification li b { color: rgba(235, 232, 222, 0.91); font-size: 0.68rem; } .page-home-overlift-deck .home-entity-verification li small { margin-top: 2px; color: rgba(159, 176, 188, 0.69); font-size: 0.59rem; line-height: 1.42; } .page-home-overlift-deck .home-entity-verification > p { margin: 10px 0 0; padding-top: 9px; border-top: 1px solid rgba(166, 177, 188, 0.12); color: rgba(204, 216, 225, 0.76); font-size: 0.62rem; line-height: 1.48; } .page-home-overlift-deck [data-semantic-observatory][data-bridge-state="verified"] .home-entity-verification { border-color: rgba(112, 199, 148, 0.34); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.045), 0 0 24px rgba(112, 199, 148, 0.055); } .page-home-overlift-deck [data-semantic-observatory][data-bridge-state="verified"] .home-entity-verification > p { color: rgba(183, 235, 207, 0.86); } .page-home-overlift-deck .home-semantic-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 13px; } .page-home-overlift-deck .home-semantic-tabs button { min-height: 38px; padding: 7px 8px; border: 1px solid rgba(166, 177, 188, 0.2); border-radius: 11px; background: rgba(7, 14, 20, 0.68); color: rgba(187, 201, 211, 0.72); font-size: 0.63rem; font-weight: 850; } .page-home-overlift-deck .home-semantic-tabs button:hover, .page-home-overlift-deck .home-semantic-tabs button:focus-visible, .page-home-overlift-deck .home-semantic-tabs button.is-active { border-color: rgba(216, 173, 104, 0.5); background: rgba(216, 173, 104, 0.09); color: rgba(247, 227, 188, 0.96); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.08), 0 0 18px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-semantic-node[data-semantic-status="supported"], .page-home-overlift-deck .home-semantic-node[data-semantic-status="human-approved"] { border-left: 3px solid rgba(112, 199, 148, 0.62); } .page-home-overlift-deck .home-semantic-node[data-semantic-status="unknown"] { border-left: 3px solid rgba(216, 173, 104, 0.62); } .page-home-overlift-deck .home-semantic-node[data-semantic-status="disputed"], .page-home-overlift-deck .home-semantic-node[data-semantic-status="blocked"] { border-left: 3px solid rgba(239, 119, 125, 0.62); } .page-home-overlift-deck .home-semantic-edge { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; } .page-home-overlift-deck .home-semantic-edge span { grid-column: 1; } .page-home-overlift-deck .home-semantic-edge code { grid-column: 2; grid-row: 1 / span 2; align-self: center; } .page-home-overlift-deck .home-semantic-edge[data-edge-status="verified"] { border-left: 3px solid rgba(112, 199, 148, 0.55); } .page-home-overlift-deck .home-semantic-timeline-event { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 9px; align-items: center; } .page-home-overlift-deck .home-semantic-timeline-event > span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(216, 173, 104, 0.35); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.58rem; } .page-home-overlift-deck .home-semantic-timeline-event strong, .page-home-overlift-deck .home-semantic-timeline-event small { display: block; } .page-home-overlift-deck .home-semantic-product-card > span { display: block; margin-top: 4px; color: var(--home-gold-bright); font-size: 0.7rem; font-weight: 850; } .page-home-overlift-deck .home-input-record { width: 100%; appearance: none; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, opacity 160ms ease; } .page-home-overlift-deck .home-input-record:hover, .page-home-overlift-deck .home-input-record:focus-visible { border-color: rgba(216, 173, 104, 0.5); background: rgba(15, 24, 31, 0.9); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.1), 0 0 22px rgba(216, 173, 104, 0.08); outline: none; transform: translateY(-1px); } .page-home-overlift-deck .home-input-record.is-selected { border-color: rgba(216, 173, 104, 0.68); background: radial-gradient(circle at 96% 0%, rgba(216, 173, 104, 0.12), transparent 38%), rgba(12, 20, 27, 0.94); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.15), 0 0 26px rgba(216, 173, 104, 0.11); } .page-home-overlift-deck .home-provenance-trace { position: relative; z-index: 1; padding: clamp(15px, 1.8vw, 22px); border: 1px solid rgba(216, 173, 104, 0.31); border-radius: 20px; background: radial-gradient(circle at 8% 8%, rgba(202, 54, 153, 0.11), transparent 30%), linear-gradient(145deg, rgba(12, 20, 27, 0.93), rgba(4, 9, 13, 0.9)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.15), 0 0 28px rgba(216, 173, 104, 0.055); } .page-home-overlift-deck .home-provenance-trace > header { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(280px, 1.18fr); gap: 22px; align-items: end; padding-bottom: 14px; border-bottom: 1px solid rgba(166, 177, 188, 0.15); } .page-home-overlift-deck .home-provenance-trace > header span, .page-home-overlift-deck .home-provenance-trace > header strong { display: block; } .page-home-overlift-deck .home-provenance-trace > header span { color: var(--home-gold-bright); font-size: 0.58rem; font-weight: 900; letter-spacing: 0.11em; text-transform: uppercase; } .page-home-overlift-deck .home-provenance-trace > header strong { max-width: 34ch; margin-top: 5px; color: var(--home-ivory); font-size: clamp(0.92rem, 1.35vw, 1.16rem); line-height: 1.35; } .page-home-overlift-deck .home-provenance-trace > header p { margin: 0; color: rgba(179, 193, 203, 0.72); font-size: 0.72rem; line-height: 1.58; } .page-home-overlift-deck .home-provenance-path { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 15px; } .page-home-overlift-deck .home-provenance-stage { position: relative; min-width: 0; min-height: 190px; padding: 13px 12px 12px; border: 1px solid rgba(166, 177, 188, 0.19); border-radius: 15px; background: rgba(5, 11, 16, 0.78); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.025); } .page-home-overlift-deck .home-provenance-stage:not(:last-child)::after { content: "→"; position: absolute; top: 50%; right: -11px; z-index: 2; display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid rgba(216, 173, 104, 0.36); border-radius: 50%; background: #081018; color: rgba(241, 207, 148, 0.9); font-size: 0.72rem; box-shadow: 0 0 16px rgba(216, 173, 104, 0.1); transform: translateY(-50%); } .page-home-overlift-deck .home-provenance-stage > span { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid rgba(216, 173, 104, 0.43); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.56rem; font-weight: 900; } .page-home-overlift-deck .home-provenance-stage > strong, .page-home-overlift-deck .home-provenance-stage > p, .page-home-overlift-deck .home-provenance-stage > small, .page-home-overlift-deck .home-provenance-stage > code { display: block; } .page-home-overlift-deck .home-provenance-stage > strong { margin-top: 10px; color: rgba(242, 238, 228, 0.94); font-size: 0.76rem; line-height: 1.32; } .page-home-overlift-deck .home-provenance-stage > p { margin: 7px 0 0; color: rgba(176, 190, 200, 0.7); font-size: 0.64rem; line-height: 1.48; } .page-home-overlift-deck .home-provenance-stage > small { margin-top: 8px; color: rgba(210, 219, 225, 0.65); font-size: 0.57rem; line-height: 1.42; } .page-home-overlift-deck .home-provenance-stage > code { margin-top: 9px; color: rgba(216, 196, 157, 0.72); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.56rem; overflow-wrap: anywhere; } .page-home-overlift-deck .home-provenance-stage[data-provenance-state="admitted"], .page-home-overlift-deck .home-provenance-stage[data-provenance-state="verified"] { border-color: rgba(112, 199, 148, 0.36); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.04), 0 0 18px rgba(112, 199, 148, 0.045); } .page-home-overlift-deck .home-provenance-stage[data-provenance-state="active"] { border-color: rgba(216, 173, 104, 0.48); background: rgba(18, 24, 29, 0.88); } .page-home-overlift-deck .home-provenance-stage[data-provenance-state="unknown"] { border-color: rgba(216, 173, 104, 0.38); } .page-home-overlift-deck .home-provenance-stage[data-provenance-state="rejected"], .page-home-overlift-deck .home-provenance-stage[data-provenance-state="blocked"] { border-color: rgba(239, 119, 125, 0.38); background: rgba(28, 11, 15, 0.46); } .page-home-overlift-deck .home-semantic-witness-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .page-home-overlift-deck .home-semantic-witness-card { min-width: 0; padding: 14px; border: 1px solid rgba(166, 177, 188, 0.22); border-radius: 17px; background: linear-gradient(145deg, rgba(12, 20, 27, 0.9), rgba(4, 9, 13, 0.88)); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.045); } .page-home-overlift-deck .home-semantic-witness-card > div:first-child span, .page-home-overlift-deck .home-semantic-witness-card > div:first-child strong { display: block; } .page-home-overlift-deck .home-semantic-witness-card > div:first-child span { color: var(--home-gold-bright); font-size: 0.57rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .home-semantic-witness-card > div:first-child strong { margin-top: 3px; color: var(--home-ivory); font-size: 0.83rem; } .page-home-overlift-deck .home-semantic-witness-card > p { margin: 10px 0 0; color: rgba(175, 190, 200, 0.72); font-size: 0.68rem; line-height: 1.52; } .page-home-overlift-deck .home-semantic-witness-card[data-witness-state="match"] { border-color: rgba(112, 199, 148, 0.38); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.045), 0 0 20px rgba(112, 199, 148, 0.05); } .page-home-overlift-deck .home-semantic-witness-card[data-witness-state="mismatch"] { border-color: rgba(239, 119, 125, 0.44); box-shadow: inset 0 0 0 1px rgba(239, 119, 125, 0.05), 0 0 22px rgba(239, 119, 125, 0.07); } @media (max-width: 1240px) { .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro log" "process process" "sandbox sandbox" "runtime runtime" "semantic semantic" "architecture impact"; } .page-home-overlift-deck .home-semantic-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-semantic-products { grid-column: 1 / -1; } .page-home-overlift-deck .home-semantic-witness-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) and (max-width: 1240px) { .page-home-overlift-deck .home-provenance-path { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-home-overlift-deck .home-provenance-stage:not(:last-child)::after { display: none; } } @media (max-width: 767px) { .page-home-overlift-deck .home-overlift-deck-grid { grid-template-areas: "intro" "process" "log" "sandbox" "runtime" "semantic" "architecture" "impact"; } .page-home-overlift-deck .home-semantic-observatory { gap: 15px; padding: 15px; border-radius: 22px; } .page-home-overlift-deck .home-semantic-heading { flex-direction: column; } .page-home-overlift-deck .home-provenance-trace > header { grid-template-columns: minmax(0, 1fr); gap: 10px; } .page-home-overlift-deck .home-provenance-path { display: flex; gap: 10px; overflow-x: auto; padding: 2px 2px 10px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgba(216, 173, 104, 0.42) rgba(7, 13, 18, 0.5); } .page-home-overlift-deck .home-provenance-stage { flex: 0 0 min(82vw, 270px); min-height: 178px; scroll-snap-align: start; } .page-home-overlift-deck .home-provenance-stage:not(:last-child)::after { right: -10px; } .page-home-overlift-deck .home-semantic-heading h2 { max-width: 16ch; font-size: clamp(1.5rem, 8vw, 2.15rem); } .page-home-overlift-deck .home-semantic-status { max-width: none; } .page-home-overlift-deck .home-semantic-flow, .page-home-overlift-deck .home-semantic-witness-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-semantic-products { grid-column: auto; } .page-home-overlift-deck .home-input-records, .page-home-overlift-deck .home-semantic-output { max-height: 340px; scroll-snap-type: y proximity; } .page-home-overlift-deck .home-input-record, .page-home-overlift-deck .home-semantic-node, .page-home-overlift-deck .home-semantic-edge, .page-home-overlift-deck .home-semantic-timeline-event, .page-home-overlift-deck .home-semantic-product-card { scroll-snap-align: start; } .page-home-overlift-deck .home-semantic-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-semantic-tabs button { min-height: 44px; } .page-home-overlift-deck .home-semantic-hashes, .page-home-overlift-deck .home-bridge-output-metrics, .page-home-overlift-deck .home-semantic-witness-card dl { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-semantic-edge { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-semantic-edge span, .page-home-overlift-deck .home-semantic-edge code { grid-column: 1; grid-row: auto; } .page-home-overlift-deck .home-semantic-timeline-event { grid-template-columns: 32px minmax(0, 1fr); } .page-home-overlift-deck .home-semantic-timeline-event code { grid-column: 2; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-bridge-orbit > i, .page-home-overlift-deck .home-semantic-field { animation: none !important; } } .page-home-overlift-deck .home-input-record { width: 100%; text-align: left; cursor: pointer; transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease; } .page-home-overlift-deck .home-input-record:hover, .page-home-overlift-deck .home-input-record:focus-visible, .page-home-overlift-deck .home-input-record.is-selected { border-color: rgba(216, 173, 104, 0.54); background: linear-gradient(145deg, rgba(21, 27, 31, 0.94), rgba(7, 13, 18, 0.92)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.12), 0 0 24px rgba(216, 173, 104, 0.1); opacity: 1; } .page-home-overlift-deck .home-input-record.is-selected { transform: translateX(2px); } .page-home-overlift-deck .home-semantic-node.is-trace-match, .page-home-overlift-deck .home-semantic-edge.is-trace-match { border-color: rgba(216, 173, 104, 0.58); background: linear-gradient(145deg, rgba(26, 29, 29, 0.95), rgba(8, 14, 18, 0.92)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.12), 0 0 24px rgba(216, 173, 104, 0.1); } .page-home-overlift-deck .home-semantic-node.is-trace-muted, .page-home-overlift-deck .home-semantic-edge.is-trace-muted { opacity: 0.48; } .page-home-overlift-deck .home-semantic-edge[data-edge-status="human-approved"] { border-left: 3px solid rgba(112, 199, 148, 0.68); } .page-home-overlift-deck .home-semantic-edge[data-edge-status="disputed"] { border-left: 3px solid rgba(239, 119, 125, 0.62); } .page-home-overlift-deck .home-semantic-edge[data-edge-status="unknown"] { border-left: 3px solid rgba(216, 173, 104, 0.62); } .page-home-overlift-deck .home-semantic-edge[data-edge-status="blocked"] { border-left: 3px solid rgba(239, 119, 125, 0.72); opacity: 0.8; } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-input-record, .page-home-overlift-deck .home-semantic-node, .page-home-overlift-deck .home-semantic-edge { transition: none !important; } } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] { margin-top: 14px; padding: 13px 14px; border-radius: 15px; border-color: rgba(166, 177, 188, 0.24); background: radial-gradient(circle at 100% 0%, rgba(202, 54, 153, 0.11), transparent 42%), linear-gradient(145deg, rgba(10, 18, 24, 0.94), rgba(4, 9, 13, 0.9)); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.11), 0 0 20px rgba(202, 54, 153, 0.045); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > span, .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > strong { display: block; } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > span { color: rgba(211, 188, 146, 0.72); font-size: 0.55rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > strong { margin-top: 4px; color: rgba(243, 238, 226, 0.94); font-size: 0.76rem; line-height: 1.4; } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > p { margin: 6px 0 0; color: rgba(176, 191, 201, 0.72); font-size: 0.64rem; line-height: 1.52; } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace][data-trace-state="admitted"] { border-color: rgba(216, 173, 104, 0.42); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.065), 0 0 22px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace][data-trace-state="verified"] { border-color: rgba(112, 199, 148, 0.42); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.065), 0 0 22px rgba(112, 199, 148, 0.065); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace][data-trace-state="rejected"] { border-color: rgba(239, 119, 125, 0.43); background: linear-gradient(145deg, rgba(28, 11, 15, 0.7), rgba(6, 9, 12, 0.91)); box-shadow: inset 0 0 0 1px rgba(239, 119, 125, 0.055), 0 0 22px rgba(239, 119, 125, 0.065); } .page-home-overlift-deck .home-branch-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 11px; } .page-home-overlift-deck .home-branch-compare article { min-width: 0; padding: 11px; border: 1px solid rgba(166, 177, 188, 0.17); border-radius: 13px; background: rgba(5, 11, 16, 0.7); box-shadow: inset 0 0 0 1px rgba(166, 177, 188, 0.045); } .page-home-overlift-deck .home-branch-compare article > span, .page-home-overlift-deck .home-branch-compare article > strong, .page-home-overlift-deck .home-branch-compare article > small, .page-home-overlift-deck .home-branch-compare article > code { display: block; } .page-home-overlift-deck .home-branch-compare article > span { color: rgba(211, 188, 146, 0.76); font-size: 0.54rem; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase; } .page-home-overlift-deck .home-branch-compare article > strong { margin-top: 5px; color: rgba(241, 237, 227, 0.92); font-size: 0.69rem; line-height: 1.42; } .page-home-overlift-deck .home-branch-compare article > small { margin-top: 6px; color: rgba(169, 184, 194, 0.69); font-size: 0.58rem; line-height: 1.48; } .page-home-overlift-deck .home-branch-compare article > code { margin-top: 8px; } .page-home-overlift-deck .home-branch-witness-card[data-branch-state="approved"] [data-branch-option="approved"], .page-home-overlift-deck .home-branch-witness-card[data-branch-state="rejected"] [data-branch-option="rejected"] { border-color: rgba(112, 199, 148, 0.42); background: rgba(11, 27, 21, 0.58); box-shadow: inset 0 0 0 1px rgba(112, 199, 148, 0.055), 0 0 16px rgba(112, 199, 148, 0.05); } .page-home-overlift-deck .home-branch-witness-card[data-branch-state="approved"] [data-branch-option="rejected"], .page-home-overlift-deck .home-branch-witness-card[data-branch-state="rejected"] [data-branch-option="approved"] { border-color: rgba(216, 173, 104, 0.26); opacity: 0.76; } .page-home-overlift-deck [data-witness-delta] { color: rgba(228, 202, 155, 0.9); } .page-home-overlift-deck .home-semantic-witness-card[data-witness-state="mismatch"] [data-witness-delta] { color: rgba(255, 156, 161, 0.95); } @media (max-width: 767px) { .page-home-overlift-deck .home-branch-compare { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] { padding: 13px; } } body.is-overlift-app-open { overflow: hidden !important; overscroll-behavior: none; } .page-home-overlift-deck .home-app-intro-width, .page-home-overlift-deck .home-projects-section > .site-width { width: min(1180px, calc(100% - 2rem)); max-width: 1180px; margin-inline: auto; } .page-home-overlift-deck .home-app-intro-shell { display: grid; align-items: center; width: 100%; height: 85svh; min-height: min(590px, 85svh); max-height: 900px; padding: clamp(20px, 2.7vw, 40px); overflow: hidden; } .page-home-overlift-deck .home-app-intro-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.98fr); gap: clamp(24px, 4vw, 68px); align-items: center; min-height: 0; } .page-home-overlift-deck .home-app-intro-copy { display: grid; align-content: center; gap: clamp(12px, 1.6vh, 18px); min-width: 0; } .page-home-overlift-deck .home-app-intro-copy h1 { margin: 0; max-width: 10ch; color: var(--home-ivory); font-size: clamp(2.8rem, 4.9vw, 5.15rem); line-height: 0.95; letter-spacing: -0.055em; text-wrap: balance; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-lead { max-width: 58ch; font-size: clamp(1rem, 1.25vw, 1.18rem); line-height: 1.62; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-support { max-width: 68ch; font-size: clamp(0.82rem, 0.95vw, 0.95rem); line-height: 1.58; } .page-home-overlift-deck .home-start-app-button { min-width: 154px; box-shadow: 0 0 26px rgba(216, 173, 104, 0.16); } .page-home-overlift-deck .home-app-marketing-rail { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 2px; } .page-home-overlift-deck .home-app-marketing-rail > span { min-width: 0; padding: 10px 11px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 14px; background: linear-gradient(145deg, rgba(19, 24, 30, 0.76), rgba(7, 12, 17, 0.8)); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.045); } .page-home-overlift-deck .home-app-marketing-rail strong, .page-home-overlift-deck .home-app-marketing-rail small { display: block; } .page-home-overlift-deck .home-app-marketing-rail strong { color: var(--home-gold-bright); font-size: 0.68rem; line-height: 1.3; } .page-home-overlift-deck .home-app-marketing-rail small { margin-top: 4px; color: rgba(178, 190, 201, 0.68); font-size: 0.56rem; line-height: 1.35; } .page-home-overlift-deck .home-app-intro-story { min-width: 0; padding: clamp(18px, 2vw, 28px); border: 1px solid rgba(216, 173, 104, 0.4); border-radius: 25px; background: radial-gradient(circle at 100% 0%, rgba(182, 49, 138, 0.1), transparent 42%), linear-gradient(145deg, rgba(16, 21, 28, 0.94), rgba(6, 10, 15, 0.92)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.22), 0 0 30px rgba(216, 173, 104, 0.08); } .page-home-overlift-deck .home-app-intro-story h2 { margin: 6px 0 0; color: var(--home-ivory); font-size: clamp(1.55rem, 2.4vw, 2.6rem); line-height: 1; } .page-home-overlift-deck .home-app-story-steps { display: grid; gap: 9px; margin: 18px 0 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-app-story-steps li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 11px 12px; border: 1px solid rgba(164, 173, 183, 0.17); border-radius: 15px; background: rgba(255, 255, 255, 0.018); } .page-home-overlift-deck .home-app-story-steps li > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(216, 173, 104, 0.4); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.66rem; } .page-home-overlift-deck .home-app-story-steps strong, .page-home-overlift-deck .home-app-story-steps small { display: block; } .page-home-overlift-deck .home-app-story-steps strong { color: rgba(244, 239, 229, 0.94); font-size: 0.83rem; } .page-home-overlift-deck .home-app-story-steps small { margin-top: 3px; color: rgba(185, 197, 208, 0.72); font-size: 0.66rem; line-height: 1.45; } .page-home-overlift-deck .home-app-intro-proof { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; } .page-home-overlift-deck .home-app-intro-proof span { padding: 7px 10px; border: 1px solid rgba(216, 173, 104, 0.22); border-radius: 999px; background: rgba(216, 173, 104, 0.035); color: rgba(224, 213, 190, 0.78); font-size: 0.62rem; font-weight: 760; } .page-home-overlift-deck .home-app-overlay[hidden] { display: none !important; } .page-home-overlift-deck .home-app-overlay { position: fixed !important; inset: 0; z-index: 10000; display: grid; place-items: center; width: 100vw !important; height: 100dvh; margin: 0 !important; padding: 0 !important; background: rgba(1, 4, 8, 0.88); backdrop-filter: blur(18px) saturate(0.86); -webkit-backdrop-filter: blur(18px) saturate(0.86); } .page-home-overlift-deck .home-app-backdrop { display: grid; place-items: center; width: 100%; height: 100%; padding: 0; } .page-home-overlift-deck .home-fullscreen-app { position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr); width: 85vw; height: 85dvh; min-height: 0 !important; max-width: 1680px; max-height: 1080px; padding: 14px; overflow: hidden; border-radius: 30px; } .page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { min-height: 58px; margin: 0; padding: 2px 4px 10px; } .page-home-overlift-deck .home-app-screen-tabs { display: none; align-items: center; gap: 6px; } .page-home-overlift-deck .home-app-screen-tabs button { min-height: 36px; padding: 8px 14px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 999px; background: rgba(255, 255, 255, 0.02); color: rgba(198, 209, 219, 0.72); font-size: 0.68rem; font-weight: 800; } .page-home-overlift-deck .home-app-screen-tabs button.is-active { border-color: rgba(216, 173, 104, 0.5); background: rgba(216, 173, 104, 0.09); color: var(--home-ivory); } .page-home-overlift-deck .home-app-close { color: rgba(245, 239, 227, 0.92) !important; } .page-home-overlift-deck .home-app-screens { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; min-height: 0; overflow: hidden; } .page-home-overlift-deck .home-app-screen { min-width: 0; min-height: 0; overflow: auto; padding: 12px; border: 1px solid rgba(216, 173, 104, 0.34); border-radius: 23px; background: radial-gradient(circle at 12% 0%, rgba(216, 173, 104, 0.06), transparent 28%), radial-gradient(circle at 100% 12%, rgba(188, 50, 142, 0.08), transparent 34%), linear-gradient(145deg, rgba(8, 14, 20, 0.94), rgba(3, 8, 12, 0.95)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.22), 0 0 22px rgba(216, 173, 104, 0.045); scrollbar-width: thin; scrollbar-color: rgba(216, 173, 104, 0.4) rgba(5, 10, 15, 0.72); } .page-home-overlift-deck .home-app-screen-heading { display: flex; justify-content: space-between; gap: 14px; align-items: flex-end; margin: 0 2px 10px; padding: 2px 4px 10px; border-bottom: 1px solid rgba(164, 173, 183, 0.14); } .page-home-overlift-deck .home-app-screen-heading span, .page-home-overlift-deck .home-app-screen-heading strong { display: block; } .page-home-overlift-deck .home-app-screen-heading span { color: var(--home-gold-bright); font-size: 0.58rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; } .page-home-overlift-deck .home-app-screen-heading strong { margin-top: 3px; color: var(--home-ivory); font-size: 0.98rem; } .page-home-overlift-deck .home-app-screen-heading small { max-width: 38ch; color: rgba(178, 190, 201, 0.66); font-size: 0.6rem; line-height: 1.4; text-align: right; } .page-home-overlift-deck .home-app-screen > .home-deck-panel, .page-home-overlift-deck .home-app-screen .home-deck-panel { margin: 0 0 12px; padding: 14px; border-radius: 18px; } .page-home-overlift-deck .home-app-screen-watch .home-deck-process-panel { min-height: 0; } .page-home-overlift-deck .home-app-screen-watch .home-deck-panel-heading h2 { font-size: clamp(1.2rem, 1.55vw, 1.7rem); } .page-home-overlift-deck .home-app-screen-watch .home-deck-runtime-label { max-width: 20ch; font-size: 0.54rem; text-align: right; } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage-flow { grid-template-columns: repeat(5, minmax(92px, 1fr)); gap: 7px; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; } .page-home-overlift-deck .home-app-screen-watch .home-stage-connector { display: none; } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage { min-width: 92px; min-height: 116px; padding: 9px 7px; scroll-snap-align: start; } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage strong { font-size: 0.68rem; } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage small { font-size: 0.51rem; line-height: 1.34; } .page-home-overlift-deck .home-app-screen-watch .home-stage-number { width: 24px; height: 24px; font-size: 0.58rem; } .page-home-overlift-deck .home-app-screen-watch .home-stage-icon { width: 32px; height: 32px; } .page-home-overlift-deck .home-app-screen-watch .home-stage-detail { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 12px; } .page-home-overlift-deck .home-app-visual-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .page-home-overlift-deck .home-app-visual-tiles .home-deck-visual-card { min-height: 132px; padding: 14px; border-radius: 18px; } .page-home-overlift-deck .home-app-visual-tiles .home-deck-visual-card > strong { font-size: 0.85rem; line-height: 1.38; } .page-home-overlift-deck .home-query-heading { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; } .page-home-overlift-deck .home-query-heading h2 { margin: 6px 0 0; color: var(--home-ivory); font-size: clamp(1.28rem, 1.8vw, 1.78rem); line-height: 1.05; } .page-home-overlift-deck .home-query-local { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; color: rgba(190, 203, 214, 0.72); font-size: 0.58rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .page-home-overlift-deck .home-query-local i { width: 7px; height: 7px; border-radius: 50%; background: #6ee59c; box-shadow: 0 0 12px rgba(110, 229, 156, 0.7); } .page-home-overlift-deck .home-query-form { display: grid; gap: 7px; margin-top: 14px; } .page-home-overlift-deck .home-query-form label, .page-home-overlift-deck .home-guided-scenarios > span { color: rgba(215, 190, 147, 0.78); font-size: 0.56rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .home-query-form > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; } .page-home-overlift-deck .home-query-form input { min-width: 0; min-height: 46px; padding: 11px 13px; border: 1px solid rgba(164, 173, 183, 0.24); border-radius: 14px; background: rgba(2, 7, 11, 0.86); color: var(--home-ivory); font: inherit; font-size: 0.82rem; box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.035); } .page-home-overlift-deck .home-query-form input:focus { border-color: rgba(216, 173, 104, 0.58); outline: none; box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.08), 0 0 20px rgba(216, 173, 104, 0.09); } .page-home-overlift-deck .home-query-form button, .page-home-overlift-deck .home-query-run { min-height: 44px; padding: 10px 15px; border: 1px solid rgba(216, 173, 104, 0.5); border-radius: 13px; background: linear-gradient(145deg, rgba(216, 173, 104, 0.16), rgba(8, 13, 18, 0.92)); color: var(--home-ivory); font-weight: 820; box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.14), 0 0 18px rgba(216, 173, 104, 0.07); } .page-home-overlift-deck .home-query-prompts { display: flex; gap: 6px; margin-top: 10px; overflow-x: auto; padding-bottom: 5px; scroll-snap-type: x proximity; } .page-home-overlift-deck .home-query-prompts button { flex: 0 0 auto; min-height: 36px; padding: 8px 10px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.018); color: rgba(194, 205, 215, 0.74); font-size: 0.62rem; scroll-snap-align: start; } .page-home-overlift-deck .home-query-prompts button:hover, .page-home-overlift-deck .home-query-prompts button:focus-visible { border-color: rgba(216, 173, 104, 0.45); color: var(--home-ivory); } .page-home-overlift-deck .home-query-understanding { margin-top: 10px; padding: 13px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 16px; background: linear-gradient(145deg, rgba(10, 18, 24, 0.93), rgba(4, 9, 13, 0.9)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.07); } .page-home-overlift-deck .home-query-understanding[data-query-state="ready"] { border-color: rgba(216, 173, 104, 0.46); box-shadow: inset 0 0 0 1px rgba(216, 173, 104, 0.06), 0 0 20px rgba(216, 173, 104, 0.06); } .page-home-overlift-deck .home-query-understanding[data-query-state="ambiguous"], .page-home-overlift-deck .home-query-understanding[data-query-state="unsupported"] { border-color: rgba(239, 178, 102, 0.42); } .page-home-overlift-deck .home-query-understanding-title span, .page-home-overlift-deck .home-query-understanding-title strong { display: block; } .page-home-overlift-deck .home-query-understanding-title span { color: var(--home-gold-bright); font-size: 0.54rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; } .page-home-overlift-deck .home-query-understanding-title strong { margin-top: 4px; color: var(--home-ivory); font-size: 0.83rem; line-height: 1.4; } .page-home-overlift-deck .home-query-understanding dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 10px 0 0; } .page-home-overlift-deck .home-query-understanding dl > div { min-width: 0; padding: 8px; border: 1px solid rgba(164, 173, 183, 0.13); border-radius: 11px; background: rgba(255, 255, 255, 0.014); } .page-home-overlift-deck .home-query-understanding dt { color: rgba(174, 187, 198, 0.62); font-size: 0.5rem; font-weight: 800; text-transform: uppercase; } .page-home-overlift-deck .home-query-understanding dd { margin: 3px 0 0; color: rgba(239, 235, 225, 0.9); font-size: 0.64rem; line-height: 1.4; overflow-wrap: anywhere; } .page-home-overlift-deck .home-query-understanding > p { margin: 9px 0 0; color: rgba(176, 190, 201, 0.7); font-size: 0.62rem; line-height: 1.5; } .page-home-overlift-deck .home-query-run { width: 100%; margin-top: 10px; } .page-home-overlift-deck .home-query-run:disabled { opacity: 0.42; cursor: not-allowed; } .page-home-overlift-deck .home-guided-scenarios { margin-top: 12px; } .page-home-overlift-deck .home-guided-scenarios .home-deck-scenario-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 7px; } .page-home-overlift-deck .home-guided-scenarios .home-deck-scenario-list button { min-height: 42px; padding: 8px 8px 8px 24px; font-size: 0.64rem; } .page-home-overlift-deck .home-query-console .home-deck-context { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 10px; } .page-home-overlift-deck .home-query-console .home-deck-context div { padding: 8px; } .page-home-overlift-deck .home-query-scenario-summary { margin: 8px 0 0; color: rgba(178, 190, 201, 0.68); font-size: 0.62rem; line-height: 1.48; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-heading { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-heading h2 { font-size: clamp(1.1rem, 1.5vw, 1.48rem); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-heading p { font-size: 0.64rem; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-workspace { grid-template-columns: minmax(0, 1fr); gap: 8px; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card { padding: 12px; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card h3 { font-size: 0.9rem; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card p, .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card dl { font-size: 0.62rem; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-policy-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-commandbar { position: sticky; bottom: -1px; z-index: 3; padding: 9px; border: 1px solid rgba(216, 173, 104, 0.24); border-radius: 15px; background: rgba(5, 10, 15, 0.94); box-shadow: 0 -12px 24px rgba(2, 5, 8, 0.66); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-timeline-shell { max-height: 190px; overflow: auto; } .page-home-overlift-deck .home-proof-drawer[hidden] { display: none !important; } .page-home-overlift-deck .home-proof-drawer { position: absolute; inset: 72px 14px 14px; z-index: 20; display: grid; gap: 12px; align-content: start; overflow: auto; padding: 16px; border: 1px solid rgba(216, 173, 104, 0.48); border-radius: 22px; background: radial-gradient(circle at 92% 0%, rgba(201, 53, 152, 0.11), transparent 34%), linear-gradient(145deg, rgba(7, 13, 18, 0.985), rgba(2, 6, 10, 0.99)); box-shadow: inset 0 0 0 1px rgba(164, 173, 183, 0.24), 0 0 42px rgba(0, 0, 0, 0.7), 0 0 28px rgba(216, 173, 104, 0.09); } .page-home-overlift-deck .home-proof-drawer-header { position: sticky; top: -16px; z-index: 5; display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 14px 4px 12px; background: rgba(5, 10, 15, 0.97); border-bottom: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-proof-drawer-header h2 { margin: 5px 0 0; color: var(--home-ivory); font-size: clamp(1.3rem, 2.1vw, 2rem); } .page-home-overlift-deck .home-proof-drawer-header button { flex: 0 0 auto; min-height: 42px; padding: 9px 13px; border: 1px solid rgba(216, 173, 104, 0.38); border-radius: 13px; background: rgba(216, 173, 104, 0.06); color: var(--home-ivory); font-weight: 780; } .page-home-overlift-deck .home-proof-language { padding: 15px; border: 1px solid rgba(164, 173, 183, 0.2); border-radius: 18px; background: rgba(12, 18, 24, 0.76); } .page-home-overlift-deck .home-proof-language h2 { margin: 5px 0 0; color: var(--home-ivory); font-size: 1.2rem; } .page-home-overlift-deck .home-proof-language dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; } .page-home-overlift-deck .home-proof-language dl > div { min-width: 0; padding: 10px; border: 1px solid rgba(164, 173, 183, 0.14); border-radius: 13px; background: rgba(255, 255, 255, 0.014); } .page-home-overlift-deck .home-proof-language dt { color: var(--home-gold-bright); font-size: 0.68rem; font-weight: 850; } .page-home-overlift-deck .home-proof-language dd { margin: 4px 0 0; color: rgba(184, 196, 206, 0.7); font-size: 0.6rem; line-height: 1.42; } .page-home-overlift-deck .home-proof-drawer > .home-deck-panel, .page-home-overlift-deck .home-proof-drawer > .home-semantic-observatory { margin: 0; } .page-home-overlift-deck .home-proof-button-short { display: none; } @media (min-width: 768px) and (max-height: 820px) { .page-home-overlift-deck .home-app-intro-shell { padding: 18px 24px; } .page-home-overlift-deck .home-app-intro-grid { gap: 24px; } .page-home-overlift-deck .home-app-intro-copy { gap: 9px; } .page-home-overlift-deck .home-app-intro-copy h1 { font-size: clamp(2.7rem, 4.2vw, 4.35rem); } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-lead { font-size: 0.94rem; line-height: 1.48; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-support { font-size: 0.78rem; line-height: 1.45; } .page-home-overlift-deck .home-app-marketing-rail > span { padding: 7px 8px; } .page-home-overlift-deck .home-app-marketing-rail small { display: none; } .page-home-overlift-deck .home-app-intro-story { padding: 15px 18px; } .page-home-overlift-deck .home-app-intro-story h2 { font-size: clamp(1.45rem, 2vw, 2rem); } .page-home-overlift-deck .home-app-story-steps { gap: 6px; margin-top: 11px; } .page-home-overlift-deck .home-app-story-steps li { padding: 8px 10px; } .page-home-overlift-deck .home-app-story-steps small { font-size: 0.6rem; line-height: 1.35; } .page-home-overlift-deck .home-app-intro-proof { margin-top: 9px; } .page-home-overlift-deck .home-app-intro-proof span { padding: 5px 8px; font-size: 0.56rem; } } @media (max-width: 1100px) { .page-home-overlift-deck .home-app-intro-grid { grid-template-columns: minmax(0, 0.92fr) minmax(340px, 1.08fr); gap: 26px; } .page-home-overlift-deck .home-app-marketing-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-home-overlift-deck .home-deck-online { display: none; } .page-home-overlift-deck .home-proof-language dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .page-home-overlift-deck .home-app-screen-tabs { display: flex; } .page-home-overlift-deck .home-deck-brand .eyebrow { display: none; } .page-home-overlift-deck .home-deck-brand strong { font-size: 0.86rem; } .page-home-overlift-deck .home-deck-mark { width: 36px; height: 36px; border-radius: 11px; font-size: 0.68rem; } .page-home-overlift-deck .home-deck-topbar-actions { gap: 6px; } .page-home-overlift-deck .home-deck-topbar-actions button { min-height: 36px; padding: 7px 9px; font-size: 0.62rem; } .page-home-overlift-deck .home-app-screens { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-app-screen { display: none; } .page-home-overlift-deck .home-app-screen.is-active { display: block; } } @media (max-width: 767px) { .page-home-overlift-deck .home-app-intro-shell { height: 85svh; min-height: 0; max-height: none; padding: 15px; overflow: hidden; border-radius: 24px; } .page-home-overlift-deck .home-app-intro-grid { grid-template-columns: minmax(0, 1fr); gap: 11px; align-content: center; } .page-home-overlift-deck .home-app-intro-copy { gap: 8px; } .page-home-overlift-deck .home-app-intro-copy h1 { max-width: none; font-size: clamp(2.35rem, 12vw, 3.15rem); line-height: 0.95; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-lead { font-size: 0.78rem; line-height: 1.45; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-support { display: none; } .page-home-overlift-deck .home-sean-actions { margin-top: 0; } .page-home-overlift-deck .home-sean-actions .lux-button { min-height: 40px; padding: 9px 12px; font-size: 0.72rem; } .page-home-overlift-deck .home-app-marketing-rail { display: flex; gap: 6px; overflow-x: auto; margin-top: 0; padding-bottom: 4px; scroll-snap-type: x proximity; } .page-home-overlift-deck .home-app-marketing-rail > span { flex: 0 0 112px; padding: 7px 8px; scroll-snap-align: start; } .page-home-overlift-deck .home-app-marketing-rail small { display: none; } .page-home-overlift-deck .home-app-intro-story { padding: 11px; border-radius: 18px; } .page-home-overlift-deck .home-app-intro-story .home-console-heading { align-items: center; } .page-home-overlift-deck .home-app-intro-story h2 { font-size: 1.25rem; } .page-home-overlift-deck .home-app-story-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 9px; } .page-home-overlift-deck .home-app-story-steps li { grid-template-columns: 24px minmax(0, 1fr); gap: 6px; padding: 7px; border-radius: 12px; } .page-home-overlift-deck .home-app-story-steps li > span { width: 22px; height: 22px; font-size: 0.5rem; } .page-home-overlift-deck .home-app-story-steps strong { font-size: 0.65rem; } .page-home-overlift-deck .home-app-story-steps small { display: none; } .page-home-overlift-deck .home-app-intro-proof { display: none; } .page-home-overlift-deck .home-fullscreen-app { width: 85vw; height: 85dvh; padding: 9px; border-radius: 22px; } .page-home-overlift-deck .home-fullscreen-app .home-deck-topbar { min-height: 48px; padding-bottom: 7px; } .page-home-overlift-deck .home-app-screen-tabs button { min-height: 32px; padding: 6px 9px; font-size: 0.58rem; } .page-home-overlift-deck .home-deck-brand strong { display: none; } .page-home-overlift-deck .home-deck-topbar-actions button[data-deck-reset] { display: none; } .page-home-overlift-deck .home-proof-button-long { display: none; } .page-home-overlift-deck .home-proof-button-short { display: inline; } .page-home-overlift-deck .home-app-screen { padding: 8px; border-radius: 16px; } .page-home-overlift-deck .home-app-screen-heading { align-items: flex-start; margin-bottom: 7px; } .page-home-overlift-deck .home-app-screen-heading small { display: none; } .page-home-overlift-deck .home-app-screen > .home-deck-panel, .page-home-overlift-deck .home-app-screen .home-deck-panel { padding: 10px; border-radius: 14px; } .page-home-overlift-deck .home-query-heading { display: block; } .page-home-overlift-deck .home-query-local { margin-top: 6px; } .page-home-overlift-deck .home-query-form > div { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-query-understanding dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-guided-scenarios .home-deck-scenario-list { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-query-console .home-deck-context { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-heading { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-identity { justify-self: stretch; } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-policy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-app-visual-tiles { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-proof-drawer { inset: 57px 9px 9px; padding: 10px; border-radius: 16px; } .page-home-overlift-deck .home-proof-drawer-header { top: -10px; padding-top: 10px; } .page-home-overlift-deck .home-proof-drawer-header h2 { font-size: 1.1rem; } .page-home-overlift-deck .home-proof-language dl { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-app-overlay, .page-home-overlift-deck .home-fullscreen-app, .page-home-overlift-deck .home-app-screen, .page-home-overlift-deck .home-query-understanding { scroll-behavior: auto !important; transition: none !important; } } body.is-overlift-app-open .home-modal { z-index: 12000; } html.is-overlift-app-open, body.is-overlift-app-open { width: 100%; height: 100%; overflow: hidden !important; overscroll-behavior: none; } .page-home-overlift-deck .home-app-overlay { width: 100vw !important; width: 100dvw !important; height: 100vh !important; height: 100dvh !important; min-height: 100dvh; background: #02060a; backdrop-filter: none; -webkit-backdrop-filter: none; } .page-home-overlift-deck .home-app-backdrop { width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; } .page-home-overlift-deck .home-fullscreen-app, .page-home-overlift-deck .home-fullscreen-app[role="dialog"] { width: 100vw !important; width: 100dvw !important; height: 100vh !important; height: 100dvh !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important; box-sizing: border-box; border-radius: 0 !important; outline: none !important; box-shadow: inset 0 1px 0 rgba(255, 248, 233, 0.1), inset 0 0 0 1px rgba(74, 80, 88, 0.48), inset 0 0 55px rgba(0, 0, 0, 0.28) !important; } .page-home-overlift-deck .home-fullscreen-app::before, .page-home-overlift-deck .home-fullscreen-app::after { border-radius: 0 !important; } .page-home-overlift-deck .home-fullscreen-app:focus, .page-home-overlift-deck .home-fullscreen-app:focus-visible, .page-home-overlift-deck .home-overlift-deck-shell:focus, .page-home-overlift-deck .home-overlift-deck-shell:focus-visible { outline: none !important; } .page-home-overlift-deck .home-fullscreen-app button:focus-visible, .page-home-overlift-deck .home-fullscreen-app a:focus-visible, .page-home-overlift-deck .home-fullscreen-app input:focus-visible, .page-home-overlift-deck .home-fullscreen-app select:focus-visible, .page-home-overlift-deck .home-fullscreen-app textarea:focus-visible { outline: 2px solid var(--home-gold-bright); outline-offset: 2px; } .page-home-overlift-deck .home-app-intro-width, .page-home-overlift-deck .home-app-simulation-width, .page-home-overlift-deck .home-projects-section > .site-width { width: min(1320px, calc(100% - 2rem)); max-width: 1320px; margin-inline: auto; } .page-home-overlift-deck .home-app-intro-shell { height: auto; min-height: 0; max-height: none; padding: clamp(26px, 3vw, 46px); overflow: hidden; border-color: rgba(242, 213, 157, 0.68); box-shadow: inset 0 1px 0 rgba(255, 250, 240, 0.18), inset 0 0 0 1px rgba(116, 125, 136, 0.42), 0 0 0 1px rgba(84, 54, 19, 0.7), 0 22px 68px rgba(0, 0, 0, 0.48), 0 0 30px rgba(216, 173, 104, 0.16), 0 0 72px rgba(205, 65, 158, 0.055); } .page-home-overlift-deck .home-app-intro-shell::before { inset: 6px; border-color: rgba(189, 199, 211, 0.27); } .page-home-overlift-deck .home-app-intro-shell::after { background: linear-gradient(108deg, transparent 0 38%, rgba(255, 248, 229, 0.08) 45%, rgba(255, 226, 169, 0.74) 49.5%, rgba(255, 252, 243, 0.18) 52%, transparent 59% 100%) top / 245% 2px no-repeat, linear-gradient(90deg, transparent, rgba(242, 213, 157, 0.19), transparent) bottom / 68% 1px no-repeat, radial-gradient(circle at 9% 6%, rgba(255, 232, 185, 0.12), transparent 22%), radial-gradient(circle at 92% 93%, rgba(216, 104, 179, 0.07), transparent 26%); animation: home-overlift-brass-glint 22s ease-in-out infinite; } @keyframes home-overlift-brass-glint { 0%, 18% { background-position: 118% 0, center bottom, center, center; opacity: 0.7; } 43%, 58% { background-position: -38% 0, center bottom, center, center; opacity: 1; } 82%, 100% { background-position: -38% 0, center bottom, center, center; opacity: 0.72; } } .page-home-overlift-deck .home-app-intro-grid { grid-template-columns: minmax(0, 1.08fr) minmax(430px, 0.92fr); gap: clamp(28px, 4vw, 62px); align-items: stretch; } .page-home-overlift-deck .home-app-intro-copy { align-content: start; gap: 14px; padding-block: 4px; } .page-home-overlift-deck .home-app-intro-copy h1 { max-width: 13ch; font-size: clamp(2.7rem, 4.55vw, 5.05rem); line-height: 0.94; } .page-home-overlift-deck .home-app-intro-copy h1 > span, .page-home-overlift-deck .home-app-intro-copy h1 > small { display: block; } .page-home-overlift-deck .home-app-intro-copy h1 > small { margin-top: 10px; color: rgba(244, 237, 222, 0.92); font-family: inherit; font-size: 0.43em; font-weight: 650; line-height: 1.08; letter-spacing: -0.035em; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-lead { max-width: 68ch; color: rgba(239, 242, 246, 0.91); font-size: clamp(0.98rem, 1.12vw, 1.12rem); line-height: 1.62; } .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-support { max-width: 74ch; color: rgba(196, 207, 217, 0.78); font-size: clamp(0.82rem, 0.88vw, 0.94rem); line-height: 1.58; } .page-home-overlift-deck .home-determinism-story { display: grid; gap: 6px; padding: 14px 16px; border: 1px solid rgba(216, 173, 104, 0.32); border-radius: 17px; background: radial-gradient(circle at 100% 0%, rgba(117, 82, 184, 0.12), transparent 42%), linear-gradient(145deg, rgba(21, 17, 31, 0.72), rgba(6, 12, 18, 0.76)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), inset 0 0 0 1px rgba(111, 126, 141, 0.1), 0 0 22px rgba(121, 88, 181, 0.055); } .page-home-overlift-deck .home-determinism-story > strong { color: var(--home-gold-bright); font-size: 0.86rem; letter-spacing: 0.015em; } .page-home-overlift-deck .home-determinism-story p, .page-home-overlift-deck .home-determinism-story small { margin: 0; } .page-home-overlift-deck .home-determinism-story p { color: rgba(231, 234, 239, 0.84); font-size: 0.79rem; line-height: 1.55; } .page-home-overlift-deck .home-determinism-story small { color: rgba(180, 194, 206, 0.68); font-size: 0.69rem; line-height: 1.5; } .page-home-overlift-deck .home-overlift-rule { margin: 0; padding-left: 13px; border-left: 2px solid rgba(216, 173, 104, 0.58); color: rgba(210, 218, 226, 0.78); font-size: 0.8rem; line-height: 1.5; } .page-home-overlift-deck .home-overlift-rule strong { color: var(--home-ivory); } .page-home-overlift-deck .home-simple-explanation-button { border-color: rgba(215, 106, 179, 0.34); box-shadow: 0 0 18px rgba(209, 80, 166, 0.055); } .page-home-overlift-deck .home-app-marketing-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 3px; } .page-home-overlift-deck .home-app-marketing-rail > span { min-height: 66px; padding: 11px 12px; border-color: rgba(164, 173, 183, 0.22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), inset 0 0 0 1px rgba(216, 173, 104, 0.055), 0 0 14px rgba(216, 173, 104, 0.028); } .page-home-overlift-deck .home-app-marketing-rail strong { font-size: 0.72rem; } .page-home-overlift-deck .home-app-marketing-rail small { font-size: 0.61rem; line-height: 1.42; } .page-home-overlift-deck .home-app-intro-story { display: flex; flex-direction: column; height: 100%; padding: clamp(20px, 2.2vw, 30px); border-color: rgba(242, 213, 157, 0.48); background: radial-gradient(circle at 100% 0%, rgba(205, 67, 159, 0.13), transparent 38%), radial-gradient(circle at 3% 100%, rgba(216, 173, 104, 0.075), transparent 34%), linear-gradient(145deg, rgba(16, 22, 29, 0.96), rgba(5, 10, 15, 0.94)); } .page-home-overlift-deck .home-app-intro-story h2 { font-size: clamp(1.7rem, 2.35vw, 2.7rem); line-height: 1.02; } .page-home-overlift-deck .home-aex-marketing-intro { margin: 13px 0 0; color: rgba(198, 209, 219, 0.76); font-size: 0.78rem; line-height: 1.55; } .page-home-overlift-deck .home-aex-marketing-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 15px 0 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-aex-marketing-paths li { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 10px; min-width: 0; padding: 10px 11px; border: 1px solid rgba(164, 173, 183, 0.18); border-radius: 15px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.009)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025); } .page-home-overlift-deck .home-aex-marketing-paths li:last-child { grid-column: 1 / -1; } .page-home-overlift-deck .home-aex-marketing-paths li > span { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid rgba(216, 173, 104, 0.46); border-radius: 50%; color: var(--home-gold-bright); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.65rem; box-shadow: 0 0 13px rgba(216, 173, 104, 0.06); } .page-home-overlift-deck .home-aex-marketing-paths strong, .page-home-overlift-deck .home-aex-marketing-paths small { display: block; } .page-home-overlift-deck .home-aex-marketing-paths strong { color: rgba(245, 240, 231, 0.94); font-size: 0.75rem; } .page-home-overlift-deck .home-aex-marketing-paths small { margin-top: 3px; color: rgba(183, 196, 207, 0.69); font-size: 0.61rem; line-height: 1.38; } .page-home-overlift-deck .home-aex-marketing-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 10px; } .page-home-overlift-deck .home-aex-marketing-controls > span { display: block; min-width: 0; padding: 9px 10px; border: 1px solid rgba(216, 173, 104, 0.2); border-radius: 13px; background: rgba(216, 173, 104, 0.025); } .page-home-overlift-deck .home-aex-marketing-controls strong, .page-home-overlift-deck .home-aex-marketing-controls small { display: block; } .page-home-overlift-deck .home-aex-marketing-controls strong { color: rgba(235, 218, 184, 0.92); font-size: 0.61rem; } .page-home-overlift-deck .home-aex-marketing-controls small { margin-top: 3px; color: rgba(172, 186, 198, 0.66); font-size: 0.54rem; line-height: 1.35; } .page-home-overlift-deck .home-app-intro-story .home-app-intro-proof { margin-top: auto; padding-top: 13px; } .page-home-overlift-deck .home-simple-explanation-panel { width: min(820px, calc(100vw - 32px)); max-height: min(820px, calc(100dvh - 32px)); padding: clamp(24px, 4vw, 42px); border-color: rgba(242, 213, 157, 0.58); background: radial-gradient(circle at 100% 0%, rgba(205, 69, 160, 0.11), transparent 36%), radial-gradient(circle at 0% 100%, rgba(216, 173, 104, 0.08), transparent 34%), linear-gradient(145deg, rgba(13, 20, 28, 0.99), rgba(3, 8, 13, 0.995)); } .page-home-overlift-deck .home-simple-explanation-copy { display: grid; gap: 16px; margin-top: 22px; } .page-home-overlift-deck .home-simple-explanation-copy p { margin: 0; color: rgba(224, 230, 236, 0.86); font-size: clamp(0.92rem, 1.2vw, 1.04rem); line-height: 1.72; } .page-home-overlift-deck .home-simple-explanation-copy p:last-child { padding: 15px 17px; border: 1px solid rgba(216, 173, 104, 0.32); border-radius: 16px; background: rgba(216, 173, 104, 0.04); color: var(--home-ivory); } @media (max-width: 1080px) { .page-home-overlift-deck .home-app-intro-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-app-intro-story { height: auto; } } @media (max-width: 720px) { .page-home-overlift-deck .home-app-intro-width, .page-home-overlift-deck .home-app-simulation-width, .page-home-overlift-deck .home-projects-section > .site-width { width: min(100% - 1rem, 1320px); } .page-home-overlift-deck .home-app-intro-shell { padding: 20px 18px; } .page-home-overlift-deck .home-app-intro-copy h1 { font-size: clamp(2.35rem, 12vw, 3.55rem); } .page-home-overlift-deck .home-app-marketing-rail, .page-home-overlift-deck .home-aex-marketing-paths, .page-home-overlift-deck .home-aex-marketing-controls { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-aex-marketing-paths li:last-child { grid-column: auto; } .page-home-overlift-deck .home-sean-actions > * { flex: 1 1 150px; } } @media (prefers-reduced-motion: reduce) { .page-home-overlift-deck .home-app-intro-shell::after { animation: none !important; background-position: center top, center bottom, center, center; } } .page-home-overlift-deck .home-aex-marketing-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-aex-marketing-flow { display: grid; gap: 9px; margin-top: 11px; padding: 12px 13px; border: 1px solid rgba(215, 106, 179, 0.2); border-radius: 15px; background: radial-gradient(circle at 100% 0%, rgba(209, 80, 166, 0.08), transparent 40%), rgba(4, 11, 17, 0.55); } .page-home-overlift-deck .home-aex-marketing-flow > strong { color: rgba(225, 235, 240, 0.9); font-size: 0.68rem; letter-spacing: 0.025em; } .page-home-overlift-deck .home-aex-marketing-flow ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-aex-marketing-flow li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 7px; align-items: start; min-width: 0; } .page-home-overlift-deck .home-aex-marketing-flow li > span { display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid rgba(215, 106, 179, 0.34); border-radius: 50%; color: rgba(221, 163, 202, 0.88); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.54rem; } .page-home-overlift-deck .home-aex-marketing-flow small { color: rgba(176, 192, 204, 0.7); font-size: 0.56rem; line-height: 1.42; } .page-home-overlift-deck .home-aex-marketing-flow b { color: rgba(225, 214, 191, 0.9); font-weight: 760; } .page-home-overlift-deck .home-app-intro-story .home-app-intro-proof { margin-top: 12px; padding-top: 0; } @media (max-width: 720px) { .page-home-overlift-deck .home-aex-marketing-controls, .page-home-overlift-deck .home-aex-marketing-flow ol { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 720px) { .page-home-overlift-deck .home-app-intro-copy .home-sean-intro-support { display: block; } .page-home-overlift-deck .home-app-marketing-rail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; padding-bottom: 0; } .page-home-overlift-deck .home-app-marketing-rail > span { min-width: 0; min-height: 62px; padding: 9px 10px; } .page-home-overlift-deck .home-app-marketing-rail small { display: block; } .page-home-overlift-deck .home-app-intro-story .home-app-intro-proof { display: flex; } } html.is-home-modal-open, body.is-home-modal-open { overflow: hidden !important; overscroll-behavior: none; } .page-home-overlift-deck .home-modal { position: fixed !important; inset: 0 !important; z-index: 5000 !important; display: grid; place-items: center; width: 100vw; height: 100dvh; padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); overflow: hidden; background: rgba(1, 5, 9, 0.78); backdrop-filter: blur(18px) saturate(112%); } .page-home-overlift-deck .home-modal[hidden] { display: none !important; } .page-home-overlift-deck .home-modal-panel { position: relative; max-width: calc(100vw - 28px); max-height: calc(100dvh - 28px); overflow: auto; overscroll-behavior: contain; } .page-home-overlift-deck .home-simple-explanation-panel { width: min(860px, calc(100vw - 28px)); max-height: min(820px, calc(100dvh - 28px)); padding: clamp(28px, 4vw, 46px); } .page-home-overlift-deck .home-simple-explanation-panel .home-modal-heading { padding-right: 52px; } .page-home-overlift-deck .home-simple-explanation-panel .home-modal-heading h2 { font-size: clamp(1.72rem, 3vw, 2.55rem); line-height: 1.08; } .page-home-overlift-deck .home-simple-explanation-panel .home-modal-heading p, .page-home-overlift-deck .home-simple-explanation-copy p { font-size: clamp(1rem, 1.25vw, 1.12rem); line-height: 1.72; } .page-home-overlift-deck .home-simple-explanation-copy { min-height: 0; overflow: auto; padding-right: 6px; } .page-home-overlift-deck .home-app-intro-copy > p, .page-home-overlift-deck .home-app-intro-supporting, .page-home-overlift-deck .home-app-quantum-explanation p, .page-home-overlift-deck .home-aex-marketing-intro, .page-home-overlift-deck .home-app-intro-proof { font-size: clamp(1rem, 1.18vw, 1.12rem) !important; line-height: 1.68 !important; } .page-home-overlift-deck .home-app-marketing-rail > span small, .page-home-overlift-deck .home-aex-marketing-paths small, .page-home-overlift-deck .home-aex-marketing-controls small { font-size: clamp(0.74rem, 0.82vw, 0.84rem) !important; line-height: 1.48 !important; } .page-home-overlift-deck .home-app-marketing-rail > span strong, .page-home-overlift-deck .home-aex-marketing-paths strong, .page-home-overlift-deck .home-aex-marketing-controls strong { font-size: clamp(0.8rem, 0.9vw, 0.94rem) !important; } .page-home-overlift-deck .site-footer { border-top: 0 !important; padding-top: 1.25rem; } .page-home-overlift-deck .footer-shell { width: min(1320px, calc(100% - 2rem)) !important; max-width: 1320px !important; border-top: 0 !important; } .page-home-overlift-deck .footer-meta-row, .page-home-overlift-deck .footer-menu-block { border-top: 0 !important; } .page-home-overlift-deck .footer-copy { font-size: clamp(0.98rem, 1vw, 1.08rem); line-height: 1.58; } .page-home-overlift-deck .footer-stack-copy, .page-home-overlift-deck .footer-meta-copy { font-size: clamp(0.82rem, 0.88vw, 0.94rem); line-height: 1.5; } @media (min-width: 992px) { .page-home-overlift-deck .site-header .nav-row { width: min(1320px, calc(100% - 2rem)) !important; max-width: 1320px !important; gap: clamp(22px, 3vw, 54px); } .page-home-overlift-deck .site-header .main-nav { flex: 1 1 auto; min-width: 0; } .page-home-overlift-deck .site-header .header-menu-list { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; gap: clamp(8px, 1vw, 16px) !important; } .page-home-overlift-deck .site-header .header-menu-list > .nav-item { min-width: 0; } .page-home-overlift-deck .site-header .nav-link, .page-home-overlift-deck .site-header .nav-link-group > .nav-link { width: 100% !important; } } @media (max-width: 720px) { .page-home-overlift-deck .footer-shell { width: min(100% - 1rem, 1320px) !important; } .page-home-overlift-deck .home-simple-explanation-panel { padding: 24px 20px; } .page-home-overlift-deck .home-simple-explanation-copy p { font-size: 1rem; } } /*!sf-css-source:css/public/features/home-readable.css*/ .page-home-overlift-deck { --ovl-type-micro: 0.75rem; --ovl-type-xs: 0.8125rem; --ovl-type-small: 0.875rem; --ovl-type-small-plus: 0.925rem; --ovl-type-body: 0.975rem; --ovl-type-medium: 1.025rem; } .page-home-overlift-deck .page-home .home-proof-value { font-size: var(--ovl-type-body); } .page-home-overlift-deck .page-home .home-proof-card p { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-console-status, .page-home-overlift-deck .home-deck-online, .page-home-overlift-deck .home-deck-runtime-label, .page-home-overlift-deck .home-bridge-state { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-signal-detail-heading { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-signal-tech-rail span, .page-home-overlift-deck .home-stage-detail-metrics span, .page-home-overlift-deck .home-modal-promise-rail span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-deck-intro-panel > p, .page-home-overlift-deck .home-deck-runtime-panel > p { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-deck-scenario-list button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-deck-context dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-deck-context dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-stage-number { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-deck-stage strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-deck-stage small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-stage-detail [data-stage-detail-kicker] { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-stage-detail p { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-system-log span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-system-log strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-system-log time { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-deck-runtime-panel li strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-deck-runtime-panel li span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-visual-card-action { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-sandbox-heading p { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-sandbox-identity span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-identity code, .page-home-overlift-deck .home-sandbox-identity small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-card-label { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-card-label span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-card > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-sandbox-card dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-card dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-sandbox-policy-grid em { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-policy-grid b { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-sandbox-commandbar button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-sandbox-status > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-status p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-sandbox-timeline-heading span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-timeline-heading small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-timeline li > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-sandbox-timeline li strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-sandbox-timeline li small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-sandbox-timeline li code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-receipt-heading > strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-decision { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-summary dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-receipt-summary dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-result span, .page-home-overlift-deck .home-receipt-journal-heading span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-receipt-result p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-journal-heading small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-receipt-journal li strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-journal li small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-receipt-journal li code { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-architecture-map li small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-impact-row > * { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-impact-header > * { font-size: var(--ovl-type-small-plus); } @media (max-width: 767px) { .page-home-overlift-deck .home-impact-row > *::before { font-size: var(--ovl-type-small); } } .page-home-overlift-deck .home-receipt-actions button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-receipt-actions small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-active-path { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-intro { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-aex-tier-rail button::after { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-tier-rail button > span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-tier-rail button strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-tier-rail button small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-detail [data-aex-detail-kicker] { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-detail p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-metrics dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-metrics dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-control-heading span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-control-heading strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-control-heading small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-control-card > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-context-buttons button, .page-home-overlift-deck .home-tier-s-challenge { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tier-s-proof span, .page-home-overlift-deck .home-aex-islands span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-context-readout span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-context-readout strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-portfolio-metrics dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-portfolio-metrics dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-portfolio-metrics code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-architecture-aex header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-architecture-aex header strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-architecture-aex header p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-architecture-tier-strip b { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-architecture-tier-strip small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-status { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-semantic-column-heading > span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-semantic-column-heading strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-semantic-column-heading small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-input-summary span, .page-home-overlift-deck .home-bridge-claim-metrics span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-input-record strong, .page-home-overlift-deck .home-semantic-node strong, .page-home-overlift-deck .home-semantic-edge strong, .page-home-overlift-deck .home-semantic-timeline-event strong, .page-home-overlift-deck .home-semantic-product-card strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-input-record > div:first-child span, .page-home-overlift-deck .home-semantic-node > div:first-child span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-input-record p, .page-home-overlift-deck .home-semantic-node p, .page-home-overlift-deck .home-semantic-product-card p, .page-home-overlift-deck .home-semantic-edge span, .page-home-overlift-deck .home-semantic-timeline-event small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-input-record code, .page-home-overlift-deck .home-semantic-node code, .page-home-overlift-deck .home-semantic-edge code, .page-home-overlift-deck .home-semantic-timeline-event code, .page-home-overlift-deck .home-semantic-hashes code, .page-home-overlift-deck .home-semantic-witness-card code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-hashes dt, .page-home-overlift-deck .home-bridge-output-metrics dt, .page-home-overlift-deck .home-semantic-witness-card dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-hashes dd, .page-home-overlift-deck .home-bridge-output-metrics dd, .page-home-overlift-deck .home-semantic-witness-card dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-bridge-orbit span, .page-home-overlift-deck .home-bridge-orbit strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-semantic-bridge-core > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-entity-verification > header span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-entity-verification > header strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-entity-verification li::before { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-entity-verification li b { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-entity-verification li small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-entity-verification > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-semantic-tabs button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-semantic-timeline-event > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-product-card > span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-provenance-trace > header span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-provenance-trace > header p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-provenance-stage:not(:last-child)::after { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-provenance-stage > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-provenance-stage > strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-provenance-stage > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-provenance-stage > small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-provenance-stage > code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-witness-card > div:first-child span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-witness-card > div:first-child strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-semantic-witness-card > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-semantic-bridge-core [data-provenance-trace] > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-branch-compare article > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-branch-compare article > strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-branch-compare article > small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-marketing-rail strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-marketing-rail small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-story-steps li > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-story-steps strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-app-story-steps small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-intro-proof span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-tabs button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-heading span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-screen-heading strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-app-screen-heading small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-watch .home-deck-runtime-label { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-watch .home-deck-stage small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-screen-watch .home-stage-number { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-visual-tiles .home-deck-visual-card > strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-query-local { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-query-form label, .page-home-overlift-deck .home-guided-scenarios > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-query-form input { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-query-prompts button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-query-understanding-title span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-query-understanding-title strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-query-understanding dt { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-query-understanding dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-query-understanding > p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-guided-scenarios .home-deck-scenario-list button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-query-scenario-summary { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-heading p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card h3 { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card p, .page-home-overlift-deck .home-app-screen-operate .home-sandbox-card dl { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-proof-language dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-proof-language dd { font-size: var(--ovl-type-small); } @media (min-width: 768px) and (max-height: 820px) { .page-home-overlift-deck .home-app-story-steps small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-intro-proof span { font-size: var(--ovl-type-xs); } } @media (max-width: 900px) { .page-home-overlift-deck .home-deck-brand strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-deck-mark { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-deck-topbar-actions button { font-size: var(--ovl-type-small); } } @media (max-width: 767px) { .page-home-overlift-deck .home-app-story-steps li > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-app-story-steps strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-app-screen-tabs button { font-size: var(--ovl-type-xs); } } .page-home-overlift-deck .home-app-intro-copy h1 > small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-determinism-story > strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-determinism-story p { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-determinism-story small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-overlift-rule { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-app-marketing-rail strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-app-marketing-rail small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-marketing-intro { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-marketing-paths li > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-marketing-paths strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-aex-marketing-paths small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-marketing-controls strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-marketing-controls small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-marketing-flow > strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-aex-marketing-flow li > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-aex-marketing-flow small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-app-marketing-rail > span small, .page-home-overlift-deck .home-aex-marketing-paths small, .page-home-overlift-deck .home-aex-marketing-controls small { font-size: var(--ovl-type-body) !important; } .page-home-overlift-deck .home-app-marketing-rail > span strong, .page-home-overlift-deck .home-aex-marketing-paths strong, .page-home-overlift-deck .home-aex-marketing-controls strong { font-size: var(--ovl-type-medium) !important; } .page-home-overlift-deck .home-theater-mode-tabs button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-status-strip strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-status-strip small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-query-dock label span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-query-dock label small, .page-home-overlift-deck .home-theater-query-dock > small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-prompt-rail button { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-rack > header span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-rack > header strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-rack > header > small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-rack li strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-rack li small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-rack-foot span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-rack-foot strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-rack-foot small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-header [data-truth-scene-kicker] { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-header [data-truth-scene-title] { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-tv-live-status span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-live-status small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-narration { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-decomposition small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-decomposition strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-answer > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-answer p { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-candidate-field strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-candidate-field small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-why-not > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-why-not > div > span, .page-home-overlift-deck .home-tv-why-not > div > div { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-math > header span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-math > header strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-math-actions button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-tv-math-actions small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-visual-key span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-timeline button > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-timeline button small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-controls > small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-discovery > small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-xs); } @media (max-width: 1360px), (max-height: 860px) { .page-home-overlift-deck .home-tv-narration, .page-home-overlift-deck .home-tv-answer p { font-size: var(--ovl-type-xs); } } @media (max-width: 767px) { .page-home-overlift-deck .home-theater-mode-tabs button { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-query-dock input { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-prompt-rail button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-header [data-truth-scene-title] { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-question { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-tv-narration { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-formula { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-calculation { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-micro); } } .page-home-overlift-deck .home-tv-why-not [data-why-not-state] strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-tv-why-not [data-why-not-state] small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-micro); } @media (max-width: 960px) and (min-width: 768px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-header [data-truth-scene-title] { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math > header strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-micro); } } @media (max-width: 767px) { .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-math > header > div:first-child strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-micro); } } .page-home-overlift-deck .home-awakening-core strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-awakening-core small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-node strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-awakening-node small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-awakening-copy > small { font-size: var(--ovl-type-micro); } @media (max-width: 767px) { .page-home-overlift-deck .home-awakening-node small { font-size: var(--ovl-type-micro); } } @media (max-height: 760px) and (min-width: 768px) { .page-home-overlift-deck .home-deck-brand strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-theater-status-strip strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-status-strip small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-prompt-rail button, .page-home-overlift-deck .home-theater-prompt-rail button:nth-child(n) { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro); } } @media (max-height: 620px) and (min-width: 768px) { .page-home-overlift-deck .home-tv-question { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-micro); } } @media (max-width: 767px) { .page-home-overlift-deck .home-deck-topbar-actions button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-mode-tabs button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-discovery > small { font-size: var(--ovl-type-micro); } } @media (max-height: 520px) { .page-home-overlift-deck .home-tv-header strong { font-size: var(--ovl-type-small-plus) !important; } } @media (max-width: 767px) and (max-height: 520px) { .page-home-overlift-deck .home-theater-mode-tabs button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-deck-topbar-actions button { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro); } } @media (max-width: 359px) and (max-height: 620px) { .page-home-overlift-deck .home-awakening-node strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-core > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-core strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-question { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-formula { font-size: var(--ovl-type-xs); } } @media (max-height: 520px) { .page-home-overlift-deck .home-theater-followups button, .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro); } } @media (max-width: 370px) and (max-height: 520px) { .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-micro) !important; } } @media (max-height: 520px) { .page-home-overlift-deck .home-awakening-node strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-core > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-core strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-awakening-copy > strong { font-size: var(--ovl-type-xs); } } @media (max-width: 767px) { .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro); } } @media (max-width: 479px) { .page-home-overlift-deck .home-theater-status-strip strong { font-size: var(--ovl-type-micro); } } .page-home-overlift-deck .home-theater-status-strip small, .page-home-overlift-deck .home-theater-query-dock small, .page-home-overlift-deck .home-theater-rack small, .page-home-overlift-deck .home-theater-scene-copy, .page-home-overlift-deck .home-theater-candidate-card small, .page-home-overlift-deck .home-theater-stage-map small, .page-home-overlift-deck .home-theater-action-note, .page-home-overlift-deck .home-quantum-panel p, .page-home-overlift-deck .home-quantum-panel small { font-size: var(--ovl-type-body) !important; } .page-home-overlift-deck .home-active-branch-banner span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-active-branch-banner strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-active-branch-banner small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-active-branch-banner code { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-proof-trace-summary span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-proof-trace-summary p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-proof-trace-summary dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-proof-trace-summary dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-data-studio-world-badge span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-data-studio-world-badge code { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-data-studio-datasets header span, .page-home-overlift-deck .home-data-studio-browser header span, .page-home-overlift-deck .home-data-studio-inspector header span, .page-home-overlift-deck .home-scenario-composer-grid header span, .page-home-overlift-deck .home-trace-events header span, .page-home-overlift-deck .home-trace-metrics header span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-data-studio-datasets header strong, .page-home-overlift-deck .home-data-studio-browser header strong, .page-home-overlift-deck .home-data-studio-inspector header strong, .page-home-overlift-deck .home-scenario-composer-grid header strong, .page-home-overlift-deck .home-trace-events header strong, .page-home-overlift-deck .home-trace-metrics header strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck [data-data-studio-dataset-buttons] b { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-data-studio-record-list button strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-data-studio-record-list button small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-data-studio-record-summary dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-data-studio-record-summary dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck [data-data-studio-edit-fields] label span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-scenario-active-card dt, .page-home-overlift-deck .home-trace-metrics dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-scenario-active-card dd, .page-home-overlift-deck .home-trace-metrics dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-scenario-question-card label span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-scenario-question-card > small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-scenario-saved-list small, .page-home-overlift-deck [data-scenario-patch-list] small { font-size: var(--ovl-type-small); } .page-home-overlift-deck [data-trace-event-list] strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck [data-trace-event-list] small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-trace-metrics p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-data-studio-footer { font-size: var(--ovl-type-small); } @media (max-width: 480px) { .page-home-overlift-deck .home-data-studio-heading p { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-data-studio-tabs button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-scenario-active-card dd, .page-home-overlift-deck .home-trace-metrics dd, .page-home-overlift-deck .home-scenario-question-card label span, .page-home-overlift-deck .home-scenario-question-card > small, .page-home-overlift-deck .home-scenario-saved-list small, .page-home-overlift-deck [data-scenario-patch-list] small { font-size: var(--ovl-type-small-plus); } } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-theater-timeline button small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-timeline button > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-theater-controls > small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-discovery > small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-math > header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-math > header strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-tv-math-actions small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-calculation, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-matrix > span, .page-home-overlift-deck .home-tv-matrix > i { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-visual-key span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-small); } @media (min-width: 768px) and (max-height: 720px) { .page-home-overlift-deck .home-theater-timeline button > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-timeline button small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-controls > small, .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span, .page-home-overlift-deck .home-theater-discovery > small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-math > header span, .page-home-overlift-deck .home-tv-math-actions small, .page-home-overlift-deck .home-tv-visual-key span, .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-math > header strong, .page-home-overlift-deck .home-tv-calculation, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-body); } } @media (max-width: 767px) { .page-home-overlift-deck .home-theater-timeline button > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-theater-controls > small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span, .page-home-overlift-deck .home-theater-discovery > small, .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-math > header span, .page-home-overlift-deck .home-tv-math-actions small, .page-home-overlift-deck .home-tv-visual-key span, .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-math > header strong, .page-home-overlift-deck .home-tv-calculation, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-calculation { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-small-plus); } } @media (max-height: 520px) { .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-followups button, .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro); } } .page-home-overlift-deck .home-trace-semantic-plan > header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-trace-semantic-plan > header strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-trace-plan-list > span, .page-home-overlift-deck .home-trace-plan-hash > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-trace-plan-list p { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-trace-plan-hash code { font-size: var(--ovl-type-xs); } @media (max-width: 1024px) { .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-xs); } } @media (max-width: 479px) { .page-home-overlift-deck .home-theater-status-strip > span > .overlift-term-link { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .home-theater-query-dock input { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .home-theater-query-submit, .page-home-overlift-deck .home-theater-surprise { font-size: var(--ovl-type-xs) !important; } .page-home-overlift-deck .home-theater-prompt-rail button, .page-home-overlift-deck .home-theater-prompt-rail button:nth-child(n) { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-tv-header [data-truth-scene-title] { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .home-tv-question { font-size: var(--ovl-type-small-plus) !important; } .page-home-overlift-deck .home-tv-narration { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-formula { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-formula-row > .overlift-term-link { font-size: var(--ovl-type-xs) !important; } .page-home-overlift-deck .home-tv-footer { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-timeline button > span { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-controls button { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-followups > span, .page-home-overlift-deck .home-theater-discovery > span { font-size: var(--ovl-type-micro) !important; } .page-home-overlift-deck .home-theater-followups button, .page-home-overlift-deck .home-theater-discovery i { font-size: var(--ovl-type-micro) !important; } } @media (max-width: 379px) { .page-home-overlift-deck .home-theater-status-strip > span > .overlift-term-link { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .home-theater-timeline button strong { font-size: var(--ovl-type-micro) !important; } } @media (max-width: 479px) { .page-home-overlift-deck .home-theater-followups button { font-size: var(--ovl-type-micro) !important; } } .page-home-overlift-deck .home-quality-lab-heading > div:first-child > span, .page-home-overlift-deck .home-quality-summary-grid article > span, .page-home-overlift-deck .home-quality-lab-grid article > header span, .page-home-overlift-deck .home-quality-authority-state span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-quality-lab-heading p { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-quality-lab-seal span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-quality-lab-seal code { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-summary-grid small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-lab-grid article > header strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .home-quality-lab-grid article > header small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-split-list strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-quality-split-list small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-quality-split-list code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-quality-splits-card > footer { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-metadata-cloud > span, .page-home-overlift-deck .home-quality-metadata-cloud > button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-record-counts dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-quality-authority-card li { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-authority-state strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .home-quality-authority-state code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-quality-lab-boundary { font-size: var(--ovl-type-small); } @media (max-width: 480px) { .page-home-overlift-deck .home-data-studio-tabs button { font-size: var(--ovl-type-small-plus); } } .page-home-overlift-deck .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="story"] .home-tv-formula, .page-home-overlift-deck .home-truth-theater[data-theater-mode="quantum"] .home-tv-formula { font-size: var(--ovl-type-medium) !important; } .page-home-overlift-deck .home-awakening-copy > strong { font-size: var(--ovl-type-medium) !important; } .page-home-overlift-deck .home-tv-formula-row > .overlift-term-link { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-heading > span, .page-home-overlift-deck .overlift-glossary-controls label > span, .page-home-overlift-deck .overlift-glossary-categories header span, .page-home-overlift-deck .overlift-glossary-browser header span, .page-home-overlift-deck .overlift-glossary-detail header > div > span, .page-home-overlift-deck .overlift-glossary-detail h4 { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-heading p { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .overlift-glossary-release strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .overlift-glossary-clear { font-size: var(--ovl-type-small-plus) !important; } .page-home-overlift-deck .overlift-glossary-controls > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .overlift-glossary-categories header strong, .page-home-overlift-deck .overlift-glossary-browser header strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .overlift-glossary-browser header small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-category-list button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .overlift-glossary-legend { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-alpha button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-terms button strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .overlift-glossary-terms button small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-empty { font-size: var(--ovl-type-body); } .page-home-overlift-deck .overlift-glossary-maturity { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-alias-row span, .page-home-overlift-deck .overlift-glossary-chip-row span, .page-home-overlift-deck .overlift-glossary-related button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-detail-meta small, .page-home-overlift-deck .overlift-glossary-detail-meta code { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-detail h4 { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-detail p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .overlift-glossary-measurement dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-measurement dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-copy-link { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-evidence-card > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-evidence-card strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-evidence-card small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-system-link::after { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-system-link strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-system-link small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-footer button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-page-ellipsis { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-footer > strong { font-size: var(--ovl-type-small); } @media (max-width: 680px) { .page-home-overlift-deck .overlift-glossary-heading > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-release strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .overlift-glossary-controls label > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .overlift-glossary-clear { font-size: var(--ovl-type-xs) !important; } } .page-home-overlift-deck .pathfinder-brand-copy small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-primary-nav button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-primary-nav button span { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-system-online { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-trust-strip strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-trust-strip small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-primary-actions button { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-panel-heading span, .page-home-overlift-deck .pathfinder-card-title strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-panel-heading small, .page-home-overlift-deck .pathfinder-card-title small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-card-title > div > span { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-panel-heading button, .page-home-overlift-deck .pathfinder-card-title button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-context-card { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-scenario-copy > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-guided-steps li > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-guided-steps strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-guided-steps small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-transport button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-transport time { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-proof-status { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-guided-panel footer { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-callout .globe-callout-kicker { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-callout strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-globe-callout small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-static-fallback-note strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-static-fallback-note span { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-engine-card strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-globe-engine-card small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-engine-card code { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-renderer-badge { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-adaptive-detail strong, .page-home-overlift-deck .pathfinder-adaptive-detail b { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-adaptive-detail small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-controls button { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-globe-telemetry b { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-telemetry small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-route-legend { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-globe-credit { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-route-head { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-route-row > button:first-child { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-route-row > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-route-row > strong { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-route-row > button:last-child { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-evidence-columns h3 { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-evidence-columns h3 b { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-evidence-columns li { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-evidence-columns li em { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-authority-panel dt { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-authority-panel dd { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-authority-panel p { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-receipt-panel dt { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-receipt-panel dd { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-receipt-panel code { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-stage-flow i { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-stage-flow b { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-stage-flow em { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-research-chip strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-research-chip small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-stage-dock > p { font-size: var(--ovl-type-micro); } @media (max-width: 800px) { .page-home-overlift-deck .pathfinder-primary-nav button { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-primary-actions button { font-size: var(--ovl-type-small-plus); } } .page-home-overlift-deck .pathfinder-regional-clipmap strong, .page-home-overlift-deck .pathfinder-regional-clipmap b { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-regional-clipmap small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-brand-copy small { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-primary-nav button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-panel-heading span, .page-home-overlift-deck .pathfinder-card-title strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-panel-heading button, .page-home-overlift-deck .pathfinder-card-title button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-globe-stage .globe-hub-label strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-globe-callout strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-adaptive-detail small, .page-home-overlift-deck .pathfinder-regional-clipmap small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-globe-telemetry small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-route-legend { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-globe-credit { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-evidence-columns li { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-evidence-columns li em { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-stage-flow i { font-size: var(--ovl-type-small-plus); } @media (max-width: 1080px) { .page-home-overlift-deck .pathfinder-trust-strip strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-trust-strip small { font-size: var(--ovl-type-small-plus); } } @media (max-width: 520px) { .page-home-overlift-deck .pathfinder-primary-nav button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-primary-actions button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-adaptive-detail strong, .page-home-overlift-deck .pathfinder-regional-clipmap strong { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-adaptive-detail small, .page-home-overlift-deck .pathfinder-regional-clipmap small { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .pathfinder-route-legend { font-size: var(--ovl-type-xs); } } .page-home-overlift-deck .pathfinder-scenario-eyebrow > span, .page-home-overlift-deck .pathfinder-stage-label > span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-scenario-copy p { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-scenario-copy > small { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-grab-callout strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-stage-label strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-guided-steps li > span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-guided-steps li small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-global-boundary { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-status { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-drag-hint strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .home-fullscreen-app:not([data-pathfinder-view="engineering"]) .pathfinder-globe-credit { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-stage-context > header span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-stage-panel[data-pathfinder-stage-panel="0"] > button small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-stage-context .pathfinder-route-row > button:first-child > small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-query-heading > label small, .page-home-overlift-deck .pathfinder-query-form > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-query-scope > span { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-query-scope select, .page-home-overlift-deck .pathfinder-question-coach-toggle { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-query-entry > span { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-query-entry input { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-query-entry button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-query-starters > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-starters button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-question-coach > header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-question-coach > header small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-question-coach-grid strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-question-coach-grid small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-question-coach > footer { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-response > header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-response > header strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-query-response-body > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-query-response-body dt { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-response-body dd { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-response > footer button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-query-status { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-question-coach-toggle > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-incident-actions button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-incident-receipt dt { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-incident-receipt dd { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-route-empty strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-route-empty small { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-solar-clock { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-layer-menu > summary { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-layer-menu-panel label { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-layer-menu-panel small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-hiring-nav button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-app-hero-eyebrow { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-app-hero-principles strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-app-hero-principles small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-app-hero-copy .pathfinder-primary-actions button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-app-secondary-actions button { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-app-secondary-actions small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-method-card > header span, .page-home-overlift-deck .pathfinder-builder-card > header span, .page-home-overlift-deck .pathfinder-demo-proof > header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-method-card li > i { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-method-card li strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-method-card li small { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-builder-card > p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-builder-card li strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-builder-card li small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-case-study > header span { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-case-study-grid i { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-case-study-grid strong { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-case-study-grid p { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-case-study > footer button { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-demo-proof .pathfinder-trust-strip strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-demo-proof .pathfinder-trust-strip small { font-size: var(--ovl-type-small); } @media (max-width: 1280px) { .page-home-overlift-deck .pathfinder-hiring-nav button { font-size: var(--ovl-type-small-plus); } } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-hiring-nav button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-app-hero-copy > p { font-size: var(--ovl-type-medium); } } .page-home-overlift-deck .pathfinder-drag-hint small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-globe-storyline small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-globe-storyline strong { font-size: var(--ovl-type-small); } @media (max-width: 720px) { .page-home-overlift-deck .pathfinder-globe-storyline strong { font-size: var(--ovl-type-small); } } .page-home-overlift-deck .pathfinder-proof-story-header span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-chapters li > i { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-chapters strong { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-chapters small { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-proof-stage-kicker { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-narrative > p:not(.pathfinder-proof-boundary) { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-proof-facts dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-proof-facts dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-boundary { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-primary { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-quiet { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-transport time { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-shortcuts, .page-home-overlift-deck .pathfinder-proof-disclosure { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-proof-shortcuts kbd { font-size: var(--ovl-type-xs); } @media (max-width: 560px) { .page-home-overlift-deck .pathfinder-proof-story-header strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-proof-chapters strong { font-size: var(--ovl-type-small); } } @media (min-width: 821px) { .page-home-overlift-deck .pathfinder-proof-chapters strong { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-stage-kicker { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-narrative > p:not(.pathfinder-proof-boundary) { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-proof-facts dt { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .pathfinder-proof-facts dd { font-size: var(--ovl-type-small-plus); } .page-home-overlift-deck .pathfinder-proof-boundary { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-proof-shortcuts, .page-home-overlift-deck .pathfinder-proof-disclosure { font-size: var(--ovl-type-xs); } } .page-home-overlift-deck .pathfinder-workspace-identity > span { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-workspace-identity > strong { font-size: var(--ovl-type-medium); } .page-home-overlift-deck .pathfinder-workspace-identity > small { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-workspace-tabs button, .page-home-overlift-deck .pathfinder-workspace-actions button { font-size: var(--ovl-type-small); } .page-home-overlift-deck .pathfinder-workspace-boundary { font-size: var(--ovl-type-xs); } .page-home-overlift-deck .home-fullscreen-app small { font-size: var(--ovl-type-body); } .page-home-overlift-deck .pathfinder-guided-experience { --pf-type-micro: var(--ovl-type-micro); --pf-type-small: var(--ovl-type-xs); --pf-type-body: var(--ovl-type-small); --pf-type-label: var(--ovl-type-small-plus); } .page-home-overlift-deck .home-truth-theater { --ol-type-micro: var(--ovl-type-micro); --ol-type-small: var(--ovl-type-xs); --ol-type-body: var(--ovl-type-small); --ol-type-label: var(--ovl-type-small-plus); } .page-home-overlift-deck .overlift-glossary-modal { --glossary-type-micro: var(--ovl-type-micro); --glossary-type-small: var(--ovl-type-xs); --glossary-type-body: var(--ovl-type-small); --glossary-type-label: var(--ovl-type-small-plus); } .page-home-overlift-deck [data-glossary-search], .page-home-overlift-deck .overlift-glossary-controls select { font-size: var(--ovl-type-small) !important; min-height: 44px; } .page-home-overlift-deck :where([data-overlift-app-shell]) small { font-size: max(var(--ovl-type-micro), 0.85em); } .page-home-overlift-deck :where([data-overlift-app-shell]) :where(.overlift-term-link) { font-size: max(var(--ovl-type-micro), 1em); } .page-home-overlift-deck :where([data-overlift-app-shell]) :where(.eyebrow, .home-visual-card-action) { font-size: var(--ovl-type-micro); } .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { height: min(97dvh, 1120px) !important; max-height: 1120px !important; } .page-home-overlift-deck .pathfinder-topbar { min-height: 82px; } .page-home-overlift-deck .pathfinder-primary-nav button { min-height: 42px; padding-block: 8px; } .page-home-overlift-deck .pathfinder-trust-strip article { min-height: 58px; padding-block: 9px; } .page-home-overlift-deck .pathfinder-trust-strip small { line-height: 1.34; } .page-home-overlift-deck .pathfinder-primary-actions button { min-height: 54px; } .page-home-overlift-deck .pathfinder-panel-heading, .page-home-overlift-deck .pathfinder-card-title { min-height: 42px; padding-block: 8px; } .page-home-overlift-deck .pathfinder-context-card { line-height: 1.55; } .page-home-overlift-deck .pathfinder-guided-steps { align-content: start; } .page-home-overlift-deck .pathfinder-guided-steps li { min-height: 45px; } .page-home-overlift-deck .pathfinder-guided-steps li::after { top: 36px; } .page-home-overlift-deck .pathfinder-guided-steps li > div { min-width: 0; } .page-home-overlift-deck .pathfinder-guided-steps strong, .page-home-overlift-deck .pathfinder-guided-steps small { line-height: 1.3; } .page-home-overlift-deck .pathfinder-decision-stack { grid-template-rows: repeat(4, max-content); align-content: start; overflow: hidden auto; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-evidence-panel, .page-home-overlift-deck .pathfinder-authority-panel, .page-home-overlift-deck .pathfinder-receipt-panel { min-height: max-content; } .page-home-overlift-deck .pathfinder-route-head, .page-home-overlift-deck .pathfinder-route-row { min-height: 42px; padding-block: 5px; } .page-home-overlift-deck .pathfinder-route-row > strong { line-height: 1.2; white-space: normal; } .page-home-overlift-deck .pathfinder-evidence-columns ul { gap: 7px; } .page-home-overlift-deck .pathfinder-evidence-columns li { line-height: 1.38; } .page-home-overlift-deck .pathfinder-authority-panel dl div { min-height: 25px; align-items: center; } .page-home-overlift-deck .pathfinder-authority-panel dd { max-width: 60%; line-height: 1.25; } .page-home-overlift-deck .pathfinder-authority-panel p { line-height: 1.35; } .page-home-overlift-deck .pathfinder-receipt-panel dl div { min-height: 29px; } .page-home-overlift-deck .pathfinder-receipt-panel dd { line-height: 1.25; } .page-home-overlift-deck .pathfinder-stage-dock { min-height: 68px; } .page-home-overlift-deck .pathfinder-stage-flow { overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-stage-flow > span { flex: 0 0 auto; } .page-home-overlift-deck .pathfinder-globe-credit { display: none; } .page-home-overlift-deck .pathfinder-globe-engine-card, .page-home-overlift-deck .pathfinder-adaptive-detail, .page-home-overlift-deck .pathfinder-regional-clipmap, .page-home-overlift-deck .pathfinder-globe-telemetry { line-height: 1.3; } .page-home-overlift-deck .pathfinder-globe-engine-card strong, .page-home-overlift-deck .pathfinder-globe-engine-card small { min-width: 0; overflow-wrap: anywhere; text-overflow: clip; white-space: normal !important; } .page-home-overlift-deck #pathfinderRegionalSource { display: block; margin-top: 2px; color: rgba(255, 205, 123, 0.88); font-size: var(--ovl-type-micro); line-height: 1.25; } .page-home-overlift-deck .overlift-glossary-controls input, .page-home-overlift-deck .overlift-glossary-controls select, .page-home-overlift-deck .overlift-glossary-clear { font-size: var(--ovl-type-small) !important; } .page-home-overlift-deck .overlift-glossary-heading h2, .page-home-overlift-deck [data-glossary-detail-term] { font-size: max(1rem, var(--ovl-type-medium)); } @media (min-width: 801px) { .page-home-overlift-deck .pathfinder-globe-engine-card { width: min(330px, calc(100% - 240px)); max-width: 330px; } .page-home-overlift-deck .pathfinder-globe-engine-card strong, .page-home-overlift-deck .pathfinder-globe-engine-card small { white-space: normal; } .page-home-overlift-deck .pathfinder-adaptive-detail { top: 72px; } .page-home-overlift-deck .pathfinder-regional-clipmap { top: 164px; } } .page-home-overlift-deck :where( .home-tv-copy, .home-tv-math, .home-proof-dialog-body, .home-data-studio-dialog-body, .overlift-learning-library__body, .home-engineering-panel, .home-trace-spine-panel ) { scrollbar-width: thin; } @media (max-width: 1240px) { .page-home-overlift-deck .pathfinder-brand-copy > div small { display: -webkit-box; } .page-home-overlift-deck .pathfinder-topbar { min-height: 72px; } .page-home-overlift-deck .pathfinder-stage-flow b { display: inline; } } @media (max-width: 1080px) { .page-home-overlift-deck .pathfinder-brand-copy > div { display: grid; } .page-home-overlift-deck .pathfinder-brand-copy > div small { display: none; } .page-home-overlift-deck .pathfinder-trust-strip { grid-template-columns: repeat(5, minmax(230px, 1fr)); overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; } .page-home-overlift-deck .pathfinder-trust-strip article { min-height: 76px; } .page-home-overlift-deck .pathfinder-trust-strip small { display: -webkit-box; overflow: hidden; text-overflow: clip; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .page-home-overlift-deck .pathfinder-guided-experience { grid-template-rows: auto auto auto minmax(0, 1fr) auto; overflow: hidden auto; overscroll-behavior: contain; } .page-home-overlift-deck .pathfinder-cockpit { height: 100%; min-height: 0; grid-template-rows: minmax(560px, auto) auto; align-self: stretch; overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: thin; } } @media (max-width: 800px) { .page-home-overlift-deck .home-app-inline .home-fullscreen-app, .page-home-overlift-deck .home-app-inline .home-fullscreen-app[role="region"] { height: min(97dvh, 1380px) !important; max-height: 1380px !important; } .page-home-overlift-deck .pathfinder-topbar { min-height: 62px; } .page-home-overlift-deck .pathfinder-primary-nav button { min-height: 38px; padding-block: 7px; } .page-home-overlift-deck .pathfinder-primary-actions button { min-height: 48px; } .page-home-overlift-deck .pathfinder-cockpit { grid-template-rows: auto 500px auto; } .page-home-overlift-deck .pathfinder-globe-column { min-height: 500px; } .page-home-overlift-deck .pathfinder-guided-steps { max-height: 330px; } .page-home-overlift-deck .pathfinder-route-row > strong { grid-column: 1 / 4; } .page-home-overlift-deck .pathfinder-decision-stack { overflow: visible; } } @media (max-width: 520px) { .page-home-overlift-deck .home-quality-split-list article { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-quality-split-list article > span, .page-home-overlift-deck .home-quality-split-list article > code { grid-column: 1; } .page-home-overlift-deck .home-quality-split-list article > code { width: 100%; min-width: 0; text-align: left; overflow-wrap: anywhere; word-break: break-word; } .page-home-overlift-deck .pathfinder-trust-strip { grid-template-columns: repeat(5, minmax(330px, 1fr)); } .page-home-overlift-deck .pathfinder-trust-strip article { min-height: 72px; } .page-home-overlift-deck .pathfinder-trust-strip small { -webkit-line-clamp: 2; } .page-home-overlift-deck .pathfinder-cockpit { grid-template-rows: auto 455px auto; } .page-home-overlift-deck .pathfinder-globe-column { min-height: 455px; } .page-home-overlift-deck .pathfinder-regional-clipmap > span:nth-child(2), .page-home-overlift-deck .pathfinder-globe-telemetry span:nth-child(n+2) { display: none; } .page-home-overlift-deck .pathfinder-globe-engine-card small, .page-home-overlift-deck .pathfinder-adaptive-detail small { display: none; } } /*!sf-css-source:css/public/features/project-details.css*/ .page-project-overlift-technology { --ol-product-gold: #d8ad68; --ol-product-gold-bright: #f2d59d; --ol-product-ivory: #f7f0e3; --ol-product-muted: rgba(199, 209, 219, 0.78); --ol-product-border: rgba(216, 173, 104, 0.42); --ol-product-titanium: rgba(164, 173, 183, 0.2); } .page-project-overlift-technology .site-main { overflow: clip; } .page-project-overlift-technology .overlift-product-page { display: grid; gap: clamp(28px, 4vw, 52px); padding: clamp(28px, 4vw, 52px) 0 clamp(60px, 8vw, 110px); } .page-project-overlift-technology .overlift-product-page > section { margin: 0; padding: 0; } .page-project-overlift-technology .overlift-product-page .site-width { width: min(1320px, calc(100% - 2rem)); max-width: 1320px; } .page-project-overlift-technology .overlift-product-hero-grid, .page-project-overlift-technology .overlift-product-demo-grid, .page-project-overlift-technology .overlift-product-boundary-grid { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr); gap: clamp(22px, 3vw, 40px); align-items: start; } .page-project-overlift-technology .overlift-product-hero-copy, .page-project-overlift-technology .overlift-product-hero-visual, .page-project-overlift-technology .overlift-product-card, .page-project-overlift-technology .overlift-method-step, .page-project-overlift-technology .overlift-product-boundary-cards > article, .page-project-overlift-technology .overlift-product-feature-grid > article, .page-project-overlift-technology .overlift-product-honesty-grid, .page-project-overlift-technology .overlift-product-demo-image { border: 1px solid var(--ol-product-border); background: radial-gradient(circle at 88% 0%, rgba(216, 173, 104, 0.08), transparent 30%), linear-gradient(155deg, rgba(17, 23, 31, 0.94), rgba(5, 9, 14, 0.97)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 0 0 1px rgba(164, 173, 183, 0.12), 0 22px 58px rgba(0, 0, 0, 0.32), 0 0 30px rgba(216, 173, 104, 0.055); } .page-project-overlift-technology .overlift-product-hero-copy { display: grid; align-content: center; gap: 18px; min-width: 0; padding: clamp(28px, 4vw, 52px); border-radius: 30px; } .page-project-overlift-technology .overlift-product-hero-copy h1 { max-width: 12ch; margin: 0; color: var(--ol-product-ivory); font-size: clamp(3rem, 5.7vw, 6rem); line-height: 0.94; letter-spacing: -0.055em; text-wrap: balance; } .page-project-overlift-technology .overlift-product-hero-copy > p { max-width: 62ch; margin: 0; color: var(--ol-product-muted); font-size: clamp(1.04rem, 1.25vw, 1.18rem); line-height: 1.7; } .page-project-overlift-technology .overlift-product-hero-copy .overlift-product-hero-lead { color: rgba(241, 244, 247, 0.94); font-size: clamp(1.18rem, 1.6vw, 1.4rem); line-height: 1.58; } .page-project-overlift-technology .overlift-product-rule { display: grid; gap: 7px; padding: 17px 19px; border: 1px solid rgba(216, 173, 104, 0.36); border-radius: 18px; background: radial-gradient(circle at 100% 0%, rgba(129, 88, 190, 0.14), transparent 44%), rgba(216, 173, 104, 0.035); } .page-project-overlift-technology .overlift-product-rule span, .page-project-overlift-technology .overlift-product-card > span, .page-project-overlift-technology .overlift-product-boundary-cards article > span, .page-project-overlift-technology .overlift-product-feature-grid article > span, .page-project-overlift-technology .overlift-product-hero-visual figcaption > span { color: var(--ol-product-gold-bright); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } .page-project-overlift-technology .overlift-product-rule strong { color: rgba(248, 242, 232, 0.96); font-size: 1.05rem; line-height: 1.55; } .page-project-overlift-technology .overlift-product-actions { margin-top: 2px; } .page-project-overlift-technology .overlift-product-hero-visual { display: grid; grid-template-rows: minmax(0, 1fr) auto; min-width: 0; margin: 0; overflow: hidden; border-radius: 30px; } .page-project-overlift-technology .overlift-product-hero-visual > img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; object-position: center; } .page-project-overlift-technology .overlift-product-hero-visual figcaption { display: grid; gap: 4px; padding: 18px 21px 20px; border-top: 1px solid rgba(164, 173, 183, 0.16); background: rgba(4, 8, 12, 0.96); } .page-project-overlift-technology .overlift-product-hero-visual figcaption strong { color: var(--ol-product-ivory); font-family: "Newsreader", Georgia, serif; font-size: 1.45rem; line-height: 1.15; } .page-project-overlift-technology .overlift-product-hero-visual figcaption small { color: var(--ol-product-muted); font-size: 0.94rem; line-height: 1.45; } .page-project-overlift-technology .overlift-product-section { scroll-margin-top: 110px; } .page-project-overlift-technology .overlift-product-section-heading { display: grid; gap: 10px; max-width: 850px; margin-bottom: clamp(20px, 2.8vw, 32px); } .page-project-overlift-technology .overlift-product-section-heading h2 { margin: 0; color: var(--ol-product-ivory); font-size: clamp(2.35rem, 4.4vw, 4.5rem); line-height: 0.98; letter-spacing: -0.045em; text-wrap: balance; } .page-project-overlift-technology .overlift-product-section-heading p { margin: 0; color: var(--ol-product-muted); font-size: clamp(1.06rem, 1.28vw, 1.2rem); line-height: 1.72; } .page-project-overlift-technology .overlift-product-simple-grid, .page-project-overlift-technology .overlift-product-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .page-project-overlift-technology .overlift-product-card, .page-project-overlift-technology .overlift-product-feature-grid > article { display: grid; align-content: start; gap: 10px; padding: clamp(21px, 2.5vw, 29px); border-radius: 24px; } .page-project-overlift-technology .overlift-product-card h3 { margin: 0; color: var(--ol-product-ivory); font-size: clamp(1.5rem, 2vw, 2rem); line-height: 1.12; } .page-project-overlift-technology .overlift-product-card p, .page-project-overlift-technology .overlift-product-feature-grid p { margin: 0; color: var(--ol-product-muted); font-size: 1.03rem; line-height: 1.68; } .page-project-overlift-technology .overlift-method-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .page-project-overlift-technology .overlift-method-step { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: start; min-width: 0; padding: 20px 22px; border-radius: 21px; } .page-project-overlift-technology .overlift-method-step:last-child { grid-column: 1 / -1; } .page-project-overlift-technology .overlift-method-step > span { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(215, 106, 179, 0.42); border-radius: 50%; background: rgba(215, 106, 179, 0.06); color: #e0accf; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.92rem; font-weight: 800; } .page-project-overlift-technology .overlift-method-step div { display: grid; gap: 5px; } .page-project-overlift-technology .overlift-method-step strong { color: var(--ol-product-ivory); font-size: 1.17rem; line-height: 1.3; } .page-project-overlift-technology .overlift-method-step p { margin: 0; color: var(--ol-product-muted); font-size: 1rem; line-height: 1.64; } .page-project-overlift-technology .overlift-product-boundary-grid { grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); align-items: center; } .page-project-overlift-technology .overlift-product-boundary-grid .overlift-product-section-heading { margin: 0; } .page-project-overlift-technology .overlift-product-boundary-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .page-project-overlift-technology .overlift-product-boundary-cards > article { display: grid; gap: 13px; padding: 24px; border-radius: 23px; } .page-project-overlift-technology .overlift-product-boundary-cards article[data-role="truth"] { border-color: rgba(215, 106, 179, 0.38); background: radial-gradient(circle at 90% 0%, rgba(215, 106, 179, 0.1), transparent 32%), linear-gradient(155deg, rgba(12, 27, 32, 0.94), rgba(4, 10, 14, 0.97)); } .page-project-overlift-technology .overlift-product-boundary-cards ul { display: grid; gap: 9px; margin: 0; padding-left: 1.15rem; color: rgba(226, 232, 237, 0.86); font-size: 1.01rem; line-height: 1.55; } .page-project-overlift-technology .overlift-product-feature-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .page-project-overlift-technology .overlift-product-feature-grid strong { color: var(--ol-product-ivory); font-size: 1.12rem; line-height: 1.32; } .page-project-overlift-technology .overlift-product-honesty-grid { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(24px, 4vw, 52px); align-items: start; padding: clamp(26px, 4vw, 48px); border-radius: 29px; } .page-project-overlift-technology .overlift-product-honesty-grid h2 { margin: 8px 0 0; color: var(--ol-product-ivory); font-size: clamp(2.15rem, 3.8vw, 3.8rem); line-height: 1; letter-spacing: -0.04em; } .page-project-overlift-technology .overlift-product-honesty-grid dl { display: grid; gap: 11px; margin: 0; } .page-project-overlift-technology .overlift-product-honesty-grid dl > div { display: grid; grid-template-columns: minmax(120px, 0.28fr) minmax(0, 0.72fr); gap: 14px; padding: 14px 16px; border: 1px solid rgba(164, 173, 183, 0.16); border-radius: 16px; background: rgba(255, 255, 255, 0.022); } .page-project-overlift-technology .overlift-product-honesty-grid dt { color: var(--ol-product-gold-bright); font-weight: 780; } .page-project-overlift-technology .overlift-product-honesty-grid dd { margin: 0; color: var(--ol-product-muted); font-size: 0.99rem; line-height: 1.58; } .page-project-overlift-technology .overlift-product-demo-grid { grid-template-columns: minmax(0, 0.7fr) minmax(460px, 1.3fr); align-items: center; } .page-project-overlift-technology .overlift-product-demo-grid .overlift-product-section-heading { margin: 0; } .page-project-overlift-technology .overlift-product-demo-grid .lux-button { justify-self: start; margin-top: 8px; } .page-project-overlift-technology .overlift-product-demo-image { margin: 0; overflow: hidden; border-radius: 26px; } .page-project-overlift-technology .overlift-product-demo-image img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; } .page-project-overlift-technology .overlift-product-original-section { padding-top: clamp(10px, 2vw, 22px); padding-bottom: clamp(18px, 3vw, 38px); } .page-project-overlift-technology .overlift-product-original-heading { max-width: 950px; margin-bottom: clamp(18px, 2.5vw, 30px); } .page-project-overlift-technology .overlift-original-live-container { width: 100%; min-width: 0; } .page-project-overlift-technology .overlift-original-live-container .home-experience-flow { padding-top: 0; } .page-project-overlift-technology .overlift-original-live-container .home-app-intro-section { margin: 0; } @media (max-width: 1080px) { .page-project-overlift-technology .overlift-product-hero-grid, .page-project-overlift-technology .overlift-product-demo-grid, .page-project-overlift-technology .overlift-product-boundary-grid, .page-project-overlift-technology .overlift-product-honesty-grid { grid-template-columns: minmax(0, 1fr); } .page-project-overlift-technology .overlift-product-hero-visual > img { min-height: 0; aspect-ratio: 16 / 9; } .page-project-overlift-technology .overlift-product-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { .page-project-overlift-technology .overlift-product-page .site-width { width: min(100% - 1rem, 1320px); } .page-project-overlift-technology .overlift-product-hero-copy { padding: 26px 21px; } .page-project-overlift-technology .overlift-product-hero-copy h1 { font-size: clamp(2.75rem, 12vw, 4.25rem); } .page-project-overlift-technology .overlift-product-simple-grid, .page-project-overlift-technology .overlift-method-grid, .page-project-overlift-technology .overlift-product-boundary-cards, .page-project-overlift-technology .overlift-product-feature-grid { grid-template-columns: minmax(0, 1fr); } .page-project-overlift-technology .overlift-method-step:last-child { grid-column: auto; } .page-project-overlift-technology .overlift-product-honesty-grid dl > div { grid-template-columns: minmax(0, 1fr); gap: 5px; } .page-project-overlift-technology .overlift-product-actions > * { width: 100%; } } @media (max-width: 520px) { .page-project-overlift-technology .overlift-method-step { grid-template-columns: minmax(0, 1fr); } } .project-case-study-section { position: relative; width: 100%; padding: clamp(2.25rem, 5vw, 4.75rem) 0; scroll-margin-top: 6rem; } .page-project-overlift-technology .overlift-product-page > .project-case-study-section { padding: clamp(2.25rem, 5vw, 4.75rem) 0; } .project-case-study-shell { display: grid; gap: clamp(1.1rem, 2vw, 1.8rem); } .page-project-azure-glossary .azgb-page > .project-case-study-section .site-width { width: 100%; max-width: none; } .project-case-study-heading { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr); gap: clamp(1rem, 3vw, 3.25rem); align-items: end; padding: 0 clamp(0.15rem, 1vw, 0.75rem); } .project-case-study-heading h2 { max-width: 14ch; margin: 0.4rem 0 0; color: #f7f0e3; font-family: var(--font-display, Georgia, serif); font-size: clamp(2.25rem, 5vw, 4.35rem); font-weight: 500; line-height: 0.98; letter-spacing: -0.035em; } .project-case-study-heading > p { max-width: 62ch; margin: 0; color: rgba(214, 222, 230, 0.84); font-size: clamp(1.05rem, 1.45vw, 1.2rem); line-height: 1.72; } .project-case-study-nav { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.55rem; padding: 0.65rem; overflow: hidden; border: 1px solid rgba(214, 188, 146, 0.22); border-radius: 22px; background: rgba(7, 12, 18, 0.82); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035); } .project-case-study-nav a { display: flex; min-width: 0; min-height: 3.25rem; align-items: center; justify-content: center; gap: 0.48rem; padding: 0.7rem 0.55rem; border: 1px solid transparent; border-radius: 15px; color: rgba(231, 235, 239, 0.8); font-size: 0.9rem; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease; } .project-case-study-nav a span { color: #d8ad68; font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace); font-size: 0.72rem; letter-spacing: 0.08em; } .project-case-study-nav a:hover, .project-case-study-nav a:focus-visible { border-color: rgba(216, 173, 104, 0.38); background: rgba(216, 173, 104, 0.08); color: #fff7e9; outline: none; } .project-case-study-proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.4rem); align-items: stretch; } .project-case-study-card, .project-case-study-evidence, .project-case-study-value { position: relative; min-width: 0; overflow: hidden; border-color: rgba(214, 188, 146, 0.22); border-radius: clamp(20px, 2.3vw, 30px); background: linear-gradient(145deg, rgba(18, 25, 34, 0.96), rgba(7, 12, 18, 0.985)), #0b1118; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035); } .project-case-study-card { padding: clamp(1.45rem, 3vw, 2.35rem); } .project-case-study-card::before, .project-case-study-evidence::before, .project-case-study-value::before { position: absolute; inset: 0 auto auto 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(238, 206, 150, 0.46), transparent); content: ""; pointer-events: none; } .project-case-study-number { display: inline-flex; width: 2.65rem; height: 2.65rem; margin-bottom: 1rem; align-items: center; justify-content: center; border: 1px solid rgba(216, 173, 104, 0.38); border-radius: 50%; color: #f0ca87; background: rgba(216, 173, 104, 0.06); font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace); font-size: 0.78rem; letter-spacing: 0.06em; } .project-case-study-section .eyebrow { color: #d8ad68; letter-spacing: 0.14em; } .project-case-study-card h3, .project-case-study-value h3 { margin: 0.55rem 0 0; color: #f8f2e7; font-size: clamp(1.45rem, 2.4vw, 2.15rem); line-height: 1.12; } .project-case-study-card > p, .project-case-study-proof-copy > p, .project-case-study-value p { margin: 1rem 0 0; color: rgba(213, 221, 229, 0.85); font-size: clamp(1.04rem, 1.3vw, 1.16rem); line-height: 1.72; } .project-case-study-method > header .project-case-study-number { margin-bottom: 0.8rem; } .project-case-study-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin: clamp(1.35rem, 2.4vw, 2rem) 0 0; padding: 0; list-style: none; } .project-case-study-steps li { display: grid; grid-template-columns: 2.2rem minmax(0, 1fr); gap: 0.75rem; min-width: 0; padding: 1rem; border: 1px solid rgba(164, 173, 183, 0.16); border-radius: 16px; background: rgba(2, 7, 12, 0.48); } .project-case-study-steps li > span { display: inline-flex; width: 2.05rem; height: 2.05rem; align-items: center; justify-content: center; border: 1px solid rgba(216, 173, 104, 0.28); border-radius: 50%; color: #e5bb75; font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace); font-size: 0.76rem; } .project-case-study-steps p { margin: 0; color: rgba(224, 229, 234, 0.86); font-size: 0.98rem; line-height: 1.55; } .project-case-study-proof-grid { grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr); } .project-case-study-proof-points, .project-case-study-value ul { margin: 1.2rem 0 0; padding: 0; list-style: none; } .project-case-study-proof-points li, .project-case-study-value li { position: relative; padding-left: 1.2rem; color: rgba(225, 230, 235, 0.86); line-height: 1.56; } .project-case-study-proof-points li::before, .project-case-study-value li::before { position: absolute; top: 0.68em; left: 0; width: 0.38rem; height: 0.38rem; border-radius: 50%; background: #d8ad68; box-shadow: 0 0 12px rgba(216, 173, 104, 0.35); content: ""; } .project-case-study-proof-points li + li, .project-case-study-value li + li { margin-top: 0.7rem; } .project-case-study-evidence { padding: clamp(1.35rem, 2.5vw, 2rem); } .project-case-study-evidence ol { display: grid; gap: 0.75rem; margin: 1rem 0 0; padding: 0; list-style: none; } .project-case-study-evidence li { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: 0.8rem; padding: 0.95rem; border: 1px solid rgba(164, 173, 183, 0.15); border-radius: 15px; background: rgba(3, 8, 13, 0.48); } .project-case-study-evidence li > span { color: #d8ad68; font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace); font-size: 0.74rem; letter-spacing: 0.08em; } .project-case-study-evidence strong { display: block; color: #f5ede0; font-size: 1rem; line-height: 1.3; } .project-case-study-evidence li p { margin: 0.4rem 0 0; color: rgba(199, 209, 219, 0.78); font-size: 0.94rem; line-height: 1.52; } .project-case-study-evidence-note { margin: 1rem 0 0; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.07); color: rgba(180, 191, 202, 0.72); font-size: 0.88rem; line-height: 1.55; } .project-case-study-value { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(260px, 0.65fr); gap: clamp(1rem, 2.5vw, 2.1rem); align-items: start; padding: clamp(1.45rem, 3vw, 2.35rem); background: radial-gradient(circle at 85% 20%, rgba(81, 174, 159, 0.1), transparent 34%), linear-gradient(145deg, rgba(18, 25, 34, 0.97), rgba(7, 12, 18, 0.99)); } .project-case-study-value .project-case-study-number { margin: 0; } .project-case-study-value h3 { margin-top: 0.45rem; } .project-case-study-value p { max-width: 72ch; } .project-case-study-value ul { margin-top: 0.35rem; } .project-case-study-ledger > header .project-case-study-number { margin-bottom: 0.8rem; } .project-case-study-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: flex-end; padding: 0.2rem clamp(0.15rem, 1vw, 0.75rem) 0; } .project-case-study-card, .project-case-study-proof-grid, .project-case-study-value { scroll-margin-top: 7rem; } @media (max-width: 1180px) { .project-case-study-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); } .project-case-study-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .project-case-study-value { grid-template-columns: auto minmax(0, 1fr); } .project-case-study-value ul { grid-column: 2; margin-top: 0; } } @media (max-width: 900px) { .project-case-study-heading, .project-case-study-proof-grid { grid-template-columns: 1fr; } .project-case-study-heading h2 { max-width: 18ch; } } @media (max-width: 680px) { .project-case-study-section { padding: 2rem 0 2.75rem; } .project-case-study-heading { padding-inline: 0; } .project-case-study-heading h2 { font-size: clamp(2.1rem, 11vw, 3rem); } .project-case-study-nav { display: flex; gap: 0.45rem; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; } .project-case-study-nav a { flex: 0 0 auto; min-width: 8.6rem; } .project-case-study-card, .project-case-study-evidence, .project-case-study-value { border-radius: 20px; } .project-case-study-steps, .project-case-study-value { grid-template-columns: 1fr; } .project-case-study-value .project-case-study-number, .project-case-study-value ul { grid-column: 1; } .project-case-study-actions { display: grid; grid-template-columns: 1fr; padding-inline: 0; } .project-case-study-actions .lux-button { width: 100%; justify-content: center; } } @media (prefers-reduced-motion: reduce) { .project-case-study-nav a { transition: none; } } .page-project-detail .product-story-standard { --product-story-gap: 30px; display: grid; width: 100%; min-width: 0; gap: var(--product-story-gap); padding: var(--product-story-gap) 0 0; } .page-project-detail .product-story-standard > .product-story-section { width: 100%; min-width: 0; } .page-project-detail .product-story-standard > .product-story-section, .page-project-detail .product-story-gallery-section { margin: 0; padding: 0; } .page-project-detail .product-story-panel { position: relative; overflow: hidden; padding: clamp(1.45rem, 2.35vw, 2.65rem); border-radius: clamp(1.25rem, 2.2vw, 2rem); background: radial-gradient(circle at 8% 0%, rgba(201, 151, 82, 0.095), transparent 28rem), radial-gradient(circle at 94% 12%, rgba(140, 47, 127, 0.09), transparent 30rem), linear-gradient(145deg, rgba(18, 22, 29, 0.985), rgba(5, 7, 11, 0.99)); } .page-project-detail .product-story-panel::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, rgba(255, 248, 228, 0.055), transparent 22%) top left / 45% 1px no-repeat, linear-gradient(290deg, rgba(205, 146, 75, 0.08), transparent 38%) bottom right / 42% 1px no-repeat; } .page-project-detail .product-story-intro-panel { min-height: 90svh; display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(360px, 1.12fr); grid-template-areas: "copy media" "actions actions"; align-content: center; align-items: center; gap: clamp(1.35rem, 2.8vw, 2.8rem) clamp(2rem, 4vw, 4rem); } .page-project-detail .product-story-intro-copy { grid-area: copy; display: grid; align-content: center; gap: 0.9rem; min-width: 0; } .page-project-detail .product-story-intro-copy h1 { max-width: 13ch; margin: 0; color: #f8f1e6; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(2.8rem, 4.1vw, 4.55rem); font-weight: 540; letter-spacing: -0.048em; line-height: 0.96; text-wrap: balance; } .page-project-detail .product-story-intro-headline { max-width: 28ch; margin: 0.2rem 0 0; color: rgba(248, 241, 230, 0.95); font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(1.45rem, 2.4vw, 2.15rem); line-height: 1.12; text-wrap: balance; } .page-project-detail .product-story-intro-overview { max-width: 64ch; margin: 0; color: rgba(240, 236, 228, 0.82); font-size: clamp(1rem, 1.2vw, 1.16rem); line-height: 1.66; } .page-project-detail .product-story-competitive-callout { display: grid; gap: 0.45rem; max-width: 66ch; padding: 1rem 1.1rem; border: 1px solid rgba(205, 146, 75, 0.26); border-radius: 1rem; background: linear-gradient(135deg, rgba(78, 49, 25, 0.22), rgba(16, 11, 20, 0.64)); } .page-project-detail .product-story-competitive-callout > span, .page-project-detail .product-story-stack-line > span, .page-project-detail .product-story-agentic-close > div > span, .page-project-detail .product-story-determinism-callout > span { color: #ddb978; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } .page-project-detail .product-story-competitive-callout > strong { color: rgba(255, 250, 238, 0.92); font-size: 0.98rem; font-weight: 590; line-height: 1.55; } .page-project-detail .product-story-meta-row, .page-project-detail .product-story-practice-strip { display: flex; flex-wrap: wrap; gap: 0.55rem; } .page-project-detail .product-story-meta-row > span, .page-project-detail .product-story-practice-strip > span { min-height: 2rem; display: inline-flex; align-items: center; padding: 0.35rem 0.7rem; border: 1px solid rgba(205, 146, 75, 0.2); border-radius: 999px; color: rgba(247, 239, 226, 0.8); background: rgba(9, 12, 17, 0.7); font-size: 0.78rem; line-height: 1.2; } .page-project-detail .product-story-intro-actions { grid-area: actions; width: 100%; margin: 0; padding-top: 1.15rem; border-top: 1px solid rgba(205, 146, 75, 0.15); display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; gap: clamp(0.65rem, 1.2vw, 1rem); } .page-project-detail .product-story-intro-actions .lux-button { flex: 1 1 0; min-width: 0; max-width: 21rem; justify-content: center; white-space: nowrap; font-size: clamp(0.84rem, 0.92vw, 0.98rem); } .page-project-detail .product-story-hero-media { grid-area: media; min-width: 0; margin: 0; display: grid; gap: 0.75rem; align-content: center; } .page-project-detail .product-story-hero-frame { position: relative; overflow: hidden; width: 100%; aspect-ratio: 16 / 10; max-height: 62svh; border: 1px solid rgba(205, 146, 75, 0.28); border-radius: clamp(1rem, 2vw, 1.55rem); background: radial-gradient(circle at 50% 110%, rgba(205, 52, 187, 0.18), transparent 46%), #020305; box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.035); } .page-project-detail .product-story-hero-frame img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; } .page-project-detail .product-story-system-overview { position: relative; isolation: isolate; height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; gap: 1rem; padding: clamp(1.1rem, 2.4vw, 1.8rem); overflow: hidden; color: rgba(248, 241, 230, 0.92); background: radial-gradient(circle at 74% 24%, rgba(84, 203, 192, 0.12), transparent 21rem), radial-gradient(circle at 26% 74%, rgba(202, 54, 185, 0.15), transparent 22rem), linear-gradient(145deg, rgba(7, 14, 20, 0.96), rgba(4, 5, 9, 0.99)); } .page-project-detail .product-story-system-overview::before, .page-project-detail .product-story-system-overview::after { content: ""; position: absolute; pointer-events: none; z-index: -1; } .page-project-detail .product-story-system-overview::before { inset: 0; opacity: 0.34; background-image: linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(to bottom, transparent, black 18%, black 84%, transparent); } .page-project-detail .product-story-system-overview::after { width: min(64%, 25rem); aspect-ratio: 1; top: 46%; left: 50%; translate: -50% -50%; border: 1px solid rgba(214, 176, 107, 0.16); border-radius: 50%; box-shadow: 0 0 0 2.2rem rgba(255,255,255,0.012), 0 0 0 4.6rem rgba(255,255,255,0.008), 0 0 6rem rgba(183, 65, 173, 0.1); } .page-project-detail .product-story-system-overview-header, .page-project-detail .product-story-system-overview-footer { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.55rem; } .page-project-detail .product-story-system-overview-header > span, .page-project-detail .product-story-system-overview-header > small { font-size: 0.66rem; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase; } .page-project-detail .product-story-system-overview-header > span { color: #e4bd76; } .page-project-detail .product-story-system-overview-header > small { color: rgba(108, 225, 192, 0.8); } .page-project-detail .product-story-system-overview-core { position: relative; z-index: 2; width: min(78%, 31rem); place-self: center; display: grid; gap: 0.7rem; padding: clamp(1.1rem, 2vw, 1.6rem); text-align: center; border: 1px solid rgba(214, 176, 107, 0.23); border-radius: 1.25rem; background: rgba(5, 8, 13, 0.86); box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.035); } .page-project-detail .product-story-system-overview-core > strong { color: #f7efe2; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(1.65rem, 3.2vw, 3rem); font-weight: 540; line-height: 1; text-wrap: balance; } .page-project-detail .product-story-system-overview-core > p { margin: 0; color: rgba(237, 232, 222, 0.72); font-size: clamp(0.82rem, 1.2vw, 0.98rem); line-height: 1.5; text-wrap: balance; } .page-project-detail .product-story-system-overview-flow { position: absolute; z-index: 1; inset: 22% 10% 18%; pointer-events: none; } .page-project-detail .product-story-system-overview-flow > i { position: absolute; display: block; height: 1px; width: 38%; background: linear-gradient(90deg, transparent, rgba(221, 185, 116, 0.62), rgba(112, 226, 195, 0.48), transparent); box-shadow: 0 0 1rem rgba(208, 87, 194, 0.22); } .page-project-detail .product-story-system-overview-flow > i:nth-child(1) { left: 0; top: 24%; rotate: 10deg; } .page-project-detail .product-story-system-overview-flow > i:nth-child(2) { right: 0; top: 24%; rotate: -10deg; } .page-project-detail .product-story-system-overview-flow > i:nth-child(3) { left: 0; bottom: 22%; rotate: -10deg; } .page-project-detail .product-story-system-overview-flow > i:nth-child(4) { right: 0; bottom: 22%; rotate: 10deg; } .page-project-detail .product-story-system-overview-nodes { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; } .page-project-detail .product-story-system-overview-nodes > span, .page-project-detail .product-story-system-overview-footer > span { min-height: 2.2rem; display: inline-flex; align-items: center; justify-content: center; padding: 0.45rem 0.65rem; border: 1px solid rgba(205, 146, 75, 0.17); border-radius: 0.8rem; color: rgba(245, 238, 226, 0.78); background: rgba(5, 9, 14, 0.76); font-size: 0.7rem; font-weight: 700; line-height: 1.25; text-align: center; } .page-project-detail .product-story-system-overview-footer { justify-content: center; border-top: 1px solid rgba(205, 146, 75, 0.13); padding-top: 0.8rem; } .page-project-detail .product-story-system-overview-footer > span { min-height: 1.75rem; padding: 0.25rem 0.55rem; border-radius: 999px; color: rgba(220, 196, 151, 0.76); font-size: 0.61rem; letter-spacing: 0.05em; text-transform: uppercase; } .page-project-detail .product-story-hero-media figcaption { display: grid; gap: 0.3rem; padding-inline: 0.15rem; } .page-project-detail .product-story-hero-media figcaption strong { color: #ead2a1; font-size: 0.9rem; } .page-project-detail .product-story-hero-media figcaption span { color: rgba(239, 235, 226, 0.68); font-size: 0.84rem; line-height: 1.5; } .page-project-detail .product-story-section-heading { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(320px, 1.18fr); gap: clamp(1.25rem, 2.4vw, 2.6rem); align-items: center; padding-bottom: 1.05rem; border-bottom: 1px solid rgba(205, 146, 75, 0.15); } .page-project-detail .product-story-section-heading h2 { max-width: 18ch; margin: 0.3rem 0 0; color: #f7f0e5; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(1.9rem, 2.4vw, 2.8rem); font-weight: 520; letter-spacing: -0.038em; line-height: 1.02; text-wrap: balance; } .page-project-detail .product-story-section-heading > p { margin: 0; color: rgba(240, 236, 228, 0.76); font-size: clamp(1rem, 1.25vw, 1.16rem); line-height: 1.65; } .page-project-detail .product-story-horizontal-body { display: grid; grid-template-columns: minmax(280px, 0.76fr) minmax(0, 1.24fr); gap: clamp(1.25rem, 2.5vw, 2.75rem); margin-top: 1.25rem; align-items: start; } .page-project-detail .product-story-audience-copy { display: grid; gap: 1rem; } .page-project-detail .product-story-audience-copy > p { margin: 0; color: rgba(241, 237, 229, 0.8); font-size: 1rem; line-height: 1.68; } .page-project-detail .product-story-lux-list, .page-project-detail .product-story-capability-list { align-self: start; min-width: 0; overflow: hidden; border: 1px solid rgba(208, 78, 165, 0.18); border-radius: 1.15rem; background: radial-gradient(circle at 100% 0%, rgba(151, 48, 136, 0.09), transparent 22rem), linear-gradient(145deg, rgba(8, 17, 26, 0.88), rgba(5, 8, 13, 0.94)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025); } .page-project-detail .product-story-lux-list > header, .page-project-detail .product-story-capability-list > header { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.45rem 1rem; padding: 0.85rem 1rem; border-bottom: 1px solid rgba(205, 146, 75, 0.17); background: linear-gradient(90deg, rgba(87, 50, 23, 0.18), rgba(64, 18, 58, 0.08), transparent); } .page-project-detail .product-story-lux-list > header > span, .page-project-detail .product-story-capability-list > header > span { color: #d8ad66; font-size: 0.68rem; font-weight: 850; letter-spacing: 0.14em; text-transform: uppercase; } .page-project-detail .product-story-lux-list > header > small, .page-project-detail .product-story-capability-list > header > small { color: rgba(237, 231, 220, 0.58); font-size: 0.76rem; line-height: 1.4; } .page-project-detail .product-story-lux-list > ol, .page-project-detail .product-story-capability-list > ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; } .page-project-detail .product-story-lux-list > ol > li { position: relative; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: 0.75rem; align-items: center; min-height: 0; padding: 0.82rem 1rem; border-top: 1px solid rgba(201, 53, 152, 0.12); } .page-project-detail .product-story-lux-list > ol > li:nth-child(-n + 2) { border-top: 0; } .page-project-detail .product-story-lux-list > ol > li:nth-child(odd) { border-right: 1px solid rgba(205, 146, 75, 0.11); } .page-project-detail .product-story-lux-list > ol > li::after { content: ""; position: absolute; inset: auto 10% 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(203, 76, 184, 0.13), transparent); } .page-project-detail .product-story-lux-list > ol > li > i, .page-project-detail .product-story-capability-list > ol > li > i { display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; border: 1px solid rgba(205, 146, 75, 0.34); border-radius: 50%; color: #e3bd78; background: rgba(69, 41, 20, 0.22); font-size: 0.64rem; font-style: normal; font-weight: 850; letter-spacing: 0.06em; } .page-project-detail .product-story-lux-list > ol > li > strong { color: rgba(251, 246, 236, 0.91); font-size: 0.92rem; font-weight: 650; line-height: 1.42; } .page-project-detail .product-story-lux-list.is-value { border-color: rgba(205, 146, 75, 0.24); } .page-project-detail .product-story-lux-list.is-engineering { border-color: rgba(88, 182, 174, 0.2); } .page-project-detail .product-story-flow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; overflow: hidden; list-style: none; border: 1px solid rgba(205, 146, 75, 0.18); border-radius: 1.15rem; background: linear-gradient(145deg, rgba(10, 13, 18, 0.82), rgba(5, 8, 12, 0.9)); } .page-project-detail .product-story-flow li { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: 0.75rem; align-items: start; min-height: 0; padding: 0.88rem 1rem; border-top: 1px solid rgba(205, 146, 75, 0.11); } .page-project-detail .product-story-flow li:nth-child(-n + 2) { border-top: 0; } .page-project-detail .product-story-flow li:nth-child(odd) { border-right: 1px solid rgba(205, 146, 75, 0.11); } .page-project-detail .product-story-flow li > span { display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; border: 1px solid rgba(205, 146, 75, 0.32); border-radius: 50%; color: #d8af6a; font-size: 0.66rem; font-weight: 850; } .page-project-detail .product-story-flow li > p { margin: 0; color: rgba(241, 237, 228, 0.78); font-size: 0.9rem; line-height: 1.55; } .page-project-detail .product-story-stack-line { display: grid; gap: 0.45rem; padding: 0.95rem 1rem; border: 1px solid rgba(205, 146, 75, 0.18); border-radius: 0.95rem; background: rgba(42, 27, 14, 0.15); } .page-project-detail .product-story-stack-line > strong { color: rgba(248, 241, 230, 0.84); font-size: 0.9rem; line-height: 1.5; } .page-project-detail .product-story-determinism-callout { display: grid; gap: 0.55rem; margin: 1.5rem 0; padding: 1.2rem 1.35rem; border: 1px solid rgba(205, 146, 75, 0.3); border-radius: 1rem; background: radial-gradient(circle at 0 0, rgba(204, 149, 76, 0.15), transparent 22rem), rgba(19, 13, 11, 0.72); } .page-project-detail .product-story-determinism-callout > strong { max-width: 85ch; color: rgba(255, 249, 237, 0.92); font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(1.1rem, 1.7vw, 1.5rem); font-weight: 520; line-height: 1.35; } .page-project-detail .product-story-tier-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; overflow: hidden; list-style: none; border: 1px solid rgba(205, 146, 75, 0.2); border-radius: 1.15rem; background: radial-gradient(circle at 12% 0%, rgba(205, 146, 75, 0.1), transparent 25rem), linear-gradient(145deg, rgba(18, 13, 12, 0.78), rgba(6, 9, 14, 0.92)); } .page-project-detail .product-story-tier-list > li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.75rem; align-items: start; min-height: 0; padding: 0.88rem 1rem; border-top: 1px solid rgba(205, 146, 75, 0.11); border-right: 1px solid rgba(205, 146, 75, 0.11); } .page-project-detail .product-story-tier-list > li:nth-child(-n + 3) { border-top: 0; } .page-project-detail .product-story-tier-list > li:nth-child(3n) { border-right: 0; } .page-project-detail .product-story-tier-list > li > span { display: inline-grid; place-items: center; min-width: 2.65rem; min-height: 2rem; padding: 0.25rem 0.55rem; border: 1px solid rgba(205, 146, 75, 0.36); border-radius: 999px; color: #f0c981; background: rgba(71, 43, 20, 0.24); font-size: 0.7rem; font-weight: 850; } .page-project-detail .product-story-tier-list > li > div { display: grid; gap: 0.35rem; } .page-project-detail .product-story-tier-list strong { color: #f5ede1; font-size: 0.94rem; line-height: 1.25; } .page-project-detail .product-story-tier-list p { margin: 0; color: rgba(237, 232, 223, 0.69); font-size: 0.81rem; line-height: 1.48; } .page-project-detail .product-story-bridge-list, .page-project-detail .product-story-capability-list { margin-top: 1.15rem; } .page-project-detail .product-story-bridge-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid rgba(205, 146, 75, 0.2); border-radius: 1.15rem; background: linear-gradient(145deg, rgba(12, 14, 19, 0.88), rgba(6, 8, 12, 0.94)); } .page-project-detail .product-story-bridge-list > section { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.75rem; min-width: 0; padding: 1rem; border-right: 1px solid rgba(205, 146, 75, 0.13); } .page-project-detail .product-story-bridge-list > section:last-child { border-right: 0; } .page-project-detail .product-story-bridge-list > section > span { writing-mode: vertical-rl; rotate: 180deg; color: #d8ad66; font-size: 0.62rem; font-weight: 850; letter-spacing: 0.12em; text-transform: uppercase; } .page-project-detail .product-story-bridge-list h3, .page-project-detail .product-story-capability-list h3 { margin: 0; color: #f4ecdf; font-size: 0.98rem; line-height: 1.3; } .page-project-detail .product-story-bridge-list p, .page-project-detail .product-story-capability-list p { margin: 0.4rem 0 0; color: rgba(239, 235, 227, 0.7); font-size: 0.84rem; line-height: 1.52; } .page-project-detail .product-story-capability-list > ol > li { display: grid; grid-template-columns: 2rem minmax(7rem, auto) minmax(0, 1fr); gap: 0.75rem; align-items: start; min-height: 0; padding: 0.88rem 1rem; border-top: 1px solid rgba(201, 53, 152, 0.12); } .page-project-detail .product-story-capability-list > ol > li:nth-child(-n + 2) { border-top: 0; } .page-project-detail .product-story-capability-list > ol > li:nth-child(odd) { border-right: 1px solid rgba(205, 146, 75, 0.11); } .page-project-detail .product-story-capability-list > ol > li > span { min-height: 1.8rem; display: inline-flex; align-items: center; justify-content: center; padding: 0.25rem 0.55rem; border: 1px solid rgba(85, 178, 168, 0.22); border-radius: 999px; color: rgba(126, 224, 201, 0.84); background: rgba(16, 52, 51, 0.2); font-size: 0.58rem; font-weight: 850; letter-spacing: 0.08em; text-align: center; text-transform: uppercase; } .page-project-detail .product-story-overlift-actions { margin-top: 1.25rem; } .page-project-detail .product-story-practice-strip { margin-top: 1.2rem; padding: 1rem; border: 1px solid rgba(205, 146, 75, 0.14); border-radius: 1rem; background: rgba(5, 8, 12, 0.65); } .page-project-detail .product-story-agentic-close { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.5rem; align-items: end; margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid rgba(205, 146, 75, 0.14); } .page-project-detail .product-story-agentic-close > div:first-child { display: grid; gap: 0.5rem; } .page-project-detail .product-story-agentic-close > div:first-child > strong { max-width: 82ch; color: rgba(247, 241, 231, 0.84); font-size: 0.95rem; line-height: 1.6; } .page-project-detail .product-story-gallery-section { margin: 0; padding: 0; } .page-project-detail .product-story-gallery-panel .project-media-gallery-grid { margin-top: 1.5rem; } @media (max-width: 1100px) { .page-project-detail .product-story-intro-panel { min-height: 90svh; grid-template-columns: 1fr; grid-template-areas: "copy" "media" "actions"; } .page-project-detail .product-story-section-heading, .page-project-detail .product-story-horizontal-body, .page-project-detail .product-story-agentic-close { grid-template-columns: 1fr; } .page-project-detail .product-story-hero-media { width: min(100%, 820px); justify-self: center; } .page-project-detail .product-story-tier-list, .page-project-detail .product-story-bridge-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-project-detail .product-story-tier-list > li:nth-child(-n + 3) { border-top: 1px solid rgba(205, 146, 75, 0.11); } .page-project-detail .product-story-tier-list > li:nth-child(-n + 2) { border-top: 0; } .page-project-detail .product-story-tier-list > li:nth-child(3n) { border-right: 1px solid rgba(205, 146, 75, 0.11); } .page-project-detail .product-story-tier-list > li:nth-child(2n), .page-project-detail .product-story-bridge-list > section:nth-child(2) { border-right: 0; } .page-project-detail .product-story-bridge-list > section:last-child { grid-column: 1 / -1; border-top: 1px solid rgba(205, 146, 75, 0.11); } } @media (max-width: 680px) { .page-project-detail .product-story-standard { gap: 30px; padding: 30px 0 0; } .page-project-detail .product-story-panel { padding: 1.2rem; border-radius: 1.15rem; } .page-project-detail .product-story-intro-panel { min-height: 90svh; gap: 1.5rem; } .page-project-detail .product-story-intro-copy h1 { font-size: clamp(2.65rem, 13vw, 4rem); } .page-project-detail .product-story-intro-headline { font-size: clamp(1.3rem, 7vw, 1.8rem); } .page-project-detail .product-story-hero-frame { max-height: none; aspect-ratio: 16 / 10; } .page-project-detail .product-story-section-heading h2 { font-size: clamp(1.9rem, 9vw, 2.85rem); } .page-project-detail .product-story-lux-list > ol, .page-project-detail .product-story-capability-list > ol, .page-project-detail .product-story-flow, .page-project-detail .product-story-tier-list, .page-project-detail .product-story-bridge-list { grid-template-columns: 1fr; } .page-project-detail .product-story-lux-list > ol > li:nth-child(-n + 2), .page-project-detail .product-story-capability-list > ol > li:nth-child(-n + 2), .page-project-detail .product-story-flow li:nth-child(-n + 2), .page-project-detail .product-story-tier-list > li:nth-child(-n + 2) { border-top: 1px solid rgba(205, 146, 75, 0.11); } .page-project-detail :is(.product-story-lux-list, .product-story-capability-list) > ol > li:first-child, .page-project-detail .product-story-flow li:first-child, .page-project-detail .product-story-tier-list > li:first-child { border-top: 0; } .page-project-detail :is(.product-story-lux-list, .product-story-capability-list) > ol > li:nth-child(odd), .page-project-detail .product-story-flow li:nth-child(odd), .page-project-detail .product-story-tier-list > li, .page-project-detail .product-story-bridge-list > section { border-right: 0; } .page-project-detail .product-story-bridge-list > section { grid-column: auto; border-top: 1px solid rgba(205, 146, 75, 0.11); } .page-project-detail .product-story-bridge-list > section:first-child { border-top: 0; } .page-project-detail .product-story-agentic-close .hero-actions, .page-project-detail .product-story-intro-actions, .page-project-detail .product-story-overlift-actions { display: grid; grid-template-columns: 1fr; } .page-project-detail .product-story-agentic-close .lux-button, .page-project-detail .product-story-intro-actions .lux-button, .page-project-detail .product-story-overlift-actions .lux-button { width: 100%; justify-content: center; } } @media (max-width: 680px) { .page-project-detail .product-story-system-overview { min-height: 22rem; padding: 1rem; } .page-project-detail .product-story-system-overview-core { width: 88%; } .page-project-detail .product-story-system-overview-nodes { grid-template-columns: 1fr; } .page-project-detail .product-story-system-overview-footer > span:nth-child(2), .page-project-detail .product-story-system-overview-footer > span:nth-child(3) { display: none; } } .page-project-detail .product-story-intro-privacy { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 0.72rem; max-width: 66ch; padding: 0.78rem 0.92rem; border: 1px solid rgba(166, 74, 145, 0.24); border-radius: 0.9rem; background: radial-gradient(circle at 0% 50%, rgba(205, 146, 75, 0.12), transparent 34%), linear-gradient(105deg, rgba(32, 23, 20, 0.66), rgba(27, 12, 28, 0.52)); box-shadow: inset 0 1px 0 rgba(255, 247, 230, 0.035); } .page-project-detail .product-story-intro-privacy > span { color: #dfb86e; font-size: 0.68rem; font-weight: 850; letter-spacing: 0.14em; line-height: 1.25; text-transform: uppercase; white-space: nowrap; } .page-project-detail .product-story-intro-privacy > strong { color: rgba(251, 244, 233, 0.9); font-size: 0.9rem; font-weight: 630; line-height: 1.4; } .page-project-detail .product-story-privacy-advantage { display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr); gap: clamp(1rem, 2vw, 2rem); align-items: start; margin-top: clamp(1.25rem, 2.4vw, 2.15rem); padding: clamp(1.05rem, 2vw, 1.55rem); border: 1px solid rgba(174, 79, 151, 0.3); border-radius: 1.15rem; background: radial-gradient(circle at 6% 0%, rgba(213, 151, 82, 0.12), transparent 25rem), radial-gradient(circle at 96% 100%, rgba(145, 54, 128, 0.15), transparent 28rem), rgba(6, 8, 12, 0.78); } .page-project-detail .product-story-privacy-advantage > div { min-width: 0; } .page-project-detail .product-story-privacy-advantage > div > span { display: block; color: #dfb86e; font-size: 0.7rem; font-weight: 850; letter-spacing: 0.15em; text-transform: uppercase; } .page-project-detail .product-story-privacy-advantage h3 { max-width: 19ch; margin: 0.45rem 0 0; color: #f7efe3; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(1.5rem, 2.4vw, 2.35rem); font-weight: 540; letter-spacing: -0.035em; line-height: 1.05; text-wrap: balance; } .page-project-detail .product-story-privacy-advantage > div > p { margin: 0.8rem 0 0; color: rgba(238, 232, 222, 0.78); font-size: 0.96rem; line-height: 1.62; } .page-project-detail .product-story-privacy-advantage > ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .page-project-detail .product-story-privacy-advantage > ul > li { display: grid; grid-template-columns: minmax(10.5rem, 0.48fr) minmax(0, 1fr); gap: 1rem; align-items: baseline; padding: 0.88rem 0; } .page-project-detail .product-story-privacy-advantage > ul > li + li { border-top: 1px solid rgba(220, 179, 110, 0.12); } .page-project-detail .product-story-privacy-advantage li strong { color: rgba(248, 239, 226, 0.92); font-size: 0.92rem; line-height: 1.35; } .page-project-detail .product-story-privacy-advantage li span { color: rgba(223, 218, 210, 0.68); font-size: 0.86rem; line-height: 1.52; } @media (max-width: 920px) { .page-project-detail .product-story-privacy-advantage { grid-template-columns: 1fr; } .page-project-detail .product-story-privacy-advantage h3 { max-width: 24ch; } } @media (max-width: 560px) { .page-project-detail .product-story-intro-privacy { grid-template-columns: 1fr; gap: 0.3rem; } .page-project-detail .product-story-intro-privacy > span { white-space: normal; } .page-project-detail .product-story-privacy-advantage > ul > li { grid-template-columns: 1fr; gap: 0.3rem; } } .page-overlift-semantic-search .semantic-search-proof-list { display: grid; gap: 30px; margin-top: clamp(1.4rem, 2.4vw, 2.2rem); } .page-overlift-semantic-search .semantic-search-proof-case { display: grid; grid-template-columns: minmax(320px, 0.86fr) minmax(0, 1.14fr); gap: clamp(1.25rem, 2.8vw, 3rem); align-items: center; min-width: 0; padding-top: 30px; border-top: 1px solid rgba(205, 146, 75, 0.17); } .page-overlift-semantic-search .semantic-search-proof-case:first-child { padding-top: 0; border-top: 0; } .page-overlift-semantic-search .semantic-search-proof-case.is-reverse .semantic-search-proof-media { order: 2; } .page-overlift-semantic-search .semantic-search-proof-media { min-width: 0; margin: 0; display: grid; gap: 0.65rem; } .page-overlift-semantic-search .semantic-search-proof-media img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; object-position: center; overflow: hidden; border: 1px solid rgba(205, 146, 75, 0.28); border-radius: clamp(1rem, 2vw, 1.45rem); background: radial-gradient(circle at 50% 110%, rgba(205, 52, 187, 0.15), transparent 44%), #020305; box-shadow: 0 1.6rem 4rem rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.035); } .page-overlift-semantic-search .semantic-search-proof-media figcaption { color: rgba(224, 217, 205, 0.68); font-size: 0.78rem; line-height: 1.45; } .page-overlift-semantic-search .semantic-search-proof-copy { display: grid; align-content: center; gap: 0.85rem; min-width: 0; } .page-overlift-semantic-search .semantic-search-proof-copy h3 { max-width: 24ch; margin: 0; color: #f7efe3; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(1.75rem, 3.2vw, 3.25rem); font-weight: 520; letter-spacing: -0.04em; line-height: 1.02; text-wrap: balance; } .page-overlift-semantic-search .semantic-search-proof-copy > p { max-width: 72ch; margin: 0; color: rgba(240, 235, 226, 0.78); font-size: 0.98rem; line-height: 1.66; } .page-overlift-semantic-search .semantic-search-proof-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; overflow: hidden; list-style: none; border: 1px solid rgba(205, 146, 75, 0.18); border-radius: 1rem; background: rgba(5, 9, 14, 0.62); } .page-overlift-semantic-search .semantic-search-proof-points > li { display: grid; gap: 0.28rem; min-width: 0; padding: 0.78rem 0.9rem; border-top: 1px solid rgba(205, 146, 75, 0.11); } .page-overlift-semantic-search .semantic-search-proof-points > li:nth-child(-n + 2) { border-top: 0; } .page-overlift-semantic-search .semantic-search-proof-points > li:nth-child(odd) { border-right: 1px solid rgba(205, 146, 75, 0.11); } .page-overlift-semantic-search .semantic-search-proof-points > li:last-child:nth-child(odd) { grid-column: 1 / -1; border-right: 0; } .page-overlift-semantic-search .semantic-search-proof-points strong { color: #e3ba75; font-size: 0.84rem; line-height: 1.3; } .page-overlift-semantic-search .semantic-search-proof-points span { color: rgba(235, 230, 222, 0.7); font-size: 0.78rem; line-height: 1.45; } .page-overlift-semantic-search .semantic-search-case-link { width: fit-content; color: #e4bc73; font-size: 0.82rem; font-weight: 750; text-decoration: none; } .page-overlift-semantic-search .semantic-search-case-link:hover, .page-overlift-semantic-search .semantic-search-case-link:focus-visible { color: #fff0ca; text-decoration: underline; text-underline-offset: 0.25em; } .page-overlift-semantic-search .semantic-search-proof-summary { margin-top: 30px; } .page-overlift-semantic-search .semantic-search-honest-scope { margin-bottom: 0; } @media (max-width: 980px) { .page-overlift-semantic-search .semantic-search-proof-case { grid-template-columns: 1fr; } .page-overlift-semantic-search .semantic-search-proof-case.is-reverse .semantic-search-proof-media { order: 0; } .page-overlift-semantic-search .semantic-search-proof-media { width: min(100%, 780px); justify-self: center; } } @media (max-width: 620px) { .page-overlift-semantic-search .semantic-search-proof-points { grid-template-columns: 1fr; } .page-overlift-semantic-search .semantic-search-proof-points > li, .page-overlift-semantic-search .semantic-search-proof-points > li:nth-child(-n + 2) { border-top: 1px solid rgba(205, 146, 75, 0.11); border-right: 0; } .page-overlift-semantic-search .semantic-search-proof-points > li:first-child { border-top: 0; } .page-overlift-semantic-search .semantic-search-proof-points > li:last-child:nth-child(odd) { grid-column: auto; } } .vellucent-government-section { padding-top: 0; } .vellucent-government-shell { display: grid; gap: clamp(24px, 3vw, 38px); padding: clamp(26px, 4vw, 48px); border-radius: 28px; } .vellucent-government-heading { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .75fr); gap: clamp(24px, 5vw, 76px); align-items: end; padding-bottom: 24px; border-bottom: 1px solid rgba(214, 188, 146, .14); } .vellucent-government-heading h2, .vellucent-government-heading p { margin: 0; } .vellucent-government-heading h2 { max-width: 18ch; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(2.4rem, 5.2vw, 5.15rem); line-height: .91; letter-spacing: -.045em; } .vellucent-government-heading p { color: var(--text-muted, #c4beb5); font-size: clamp(1rem, 1.18vw, 1.15rem); line-height: 1.7; } .vellucent-document-structure { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; } .vellucent-document-structure > article { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; min-height: 180px; padding: 20px 16px; border: 1px solid rgba(214, 188, 146, .13); border-radius: 20px; background: rgba(255, 255, 255, .025); } .vellucent-document-structure > article:not(:last-child)::after { content: "→"; position: absolute; top: 50%; right: -9px; z-index: 2; display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid rgba(214, 188, 146, .25); border-radius: 999px; background: #0a0d11; color: #d6bc92; font-size: .7rem; } .vellucent-document-structure > article > span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(214, 188, 146, .28); border-radius: 9px; color: #d6bc92; font-size: .64rem; } .vellucent-document-structure strong, .vellucent-document-structure p { display: block; margin: 0; } .vellucent-document-structure strong { color: #f5eee4; font-size: .98rem; line-height: 1.05; } .vellucent-document-structure p { margin-top: 12px; color: #aaa8a5; font-size: .83rem; line-height: 1.55; } .vellucent-government-value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .vellucent-government-value-grid > section { padding: 22px 20px 24px; border: 1px solid rgba(214, 188, 146, .13); border-radius: 20px; background: rgba(255, 255, 255, .022); } .vellucent-government-value-grid span, .vellucent-government-boundary > span, .vellucent-government-status span { color: #d6bc92; font-size: .61rem; letter-spacing: .16em; } .vellucent-government-value-grid h3, .vellucent-government-value-grid p { margin: 0; } .vellucent-government-value-grid h3 { margin-top: 11px; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(1.35rem, 2vw, 2rem); line-height: 1.04; } .vellucent-government-value-grid p { margin-top: 13px; color: #aaa8a5; font-size: .9rem; line-height: 1.58; } .vellucent-government-boundary { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 22px; padding: 20px; border: 1px solid rgba(189, 126, 58, .28); border-radius: 20px; background: linear-gradient(90deg, rgba(119, 65, 25, .18), rgba(255, 255, 255, .015)); } .vellucent-government-boundary p { margin: 0; color: #b9b4ad; font-size: .88rem; line-height: 1.58; } .vellucent-government-status { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .vellucent-government-status > div { padding: 16px 18px; border-left: 2px solid rgba(214, 188, 146, .48); background: rgba(255, 255, 255, .02); } .vellucent-government-status p { margin: 10px 0 0; color: #aaa8a5; font-size: .86rem; line-height: 1.56; } .vellucent-government-actions { justify-content: center; margin-top: 4px; } @media(max-width:1120px) { .vellucent-document-structure { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vellucent-document-structure > article:not(:last-child)::after { display: none; } .vellucent-government-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media(max-width:780px) { .vellucent-government-heading, .vellucent-government-boundary, .vellucent-government-status { grid-template-columns: 1fr; } .vellucent-government-heading h2 { max-width: none; } } @media(max-width:520px) { .vellucent-government-shell { padding: 24px 16px; border-radius: 22px; } .vellucent-document-structure, .vellucent-government-value-grid { grid-template-columns: 1fr; } .vellucent-document-structure > article { min-height: 0; } .vellucent-government-actions { align-items: stretch; flex-direction: column; } .vellucent-government-actions a { width: 100%; } } .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-sales-panel { min-height:0;height:auto;display:block;padding:clamp(1.7rem,3vw,3rem); } .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-sales-grid { display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:clamp(2rem,4.3vw,4.8rem);align-items:start;min-width:0; } .page-project-detail .product-story-intro-left-column, .page-project-detail .product-story-intro-right-column {display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:clamp(1rem,1.5vw,1.35rem);min-width:0;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-copy {grid-area:auto;display:grid;align-content:start;gap:.82rem;min-width:0;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-copy>.eyebrow {max-width:46ch;color:rgba(230,190,121,.94);font-size:clamp(.76rem,.88vw,.94rem);font-weight:670;letter-spacing:.18em;line-height:1.55;} .page-project-detail .product-story-intro-product-name {margin:.5rem 0 0;color:#e2b968;font-family:var(--font-display,"Newsreader",Georgia,serif);font-size:clamp(1.08rem,1.32vw,1.4rem);font-weight:650;line-height:1.2;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-copy h1 {max-width:16ch;margin:.04rem 0 0;color:#f7f0e5;font-size:clamp(2.75rem,4vw,4.25rem);font-weight:520;letter-spacing:-.052em;line-height:.98;text-wrap:balance;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-overview {max-width:62ch;margin:.2rem 0 0;color:rgba(236,232,224,.82);font-size:clamp(1rem,1.12vw,1.14rem);line-height:1.56;} .page-project-detail .product-story-intro-edge {display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start;max-width:66ch;margin-top:.25rem;padding:.85rem 0;border-block:1px solid rgba(211,160,84,.2);} .page-project-detail .product-story-intro-edge>span {padding-top:.12rem;color:#e0b865;font-size:.66rem;font-weight:780;letter-spacing:.16em;line-height:1.35;white-space:nowrap;} .page-project-detail .product-story-intro-edge>strong {color:rgba(250,246,238,.9);font-size:clamp(.92rem,.98vw,1.05rem);font-weight:520;line-height:1.46;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-hero-media {grid-area:auto;display:grid;align-content:start;gap:.7rem;min-width:0;margin:0;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-hero-frame {aspect-ratio:16/9;max-height:none;border-radius:clamp(1rem,1.8vw,1.35rem);background:radial-gradient(circle at 50% 110%,rgba(205,52,187,.13),transparent 48%),#020305;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-hero-frame img {width:100%;height:100%;object-fit:contain;object-position:center;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-hero-media figcaption {display:grid;gap:.24rem;padding:0 .12rem;color:rgba(231,226,216,.62);font-size:.84rem;line-height:1.38;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-hero-media figcaption strong {color:#d9b36c;font-weight:560;} .page-project-detail .product-story-intro-signals {grid-area:auto;display:grid;grid-template-columns:1fr;width:100%;margin:0;padding:0;overflow:hidden;border:1px solid rgba(211,160,84,.22);border-radius:1rem;background:rgba(3,5,8,.54);list-style:none;} .page-project-detail .product-story-intro-signals>li {display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;min-width:0;padding:1rem .9rem;} .page-project-detail .product-story-intro-signals>li+li {border-top:1px solid rgba(211,160,84,.16);} .page-project-detail .product-story-intro-signals i {padding-top:.07rem;color:#d9ad57;font-size:.63rem;font-style:normal;letter-spacing:.08em;} .page-project-detail .product-story-intro-signals div {display:grid;gap:.2rem;min-width:0;} .page-project-detail .product-story-intro-signals strong {color:rgba(250,246,238,.9);font-size:.9rem;font-weight:520;line-height:1.25;} .page-project-detail .product-story-intro-signals span {color:rgba(229,224,216,.66);font-size:.8rem;line-height:1.42;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-actions {grid-area:auto;width:auto;margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;justify-content: flex-start;align-items:center;gap:1.1rem;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-actions .lux-button {flex:0 0 auto;width:auto;max-width:none;min-height:3rem;padding-inline:1.25rem;white-space:normal;} .page-project-detail .product-story-intro-story-link {display:inline-flex;align-items:center;gap:.45rem;min-height:2.65rem;padding:.4rem .05rem;color:#dfb85f;font-size:.92rem;font-weight:560;text-decoration:none;} .page-project-detail .product-story-intro-story-link:hover,.page-project-detail .product-story-intro-story-link:focus-visible {color:#f0cf86;text-decoration:underline;text-underline-offset:.3em;} @media (max-width:900px) { .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-sales-grid {grid-template-columns:1fr;grid-template-areas:"copy" "media" "signals" "actions";gap:1.25rem;} .page-project-detail .product-story-intro-left-column,.page-project-detail .product-story-intro-right-column {display:contents;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-copy {grid-area:copy;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-hero-media {grid-area:media;width:min(100%,860px);justify-self:start;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-signals {grid-area:signals;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-actions {grid-area:actions;} } @media (min-width:901px) and (max-width:1100px) { .page-project-detail .product-story-introduction[data-product-intro="saros"] .product-story-intro-copy h1 {font-size:2.5rem;} } @media (max-width:720px) { .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-sales-panel {padding:1.2rem;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-copy {gap:.72rem;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-copy h1 {max-width:13ch;font-size:clamp(2.55rem,12vw,3.85rem);} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-overview {font-size:1rem;line-height:1.52;} .page-project-detail .product-story-intro-edge {grid-template-columns:1fr;gap:.45rem;} .page-project-detail .product-story-intro-edge>span {white-space:normal;} .page-project-detail .product-story-intro-signals {grid-template-columns:1fr;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-actions {display:grid;grid-template-columns:1fr;gap:.65rem;} .page-project-detail .product-story-introduction[data-product-intro-layout="sales-first"] .product-story-intro-actions .lux-button {width:100%;justify-content:center;} .page-project-detail .product-story-intro-story-link {justify-content:center;} } /*!sf-css-source:css/public/shared/luxury-components.css*/ :root { --portfolio-onyx-0: #04070a; --portfolio-onyx-1: #080d12; --portfolio-onyx-2: #10161d; --portfolio-ivory: #fff7e8; --portfolio-muted: rgba(224, 230, 235, 0.84); --portfolio-brass-bright: #f6d79c; --portfolio-brass: #d5a65e; --portfolio-brass-deep: #76501f; --portfolio-brass-line: rgba(225, 184, 115, 0.52); --portfolio-radius-large: clamp(24px, 2.4vw, 34px); --portfolio-radius-card: 18px; } .portfolio-glint-panel, .page-project-detail .luxury-panel, .page-project-detail .azgb-hero, .page-project-detail .azgb-section, .page-project-detail .azgb-final-cta, .page-project-detail .azgb-search-story, .page-project-detail .azgb-capability-card, .page-project-detail .azgb-pathway-card, .page-project-detail .azgb-safety-note, .page-project-detail .azgb-hero-media, .page-project-detail .azgb-stat-grid > div { border: 1px solid transparent !important; background: radial-gradient(640px 260px at 10% -12%, rgba(255, 244, 216, 0.075), transparent 62%) padding-box, radial-gradient(520px 260px at 100% 112%, rgba(110, 76, 150, 0.07), transparent 66%) padding-box, linear-gradient(145deg, rgba(17, 23, 30, 0.975), rgba(4, 8, 12, 0.99)) padding-box, conic-gradient(from 220deg at 50% 50%, rgba(255, 251, 239, 0.98) 0deg, rgba(247, 220, 169, 0.96) 18deg, rgba(215, 164, 86, 0.78) 58deg, rgba(92, 61, 25, 0.64) 122deg, rgba(57, 39, 20, 0.62) 174deg, rgba(145, 101, 43, 0.74) 238deg, rgba(228, 183, 105, 0.92) 306deg, rgba(255, 249, 235, 0.98) 350deg, rgba(255, 251, 239, 0.98) 360deg) border-box !important; box-shadow: inset 0 1px 0 rgba(255, 250, 238, 0.16), inset 0 -1px 0 rgba(92, 60, 23, 0.32), 0 0 0 1px rgba(82, 54, 22, 0.34), 0 18px 54px rgba(0, 0, 0, 0.28), 0 0 28px rgba(212, 158, 72, 0.09) !important; } .page-project-detail .luxury-panel:hover, .page-project-detail .azgb-capability-card:hover, .page-project-detail .azgb-pathway-card:hover, .page-home-overlift-deck .home-work-concept-card:hover, .page-home-overlift-deck .home-work-method-rail li:hover { border-color: transparent !important; box-shadow: inset 0 1px 0 rgba(255, 252, 244, 0.22), inset 0 -1px 0 rgba(112, 72, 26, 0.36), 0 0 0 1px rgba(110, 74, 29, 0.44), 0 22px 64px rgba(0, 0, 0, 0.34), 0 0 34px rgba(229, 176, 91, 0.14) !important; } .page-home-overlift-deck .home-work-concept-card, .page-home-overlift-deck .home-work-method-rail li, .page-home-overlift-deck .home-project-card-guide > article, .page-home-overlift-deck .home-project-contribution, .page-project-detail .project-detail-plain-start, .page-project-detail .project-story-nav a, .page-project-detail .project-story-promise, .page-project-detail .project-story-subcard, .page-project-detail .project-story-system .project-case-study-steps li, .page-project-detail .project-story-outcome-grid li, .page-project-overlift-technology .overlift-product-rule, .page-project-overlift-technology .overlift-product-boundary-cards > article, .page-project-overlift-technology .overlift-product-feature-grid > article, .page-project-azure-glossary .azgb-plain-start { border: 1px solid transparent !important; background: radial-gradient(280px 140px at 4% -8%, rgba(255, 244, 216, 0.09), transparent 70%) padding-box, linear-gradient(150deg, rgba(19, 24, 30, 0.94), rgba(5, 9, 13, 0.97)) padding-box, linear-gradient(118deg, rgba(255, 250, 238, 0.96) 0%, rgba(229, 188, 119, 0.78) 9%, rgba(114, 75, 29, 0.52) 30%, rgba(67, 45, 23, 0.46) 55%, rgba(193, 137, 58, 0.70) 78%, rgba(255, 235, 194, 0.92) 100%) border-box !important; box-shadow: inset 0 1px 0 rgba(255, 249, 234, 0.10), inset 0 -1px 0 rgba(92, 59, 22, 0.28), 0 0 0 1px rgba(73, 48, 20, 0.28), 0 10px 24px rgba(0, 0, 0, 0.20), 0 0 18px rgba(221, 164, 78, 0.06) !important; } .page-home-overlift-deck .home-work-concept-card:hover, .page-home-overlift-deck .home-work-method-rail li:hover, .page-project-detail .project-story-nav a:hover, .page-project-detail .project-story-nav a:focus-visible, .page-project-detail .project-story-subcard:hover { background: radial-gradient(300px 150px at 5% -10%, rgba(255, 245, 220, 0.13), transparent 70%) padding-box, linear-gradient(150deg, rgba(27, 30, 32, 0.96), rgba(7, 11, 15, 0.98)) padding-box, linear-gradient(118deg, rgba(255, 253, 245, 1) 0%, rgba(247, 210, 147, 0.92) 12%, rgba(136, 89, 31, 0.62) 34%, rgba(82, 54, 24, 0.54) 56%, rgba(222, 164, 72, 0.84) 80%, rgba(255, 240, 207, 0.98) 100%) border-box !important; } .brass-onyx-button, .page-home-overlift-deck .home-sean-welcome-actions .lux-button, .page-home-overlift-deck .home-hiring-bridge-actions .lux-button, .page-project-detail .project-case-study-actions .lux-button, .page-project-detail .overlift-product-actions .lux-button, .page-project-detail .project-detail-guide-actions .lux-button, .page-project-detail .azgb-button.brass-onyx-button { min-height: 52px; border: 1px solid transparent !important; border-radius: 16px !important; background: radial-gradient(220px 70px at 18% -20%, rgba(255, 245, 217, 0.16), transparent 72%) padding-box, linear-gradient(145deg, rgba(37, 34, 29, 0.98), rgba(10, 12, 15, 0.99) 56%, rgba(20, 17, 15, 0.99)) padding-box, conic-gradient(from 215deg, rgba(255, 251, 237, 1), rgba(245, 211, 151, 0.98) 12%, rgba(190, 133, 56, 0.88) 25%, rgba(84, 54, 21, 0.72) 43%, rgba(179, 124, 51, 0.9) 68%, rgba(255, 231, 183, 0.98) 88%, rgba(255, 251, 237, 1)) border-box !important; color: var(--portfolio-ivory) !important; font-weight: 750 !important; letter-spacing: -0.01em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); box-shadow: inset 0 1px 0 rgba(255, 249, 234, 0.20), inset 0 -1px 0 rgba(83, 53, 20, 0.50), 0 0 0 1px rgba(80, 51, 19, 0.38), 0 12px 28px rgba(0, 0, 0, 0.35), 0 0 24px rgba(222, 163, 75, 0.12) !important; transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease !important; } .brass-onyx-button:hover, .brass-onyx-button:focus-visible, .page-home-overlift-deck .home-sean-welcome-actions .lux-button:hover, .page-home-overlift-deck .home-sean-welcome-actions .lux-button:focus-visible, .page-home-overlift-deck .home-hiring-bridge-actions .lux-button:hover, .page-home-overlift-deck .home-hiring-bridge-actions .lux-button:focus-visible, .page-project-detail .project-case-study-actions .lux-button:hover, .page-project-detail .project-case-study-actions .lux-button:focus-visible, .page-project-detail .azgb-button.brass-onyx-button:hover, .page-project-detail .azgb-button.brass-onyx-button:focus-visible { transform: translateY(-2px); filter: brightness(1.08); box-shadow: inset 0 1px 0 rgba(255, 253, 247, 0.30), inset 0 -1px 0 rgba(107, 69, 25, 0.56), 0 0 0 1px rgba(139, 91, 30, 0.58), 0 17px 38px rgba(0, 0, 0, 0.42), 0 0 34px rgba(242, 190, 101, 0.24) !important; } .page-home-overlift-deck .home-work-guide { display: grid; gap: clamp(22px, 3vw, 38px); margin-bottom: clamp(26px, 3.6vw, 46px); padding: clamp(24px, 3.2vw, 44px); border-radius: var(--portfolio-radius-large); } .page-home-overlift-deck .home-work-guide .home-projects-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: end; margin: 0; } .page-home-overlift-deck .home-work-guide .home-projects-heading > div { max-width: 80rem; } .page-home-overlift-deck .home-work-guide .home-projects-heading h2 { max-width: 25ch; margin-bottom: 12px; color: var(--portfolio-ivory); text-wrap: balance; } .page-home-overlift-deck .home-work-guide .home-projects-heading p { max-width: 82ch; margin: 0; color: var(--portfolio-muted); font-size: clamp(1.05rem, 1.18vw, 1.18rem); line-height: 1.7; } .page-home-overlift-deck .home-work-guide .home-inline-link { align-self: center; min-height: 48px; padding: 12px 16px; border: 1px solid rgba(221, 177, 105, 0.40); border-radius: 14px; background: rgba(215, 165, 86, 0.06); color: #f2cf93; font-weight: 750; white-space: nowrap; } .page-home-overlift-deck .home-work-concept-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .page-home-overlift-deck .home-work-concept-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; align-items: start; min-width: 0; padding: 20px; border: 1px solid rgba(219, 174, 103, 0.34); border-radius: 18px; background: radial-gradient(280px 140px at 0% 0%, rgba(233, 185, 105, 0.07), transparent 68%), rgba(5, 10, 15, 0.72); box-shadow: inset 0 1px 0 rgba(255, 248, 230, 0.07); transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease; } .page-home-overlift-deck .home-work-concept-card:hover { transform: translateY(-2px); } .page-home-overlift-deck .home-work-concept-number { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(241, 201, 133, 0.48); border-radius: 50%; color: #f5cc83; font-size: 0.76rem; font-weight: 850; letter-spacing: 0.08em; background: rgba(222, 166, 75, 0.08); } .page-home-overlift-deck .home-work-concept-card h3 { margin: 0 0 8px; color: var(--portfolio-ivory); font-size: clamp(1.08rem, 1.2vw, 1.24rem); line-height: 1.25; } .page-home-overlift-deck .home-work-concept-card p { margin: 0; color: rgba(219, 226, 232, 0.84); font-size: 0.98rem; line-height: 1.62; } .page-home-overlift-deck .home-work-method-rail { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-work-method-rail li { display: grid; align-content: start; gap: 7px; min-width: 0; min-height: 146px; padding: 16px 14px; border: 1px solid rgba(207, 158, 83, 0.28); border-radius: 16px; background: linear-gradient(155deg, rgba(25, 27, 28, 0.82), rgba(6, 10, 14, 0.84)); transition: transform 160ms ease, box-shadow 160ms ease; } .page-home-overlift-deck .home-work-method-rail li:hover { transform: translateY(-2px); } .page-home-overlift-deck .home-work-method-rail li > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: rgba(229, 178, 92, 0.10); color: #efc273; font-size: 0.78rem; font-weight: 850; } .page-home-overlift-deck .home-work-method-rail strong { color: var(--portfolio-ivory); font-size: 0.94rem; line-height: 1.3; } .page-home-overlift-deck .home-work-method-rail small { color: rgba(211, 220, 228, 0.76); font-size: 0.85rem; line-height: 1.46; } .page-home-overlift-deck .home-hiring-bridge { border-radius: var(--portfolio-radius-large) !important; background: radial-gradient(520px 260px at 0% 0%, rgba(232, 187, 112, 0.085), transparent 67%) padding-box, radial-gradient(460px 250px at 100% 0%, rgba(107, 76, 162, 0.11), transparent 64%) padding-box, linear-gradient(145deg, rgba(20, 25, 31, 0.98), rgba(5, 8, 13, 0.99)) padding-box, conic-gradient(from 218deg, #fff7e7, #e4b96e 16%, #7b5220 36%, #3e2d1a 54%, #ad7936 73%, #f3d59a 91%, #fff7e7) border-box !important; } .page-home-overlift-deck .home-hiring-bridge-actions { min-width: 210px; gap: 12px; } .page-home-overlift-deck .home-hiring-bridge-actions .lux-button { min-height: 58px; padding-inline: 22px; } .page-home-overlift-deck .home-product-family-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr); gap: 24px; align-items: end; margin: clamp(34px, 4vw, 58px) 0 22px; padding: 0 4px; } .page-home-overlift-deck .home-product-family-heading h2 { max-width: 22ch; margin: 6px 0 0; color: var(--portfolio-ivory); text-wrap: balance; } .page-home-overlift-deck .home-product-family-heading > p { margin: 0; color: var(--portfolio-muted); font-size: 1.05rem; line-height: 1.65; } .page-home-overlift-deck .home-project-card-guide { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .page-home-overlift-deck .home-project-card-guide > article { min-width: 0; padding: 15px 16px; border: 1px solid rgba(218, 171, 96, 0.26); border-radius: 16px; background: rgba(211, 159, 76, 0.045); } .page-home-overlift-deck .home-project-card-guide span, .page-home-overlift-deck .home-project-outcome-list::before { color: #efc679; font-size: 0.78rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; } .page-home-overlift-deck .home-project-card-guide p { margin: 7px 0 0; color: rgba(224, 231, 236, 0.87); font-size: 0.98rem; line-height: 1.58; } .page-home-overlift-deck .home-project-contribution { border-color: rgba(221, 174, 98, 0.30); background: linear-gradient(145deg, rgba(218, 167, 83, 0.065), rgba(8, 12, 16, 0.30)); } .page-home-overlift-deck .home-project-outcome-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .page-home-overlift-deck .home-project-outcome-list li { position: relative; padding-left: 20px; color: rgba(213, 222, 229, 0.82); font-size: 0.94rem; line-height: 1.5; } .page-home-overlift-deck .home-project-outcome-list li::before { content: ""; position: absolute; top: 0.62em; left: 2px; width: 7px; height: 7px; border: 1px solid rgba(247, 211, 151, 0.74); border-radius: 50%; background: rgba(220, 163, 75, 0.34); box-shadow: 0 0 10px rgba(230, 172, 83, 0.24); } .page-project-detail .project-detail-hero { padding-top: clamp(38px, 5vw, 74px); padding-bottom: 0 !important; } .page-project-detail .project-detail-copy, .page-project-detail .project-detail-art-shell { border-radius: var(--portfolio-radius-large) !important; } .page-project-detail .project-detail-copy { display: grid; align-content: start; gap: 14px; padding: clamp(26px, 3.5vw, 48px) !important; } .page-project-detail .project-detail-copy h1 { color: var(--portfolio-ivory); text-wrap: balance; } .page-project-detail .project-detail-copy > p { max-width: 72ch; color: var(--portfolio-muted); font-size: clamp(1.02rem, 1.16vw, 1.16rem); line-height: 1.68; } .page-project-detail .project-detail-plain-start { display: grid; gap: 8px; margin-top: 6px; padding: clamp(17px, 2vw, 22px); border: 1px solid rgba(229, 184, 110, 0.38); border-radius: 18px; background: radial-gradient(260px 120px at 0% 0%, rgba(240, 195, 119, 0.09), transparent 75%), rgba(7, 12, 17, 0.74); } .page-project-detail .project-detail-plain-start > span { color: #efc67d; font-size: 0.78rem; font-weight: 850; letter-spacing: 0.11em; text-transform: uppercase; } .page-project-detail .project-detail-plain-start > strong { color: var(--portfolio-ivory); font-size: clamp(1.08rem, 1.25vw, 1.28rem); line-height: 1.45; } .page-project-detail .project-detail-plain-start > small { color: rgba(208, 218, 226, 0.72); font-size: 0.92rem; line-height: 1.5; } .page-project-detail .project-detail-guide-actions { margin-top: 4px; } .page-project-detail .project-detail-art-shell { padding: 12px !important; } .page-project-detail .project-guided-fallback-grid { grid-template-columns: minmax(0, 1fr); } .page-project-detail .project-deep-card, .page-project-detail .project-media-gallery-card { border-radius: var(--portfolio-radius-large) !important; } .page-project-detail { --project-story-flow-gap: clamp(18px, 2.3vw, 30px); } .page-project-detail .project-case-study-section { padding: var(--project-story-flow-gap) 0; background: radial-gradient(720px 420px at 8% 8%, rgba(204, 149, 67, 0.07), transparent 70%), radial-gradient(680px 420px at 96% 62%, rgba(103, 74, 150, 0.06), transparent 70%); } .page-project-detail .project-case-study-shell { display: grid; gap: var(--project-story-flow-gap); } .page-project-detail .project-story-guide-container { display: grid; gap: clamp(14px, 1.8vw, 22px); min-width: 0; padding: clamp(22px, 3vw, 40px); border-radius: var(--portfolio-radius-large); } .page-project-detail .project-story-guide-container .project-story-heading { border: 0 !important; background: none !important; box-shadow: none !important; } .page-project-detail .project-story-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr); gap: clamp(24px, 4vw, 58px); align-items: end; padding: 0; border-radius: 0; } .page-project-detail .project-story-heading h2 { max-width: 23ch; margin: 7px 0 0; color: var(--portfolio-ivory); font-size: clamp(2rem, 3.5vw, 4rem); line-height: 1.04; text-wrap: balance; } .page-project-detail .project-story-heading > p { max-width: 52ch; margin: 0; color: var(--portfolio-muted); font-size: clamp(1.02rem, 1.18vw, 1.18rem); line-height: 1.7; } .page-project-detail .project-story-nav { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 9px; padding: 0; border: 0; background: transparent; } .page-project-detail .project-story-nav a { min-height: 66px; border: 1px solid rgba(215, 165, 86, 0.34); border-radius: 15px; background: linear-gradient(150deg, rgba(26, 26, 25, 0.78), rgba(6, 10, 14, 0.82)); color: rgba(240, 235, 224, 0.88); } .page-project-detail .project-story-nav a:hover, .page-project-detail .project-story-nav a:focus-visible { border-color: rgba(245, 207, 143, 0.60); background: linear-gradient(150deg, rgba(55, 43, 28, 0.70), rgba(8, 11, 14, 0.86)); color: var(--portfolio-ivory); } .page-project-detail .project-story-nav a span { color: #e9bb6b; } .page-project-detail .project-story-band { display: grid; gap: clamp(22px, 3vw, 42px); min-width: 0; padding: clamp(24px, 3.2vw, 46px); border-radius: var(--portfolio-radius-large); scroll-margin-top: 110px; } .page-project-detail .project-story-problem { grid-template-columns: minmax(120px, 0.2fr) minmax(0, 1fr) minmax(280px, 0.7fr); align-items: center; } .page-project-detail .project-story-section-label { display: grid; align-content: start; gap: 12px; } .page-project-detail .project-story-section-label .project-case-study-number { display: grid; width: 52px; height: 52px; place-items: center; margin: 0; border: 1px solid rgba(242, 203, 136, 0.50); border-radius: 16px; background: rgba(220, 164, 76, 0.08); color: #f2c87d; font-size: 0.88rem; font-weight: 850; } .page-project-detail .project-story-copy h3, .page-project-detail .project-story-band-heading h3, .page-project-detail .project-story-proof-grid h3 { margin: 0 0 12px; color: var(--portfolio-ivory); font-size: clamp(1.55rem, 2.2vw, 2.35rem); line-height: 1.16; text-wrap: balance; } .page-project-detail .project-story-copy p, .page-project-detail .project-story-band-heading p, .page-project-detail .project-story-proof-grid p { margin: 0; color: var(--portfolio-muted); font-size: clamp(1.02rem, 1.16vw, 1.16rem); line-height: 1.72; } .page-project-detail .project-story-promise { display: grid; gap: 9px; padding: 20px; border: 1px solid rgba(229, 183, 107, 0.40); border-radius: 18px; background: radial-gradient(280px 140px at 0% 0%, rgba(235, 188, 111, 0.10), transparent 72%), rgba(6, 11, 16, 0.76); } .page-project-detail .project-story-promise span, .page-project-detail .project-story-subcard > span { color: #efc579; font-size: 0.78rem; font-weight: 850; letter-spacing: 0.11em; text-transform: uppercase; } .page-project-detail .project-story-promise strong { color: var(--portfolio-ivory); font-size: clamp(1.04rem, 1.22vw, 1.24rem); line-height: 1.5; } .page-project-detail .project-story-band-heading { display: grid; grid-template-columns: minmax(120px, 0.22fr) minmax(0, 1fr); gap: clamp(22px, 3vw, 42px); align-items: start; } .page-project-detail .project-story-nested-grid, .page-project-detail .project-story-advantage-grid { display: grid; gap: 14px; } .page-project-detail .project-story-nested-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-project-detail .project-story-advantage-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .page-project-detail .project-story-subcard { min-width: 0; padding: clamp(18px, 2vw, 24px); border: 1px solid rgba(214, 164, 85, 0.30); border-radius: 18px; background: radial-gradient(260px 120px at 10% 0%, rgba(229, 178, 94, 0.07), transparent 70%), linear-gradient(155deg, rgba(18, 23, 29, 0.82), rgba(5, 9, 13, 0.88)); box-shadow: inset 0 1px 0 rgba(255, 247, 228, 0.07); } .page-project-detail .project-story-subcard p { margin: 9px 0 0; color: rgba(220, 228, 234, 0.84); font-size: 0.98rem; line-height: 1.66; } .page-project-detail .project-story-system .project-case-study-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .page-project-detail .project-story-system .project-case-study-steps li { min-height: 124px; border-color: rgba(218, 168, 91, 0.30); border-radius: 17px; background: linear-gradient(150deg, rgba(22, 25, 28, 0.82), rgba(5, 9, 13, 0.86)); } .page-project-detail .project-story-system .project-case-study-steps li > span { background: rgba(221, 166, 78, 0.10); color: #efc171; } .page-project-detail .project-story-proof-grid { gap: clamp(16px, 2.4vw, 28px); scroll-margin-top: 110px; } .page-project-detail .project-story-proof-grid > * { border-radius: var(--portfolio-radius-large) !important; } .page-project-detail .project-story-proof-grid .project-case-study-card, .page-project-detail .project-story-proof-grid .project-case-study-evidence { padding: clamp(24px, 3vw, 38px); } .page-project-detail .project-story-proof-grid .project-case-study-card::before, .page-project-detail .project-story-proof-grid .project-case-study-evidence::before, .page-project-detail .project-story-value::before, .page-project-detail .project-story-heading::before { display: none !important; } .page-project-detail .project-case-study-evidence-note { border-color: rgba(215, 165, 86, 0.30); background: rgba(221, 167, 79, 0.045); color: rgba(215, 223, 229, 0.78); } .page-project-detail .project-story-value { grid-template-columns: minmax(120px, 0.2fr) minmax(0, 0.9fr) minmax(340px, 1.1fr); align-items: start; scroll-margin-top: 110px; } .page-project-detail .project-story-outcome-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; } .page-project-detail .project-story-outcome-grid li { position: relative; min-width: 0; padding: 16px 16px 16px 38px; border: 1px solid rgba(213, 162, 83, 0.27); border-radius: 15px; background: rgba(210, 156, 74, 0.04); color: rgba(225, 232, 237, 0.86); font-size: 0.96rem; line-height: 1.55; } .page-project-detail .project-story-outcome-grid li::before { content: "✓"; position: absolute; top: 15px; left: 15px; color: #efc171; font-weight: 900; } .page-project-detail .project-case-study-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 2px; } .page-project-detail .project-case-study-actions .lux-button { width: 100%; justify-content: center; text-align: center; } .page-project-detail .project-story-research { background: radial-gradient(520px 260px at 0% 0%, rgba(225, 174, 92, 0.10), transparent 70%) padding-box, radial-gradient(440px 260px at 100% 100%, rgba(116, 82, 165, 0.10), transparent 72%) padding-box, linear-gradient(145deg, rgba(18, 23, 29, 0.975), rgba(5, 9, 13, 0.99)) padding-box, conic-gradient(from 220deg at 50% 50%, rgba(255, 251, 239, 0.98), rgba(239, 198, 126, 0.94) 18%, rgba(112, 73, 27, 0.64) 40%, rgba(84, 56, 30, 0.60) 58%, rgba(164, 112, 54, 0.78) 80%, rgba(255, 239, 207, 0.96)) border-box !important; } .page-project-detail .project-story-research-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr) minmax(0, 0.8fr); gap: 14px; } .page-project-detail .project-story-research-boundary { background: radial-gradient(260px 140px at 12% 0%, rgba(238, 191, 111, 0.08), transparent 72%), linear-gradient(155deg, rgba(24, 21, 19, 0.90), rgba(6, 9, 13, 0.92)); } .page-project-detail .project-deep-card-research { scroll-margin-top: 110px; } .page-project-detail .project-research-boundary { margin-top: 14px; padding: 16px 18px; border: 1px solid rgba(222, 174, 98, 0.30); border-radius: 15px; background: rgba(218, 164, 78, 0.05); color: rgba(218, 226, 232, 0.82); } .page-project-overlift-technology .overlift-product-page > .project-case-study-section { margin-top: calc(var(--project-story-flow-gap) - clamp(28px, 4vw, 52px)) !important; padding-top: 0 !important; padding-bottom: 0 !important; } .page-project-overlift-technology .overlift-product-hero-copy, .page-project-overlift-technology .overlift-product-hero-visual, .page-project-overlift-technology .overlift-guided-band, .page-project-overlift-technology .overlift-product-boundary-cards > article, .page-project-overlift-technology .overlift-product-feature-grid > article, .page-project-overlift-technology .overlift-product-demo-image { border-radius: var(--portfolio-radius-large) !important; } .page-project-overlift-technology .overlift-product-hero-copy { padding: clamp(28px, 4vw, 54px) !important; } .page-project-overlift-technology .overlift-product-hero-copy h1 { color: var(--portfolio-ivory); text-wrap: balance; } .page-project-overlift-technology .overlift-product-hero-lead, .page-project-overlift-technology .overlift-product-hero-copy > p { color: var(--portfolio-muted); font-size: clamp(1.04rem, 1.2vw, 1.2rem); line-height: 1.7; } .page-project-overlift-technology .overlift-product-rule { border-color: rgba(235, 190, 116, 0.42); background: linear-gradient(145deg, rgba(226, 173, 88, 0.08), rgba(6, 10, 14, 0.64)); } .page-project-overlift-technology .overlift-guided-band { padding: clamp(24px, 3.4vw, 46px); } .page-project-overlift-technology .overlift-product-section-heading h2 { color: var(--portfolio-ivory); text-wrap: balance; } .page-project-overlift-technology .overlift-product-section-heading p { color: var(--portfolio-muted); font-size: clamp(1.02rem, 1.15vw, 1.15rem); line-height: 1.7; } .page-project-overlift-technology .overlift-product-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-project-overlift-technology .overlift-product-feature-grid > article, .page-project-overlift-technology .overlift-product-boundary-cards > article { padding: 22px !important; } .page-project-azure-glossary .azgb-page { --azgb-border: rgba(224, 179, 107, 0.34); --azgb-accent: #efc171; } .page-project-azure-glossary .azgb-hero, .page-project-azure-glossary .azgb-section, .page-project-azure-glossary .azgb-final-cta { margin-inline: auto; border-radius: var(--portfolio-radius-large) !important; } .page-project-azure-glossary .azgb-status { color: #efc679; } .page-project-azure-glossary .azgb-status > span { background: #efc171; box-shadow: 0 0 12px rgba(239, 193, 113, 0.46); } .page-project-azure-glossary .azgb-plain-start { display: grid; gap: 8px; margin: 20px 0 0; padding: 18px 20px; border-radius: 18px; } .page-project-azure-glossary .azgb-plain-start > span { color: #efc171; font-size: 0.76rem; font-weight: 850; letter-spacing: 0.11em; text-transform: uppercase; } .page-project-azure-glossary .azgb-plain-start > strong { color: var(--portfolio-ivory); font-size: clamp(1.02rem, 1.18vw, 1.18rem); line-height: 1.5; } .page-project-azure-glossary .azgb-plain-start > p { margin: 0; color: rgba(215, 224, 231, 0.82); font-size: 0.94rem; line-height: 1.58; } .page-project-azure-glossary .azgb-plain-start b { color: #f1c77d; } .page-project-azure-glossary .azgb-stat-grid > div, .page-project-azure-glossary .azgb-search-story, .page-project-azure-glossary .azgb-capability-card, .page-project-azure-glossary .azgb-pathway-card, .page-project-azure-glossary .azgb-safety-note, .page-project-azure-glossary .azgb-hero-media { border-radius: 18px !important; } .page-project-azure-glossary .azgb-section-heading h2, .page-project-azure-glossary .azgb-final-cta h2 { color: var(--portfolio-ivory); } .page-project-azure-glossary .azgb-section-heading > p, .page-project-azure-glossary .azgb-final-cta 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 { color: var(--portfolio-muted); } .page-project-azure-glossary .azgb-button.brass-onyx-button { min-height: 52px; } @media (max-width: 1180px) { .page-home-overlift-deck .home-work-concept-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-work-method-rail { grid-template-columns: repeat(4, minmax(0, 1fr)); } .page-project-detail .project-story-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-project-detail .project-story-advantage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-project-overlift-technology .overlift-product-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 920px) { .page-home-overlift-deck .home-work-guide .home-projects-heading, .page-home-overlift-deck .home-product-family-heading, .page-project-detail .project-story-heading, .page-project-detail .project-story-problem, .page-project-detail .project-story-value { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-work-guide .home-inline-link { justify-self: start; } .page-project-detail .project-story-band-heading { grid-template-columns: minmax(0, 1fr); } .page-project-detail .project-story-nested-grid, .page-project-detail .project-story-research-grid { grid-template-columns: minmax(0, 1fr); } .page-project-detail .project-story-system .project-case-study-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-project-detail .project-case-study-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .page-home-overlift-deck .home-work-guide, .page-project-detail .project-story-guide-container, .page-project-detail .project-story-band, .page-project-overlift-technology .overlift-guided-band { padding: 20px; } .page-home-overlift-deck .home-work-concept-grid, .page-home-overlift-deck .home-project-card-guide, .page-project-detail .project-story-advantage-grid, .page-project-detail .project-story-system .project-case-study-steps, .page-project-detail .project-story-outcome-grid, .page-project-overlift-technology .overlift-product-feature-grid { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-work-method-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-home-overlift-deck .home-work-method-rail li { min-height: 132px; } .page-project-detail .project-story-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-project-detail .project-story-nav a { min-height: 58px; } .page-project-detail .project-case-study-actions { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 520px) { .brass-onyx-button, .page-home-overlift-deck .home-sean-welcome-actions .lux-button, .page-home-overlift-deck .home-hiring-bridge-actions .lux-button, .page-project-detail .project-case-study-actions .lux-button, .page-project-detail .overlift-product-actions .lux-button, .page-project-detail .project-detail-guide-actions .lux-button, .page-project-detail .azgb-button.brass-onyx-button { width: 100%; min-height: 48px; padding: 11px 14px !important; white-space: normal; text-align: center; } .page-home-overlift-deck .home-work-concept-card { grid-template-columns: 38px minmax(0, 1fr); padding: 16px; } .page-home-overlift-deck .home-work-concept-number { width: 38px; height: 38px; } .page-home-overlift-deck .home-work-method-rail { grid-template-columns: minmax(0, 1fr); } .page-home-overlift-deck .home-work-method-rail li { min-height: 0; } .page-project-detail .project-story-nav { grid-template-columns: minmax(0, 1fr); } .page-project-detail .project-story-section-label { grid-template-columns: 48px minmax(0, 1fr); align-items: center; } .page-project-detail .project-story-section-label .project-case-study-number { width: 46px; height: 46px; } } @media (prefers-reduced-motion: reduce) { .brass-onyx-button, .page-home-overlift-deck .home-work-concept-card, .page-home-overlift-deck .home-work-method-rail li, .page-project-detail .luxury-panel { transition: none !important; } } @media (forced-colors: active) { .portfolio-glint-panel, .brass-onyx-button, .page-project-detail .luxury-panel, .page-project-detail .azgb-section, .page-project-detail .azgb-hero, .page-project-detail .azgb-final-cta { border: 1px solid CanvasText !important; background: Canvas !important; color: CanvasText !important; box-shadow: none !important; } } .page-project-detail .project-detail-intro-shell { position: relative; overflow: hidden; padding: clamp(24px, 3.4vw, 48px); border-radius: var(--portfolio-radius-large) !important; } .page-project-detail .project-detail-intro-shell .project-detail-grid { grid-template-columns: minmax(0, 0.92fr) minmax(460px, 1.08fr); gap: clamp(28px, 4.2vw, 64px); align-items: center; } .page-project-detail .project-detail-intro-shell .project-detail-copy { min-width: 0; min-height: 0; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .page-project-detail .project-detail-intro-shell .project-detail-copy::before, .page-project-detail .project-detail-intro-shell .project-detail-copy::after { display: none !important; } .page-project-detail .project-detail-intro-shell .project-detail-art-shell { min-width: 0; min-height: 0; margin: 0; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .page-project-detail .project-detail-intro-shell .project-detail-art { display: grid; min-height: 0 !important; aspect-ratio: 16 / 9; place-items: center; overflow: hidden; padding: 0 !important; border: 1px solid rgba(228, 183, 109, 0.34) !important; border-radius: 22px !important; background: radial-gradient(circle at 50% 0%, rgba(226, 178, 98, 0.08), transparent 48%), #03080d !important; box-shadow: inset 0 1px 0 rgba(255, 248, 230, 0.09), 0 22px 60px rgba(0, 0, 0, 0.34) !important; } .page-project-detail .project-detail-intro-shell .project-detail-art::before, .page-project-detail .project-detail-intro-shell .project-detail-art::after { display: none !important; } .page-project-detail .project-detail-intro-shell .project-detail-media-image { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center top; background: #03080d; } .page-project-detail .project-detail-art-caption { display: grid; gap: 5px; padding: 14px 4px 0; color: var(--portfolio-muted); } .page-project-detail .project-detail-art-caption strong { color: var(--portfolio-ivory); } .page-project-detail .project-story-navigation-shell { overflow: hidden; padding: 10px; border-radius: 22px !important; } .page-project-detail .project-story-navigation-shell .project-story-nav { margin: 0; padding: 0; } .page-project-detail .project-media-gallery-frame { display: grid; width: 100%; aspect-ratio: 16 / 9; place-items: center; overflow: hidden; border-bottom: 1px solid rgba(225, 179, 105, 0.22); background: radial-gradient(circle at 50% 0%, rgba(229, 182, 106, 0.08), transparent 45%), #03080d; } .page-project-detail .project-media-gallery-frame > img { display: block; width: 100%; height: 100%; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center top !important; background: #03080d; } .page-project-detail .project-media-gallery-frame > img[hidden] { display: none !important; } .page-project-detail .project-media-gallery-card:only-child { max-width: none; } .page-project-detail .project-media-gallery-card:only-child .project-media-gallery-frame { aspect-ratio: 16 / 9; } .page-project-detail .project-case-study-actions { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); } .page-project-overlift-technology .overlift-product-hero-shell { position: relative; overflow: hidden; padding: clamp(24px, 3.5vw, 50px); border-radius: var(--portfolio-radius-large) !important; } .page-project-overlift-technology .overlift-product-hero-shell .overlift-product-hero-grid { grid-template-columns: minmax(0, 0.92fr) minmax(480px, 1.08fr); gap: clamp(28px, 4.2vw, 64px); align-items: center; } .page-project-overlift-technology .overlift-product-hero-shell .overlift-product-hero-copy { min-width: 0; min-height: 0; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .page-project-overlift-technology .overlift-product-hero-shell .overlift-product-hero-copy::before, .page-project-overlift-technology .overlift-product-hero-shell .overlift-product-hero-copy::after { display: none !important; } .page-project-overlift-technology .overlift-product-hero-visual { min-width: 0; min-height: 0; margin: 0; overflow: hidden; border: 1px solid rgba(228, 183, 109, 0.34) !important; border-radius: 22px !important; background: #03080d !important; box-shadow: inset 0 1px 0 rgba(255, 248, 230, 0.09), 0 22px 60px rgba(0, 0, 0, 0.34) !important; } .page-project-overlift-technology .overlift-product-hero-visual > img, .page-project-overlift-technology .overlift-product-demo-image > img { display: block; width: 100%; height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9; object-fit: contain !important; object-position: center top !important; background: #03080d; } .page-project-azure-glossary .product-intro-shell { overflow: hidden; } .page-project-azure-glossary .azgb-hero-grid { grid-template-columns: minmax(0, 0.92fr) minmax(480px, 1.08fr); gap: clamp(28px, 4vw, 60px); align-items: center; } .page-project-azure-glossary .azgb-hero-media { min-width: 0; transform: none !important; } .page-project-azure-glossary .azgb-landscape-media img { display: block; width: 100%; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 16 / 9 !important; object-fit: contain !important; object-position: center top !important; background: #03080d; } .page-project-azure-glossary .azgb-pathway-media { min-height: 0; align-items: center; } @media (max-width: 1120px) { .page-project-detail .project-detail-intro-shell .project-detail-grid, .page-project-overlift-technology .overlift-product-hero-shell .overlift-product-hero-grid, .page-project-azure-glossary .azgb-hero-grid { grid-template-columns: minmax(0, 1fr); } .page-project-detail .project-detail-art-shell, .page-project-overlift-technology .overlift-product-hero-visual, .page-project-azure-glossary .azgb-hero-media { width: 100%; } } @media (max-width: 680px) { .page-project-detail .project-detail-intro-shell, .page-project-overlift-technology .overlift-product-hero-shell { padding: 18px; } .page-project-detail .project-story-navigation-shell { padding: 8px; } .page-project-detail .project-detail-intro-shell .project-detail-art, .page-project-detail .project-media-gallery-frame, .page-project-overlift-technology .overlift-product-hero-visual > img, .page-project-overlift-technology .overlift-product-demo-image > img, .page-project-azure-glossary .azgb-landscape-media img { aspect-ratio: 16 / 9 !important; } } /*!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/overlift-bridges.css*/ .home-overlift-launch-actions .lux-button { justify-content: center; text-align: center; } .overlift-portfolio-bridge { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr); gap: clamp(1rem, 3vw, 2rem); align-items: center; margin-top: clamp(1.2rem, 3vw, 2.2rem); padding: clamp(1rem, 2.5vw, 1.65rem); border: 1px solid rgba(214, 188, 146, .22); border-radius: 1rem; background: radial-gradient(circle at 85% 15%, rgba(228, 77, 178, .1), transparent 32%), rgba(6, 12, 26, .72); } .overlift-portfolio-bridge h2, .overlift-portfolio-bridge h3 { margin: .35rem 0 .55rem; } .overlift-portfolio-bridge p { margin: 0; max-width: 72ch; color: var(--lux-text-muted, #b9bdca); } .overlift-portfolio-bridge-actions { display: flex; flex-wrap: wrap; gap: .65rem; justify-content: flex-end; } .overlift-portfolio-bridge-actions > a:not(.lux-button) { display: inline-flex; align-items: center; min-height: 2.65rem; padding: .55rem .75rem; border: 1px solid rgba(232, 133, 199, .22); border-radius: .65rem; color: #f4e3ee; text-decoration: none; background: rgba(7, 18, 35, .7); } @media (max-width: 900px) { .overlift-portfolio-bridge { grid-template-columns: 1fr; } .overlift-portfolio-bridge-actions { justify-content: flex-start; } } /*!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; }