/*!sf-css-bundle:AssetBundleManifest*/ /*!sf-css-source:css/public/shared/shell.css*/ .site-header .header-menu-list{ display: flex !important; flex-wrap: wrap !important; align-items: center; gap: 0.8rem !important; list-style: none; margin: 0; padding: 0; } .site-header .header-menu-list{ justify-content: flex-end; } .site-header .header-menu-list > .nav-item{ flex: 0 0 auto; } .site-header .nav-link, .site-header .nav-link-group > .nav-link{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex !important; align-items: center; justify-content: center; gap: 0.56rem; min-height: 3.2rem; width: auto; max-width: 100%; padding: 0.74rem 1.24rem; border-radius: 999px; border: 1px solid rgba(227, 170, 160, 0.26); background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.075), transparent 56%), linear-gradient(135deg, rgba(255,255,255,0.045), rgba(255,255,255,0.02)), linear-gradient(90deg, rgba(137,90,86,0.18), rgba(216,170,162,0.08) 28%, rgba(255,255,255,0.05) 48%, rgba(210,155,145,0.16) 74%, rgba(103,62,63,0.16)); color: rgba(248, 233, 229, 0.95) !important; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255,255,255,0.09), inset 0 -1px 0 rgba(128,80,79,0.24), 0 12px 32px rgba(0,0,0,0.22), 0 0 0 1px rgba(255,223,217,0.02); transition: transform 0.2s ease, border-color 0.22s ease, box-shadow 0.22s ease, color 0.22s ease, background 0.22s ease; } .site-header .nav-link::before, .site-header .nav-link-group > .nav-link::before{ content: ""; position: absolute; inset: 1px; border-radius: inherit; background: linear-gradient(120deg, rgba(255,255,255,0.02) 0%, rgba(255,239,235,0.16) 18%, rgba(255,255,255,0.02) 34%, transparent 56%, rgba(255,219,211,0.12) 76%, rgba(255,255,255,0.03) 100%); opacity: 0.92; pointer-events: none; z-index: -1; } .site-header .nav-link::after, .site-header .nav-link-group > .nav-link::after{ content: ""; position: absolute; inset: auto 16% 0.38rem 16%; height: 1px; border-radius: 999px; background: linear-gradient(90deg, transparent, rgba(255,220,214,0.85), transparent); opacity: 0.7; pointer-events: none; } .site-header .nav-link:hover, .site-header .nav-link:focus-visible, .site-header .nav-item.is-active > .nav-link, .site-header .nav-item.is-active > .nav-link-group > .nav-link{ color: #fff5f2 !important; border-color: rgba(241, 191, 182, 0.36); box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(160,103,96,0.32), 0 16px 34px rgba(0,0,0,0.24), 0 0 0 1px rgba(255,231,224,0.05); transform: translateY(-1px); } .site-header .nav-link-icon{ color: rgba(255, 231, 224, 0.9); } .site-header .nav-link-label{ white-space: nowrap; } .site-header .header-menu-list{ display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center; justify-content: flex-end; gap: 0.5rem !important; } .site-header .header-menu-list > .nav-item{ flex: 0 0 auto; } .site-header .nav-link, .site-header .nav-link-group > .nav-link{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex !important; align-items: center; justify-content: center; gap: 0.42rem; min-height: 2.42rem; width: auto; max-width: 100%; padding: 0.42rem 0.84rem; border-radius: 999px; border: 1px solid rgba(190, 130, 97, 0.28) !important; background: linear-gradient(135deg, rgba(255,255,255,0.038), rgba(255,255,255,0.014)), linear-gradient(90deg, rgba(99,58,48,0.16), rgba(169,107,83,0.07) 35%, rgba(255,255,255,0.026) 54%, rgba(166,101,80,0.11) 82%, rgba(64,38,35,0.12)) !important; color: rgba(245, 237, 228, 0.9) !important; font-size: 0.9rem; font-weight: 700; line-height: 1; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255,255,255,0.055), inset 0 -1px 0 rgba(108,67,49,0.22), 0 8px 18px rgba(0,0,0,0.16) !important; transform: none; transition: transform 0.18s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background 0.2s ease; } .site-header .nav-link::before, .site-header .nav-link-group > .nav-link::before{ content: ""; position: absolute; inset: 1px; border-radius: inherit; background: linear-gradient(118deg, transparent 0%, rgba(255,236,224,0.16) 18%, transparent 34%, transparent 62%, rgba(218,147,108,0.14) 78%, transparent 100%); opacity: 0 !important; pointer-events: none; z-index: -1; transition: opacity 0.2s ease; } .site-header .nav-link::after, .site-header .nav-link-group > .nav-link::after{ content: ""; position: absolute; inset: auto 18% 0.33rem 18%; height: 1px; border-radius: 999px; background: linear-gradient(90deg, transparent, rgba(232,173,132,0.64), transparent); opacity: 0 !important; pointer-events: none; transition: opacity 0.2s ease; } .site-header .nav-link:hover, .site-header .nav-link:focus-visible, .site-header .nav-link-group > .nav-link:hover, .site-header .nav-link-group > .nav-link:focus-visible{ color: #fff7ef !important; border-color: rgba(222, 157, 118, 0.46) !important; background: radial-gradient(circle at 52% 0%, rgba(255,229,212,0.075), transparent 62%), linear-gradient(135deg, rgba(255,255,255,0.054), rgba(255,255,255,0.018)), linear-gradient(90deg, rgba(125,70,57,0.22), rgba(197,125,96,0.11) 32%, rgba(255,255,255,0.036) 54%, rgba(193,117,91,0.16) 78%, rgba(80,45,41,0.16)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.095), inset 0 -1px 0 rgba(133,78,58,0.24), 0 11px 24px rgba(0,0,0,0.19), 0 0 14px rgba(200, 129, 91, 0.13) !important; transform: translateY(-1px); } .site-header .nav-link:hover::before, .site-header .nav-link:focus-visible::before, .site-header .nav-link-group > .nav-link:hover::before, .site-header .nav-link-group > .nav-link:focus-visible::before, .site-header .nav-link:hover::after, .site-header .nav-link:focus-visible::after, .site-header .nav-link-group > .nav-link:hover::after, .site-header .nav-link-group > .nav-link:focus-visible::after{ opacity: 1 !important; } .site-header .nav-item.is-active > .nav-link, .site-header .nav-item.is-active > .nav-link-group > .nav-link{ border-color: rgba(199, 138, 101, 0.34) !important; color: rgba(252, 242, 232, 0.94) !important; transform: none; } .site-header .nav-item.is-active > .nav-link:not(:hover):not(:focus-visible)::before, .site-header .nav-item.is-active > .nav-link-group > .nav-link:not(:hover):not(:focus-visible)::before, .site-header .nav-item.is-active > .nav-link:not(:hover):not(:focus-visible)::after, .site-header .nav-item.is-active > .nav-link-group > .nav-link:not(:hover):not(:focus-visible)::after{ opacity: 0 !important; } .site-header .nav-link-emoji{ display: inline-flex; align-items: center; justify-content: center; font-size: 0.84rem; line-height: 1; filter: saturate(0.88) brightness(1.02); } .site-header .nav-link-label{ white-space: nowrap; } @media (max-width: 991px){ .site-header:not(.admin-shell-header){ overflow: visible !important; } .site-header:not(.admin-shell-header) .nav-row{ position: relative !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; gap: 0.72rem !important; overflow: visible !important; } .site-header:not(.admin-shell-header) .main-nav{ left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: min(26rem, calc(100vw - 1rem)) !important; max-width: calc(100vw - 1rem) !important; padding: 1rem !important; border-radius: 30px !important; gap: 0.82rem !important; } .site-header:not(.admin-shell-header) .header-menu-list{ width: 100% !important; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0.68rem !important; } .site-header:not(.admin-shell-header) .header-menu-list > .nav-item{ width: 100% !important; } .site-header:not(.admin-shell-header) .nav-link, .site-header:not(.admin-shell-header) .nav-link-group > .nav-link{ width: 100% !important; max-width: none !important; min-height: 4rem !important; padding: 0 1.08rem !important; justify-content: flex-start !important; gap: 0.72rem !important; border-radius: 999px !important; font-size: clamp(0.98rem, 4.1vw, 1.08rem) !important; } .site-header:not(.admin-shell-header) .nav-link-emoji{ flex: 0 0 1.2rem !important; font-size: 0.98rem !important; } .site-header:not(.admin-shell-header) .nav-link-label{ flex: 1 1 auto !important; min-width: 0 !important; white-space: nowrap !important; }} @media (max-width: 767px){.site-header:not(.admin-shell-header) .main-nav{ width: min(24.5rem, calc(100vw - 0.9rem)) !important; max-width: calc(100vw - 0.9rem) !important; padding: 0.95rem !important; } .site-header:not(.admin-shell-header) .header-menu-list{ gap: 0.58rem !important; } .site-header:not(.admin-shell-header) .nav-link, .site-header:not(.admin-shell-header) .nav-link-group > .nav-link{ min-height: 3.7rem !important; padding: 0 0.96rem !important; font-size: clamp(0.95rem, 4vw, 1.02rem) !important; } } .brand-copy-single{ display: inline-flex; align-items: center; padding-left: 0.08rem; line-height: 1; } .brand-copy-single strong{ font-family: "Newsreader", serif; font-weight: 600; letter-spacing: -0.024em; background: linear-gradient(135deg, #f6e2bb 0%, #d6a263 38%, #f3d6aa 68%, #b7723e 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), 0 9px 24px rgba(0, 0, 0, 0.34); } .brand-copy-single strong{ font-size: clamp(1.28rem, 1.55vw, 1.72rem); } .site-header:not(.admin-shell-header) .nav-row{ position: relative; min-height: 76px; } .site-header:not(.admin-shell-header) .public-brand-link{ position: static; transform: none; z-index: 3; gap: 0.68rem; margin-right: auto; white-space: nowrap; flex-shrink: 0; } .site-header:not(.admin-shell-header) .main-nav{ position: relative; z-index: 4; margin-left: auto; } @media (max-width: 991px){.brand-copy-single strong{ font-size: 1.28rem; }} @media (max-width: 520px){.brand-copy-single strong{ font-size: 1.14rem; }} .site-header:not(.admin-shell-header) .public-brand-about-link{ position: relative; text-decoration: none; } .site-header:not(.admin-shell-header) .public-brand-about-link .brand-copy-single{ position: relative; } .site-header:not(.admin-shell-header) .public-brand-about-link .brand-copy-single::after{ content: attr(data-brand-tooltip); position: absolute; top: calc(100% + 0.62rem); left: 50%; z-index: 40; display: inline-flex; align-items: center; justify-content: center; min-height: 2rem; padding: 0.34rem 0.78rem; border-radius: 999px; border: 1px solid rgba(225, 181, 105, 0.46); background: radial-gradient(circle at 25% 0%, rgba(255, 236, 190, 0.20), transparent 36%), linear-gradient(145deg, rgba(82, 62, 29, 0.95), rgba(17, 17, 16, 0.96) 68%); color: #f7d997; font: 800 0.72rem/1 "Inter", sans-serif; letter-spacing: 0.12em; text-transform: uppercase; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 14px 32px rgba(0, 0, 0, 0.38), 0 0 26px rgba(211, 151, 67, 0.18); opacity: 0; pointer-events: none; transform: translate(-50%, -4px) scale(0.98); transition: opacity 160ms ease, transform 160ms ease; } .site-header:not(.admin-shell-header) .public-brand-about-link .brand-copy-single::before{ content: ""; position: absolute; top: calc(100% + 0.38rem); left: 50%; z-index: 41; width: 0.55rem; height: 0.55rem; border-left: 1px solid rgba(225, 181, 105, 0.42); border-top: 1px solid rgba(225, 181, 105, 0.42); background: rgba(82, 62, 29, 0.95); opacity: 0; pointer-events: none; transform: translate(-50%, -4px) rotate(45deg) scale(0.85); transition: opacity 160ms ease, transform 160ms ease; } .site-header:not(.admin-shell-header) .public-brand-about-link:hover .brand-copy-single::after, .site-header:not(.admin-shell-header) .public-brand-about-link:focus-visible .brand-copy-single::after{ opacity: 1; transform: translate(-50%, 0) scale(1); } .site-header:not(.admin-shell-header) .public-brand-about-link:hover .brand-copy-single::before, .site-header:not(.admin-shell-header) .public-brand-about-link:focus-visible .brand-copy-single::before{ opacity: 1; transform: translate(-50%, 0) rotate(45deg) scale(1); } @media (max-width: 620px){.site-header:not(.admin-shell-header) .public-brand-about-link .brand-copy-single::before, .site-header:not(.admin-shell-header) .public-brand-about-link .brand-copy-single::after{ display: none; }} .site-metal-sparks{ position: fixed; inset: 0; z-index: 35; width: 100vw; height: 100vh; pointer-events: none; opacity: 0.86; mix-blend-mode: screen; filter: saturate(1.34) contrast(1.12) drop-shadow(0 0 10px rgba(255, 241, 214, 0.18)) drop-shadow(0 0 8px rgba(218, 161, 73, 0.14)); transform: translateZ(0); } .site-shell-public .site-header, .site-shell-public .site-main{ position: relative; z-index: 1; } @media (prefers-reduced-motion: reduce){.site-metal-sparks{ display: none; }} .site-header:not(.admin-shell-header){ min-height: var(--public-header-height) !important; } .site-header:not(.admin-shell-header) .nav-row{ min-height: var(--public-header-height) !important; gap: clamp(0.65rem, 1.3vw, 1.05rem) !important; padding-block: 0 !important; } .site-header:not(.admin-shell-header) .public-brand-link, .site-header:not(.admin-shell-header) .public-brand-about-link{ gap: 0.58rem !important; min-height: var(--public-header-height) !important; } .site-header:not(.admin-shell-header) .brand-copy-single strong{ font-size: clamp(1.12rem, 1.26vw, 1.42rem) !important; } .site-header:not(.admin-shell-header) .main-nav{ min-width: 0 !important; flex: 1 1 auto; justify-content: flex-end; gap: clamp(0.32rem, 0.6vw, 0.5rem) !important; } @media (min-width: 992px){.site-header:not(.admin-shell-header) .header-menu-list{ flex-wrap: nowrap !important; gap: clamp(0.28rem, 0.48vw, 0.46rem) !important; min-width: 0; } .site-header:not(.admin-shell-header) .header-menu-list > .nav-item{ min-width: 0; flex: 0 0 auto; } .site-header:not(.admin-shell-header) .nav-link, .site-header:not(.admin-shell-header) .nav-link-group > .nav-link{ min-height: 2.24rem !important; padding: 0.34rem clamp(0.58rem, 0.78vw, 0.82rem) !important; gap: 0.32rem !important; font-size: clamp(0.76rem, 0.84vw, 0.88rem) !important; line-height: 1 !important; white-space: nowrap !important; } .site-header:not(.admin-shell-header) .nav-link-emoji{ font-size: 0.78rem !important; }} @media (max-width: 991px){.site-header:not(.admin-shell-header) .nav-row{ flex-wrap: nowrap !important; } .site-header:not(.admin-shell-header) .nav-toggle{ width: 52px !important; height: 52px !important; min-width: 52px !important; border-radius: 18px !important; margin-left: auto !important; } .site-header:not(.admin-shell-header) .brand-copy-single strong{ font-size: clamp(1.08rem, 3.8vw, 1.28rem) !important; }} @media (max-width: 420px){.site-header:not(.admin-shell-header) .nav-toggle{ width: 48px !important; height: 48px !important; min-width: 48px !important; } .site-header:not(.admin-shell-header) .public-brand-link, .site-header:not(.admin-shell-header) .public-brand-about-link{ gap: 0.48rem !important; }} @media (max-width: 991px){.main-nav{ overflow: hidden !important; } .main-nav > :not(.nav-menu-effect-canvas){ position: relative; z-index: 1; }} .page-article-section .article-topic-command-hero-shell .site-width, .page-article-section .article-section-library-section .site-width{ box-sizing: border-box; } @media (min-width: 621px) and (max-width: 991px){.page-article-section .article-topic-command-hero-shell .site-width, .page-article-section .article-section-library-section .site-width{ width: min(calc(100% - 1.4rem), 1180px) !important; max-width: none !important; } .page-about .about-page-section .site-width, .page-article-detail .article-reading-stage .site-width{ width: min(calc(100% - 0.9rem), 100%) !important; max-width: none !important; }} @media (max-width: 620px){.page-article-section .article-topic-command-hero-shell .site-width, .page-article-section .article-section-library-section .site-width, .page-about .about-page-section .site-width, .page-article-detail .article-reading-stage .site-width{ width: min(calc(100% - 0.75rem), 100%) !important; max-width: none !important; }} .site-header, .site-header.admin-shell-header, .site-shell-public .site-header{ min-height: var(--site-header-height) !important; height: var(--site-header-height) !important; max-height: var(--site-header-height) !important; } .site-header .nav-row, .site-shell-public .site-header .nav-row{ min-height: var(--site-header-height) !important; height: var(--site-header-height) !important; max-height: var(--site-header-height) !important; padding-block: 0 !important; align-items: center !important; } .site-header .brand-link, .site-header .public-brand-link, .site-header .public-brand-about-link{ min-height: var(--site-header-height) !important; height: var(--site-header-height) !important; align-items: center !important; gap: 0.62rem !important; } .site-header .brand-copy-single{ display: inline-flex !important; align-items: center !important; line-height: 1 !important; gap: 0 !important; } .site-header .brand-copy-single strong{ font-family: "Newsreader", serif !important; font-size: clamp(1.18rem, 1.42vw, 1.58rem) !important; font-weight: 600 !important; letter-spacing: -0.024em !important; line-height: 1 !important; background:linear-gradient(105deg,#38291f,#eac98f 22%,#1d1510 50%,#b9884d 70%,#f6dfb4 82%,#755331) 0/220% 100%!important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; text-shadow:0 1px 0 rgba(255,255,255,.05),0 9px 24px rgba(0,0,0,.34)!important; animation:sf-wordmark-glint 11s infinite!important; } @media (max-width: 520px){.site-header .brand-copy-single strong{ font-size: clamp(1.04rem, 4.2vw, 1.22rem) !important; }} .site-metal-sparks{ opacity: 0.97 !important; filter: saturate(1.62) contrast(1.16) brightness(1.08) drop-shadow(0 0 13px rgba(255, 244, 222, 0.24)) drop-shadow(0 0 14px rgba(218, 161, 73, 0.20)) drop-shadow(0 0 10px rgba(210, 68, 42, 0.12)) !important; } @media (min-width: 992px){.nav-submenu.nav-submenu-categories{ width: min(32rem, calc(100vw - 2rem)) !important; max-width: min(32rem, calc(100vw - 2rem)) !important; } .nav-submenu.nav-submenu-categories > .nav-submenu-shell.nav-submenu-shell-categories{ width: 100% !important; } .nav-submenu.nav-submenu-categories .submenu-link-list.submenu-link-list-compact{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0.82rem !important; }} @media (min-width: 992px){.nav-submenu.nav-submenu-categories{ width: min(24rem, calc(100vw - 2rem)) !important; max-width: min(24rem, calc(100vw - 2rem)) !important; } .nav-submenu.nav-submenu-categories > .nav-submenu-shell.nav-submenu-shell-categories{ width: 100% !important; } .nav-submenu.nav-submenu-categories .submenu-link-list.submenu-link-list-compact{ grid-template-columns: minmax(0, 1fr) !important; }} .site-skip-link{ position: fixed; top: 0.75rem; left: 0.75rem; z-index: 10000; max-width: calc(100vw - 1.5rem); padding: 0.82rem 1rem; border: 2px solid #f0c982; border-radius: 0.7rem; background: #090d13; color: #fff8e9; font-weight: 800; line-height: 1.2; text-decoration: none; box-shadow: 0 16px 38px rgba(0, 0, 0, 0.52); transform: translateY(calc(-100% - 1rem)); transition: transform 120ms ease-out; } .site-skip-link:focus, .site-skip-link:focus-visible{ transform: translateY(0); outline: 3px solid #fff4cf; outline-offset: 3px; } @media (prefers-reduced-motion: reduce){.site-skip-link{ transition: none !important; }} .site-header .nav-menu-caret{ display: inline-flex; align-items: center; justify-content: center; margin-left: 0.08rem; color: rgba(232, 201, 170, 0.72); font-size: 0.72rem; line-height: 1; transition: transform 160ms ease, color 160ms ease; } .site-header .nav-item.has-children:hover > .nav-link-group .nav-menu-caret, .site-header .nav-item.has-children:focus-within > .nav-link-group .nav-menu-caret, .site-header .nav-item.has-children.is-open > .nav-link-group .nav-menu-caret{ color: #ffe5cc; transform: rotate(180deg); } @media (min-width: 992px){.site-header .nav-item.nav-overlift-suite > .nav-submenu.nav-submenu-categories{ width: min(24rem, calc(100vw - 2rem)) !important; max-width: min(24rem, calc(100vw - 2rem)) !important; }} @media (max-width: 991px){.site-header .nav-item.has-children > .nav-submenu{ display: none; } .site-header .nav-item.has-children.is-open > .nav-submenu{ display: block; } .site-header .nav-item.has-children > .nav-link-group > .nav-link{ justify-content: flex-start; width: 100%; } .site-header .nav-item.has-children > .nav-link-group .nav-menu-caret{ margin-left: auto; }} :root{ --sf-header-height-lock: 72px; --sf-header-badge-lock: 64px; --sf-header-badge-radius-lock: 16px; } .site-header, .site-header.admin-shell-header, .site-shell-public .site-header{ min-height: var(--sf-header-height-lock) !important; height: var(--sf-header-height-lock) !important; max-height: var(--sf-header-height-lock) !important; } .site-header .nav-row, .site-shell-public .site-header .nav-row{ min-height: var(--sf-header-height-lock) !important; height: var(--sf-header-height-lock) !important; max-height: var(--sf-header-height-lock) !important; align-items: center !important; padding-block: 0 !important; } .site-header .brand-link, .site-header .public-brand-link, .site-header .public-brand-about-link{ min-height: var(--sf-header-height-lock) !important; height: var(--sf-header-height-lock) !important; max-height: var(--sf-header-height-lock) !important; align-items: center !important; flex: 0 0 auto !important; } .site-shell .site-header .brand-link > img.brandmark.brandmark-image, .site-header .brand-link > img.brandmark.brandmark-image, .site-header:not(.admin-shell-header) .brand-link > img.brandmark.brandmark-image, .site-header:not(.admin-shell-header) .public-brand-link > img.brandmark.brandmark-image, .site-header:not(.admin-shell-header) .public-brand-about-link > img.brandmark.brandmark-image, .site-header .brandmark.brandmark-image{ display: block !important; width: var(--sf-header-badge-lock) !important; min-width: var(--sf-header-badge-lock) !important; max-width: var(--sf-header-badge-lock) !important; height: var(--sf-header-badge-lock) !important; min-height: var(--sf-header-badge-lock) !important; max-height: var(--sf-header-badge-lock) !important; flex: 0 0 var(--sf-header-badge-lock) !important; aspect-ratio: 1 / 1 !important; object-fit: contain !important; border: 0 !important; border-radius: var(--sf-header-badge-radius-lock) !important; background: transparent !important; box-shadow: none !important; transform: none !important; filter: drop-shadow(0 0 7px rgba(206, 143, 82, 0.22)) drop-shadow(0 10px 22px rgba(0, 0, 0, 0.34)) !important; } @media (max-width: 991px){.site-shell .site-header .brand-link > img.brandmark.brandmark-image, .site-header .brand-link > img.brandmark.brandmark-image, .site-header:not(.admin-shell-header) .brand-link > img.brandmark.brandmark-image, .site-header:not(.admin-shell-header) .public-brand-link > img.brandmark.brandmark-image, .site-header:not(.admin-shell-header) .public-brand-about-link > img.brandmark.brandmark-image, .site-header .brandmark.brandmark-image{ width: var(--sf-header-badge-lock) !important; min-width: var(--sf-header-badge-lock) !important; max-width: var(--sf-header-badge-lock) !important; height: var(--sf-header-badge-lock) !important; min-height: var(--sf-header-badge-lock) !important; max-height: var(--sf-header-badge-lock) !important; flex-basis: var(--sf-header-badge-lock) !important; border-radius: var(--sf-header-badge-radius-lock) !important; }} @media (max-width: 420px){.site-shell .site-header .brand-link > img.brandmark.brandmark-image, .site-header .brand-link > img.brandmark.brandmark-image, .site-header:not(.admin-shell-header) .brand-link > img.brandmark.brandmark-image, .site-header:not(.admin-shell-header) .public-brand-link > img.brandmark.brandmark-image, .site-header:not(.admin-shell-header) .public-brand-about-link > img.brandmark.brandmark-image, .site-header .brandmark.brandmark-image{ width: var(--sf-header-badge-lock) !important; min-width: var(--sf-header-badge-lock) !important; max-width: var(--sf-header-badge-lock) !important; height: var(--sf-header-badge-lock) !important; min-height: var(--sf-header-badge-lock) !important; max-height: var(--sf-header-badge-lock) !important; flex-basis: var(--sf-header-badge-lock) !important; border-radius: var(--sf-header-badge-radius-lock) !important; }} :root{ --sf-admin-nav-gap: clamp(0.42rem, 0.78vw, 0.84rem); --sf-admin-nav-pill-height: clamp(2.35rem, 3.2vw, 2.85rem); --sf-admin-nav-pill-radius: 999px; } .page-home .site-metal-sparks, .page-resume .site-metal-sparks{ display: none !important; } .page-home .landing-hero-graphics{ display: none !important; } .page-home .shimmer-surface::before, .page-home .shimmer-surface::after, .page-about .shimmer-surface::before, .page-about .shimmer-surface::after, .page-resume .shimmer-surface::before, .page-resume .shimmer-surface::after{ animation: none !important; transform: none !important; transition: none !important; will-change: auto !important; } .page-home .home-market-shell, .page-home .home-market-card, .page-home .home-proof-strip, .page-home .home-proof-card, .page-home .portfolio-card, .page-home .home-thesis-shell, .page-home .home-editorial-shell, .page-home .home-editorial-topics-shell, .page-home .article-card, .page-home .home-closing-shell, .page-about .about-hero, .page-about .about-story-card, .page-resume .resume-hero-shell, .page-resume .resume-document-shell{ position: relative; isolation: isolate; overflow: hidden; --brass-ring-width: 1px; --brass-glint-width: 2px; --brass-glint-opacity: 0.82; 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 10px 28px rgba(0, 0, 0, 0.22), 0 0 20px rgba(204, 154, 79, 0.08) !important; } .page-home .home-market-shell, .page-home .home-market-card, .page-home .home-proof-strip, .page-home .home-proof-card, .page-home .portfolio-card, .page-home .home-thesis-shell, .page-home .home-editorial-shell, .page-home .home-editorial-topics-shell, .page-home .article-card, .page-home .home-closing-shell{ --brass-ring-width: 1.25px; --brass-glint-width: 2px; --brass-glint-opacity: 1; } .page-home .home-market-shell > *, .page-home .home-market-card > *, .page-home .home-proof-strip > *, .page-home .home-proof-card > *, .page-home .portfolio-card > *, .page-home .home-thesis-shell > *, .page-home .home-editorial-shell > *, .page-home .home-editorial-topics-shell > *, .page-home .article-card > *, .page-home .home-closing-shell > *, .page-about .about-hero > *, .page-about .about-story-card > *, .page-resume .resume-hero-shell > *, .page-resume .resume-document-shell > *{ position: relative; z-index: 1; } .page-home .home-market-shell::before, .page-home .home-market-card::before, .page-home .home-proof-strip::before, .page-home .home-proof-card::before, .page-home .portfolio-card::before, .page-home .home-thesis-shell::before, .page-home .home-editorial-shell::before, .page-home .home-editorial-topics-shell::before, .page-home .article-card::before, .page-home .home-closing-shell::before, .page-about .about-hero::before, .page-about .about-story-card::before, .page-resume .resume-hero-shell::before, .page-resume .resume-document-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(--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-home .home-market-shell::after, .page-home .home-market-card::after, .page-home .home-proof-strip::after, .page-home .home-proof-card::after, .page-home .portfolio-card::after, .page-home .home-thesis-shell::after, .page-home .home-editorial-shell::after, .page-home .home-editorial-topics-shell::after, .page-home .article-card::after, .page-home .home-closing-shell::after, .page-about .about-hero::after, .page-about .about-story-card::after, .page-resume .resume-hero-shell::after, .page-resume .resume-document-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(--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: var(--brass-glint-opacity, 0.82) !important; } .page-home .site-header::before, .page-home .site-header::after, .page-resume .site-header::before, .page-resume .site-header::after, .page-home .nav-link::before, .page-home .nav-link::after, .page-resume .nav-link::before, .page-resume .nav-link::after, .page-about .nav-link::before, .page-about .nav-link::after, .page-home .lux-button::before, .page-home .lux-button::after, .page-resume .lux-button::before, .page-resume .lux-button::after, .page-about .lux-button::before, .page-about .lux-button::after, .page-resume .resume-meta-button::before, .page-resume .resume-meta-button::after{ display: none !important; } .page-home .portfolio-card{ border-radius: clamp(24px, 2.4vw, 32px) !important; border-color: rgba(222, 178, 108, 0.46) !important; box-shadow: inset 0 1px 0 rgba(255, 248, 232, 0.18), inset 0 -1px 0 rgba(116, 78, 34, 0.30), 0 0 0 1px rgba(83, 56, 24, 0.48), 0 18px 46px rgba(0, 0, 0, 0.30), 0 0 26px rgba(214, 158, 78, 0.12) !important; } .page-home .portfolio-card:hover{ border-color: rgba(246, 213, 159, 0.66) !important; box-shadow: inset 0 1px 0 rgba(255, 251, 241, 0.24), inset 0 -1px 0 rgba(135, 91, 39, 0.34), 0 0 0 1px rgba(111, 76, 31, 0.58), 0 28px 74px rgba(0, 0, 0, 0.38), 0 0 36px rgba(229, 174, 91, 0.18) !important; } .page-home .portfolio-card.shimmer-surface{ --brass-ring-width: 1.6px; --brass-glint-width: 2.4px; --brass-glint-opacity: 1; border: 1px solid rgba(242, 205, 143, 0.50) !important; background: radial-gradient(720px 360px at 22% 0%, rgba(255, 245, 218, 0.055), transparent 58%), linear-gradient(180deg, rgba(13, 18, 24, 0.96), rgba(6, 10, 15, 0.985)) !important; box-shadow: inset 0 1px 0 rgba(255, 250, 238, 0.24), inset 0 -1px 0 rgba(124, 82, 33, 0.34), 0 0 0 1px rgba(86, 57, 22, 0.58), 0 16px 42px rgba(0, 0, 0, 0.34), 0 0 34px rgba(219, 164, 82, 0.16) !important; } .page-home .portfolio-card.shimmer-surface::before{ z-index: 4 !important; padding: var(--brass-ring-width, 1.6px) !important; opacity: 1 !important; background: conic-gradient(from 228deg at 50% 50%, rgba(255, 252, 244, 1) 0deg, rgba(252, 229, 184, 0.98) 20deg, rgba(224, 181, 108, 0.92) 50deg, rgba(124, 83, 36, 0.70) 110deg, rgba(73, 49, 23, 0.62) 170deg, rgba(137, 94, 42, 0.76) 226deg, rgba(225, 180, 102, 0.94) 292deg, rgba(255, 248, 232, 1) 340deg, rgba(255, 252, 244, 1) 360deg) !important; } .page-home .portfolio-card.shimmer-surface::after{ z-index: 5 !important; padding: var(--brass-glint-width, 2.4px) !important; opacity: 1 !important; background: radial-gradient(190px 20px at 13% 0%, rgba(255, 255, 250, 1), rgba(250, 222, 166, 0.72) 34%, transparent 75%), radial-gradient(150px 18px at 48% 0%, rgba(255, 239, 203, 0.72), rgba(217, 160, 72, 0.28) 46%, transparent 82%), radial-gradient(130px 18px at 91% 0%, rgba(255, 244, 219, 0.82), rgba(214, 154, 67, 0.32) 42%, transparent 80%), radial-gradient(28px 172px at 0% 18%, rgba(255, 245, 218, 0.70), rgba(226, 170, 85, 0.26) 50%, transparent 78%), radial-gradient(26px 170px at 100% 82%, rgba(232, 174, 85, 0.46), transparent 75%), radial-gradient(180px 22px at 20% 100%, rgba(255, 230, 181, 0.45), transparent 78%), radial-gradient(180px 22px at 82% 100%, rgba(206, 145, 62, 0.38), transparent 78%) !important; } .page-home .portfolio-card.shimmer-surface:hover{ border-color: rgba(255, 225, 174, 0.70) !important; box-shadow: inset 0 1px 0 rgba(255, 252, 244, 0.30), inset 0 -1px 0 rgba(146, 98, 42, 0.40), 0 0 0 1px rgba(128, 87, 36, 0.66), 0 28px 76px rgba(0, 0, 0, 0.42), 0 0 42px rgba(239, 184, 96, 0.24) !important; } :root{ --sf-02g8-public-header-height: clamp(78px, 5vw, 96px); --sf-02g8-public-brandmark: clamp(52px, 3.7vw, 75px); --sf-02g8-shell-width: 1940px; --sf-02g8-content-width: 1320px; } @media (min-width: 992px){.site-shell-public .site-header:not(.admin-shell-header){ min-height: var(--sf-02g8-public-header-height) !important; height: var(--sf-02g8-public-header-height) !important; max-height: var(--sf-02g8-public-header-height) !important; border-top: 1px solid rgba(246, 221, 178, 0.28) !important; border-bottom: 1px solid rgba(134, 103, 71, 0.20) !important; background: radial-gradient(560px 110px at 8% 15%, rgba(214, 160, 88, 0.055), transparent 72%), linear-gradient(180deg, rgba(8, 11, 14, 0.995), rgba(5, 8, 11, 0.99)) !important; box-shadow: inset 0 1px 0 rgba(255, 246, 226, 0.04), 0 12px 30px rgba(0, 0, 0, 0.24) !important; } .site-shell-public .site-header:not(.admin-shell-header) > .site-width.nav-row{ display: flex !important; flex-flow: row nowrap !important; align-items: center !important; width: min(calc(100% - 2rem), var(--sf-02g8-shell-width)) !important; max-width: var(--sf-02g8-shell-width) !important; min-height: var(--sf-02g8-public-header-height) !important; height: var(--sf-02g8-public-header-height) !important; max-height: var(--sf-02g8-public-header-height) !important; margin-inline: auto !important; padding: 0 !important; gap: clamp(0.42rem, 1vw, 1.4rem) !important; } .site-shell-public .site-header:not(.admin-shell-header) .public-brand-link, .site-shell-public .site-header:not(.admin-shell-header) .public-brand-about-link{ display: inline-flex !important; align-items: center !important; flex: 0 0 clamp(210px, 20vw, 410px) !important; width: clamp(210px, 20vw, 410px) !important; min-width: clamp(210px, 20vw, 410px) !important; max-width: clamp(210px, 20vw, 410px) !important; min-height: var(--sf-02g8-public-header-height) !important; height: var(--sf-02g8-public-header-height) !important; max-height: var(--sf-02g8-public-header-height) !important; margin: 0 !important; gap: clamp(0.72rem, 0.95vw, 1.15rem) !important; white-space: nowrap !important; } .site-shell-public .site-header:not(.admin-shell-header) .public-brand-link > img.brandmark.brandmark-image, .site-shell-public .site-header:not(.admin-shell-header) .public-brand-about-link > img.brandmark.brandmark-image{ display: block !important; width: var(--sf-02g8-public-brandmark) !important; min-width: var(--sf-02g8-public-brandmark) !important; max-width: var(--sf-02g8-public-brandmark) !important; height: var(--sf-02g8-public-brandmark) !important; min-height: var(--sf-02g8-public-brandmark) !important; max-height: var(--sf-02g8-public-brandmark) !important; flex: 0 0 var(--sf-02g8-public-brandmark) !important; border-radius: clamp(17px, 1.25vw, 25px) !important; filter: drop-shadow(0 0 8px rgba(222, 162, 86, 0.28)) drop-shadow(0 12px 25px rgba(0, 0, 0, 0.42)) !important; } .site-shell-public .site-header:not(.admin-shell-header) .brand-copy-single{ display: inline-flex !important; min-width: 0 !important; padding: 0 !important; } .site-shell-public .site-header:not(.admin-shell-header) .brand-copy-single strong{ font-size: clamp(1.42rem, 1.55vw, 2rem) !important; line-height: 1 !important; white-space: nowrap !important; } .site-shell-public .site-header:not(.admin-shell-header) .nav-toggle{ display: none !important; } .site-shell-public .site-header:not(.admin-shell-header) .main-nav{ position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: calc(100% - clamp(175px, 13vw, 245px) - .5rem) !important; margin: 0 0 0 auto !important; padding: 0 !important; overflow: visible !important; } .site-shell-public .site-header:not(.admin-shell-header) .header-menu-list{ display: flex !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: flex-end !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: clamp(.18rem, .30vw, .28rem) !important; list-style: none !important; } .site-shell-public .site-header:not(.admin-shell-header) .header-menu-list > .nav-item{ --sf-public-nav-pill-width: 4.8rem; display: block !important; flex: 0 0 var(--sf-public-nav-pill-width) !important; width: var(--sf-public-nav-pill-width) !important; min-width: 0 !important; max-width: var(--sf-public-nav-pill-width) !important; margin: 0 !important; } .site-shell-public .site-header:not(.admin-shell-header) .nav-item.nav-primary-overlift{--sf-public-nav-pill-width:5.5rem} .site-shell-public .site-header:not(.admin-shell-header) .nav-item.nav-primary-agentic-ai-glossary{--sf-public-nav-pill-width:7.8rem} .site-shell-public .site-header:not(.admin-shell-header) .header-menu-list > .nav-item > .nav-link-group, .site-shell-public .site-header:not(.admin-shell-header) .header-menu-list > .nav-item > .nav-link{ display: flex !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; } .site-shell-public .site-header:not(.admin-shell-header) .nav-link, .site-shell-public .site-header:not(.admin-shell-header) .nav-link-group > .nav-link{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: clamp(2rem, 1.89vw, 2.175rem) !important; height: clamp(2rem, 1.89vw, 2.175rem) !important; padding: 0 clamp(.22rem, .43vw, .55rem) !important; gap: clamp(.16rem, .22vw, .28rem) !important; border: 1px solid rgba(193, 128, 91, 0.38) !important; border-radius: 999px !important; background: radial-gradient(circle at 18% 4%, rgba(255, 236, 206, 0.09), transparent 38%), radial-gradient(circle at 84% 92%, rgba(111, 53, 82, 0.16), transparent 42%), linear-gradient(150deg, rgba(31, 29, 29, 0.97), rgba(12, 13, 15, 0.985) 55%, rgba(25, 18, 22, 0.97)) !important; color: rgba(247, 239, 229, 0.95) !important; font-size: clamp(.56rem, .552vw, .60rem) !important; font-weight: 800 !important; letter-spacing: -0.015em !important; line-height: 1 !important; white-space: nowrap !important; text-align: center !important; text-decoration: none !important; overflow: hidden !important; box-shadow: inset 0 1px 0 rgba(255, 246, 228, 0.09), inset 0 -12px 22px rgba(0, 0, 0, 0.24), 0 10px 24px rgba(0, 0, 0, 0.22) !important; } .site-shell-public .site-header:not(.admin-shell-header) .nav-link:hover, .site-shell-public .site-header:not(.admin-shell-header) .nav-link:focus-visible, .site-shell-public .site-header:not(.admin-shell-header) .nav-item.is-active > .nav-link, .site-shell-public .site-header:not(.admin-shell-header) .nav-item.is-active > .nav-link-group > .nav-link{ color: #fff3dc !important; border-color: rgba(235, 185, 115, 0.66) !important; background: radial-gradient(circle at 18% 4%, rgba(255, 236, 206, 0.16), transparent 42%), radial-gradient(circle at 84% 92%, rgba(166, 55, 135, 0.22), transparent 48%), linear-gradient(150deg, rgba(42, 34, 29, 0.99), rgba(10, 12, 15, 0.99) 52%, rgba(37, 18, 34, 0.98)) !important; box-shadow: inset 0 1px 0 rgba(255, 247, 230, 0.14), inset 0 -12px 24px rgba(0, 0, 0, 0.29), 0 0 0 1px rgba(255, 218, 154, 0.04), 0 13px 30px rgba(0, 0, 0, 0.26), 0 0 20px rgba(210, 146, 75, 0.12) !important; } .site-shell-public .site-header:not(.admin-shell-header) .nav-link-emoji{ flex: 0 0 auto !important; font-size: clamp(.50rem, .468vw, .59rem) !important; line-height: 1 !important; } .site-shell-public .site-header:not(.admin-shell-header) .nav-link-label{ min-width: 0 !important; white-space: nowrap !important; } .site-shell-public .site-header:not(.admin-shell-header) .nav-menu-caret{ flex: 0 0 auto !important; margin-left: 0 !important; font-size: .62em !important; }} .page-home-overlift-deck .home-projects-section > .site-width.home-product-family-container{ margin-top: var(--home-gap, 30px) !important; } .page-home-overlift-deck .home-product-family-shell{ position: relative; z-index: 2; display: grid; gap: clamp(20px, 2.2vw, 32px); width: 100%; min-width: 0; } .page-home-overlift-deck .home-product-family-shell .home-product-family-heading{ margin: 0 !important; padding: 0 4px 20px !important; border-bottom: 1px solid rgba(164, 173, 183, 0.16); } .page-home-overlift-deck .home-product-family-shell .portfolio-card-grid.home-project-grid{ margin: 0 !important; } .page-home-overlift-deck .home-project-card-featured .portfolio-card-art-media{ object-position: top center !important; } @media (max-width: 991px){ .page-home-overlift-deck .home-product-family-shell .home-product-family-heading{ padding-bottom: 16px !important; }} body.scope-public{ margin: 0; --portfolio-wide-rail: 1320px; } @media (min-width: 992px){.site-shell-public .site-header:not(.admin-shell-header) > .site-width.nav-row{ width: min(calc(100% - 1.25rem), var(--sf-02g8-shell-width)) !important; gap: clamp(.32rem, .65vw, .9rem) !important; } .site-shell-public .site-header:not(.admin-shell-header) .public-brand-link, .site-shell-public .site-header:not(.admin-shell-header) .public-brand-about-link{ flex-basis: clamp(175px, 13vw, 245px) !important; width: clamp(175px, 13vw, 245px) !important; min-width: clamp(175px, 13vw, 245px) !important; max-width: clamp(175px, 13vw, 245px) !important; }} @media (min-width: 992px) and (max-width: 1199px){:root{ --sf-02g8-public-header-height: 84px; --sf-02g8-public-brandmark: 48px; } .site-shell-public .site-header:not(.admin-shell-header) .public-brand-link, .site-shell-public .site-header:not(.admin-shell-header) .public-brand-about-link{ flex-basis: 170px !important; width: 170px !important; min-width: 170px !important; max-width: 170px !important; gap: .56rem !important; } .site-shell-public .site-header:not(.admin-shell-header) .brand-copy-single strong{font-size:1.08rem!important} .site-shell-public .site-header:not(.admin-shell-header) .header-menu-list > .nav-item{--sf-public-nav-pill-width:3.9rem} .site-shell-public .site-header:not(.admin-shell-header) .nav-item.nav-primary-overlift{--sf-public-nav-pill-width:4.35rem} .site-shell-public .site-header:not(.admin-shell-header) .nav-item.nav-primary-agentic-ai-glossary{--sf-public-nav-pill-width:6rem} .site-shell-public .site-header:not(.admin-shell-header) .nav-link-emoji{display:none!important} .site-shell-public .site-header:not(.admin-shell-header) .nav-link, .site-shell-public .site-header:not(.admin-shell-header) .nav-link-group > .nav-link{padding-inline:.22rem!important;font-size:.56rem!important;letter-spacing:-.025em!important} .site-shell-public .site-header:not(.admin-shell-header) .nav-menu-caret{font-size:.6em!important}} body.scope-public{ --portfolio-public-rail: 1320px; --portfolio-public-gutter: 2rem; --portfolio-public-gutter-phone: 0.9rem; --portfolio-shell-brass: 222, 179, 108; --portfolio-shell-gold: 250, 220, 166; --portfolio-shell-magenta: 126, 36, 78; --portfolio-shell-onyx: 6, 6, 9; } body.scope-public:not(.page-overlift-demo){ --portfolio-wide-rail: var(--portfolio-public-rail); --sf-02g8-content-width: var(--portfolio-public-rail); --g32b-rail: var(--portfolio-public-rail); } body.scope-public .site-shell-public .site-header:not(.admin-shell-header){ position: sticky !important; top: 0; z-index: 4000; min-height:88px!important; height:88px!important; max-height:88px!important; overflow: visible !important; border: 0 !important; border-bottom: 1px solid rgba(var(--portfolio-shell-brass), 0.31) !important; background: radial-gradient(circle at 17% -130%, rgba(var(--portfolio-shell-brass), 0.22), transparent 58%), radial-gradient(circle at 82% -145%, rgba(var(--portfolio-shell-magenta), 0.28), transparent 56%), linear-gradient(180deg, rgba(11, 9, 13, 0.988), rgba(3, 3, 5, 0.992)) !important; box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.48), inset 0 -1px 0 rgba(255, 245, 220, 0.038) !important; backdrop-filter: blur(22px) saturate(122%); -webkit-backdrop-filter: blur(22px) saturate(122%); } body.scope-public .site-shell-public .site-header:not(.admin-shell-header) > .site-width.nav-row, body.scope-public .site-shell-public .site-header:not(.admin-shell-header) .site-width.nav-row{ box-sizing: border-box !important; min-height:88px!important; height:88px!important; max-height:88px!important; margin-inline: auto !important; gap: clamp(0.72rem, 1.25vw, 1.25rem) !important; overflow: visible !important; } body.scope-public:not(.page-overlift-demo) .site-shell-public .site-header:not(.admin-shell-header) > .site-width.nav-row, body.scope-public:not(.page-overlift-demo) .site-shell-public .site-header:not(.admin-shell-header) .site-width.nav-row{ width: min(calc(100% - var(--portfolio-public-gutter)), var(--portfolio-public-rail)) !important; max-width: var(--portfolio-public-rail) !important; } body.scope-public .site-header .public-brand-link, body.scope-public .site-header .public-brand-about-link, body.scope-public .site-header .brand-link{ color: #e7c382 !important; text-decoration: none !important; } body.scope-public .site-header .brandmark-image, body.scope-public .site-header .brandmark{ filter: drop-shadow(0 0.42rem 0.8rem rgba(0, 0, 0, 0.58)) drop-shadow(0 0 0.65rem rgba(var(--portfolio-shell-brass), 0.09)); } @keyframes sf-wordmark-glint{0%,45%,100%{background-position:0 50%}55%{background-position:100% 50%}} @media (prefers-reduced-motion:reduce){body.scope-public .site-header :is(.brand-copy,.brand-copy-single) strong{animation:none!important}} @media (forced-colors:active){body.scope-public .site-header :is(.brand-copy,.brand-copy-single) strong{background:none!important;-webkit-text-fill-color:currentColor!important}} @media (min-width: 992px){body.scope-public .site-header .public-brand-link, body.scope-public .site-header .public-brand-about-link{ flex: 0 0 clamp(175px, 13vw, 245px) !important; width: clamp(175px, 13vw, 245px) !important; min-width: clamp(175px, 13vw, 245px) !important; max-width: clamp(175px, 13vw, 245px) !important; } body.scope-public .site-header .main-nav{flex:0 0 auto !important;width:auto !important;min-width:0 !important;max-width:calc(100% - clamp(175px,13vw,245px) - .5rem) !important;margin-left:auto !important;}body.scope-public .site-header .header-menu-list{display:flex !important;flex-flow:row nowrap !important;align-items:center !important;justify-content:flex-end !important;width:auto !important;gap:clamp(.18rem,.30vw,.28rem) !important;}body.scope-public .site-header .header-menu-list>.nav-item{--sf-public-nav-pill-width:4.8rem;position:relative !important;flex:0 0 var(--sf-public-nav-pill-width) !important;width:var(--sf-public-nav-pill-width) !important;min-width:0 !important;max-width:var(--sf-public-nav-pill-width) !important;}body.scope-public .site-header .header-menu-list>.nav-item.nav-primary-agentic-ai-glossary{--sf-public-nav-pill-width:7.8rem;}body.scope-public .site-header .header-menu-list>.nav-item.nav-primary-overlift{--sf-public-nav-pill-width:5.5rem;}body.scope-public .site-header .nav-link,body.scope-public .site-header .nav-link-group>.nav-link{box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:100% !important;min-width:0 !important;min-height:clamp(2rem,1.89vw,2.175rem) !important;height:clamp(2rem,1.89vw,2.175rem) !important;padding:0 clamp(.22rem,.43vw,.55rem) !important;gap:clamp(.16rem,.22vw,.28rem) !important;overflow:hidden !important;border:1px solid rgba(var(--portfolio-shell-brass),0.20) !important;border-radius:999px !important;background:radial-gradient(circle at 50% -55%,rgba(255,244,219,0.055),transparent 68%),linear-gradient(180deg,rgba(31,27,31,0.91),rgba(11,10,14,0.95)) !important;color:#e8dfd2 !important;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;font-size:clamp(.56rem,.552vw,.60rem) !important;font-weight:730 !important;line-height:1 !important;text-decoration:none !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.038),0 0.45rem 1.1rem rgba(0,0,0,0.16) !important;transition:border-color 170ms ease,color 170ms ease,background 170ms ease,box-shadow 170ms ease,transform 170ms ease !important;}body.scope-public .site-header .nav-link-label{overflow:visible !important;text-overflow:clip !important;white-space:nowrap !important;}body.scope-public .site-header .nav-link:hover,body.scope-public .site-header .nav-link:focus-visible,body.scope-public .site-header .nav-link-group>.nav-link:hover,body.scope-public .site-header .nav-link-group>.nav-link:focus-visible{border-color:rgba(var(--portfolio-shell-gold),0.54) !important;color:#fff2d6 !important;background:radial-gradient(circle at 50% -42%,rgba(var(--portfolio-shell-brass),0.27),transparent 72%),linear-gradient(180deg,rgba(46,36,38,0.97),rgba(16,12,18,0.99)) !important;box-shadow:0 0.5rem 1.25rem rgba(0,0,0,0.32),0 0 1.25rem rgba(var(--portfolio-shell-brass),0.07),inset 0 1px 0 rgba(255,255,255,0.075) !important;transform:translateY(-1px) !important;}body.scope-public .site-header .nav-item.is-active>.nav-link,body.scope-public .site-header .nav-item.is-active>.nav-link-group>.nav-link{border-color:rgba(var(--portfolio-shell-gold),0.58) !important;color:#fff2d6 !important;background:radial-gradient(circle at 50% -52%,rgba(var(--portfolio-shell-brass),0.23),transparent 68%),linear-gradient(145deg,rgba(var(--portfolio-shell-magenta),0.80),rgba(24,14,24,0.98)) !important;box-shadow:0 0.55rem 1.4rem rgba(0,0,0,0.38),0 0 1.15rem rgba(var(--portfolio-shell-magenta),0.12),inset 0 1px 0 rgba(255,255,255,0.085) !important;}body.scope-public .site-header .nav-submenu{position:absolute !important;top:calc(100% + 0.65rem) !important;left:50% !important;z-index:4300 !important;display:block !important;width:min(22rem,calc(100vw - 2rem)) !important;margin:0 !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translate(-50%,-0.45rem) scale(0.985) !important;transform-origin:top center !important;transition:opacity 150ms ease,transform 150ms ease,visibility 150ms ease !important;}body.scope-public .site-header .nav-item:hover>.nav-submenu,body.scope-public .site-header .nav-item:focus-within>.nav-submenu,body.scope-public .site-header .nav-item.is-open>.nav-submenu{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translate(-50%,0) scale(1) !important;}body.scope-public .site-header .nav-submenu-shell,body.scope-public .site-header .nav-submenu-shell-categories{overflow:hidden !important;border:1px solid rgba(var(--portfolio-shell-gold),0.46) !important;border-radius:1rem !important;background:radial-gradient(circle at 86% -12%,rgba(var(--portfolio-shell-magenta),0.24),transparent 50%),linear-gradient(155deg,rgba(20,17,23,0.997),rgba(5,5,8,0.999)) !important;box-shadow:0 1.6rem 4.5rem rgba(0,0,0,0.67),inset 0 1px 0 rgba(255,255,255,0.058) !important;}body.scope-public .site-header .submenu-link,body.scope-public .site-header .submenu-link-compact{border-color:rgba(229,205,165,0.08) !important;background:rgba(13,12,18,0.93) !important;color:#e8dfd2 !important;}body.scope-public .site-header .submenu-link:hover,body.scope-public .site-header .submenu-link:focus-visible,body.scope-public .site-header .submenu-link-compact:hover,body.scope-public .site-header .submenu-link-compact:focus-visible{border-color:rgba(var(--portfolio-shell-gold),0.43) !important;background:rgba(var(--portfolio-shell-magenta),0.72) !important;color:#fff1d5 !important;}}@media (min-width:992px) and (max-width:1199px){body.scope-public .site-header .public-brand-link,body.scope-public .site-header .public-brand-about-link{flex-basis:164px !important;width:164px !important;min-width:164px !important;max-width:164px !important;}body.scope-public .site-header .brand-copy strong,body.scope-public .site-header .brand-copy-single strong{font-size:1rem !important;}body.scope-public .site-header .header-menu-list>.nav-item{--sf-public-nav-pill-width:3.9rem;}body.scope-public .site-header .header-menu-list>.nav-item.nav-primary-overlift{--sf-public-nav-pill-width:4.35rem;}body.scope-public .site-header .header-menu-list>.nav-item.nav-primary-agentic-ai-glossary{--sf-public-nav-pill-width:6rem;}body.scope-public .site-header .nav-link-emoji{display:none !important;}body.scope-public .site-header .nav-link,body.scope-public .site-header .nav-link-group>.nav-link{padding-inline:.22rem !important;font-size:.56rem !important;}} @media (max-width: 991px){body.scope-public .site-shell-public .site-header:not(.admin-shell-header), body.scope-public .site-shell-public .site-header:not(.admin-shell-header) > .site-width.nav-row{ min-height: 4.6rem !important; height: 4.6rem !important; max-height: 4.6rem !important; } body.scope-public .site-shell-public .site-header:not(.admin-shell-header) > .site-width.nav-row, body.scope-public .site-shell-public .site-header:not(.admin-shell-header) .site-width.nav-row{ display: flex !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: space-between !important; width: min(calc(100% - var(--portfolio-public-gutter-phone)), var(--portfolio-public-rail)) !important; overflow: visible !important; } body.scope-public .site-header .public-brand-link, body.scope-public .site-header .public-brand-about-link{ display: inline-flex !important; flex-flow: row nowrap !important; align-items: center !important; gap: 0.55rem !important; min-width: 0 !important; min-height: 4.6rem !important; } body.scope-public .site-header .brandmark-image{ width: 2.7rem !important; height: 2.7rem !important; flex: 0 0 2.7rem !important; } body.scope-public .site-header .brand-copy-single{ display: block !important; min-width: 0 !important; } body.scope-public .site-header .brand-copy-single strong{ font-size: 1.05rem !important; white-space: nowrap !important; } body.scope-public .site-header .nav-toggle{ position: relative !important; z-index: 4400 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 0.3rem !important; flex: 0 0 3rem !important; width: 3rem !important; min-width: 3rem !important; height: 3rem !important; min-height: 3rem !important; margin: 0 0 0 auto !important; padding: 0 !important; border: 1px solid rgba(var(--portfolio-shell-gold), 0.39) !important; border-radius: 0.9rem !important; background: linear-gradient(145deg, rgba(44, 31, 29, 0.97), rgba(11, 9, 13, 0.99)) !important; box-shadow: 0 0.6rem 1.5rem rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.065) !important; } body.scope-public .site-header .nav-toggle span{ display: block !important; width: 1.15rem !important; height: 2px !important; min-height: 2px !important; border-radius: 999px !important; background: #e3c184 !important; box-shadow: 0 0 0.45rem rgba(227, 193, 132, 0.29) !important; } body.scope-public .site-header .main-nav{ position: absolute !important; top: calc(100% + 0.55rem) !important; left: 50% !important; right: auto !important; z-index: 4350 !important; display: none !important; width: min(26rem, calc(100vw - 1rem)) !important; max-height: calc(100vh - 6rem) !important; overflow: auto !important; padding: 0.85rem !important; border: 1px solid rgba(var(--portfolio-shell-gold), 0.41) !important; border-radius: 1.25rem !important; background: linear-gradient(155deg, rgba(20, 17, 23, 0.997), rgba(5, 5, 8, 0.999)) !important; box-shadow: 0 1.6rem 4.5rem rgba(0, 0, 0, 0.73), inset 0 1px 0 rgba(255, 255, 255, 0.058) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate(-50%, -0.4rem) !important; } body.scope-public .site-header .main-nav.is-open{ display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate(-50%, 0) !important; } body.scope-public .site-header .header-menu-list{ display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0.55rem !important; width: 100% !important; } body.scope-public .site-header .header-menu-list > .nav-item, body.scope-public .site-header .nav-link, body.scope-public .site-header .nav-link-group, body.scope-public .site-header .nav-link-group > .nav-link{ width: 100% !important; } body.scope-public .site-header .nav-link, body.scope-public .site-header .nav-link-group > .nav-link{ min-height: 3.25rem !important; justify-content: flex-start !important; border: 1px solid rgba(var(--portfolio-shell-gold), 0.17) !important; border-radius: 0.85rem !important; background: rgba(14, 12, 18, 0.89) !important; color: #e7ddd0 !important; } body.scope-public .site-header .nav-item.has-children > .nav-submenu{ position: static !important; display: none !important; width: 100% !important; margin-top: 0.45rem !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; } body.scope-public .site-header .nav-item.has-children.is-open > .nav-submenu{ display: block !important; }} body.scope-public:not(.page-overlift-demo) .site-shell-public .site-main .site-width, body.scope-public:not(.page-overlift-demo) .site-shell-public .site-footer > .site-width.footer-shell, body.scope-public:not(.page-overlift-demo) .agentic-glossary-page{ box-sizing: border-box !important; width: min(calc(100% - var(--portfolio-public-gutter)), var(--portfolio-public-rail)) !important; max-width: var(--portfolio-public-rail) !important; margin-inline: auto !important; } body.scope-public:not(.page-overlift-demo) :is( .home-recruiter-width, .about-page-section > .site-width, .contact-experience.site-width, .resume-document-stage > .site-width, .resume-redesign-hero > .site-width, .knowledge-index-hero > .site-width, .knowledge-pillar-section > .site-width, .knowledge-index-closing > .site-width, .knowledge-detail-hero > .site-width, .knowledge-modules-section > .site-width, .knowledge-related-section > .site-width, .article-reading-stage > .site-width, .project-detail-hero > .site-width, .project-deep-dive-section > .site-width, .project-media-gallery-section > .site-width, .project-case-study-shell, .overlift-method-shell, .prose-page, .status-page-shell ){ width: min(calc(100% - var(--portfolio-public-gutter)), var(--portfolio-public-rail)) !important; max-width: var(--portfolio-public-rail) !important; margin-inline: auto !important; } body.scope-public:not(.page-overlift-demo) .site-shell-public .site-footer{ margin: 0 !important; padding: 0 0 1.7rem !important; border: 0 !important; background: transparent !important; } body.scope-public:not(.page-overlift-demo) .site-shell-public .site-footer > .site-width.footer-shell{ position: relative !important; isolation: isolate !important; display: grid !important; grid-template-columns: minmax(0, 1.18fr) minmax(19rem, 0.82fr) !important; grid-auto-rows: max-content !important; align-content: start !important; align-items: start !important; min-height: 0 !important; height: auto !important; gap: 0.9rem clamp(1.4rem, 3vw, 2.5rem) !important; padding: clamp(1.05rem, 2vw, 1.45rem) clamp(1.1rem, 2.4vw, 1.7rem) !important; overflow: visible !important; contain: layout !important; border: 1px solid rgba(var(--portfolio-shell-brass), 0.42) !important; border-radius: 1.25rem !important; background: radial-gradient(circle at 92% -25%, rgba(var(--portfolio-shell-magenta), 0.16), transparent 50%), radial-gradient(circle at 7% 120%, rgba(var(--portfolio-shell-brass), 0.09), transparent 46%), linear-gradient(145deg, rgba(15, 13, 18, 0.99), rgba(5, 5, 8, 0.998)) !important; box-shadow: 0 1.3rem 3.6rem rgba(0, 0, 0, 0.43), 0 0 0 1px rgba(255, 247, 225, 0.026) inset, inset 0 1px 0 rgba(255, 255, 255, 0.048) !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-shell::before{ position: absolute !important; inset: 1px !important; z-index: 0 !important; pointer-events: none !important; content: "" !important; border-radius: inherit !important; background: linear-gradient(112deg, rgba(255, 248, 228, 0.06), transparent 24%) top left / 44% 1px no-repeat, linear-gradient(292deg, rgba(var(--portfolio-shell-magenta), 0.08), transparent 38%) bottom right / 34% 1px no-repeat !important; opacity: 0.86 !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-shell::after{ display: none !important; content: none !important; } body.scope-public:not(.page-overlift-demo) .site-footer :is(.footer-brand-block, .footer-menu-block, .footer-meta-row){ position: relative !important; z-index: 2 !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-brand-block{ display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: center !important; gap: 0.9rem !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; text-decoration: none !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-brand-mark-image{ width: clamp(3rem, 4vw, 3.8rem) !important; height: auto !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-brand-copy-shell{ display: grid !important; gap: 0.25rem !important; min-width: 0 !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-name{ position: static !important; display: block !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: #ce8750 !important; background: none !important; font-family: "Newsreader", Georgia, serif !important; font-size: clamp(1.2rem, 1.45vw, 1.55rem) !important; font-weight: 650 !important; letter-spacing: 0.015em !important; line-height: 1.08 !important; text-align: left !important; text-shadow: 0 1px 0 rgba(255, 239, 207, 0.12), 0 0 1.1rem rgba(187, 105, 52, 0.15) !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-name::before, body.scope-public:not(.page-overlift-demo) .site-footer .footer-name::after{ display: none !important; content: none !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-copy{ max-width: 58rem !important; margin: 0 !important; color: #d3c7ba !important; font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 0.91rem !important; line-height: 1.52 !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-stack-copy, body.scope-public:not(.page-overlift-demo) .site-footer .footer-meta-copy{ margin: 0.2rem 0 0 !important; color: #a99d91 !important; font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 0.78rem !important; line-height: 1.45 !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-menu-block{ align-self: center !important; width: 100% !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-menu-list{ display: flex !important; flex-flow: row wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0.48rem 0.82rem !important; margin: 0 !important; padding: 0 !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link, body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link-plain{ position: relative !important; display: inline-flex !important; align-items: center !important; min-height: 2rem !important; padding: 0.22rem 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; color: #bfb2a4 !important; font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 0.84rem !important; font-weight: 680 !important; letter-spacing: 0.01em !important; text-decoration: none !important; box-shadow: none !important; transition: color 180ms ease, opacity 180ms ease !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link::before, body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link-plain::before{ display: none !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link::after, body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link-plain::after{ position: absolute !important; left: 0 !important; right: auto !important; bottom: 0 !important; width: 100% !important; height: 1px !important; content: "" !important; background: linear-gradient(90deg, rgba(var(--portfolio-shell-gold), 0.72), rgba(var(--portfolio-shell-magenta), 0.22), transparent) !important; opacity: 0 !important; transform: scaleX(0) !important; transform-origin: left !important; transition: transform 180ms ease, opacity 180ms ease !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link:hover, body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link:focus-visible, body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link-plain:hover, body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link-plain:focus-visible, body.scope-public:not(.page-overlift-demo) .site-footer .footer-menu-list .nav-item.is-active > .footer-nav-link-plain{ color: #fff0d1 !important; background: none !important; transform: none !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link:hover::after, body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link:focus-visible::after, body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link-plain:hover::after, body.scope-public:not(.page-overlift-demo) .site-footer .footer-nav-link-plain:focus-visible::after, body.scope-public:not(.page-overlift-demo) .site-footer .footer-menu-list .nav-item.is-active > .footer-nav-link-plain::after{ opacity: 1 !important; transform: scaleX(1) !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-meta-row{ grid-column: 1 / -1 !important; display: flex !important; flex-flow: row wrap !important; align-items: center !important; justify-content: space-between !important; gap: 0.65rem 1.1rem !important; padding-top: 0.72rem !important; border-top: 1px solid rgba(var(--portfolio-shell-gold), 0.14) !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-cta-link{ flex: 0 0 auto !important; min-height: 2.45rem !important; padding: 0.52rem 1rem !important; border-color: rgba(var(--portfolio-shell-gold), 0.56) !important; background: linear-gradient(145deg, rgba(105, 66, 28, 0.91), rgba(43, 25, 20, 0.99)) !important; color: #fff1d3 !important; } html.scope-public-document, html:has(body.scope-public), body.scope-public, body.scope-public * { color-scheme: dark; scrollbar-width: thin; scrollbar-color: rgba(188, 122, 69, 0.92) rgba(5, 7, 10, 0.96); } html.scope-public-document::-webkit-scrollbar, html:has(body.scope-public)::-webkit-scrollbar, body.scope-public::-webkit-scrollbar, body.scope-public *::-webkit-scrollbar { width: 12px; height: 12px; } html.scope-public-document::-webkit-scrollbar-track, html:has(body.scope-public)::-webkit-scrollbar-track, body.scope-public::-webkit-scrollbar-track, body.scope-public *::-webkit-scrollbar-track { border: 1px solid rgba(135, 87, 46, 0.26); background: linear-gradient(180deg, rgba(20, 15, 17, 0.98), rgba(5, 7, 10, 0.99)), #07080b; box-shadow: inset 0 0 0 1px rgba(255, 240, 213, 0.025), inset 0 0 0.75rem rgba(0, 0, 0, 0.72); } html.scope-public-document::-webkit-scrollbar-thumb, html:has(body.scope-public)::-webkit-scrollbar-thumb, body.scope-public::-webkit-scrollbar-thumb, body.scope-public *::-webkit-scrollbar-thumb { min-width: 42px; min-height: 42px; border: 2px solid rgba(5, 7, 10, 0.96); border-radius: 999px; background: linear-gradient(90deg, rgba(116, 69, 38, 0.96), rgba(213, 151, 82, 0.98) 46%, rgba(143, 57, 123, 0.9) 76%, rgba(73, 42, 36, 0.98)); box-shadow: inset 0 1px 0 rgba(255, 238, 201, 0.4), inset 0 -1px 0 rgba(48, 20, 18, 0.68), 0 0 0.65rem rgba(190, 112, 58, 0.2), 0 0 0.8rem rgba(151, 52, 132, 0.12); } html.scope-public-document::-webkit-scrollbar-thumb:hover, html:has(body.scope-public)::-webkit-scrollbar-thumb:hover, body.scope-public::-webkit-scrollbar-thumb:hover, body.scope-public *::-webkit-scrollbar-thumb:hover { background: linear-gradient(90deg, rgba(134, 79, 42, 1), rgba(238, 181, 105, 1) 44%, rgba(177, 70, 151, 0.98) 76%, rgba(88, 48, 40, 1)); box-shadow: inset 0 1px 0 rgba(255, 247, 220, 0.55), 0 0 0.9rem rgba(220, 143, 76, 0.3), 0 0 1rem rgba(181, 57, 159, 0.18); } html.scope-public-document::-webkit-scrollbar-thumb:active, html:has(body.scope-public)::-webkit-scrollbar-thumb:active, body.scope-public::-webkit-scrollbar-thumb:active, body.scope-public *::-webkit-scrollbar-thumb:active { background: linear-gradient(90deg, rgba(101, 58, 32, 1), rgba(243, 189, 112, 1) 42%, rgba(196, 73, 169, 1) 74%, rgba(66, 34, 36, 1)); box-shadow: inset 0 1px 0 rgba(255, 250, 229, 0.62), 0 0 1rem rgba(226, 150, 79, 0.34), 0 0 1.15rem rgba(196, 68, 173, 0.22); } html.scope-public-document::-webkit-scrollbar-corner, html:has(body.scope-public)::-webkit-scrollbar-corner, body.scope-public::-webkit-scrollbar-corner, body.scope-public *::-webkit-scrollbar-corner { background: #07080b; } html.scope-public-document::-webkit-scrollbar-button, html:has(body.scope-public)::-webkit-scrollbar-button, body.scope-public::-webkit-scrollbar-button, body.scope-public *::-webkit-scrollbar-button { display: none; width: 0; height: 0; } body.scope-public:not(.page-overlift-demo) .site-main .shimmer-surface, body.scope-public:not(.page-overlift-demo) .site-main :where( [class*="-card"], [class*="-panel"], [class*="-shell"], [class*="-surface"], [class*="-band"], [class*="-tile"], .home-recruiter-surface, .home-recruiter-profile-card, .home-recruiter-proof-strip, .home-recruiter-project-card, .home-recruiter-research-note, .about-hero, .about-story-card, .about-mini-card, .about-progress-card, .about-overlift-logistics-feature, .about-overlift-logistics-counterfactual, .about-overlift-journey, .about-site-card, .about-final-cta, .contact-experience-shell, .contact-pitch, .contact-form-surface, .contact-value-item, .resume-document-shell, .resume-hero-shell, .prose-page, .status-page-shell, .knowledge-index-shell, .knowledge-pillar-card, .home-closing-shell, .knowledge-detail-shell, .knowledge-module-card, .knowledge-related-card, .overlift-portfolio-bridge, .article-body, .article-closing-cta, .project-detail-intro-shell, .project-deep-card, .project-media-gallery-card, .project-case-study-shell, .overlift-guided-band, .overlift-method-panel, .agentic-glossary-shell, .agentic-glossary-sources, .agentic-glossary-mode-panel, .agentic-learning-heading, .agentic-learning-workspace, .agentic-glossary-detail ), body.scope-public:not(.page-overlift-demo) [data-public-glint-surface], body.scope-public:not(.page-overlift-demo) .site-footer .footer-shell{ border-color: rgba(var(--portfolio-shell-brass), 0.38) !important; box-shadow: 0 1.35rem 4rem rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(255, 247, 225, 0.024) inset, inset 0 1px 0 rgba(255, 255, 255, 0.052), inset 0 -1px 0 rgba(99, 62, 29, 0.19) !important; } body.scope-public:not(.page-overlift-demo) [data-public-glint-surface]{ position: relative; isolation: isolate; } body.scope-public:not(.page-overlift-demo) [data-public-glint-surface]:not(.footer-shell)::after{ position: absolute; inset: 0; z-index: 1; pointer-events: none; content: ""; border: 1px solid rgba(var(--portfolio-shell-gold), 0.12); border-radius: inherit; background: linear-gradient(110deg, rgba(255, 248, 228, 0.055), transparent 22%) top left / 42% 1px no-repeat, linear-gradient(290deg, rgba(var(--portfolio-shell-brass), 0.07), transparent 38%) bottom right / 38% 1px no-repeat; opacity: 0.78; } .public-portfolio-glint-canvas:not(.public-portfolio-glint-surface-canvas){ position: fixed; inset: 0; z-index: 3500; display: block; width: 100vw; height: 100vh; pointer-events: none; opacity: 0.96; mix-blend-mode: normal; transform: translate3d(0, 0, 0); contain: strict; backface-visibility: hidden; will-change: transform; } .public-portfolio-glint-surface-canvas{ position: absolute; inset: calc(var(--portfolio-glint-canvas-pad, 14px) * -1); z-index: 3; display: block; width: calc(100% + (var(--portfolio-glint-canvas-pad, 14px) * 2)); height: calc(100% + (var(--portfolio-glint-canvas-pad, 14px) * 2)); max-width: none; max-height: none; pointer-events: none; opacity: 0.96; border-radius: inherit; mix-blend-mode: normal; contain: strict; transform: translateZ(0); backface-visibility: hidden; will-change: transform; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-shell > .public-portfolio-glint-surface-canvas { overflow: visible; border-radius: calc(1.25rem + var(--portfolio-glint-canvas-pad, 14px)); } body[data-portfolio-glint-renderer="static"] [data-public-glint-surface]{ box-shadow: 0 1.35rem 4rem rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(var(--portfolio-shell-gold), 0.08), 0 0 1.2rem rgba(var(--portfolio-shell-brass), 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.052) !important; } @media (max-width: 760px){body.scope-public:not(.page-overlift-demo) .site-shell-public .site-main .site-width, body.scope-public:not(.page-overlift-demo) .site-shell-public .site-footer > .site-width.footer-shell, body.scope-public:not(.page-overlift-demo) .agentic-glossary-page, body.scope-public:not(.page-overlift-demo) :is( .home-recruiter-width, .contact-experience.site-width, .project-case-study-shell, .overlift-method-shell, .prose-page, .status-page-shell ){ width: min(calc(100% - var(--portfolio-public-gutter-phone)), var(--portfolio-public-rail)) !important; } body.scope-public:not(.page-overlift-demo) .site-shell-public .site-footer > .site-width.footer-shell{ grid-template-columns: 1fr !important; gap: 0.8rem !important; padding: 0.95rem !important; border-radius: 1rem !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-brand-block{ align-items: start !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-menu-list{ gap: 0.35rem 0.72rem !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-meta-row{ align-items: stretch !important; flex-direction: column !important; } body.scope-public:not(.page-overlift-demo) .site-footer .footer-cta-link{ width: 100% !important; justify-content: center !important; }} @media (prefers-reduced-motion: reduce){.public-portfolio-glint-canvas{ display: none !important; }} @media print, (forced-colors: active){.public-portfolio-glint-canvas{ display: none !important; } body.scope-public:not(.page-overlift-demo) [data-public-glint-surface]:not(.footer-shell)::after{ display: none !important; }} :root { --portfolio-public-container-gap: 30px; } body.scope-public:not(.page-overlift-demo) .site-main > section.section-block-public, body.scope-public:not(.page-overlift-demo) .site-main > section.project-detail-hero, body.scope-public:not(.page-overlift-demo) .site-main > section.project-media-gallery-section { padding-block: 0 !important; } body.scope-public:not(.page-overlift-demo) .site-main > section + section { margin-block-start: var(--portfolio-public-container-gap) !important; } body.scope-public:not(.page-overlift-demo) .site-main > .product-story-standard + section, body.scope-public:not(.page-overlift-demo) .site-main > section + .product-story-standard { margin-block-start: var(--portfolio-public-container-gap) !important; } body.scope-public:not(.page-overlift-demo) .site-shell-public .site-footer { margin-top: var(--portfolio-public-container-gap) !important; margin-block-start: var(--portfolio-public-container-gap) !important; }