/*!sf-css-bundle:AssetBundleManifest*/ /*!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/pages/agentic-ai-engineering/route.css*/ .page-agentic-ai-engineering { --agentic-brass: #d8ad6d; --agentic-brass-soft: #b98545; --agentic-ivory: #f4eee5; --agentic-muted: #b8b0a8; --agentic-panel: rgba(13, 18, 24, .88); --agentic-panel-deep: rgba(7, 11, 17, .94); --agentic-magenta: #a64b86; background: radial-gradient(circle at 8% 9%, rgba(53, 93, 96, .14), transparent 30rem), radial-gradient(circle at 88% 22%, rgba(127, 42, 91, .10), transparent 34rem), linear-gradient(180deg, #0b1116 0%, #080d13 44%, #070b11 100%); } .page-agentic-ai-engineering .public-main { overflow: clip; } .agentic-engineering-page { position: relative; isolation: isolate; color: var(--agentic-ivory); } .agentic-engineering-page::before { position: fixed; inset: 0; z-index: -2; content: ""; pointer-events: none; opacity: .24; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 82%); } .agentic-engineering-width { width: min(1480px, calc(100% - 56px)); margin-inline: auto; } .agentic-engineering-section { position: relative; padding: clamp(54px, 6vw, 100px) 0; } .agentic-engineering-section + .agentic-engineering-section { border-top: 1px solid rgba(216, 173, 109, .12); } .agentic-engineering-hero { padding-top: clamp(58px, 7vw, 118px); padding-bottom: clamp(58px, 6vw, 92px); } .agentic-engineering-hero-shell, .agentic-engineering-method-shell { position: relative; overflow: hidden; border: 1px solid rgba(216, 173, 109, .52); border-radius: 32px; background: linear-gradient(135deg, rgba(29, 36, 43, .96), rgba(8, 12, 18, .96) 58%), var(--agentic-panel); box-shadow: 0 34px 86px rgba(0, 0, 0, .43), inset 0 1px 0 rgba(255, 244, 224, .05); } .agentic-engineering-hero-shell::after, .agentic-engineering-method-shell::after { position: absolute; inset: auto -14% -70% 42%; width: 62%; aspect-ratio: 1; content: ""; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(145, 57, 116, .16), transparent 66%); } .agentic-engineering-hero-shell { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(360px, .65fr); gap: clamp(34px, 5vw, 76px); min-height: min(780px, calc(100vh - 110px)); padding: clamp(34px, 5.2vw, 82px); align-items: center; } .agentic-engineering-hero-copy, .agentic-engineering-contract { position: relative; z-index: 1; } .agentic-engineering-page .eyebrow { color: var(--agentic-brass); letter-spacing: .19em; } .agentic-engineering-hero h1 { max-width: 13.7ch; margin: 18px 0 22px; color: var(--agentic-ivory); font-family: var(--font-display, Georgia, serif); font-size: clamp(3.15rem, 6.15vw, 6.9rem); font-weight: 500; line-height: .94; letter-spacing: -.055em; text-wrap: balance; } .agentic-engineering-lead { max-width: 820px; margin: 0; color: #ddd5ca; font-size: clamp(1.16rem, 1.55vw, 1.48rem); line-height: 1.62; } .agentic-engineering-body { max-width: 780px; margin: 20px 0 0; color: var(--agentic-muted); font-size: 1.04rem; line-height: 1.75; } .agentic-engineering-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 30px; } .agentic-engineering-text-link { display: inline-flex; gap: .45rem; align-items: center; min-height: 44px; padding: 0 8px; color: #e5c48f; font-weight: 700; text-decoration: none; } .agentic-engineering-text-link:hover, .agentic-engineering-text-link:focus-visible { color: #fff1d8; } .agentic-engineering-contract { padding: clamp(26px, 3vw, 40px); border: 1px solid rgba(216, 173, 109, .28); border-radius: 24px; background: linear-gradient(150deg, rgba(28, 25, 30, .92), rgba(8, 13, 19, .95)), var(--agentic-panel-deep); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); } .agentic-engineering-contract-kicker { display: block; color: var(--agentic-brass); font-size: .73rem; font-weight: 800; letter-spacing: .18em; } .agentic-engineering-contract > strong { display: block; margin: 13px 0 24px; color: #f0e7dc; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.65rem, 2.2vw, 2.35rem); font-weight: 500; line-height: 1.08; } .agentic-engineering-contract ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .agentic-engineering-contract li { display: grid; grid-template-columns: 38px 1fr; gap: 14px; padding: 17px 0; border-top: 1px solid rgba(216, 173, 109, .14); } .agentic-engineering-contract li i { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(216, 173, 109, .38); border-radius: 50%; color: var(--agentic-brass); font-size: .68rem; font-style: normal; font-weight: 800; } .agentic-engineering-contract li span { color: #bdb5ad; font-size: .96rem; line-height: 1.57; } .agentic-engineering-contract li b { color: #eee5dc; } .agentic-engineering-contract > a { display: inline-flex; gap: .45rem; margin-top: 20px; color: #e8bd7b; font-weight: 700; text-decoration: none; } .agentic-engineering-section-heading { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, .56fr); gap: clamp(28px, 6vw, 96px); align-items: end; margin-bottom: clamp(28px, 4vw, 52px); } .agentic-engineering-section-heading h2 { max-width: 17ch; margin: 12px 0 0; color: var(--agentic-ivory); font-family: var(--font-display, Georgia, serif); font-size: clamp(2.45rem, 4.6vw, 5.05rem); font-weight: 500; line-height: .98; letter-spacing: -.045em; text-wrap: balance; } .agentic-engineering-section-heading > p { margin: 0; color: var(--agentic-muted); font-size: 1.03rem; line-height: 1.72; } .agentic-engineering-capability-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .agentic-engineering-capability-grid li { min-height: 250px; padding: 26px; border: 1px solid rgba(216, 173, 109, .19); border-radius: 20px; background: linear-gradient(145deg, rgba(25, 31, 38, .72), rgba(8, 12, 18, .88)); transition: transform .22s ease, border-color .22s ease, background .22s ease; } .agentic-engineering-capability-grid li:hover { transform: translateY(-3px); border-color: rgba(216, 173, 109, .45); background: linear-gradient(145deg, rgba(31, 37, 44, .78), rgba(10, 13, 20, .92)); } .agentic-engineering-capability-grid li > span { color: var(--agentic-brass); font-size: .72rem; font-weight: 800; letter-spacing: .18em; } .agentic-engineering-capability-grid h3 { margin: 46px 0 12px; color: #efe6dc; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.35rem, 1.8vw, 1.8rem); font-weight: 500; line-height: 1.05; } .agentic-engineering-capability-grid p { margin: 0; color: #aaa39c; line-height: 1.62; } .agentic-engineering-atlas { background: radial-gradient(circle at 10% 18%, rgba(69, 111, 111, .10), transparent 24rem), radial-gradient(circle at 92% 66%, rgba(132, 48, 100, .08), transparent 28rem); } .agentic-engineering-atlas-heading h2 { max-width: 18ch; } .agentic-engineering-family-grid { display: grid; gap: 20px; } .agentic-engineering-family { padding: clamp(24px, 3.4vw, 46px); border: 1px solid rgba(216, 173, 109, .21); border-radius: 26px; background: linear-gradient(155deg, rgba(18, 24, 31, .84), rgba(7, 11, 17, .92)); box-shadow: inset 0 1px 0 rgba(255,255,255,.028); } .agentic-engineering-family > header { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 20px; align-items: start; margin-bottom: 28px; } .agentic-engineering-family > header > span { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(216, 173, 109, .42); border-radius: 50%; color: var(--agentic-brass); font-size: .74rem; font-weight: 800; } .agentic-engineering-family > header p { margin: 1px 0 7px; color: var(--agentic-brass); font-size: .72rem; font-weight: 800; letter-spacing: .16em; } .agentic-engineering-family > header h3 { max-width: 32ch; margin: 0; color: #eee5dc; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.7rem, 2.8vw, 3rem); font-weight: 500; line-height: 1.06; letter-spacing: -.025em; } .agentic-engineering-system-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .agentic-engineering-family-wide .agentic-engineering-system-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .agentic-engineering-family-compact .agentic-engineering-system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agentic-engineering-system-card { display: flex; min-height: 230px; flex-direction: column; padding: 22px; border: 1px solid rgba(216, 173, 109, .13); border-radius: 17px; background: rgba(5, 9, 14, .54); } .agentic-engineering-system-card > div > span { display: block; min-height: 2.2em; color: #b98755; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .agentic-engineering-system-card h4 { margin: 9px 0 13px; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.25rem, 1.6vw, 1.62rem); font-weight: 500; line-height: 1.08; } .agentic-engineering-system-card h4 a { color: #f1e8df; text-decoration: none; } .agentic-engineering-system-card h4 a:hover, .agentic-engineering-system-card h4 a:focus-visible { color: #ffdfaa; } .agentic-engineering-system-card p { margin: 0 0 18px; color: #aaa29a; font-size: .94rem; line-height: 1.57; } .agentic-engineering-system-card > a { display: inline-flex; gap: .4rem; align-items: center; margin-top: auto; color: #d8ae72; font-size: .88rem; font-weight: 750; text-decoration: none; } .agentic-engineering-boundary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .agentic-engineering-boundary-grid article { min-height: 230px; padding: 24px; border-top: 1px solid rgba(216, 173, 109, .46); border-right: 1px solid rgba(216, 173, 109, .12); border-bottom: 1px solid rgba(216, 173, 109, .12); border-left: 1px solid rgba(216, 173, 109, .12); border-radius: 17px; background: linear-gradient(180deg, rgba(23, 28, 35, .58), rgba(7, 11, 17, .82)); } .agentic-engineering-boundary-grid article > span { color: var(--agentic-brass); font-size: .7rem; font-weight: 800; letter-spacing: .16em; } .agentic-engineering-boundary-grid h3 { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: center; margin: 34px 0 15px; color: #efe7de; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.13rem, 1.55vw, 1.5rem); font-weight: 500; line-height: 1.08; } .agentic-engineering-boundary-grid h3 b, .agentic-engineering-boundary-grid h3 strong { font-weight: 500; } .agentic-engineering-boundary-grid h3 strong { color: #e1b777; text-align: right; } .agentic-engineering-boundary-grid h3 i { color: #8b6981; font-style: normal; } .agentic-engineering-boundary-grid p { margin: 0; color: #aaa29b; line-height: 1.6; } .agentic-engineering-protocol-bridge { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .55fr); gap: clamp(28px, 6vw, 88px); margin-top: 20px; padding: clamp(28px, 4vw, 54px); border: 1px solid rgba(179, 80, 143, .34); border-radius: 24px; background: radial-gradient(circle at 92% 0%, rgba(168, 70, 132, .13), transparent 19rem), linear-gradient(145deg, rgba(26, 24, 31, .88), rgba(7, 11, 17, .94)); } .agentic-engineering-protocol-bridge > div > span { color: #d7a6c7; font-size: .72rem; font-weight: 800; letter-spacing: .16em; } .agentic-engineering-protocol-bridge h3 { max-width: 24ch; margin: 12px 0 12px; color: #f0e6df; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.75rem, 3vw, 3.15rem); font-weight: 500; line-height: 1.02; letter-spacing: -.025em; } .agentic-engineering-protocol-bridge p { max-width: 760px; margin: 0; color: #afa6a0; line-height: 1.65; } .agentic-engineering-protocol-bridge nav { display: grid; gap: 10px; align-content: center; } .agentic-engineering-protocol-bridge nav a { display: flex; justify-content: space-between; gap: 14px; padding: 16px 18px; border: 1px solid rgba(216, 173, 109, .19); border-radius: 13px; color: #e1bd86; background: rgba(6, 10, 15, .5); font-weight: 700; text-decoration: none; } .agentic-engineering-method-shell { padding: clamp(30px, 4.4vw, 64px); } .agentic-engineering-method-shell > * { position: relative; z-index: 1; } .agentic-engineering-method-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid rgba(216, 173, 109, .2); border-left: 1px solid rgba(216, 173, 109, .12); list-style: none; } .agentic-engineering-method-steps li { display: grid; grid-template-columns: 42px 1fr; gap: 16px; min-height: 220px; padding: 26px; border-right: 1px solid rgba(216, 173, 109, .12); border-bottom: 1px solid rgba(216, 173, 109, .12); } .agentic-engineering-method-steps li > span { color: var(--agentic-brass); font-size: .72rem; font-weight: 800; letter-spacing: .13em; } .agentic-engineering-method-steps h3 { margin: 0 0 10px; color: #eee5dc; font-family: var(--font-display, Georgia, serif); font-size: 1.43rem; font-weight: 500; line-height: 1.06; } .agentic-engineering-method-steps p { margin: 0; color: #aaa29a; line-height: 1.58; } .agentic-engineering-close { padding-bottom: clamp(80px, 10vw, 150px); } .agentic-engineering-close-shell { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: end; padding: clamp(32px, 5vw, 72px); border-top: 1px solid rgba(216, 173, 109, .54); border-bottom: 1px solid rgba(216, 173, 109, .19); background: linear-gradient(90deg, rgba(20, 26, 32, .72), rgba(7, 11, 17, .35)); } .agentic-engineering-close-shell h2 { max-width: 18ch; margin: 12px 0 16px; color: var(--agentic-ivory); font-family: var(--font-display, Georgia, serif); font-size: clamp(2.6rem, 5.1vw, 5.5rem); font-weight: 500; line-height: .96; letter-spacing: -.05em; } .agentic-engineering-close-shell p { max-width: 780px; margin: 0; color: #b0a8a0; font-size: 1.03rem; line-height: 1.67; } .agentic-engineering-close-shell .agentic-engineering-actions { max-width: 330px; justify-content: flex-end; } @media (max-width: 1240px) { .agentic-engineering-hero-shell { grid-template-columns: minmax(0, 1.15fr) minmax(330px, .72fr); } .agentic-engineering-capability-grid, .agentic-engineering-family-wide .agentic-engineering-system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agentic-engineering-system-grid, .agentic-engineering-boundary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 920px) { .agentic-engineering-width { width: min(100% - 32px, 1480px); } .agentic-engineering-hero-shell, .agentic-engineering-section-heading, .agentic-engineering-protocol-bridge, .agentic-engineering-close-shell { grid-template-columns: 1fr; } .agentic-engineering-hero-shell { min-height: 0; } .agentic-engineering-section-heading { align-items: start; } .agentic-engineering-section-heading h2 { max-width: 20ch; } .agentic-engineering-method-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agentic-engineering-close-shell .agentic-engineering-actions { max-width: none; justify-content: flex-start; } } @media (max-width: 640px) { .agentic-engineering-width { width: min(100% - 22px, 1480px); } .agentic-engineering-section { padding: 48px 0; } .agentic-engineering-hero { padding-top: 30px; } .agentic-engineering-hero-shell, .agentic-engineering-method-shell { padding: 24px; border-radius: 22px; } .agentic-engineering-hero h1 { max-width: none; font-size: clamp(2.65rem, 13vw, 4.1rem); } .agentic-engineering-lead { font-size: 1.05rem; } .agentic-engineering-actions .lux-button, .agentic-engineering-actions .agentic-engineering-text-link { width: 100%; justify-content: center; } .agentic-engineering-capability-grid, .agentic-engineering-system-grid, .agentic-engineering-family-wide .agentic-engineering-system-grid, .agentic-engineering-family-compact .agentic-engineering-system-grid, .agentic-engineering-boundary-grid, .agentic-engineering-method-steps { grid-template-columns: 1fr; } .agentic-engineering-capability-grid li, .agentic-engineering-system-card, .agentic-engineering-boundary-grid article, .agentic-engineering-method-steps li { min-height: 0; } .agentic-engineering-capability-grid h3 { margin-top: 28px; } .agentic-engineering-family { padding: 22px; border-radius: 20px; } .agentic-engineering-family > header { grid-template-columns: 42px 1fr; gap: 13px; } .agentic-engineering-family > header > span { width: 38px; height: 38px; } .agentic-engineering-boundary-grid h3 { grid-template-columns: 1fr; } .agentic-engineering-boundary-grid h3 i { display: none; } .agentic-engineering-boundary-grid h3 strong { text-align: left; } .agentic-engineering-protocol-bridge { padding: 24px; } .agentic-engineering-method-steps { border-left: 0; } .agentic-engineering-method-steps li { border-left: 1px solid rgba(216, 173, 109, .12); } .agentic-engineering-close-shell { padding: 30px 22px; } } @media (prefers-reduced-motion: reduce) { .agentic-engineering-capability-grid li { transition: none; } }