/*!sf-css-bundle:AssetBundleManifest*/ /*!sf-css-source:css/public/shared/components.css*/ .lux-button.lux-button-conversation, .home-market-actions a.lux-button-conversation, .home-closing-actions a.lux-button-conversation, .resume-hero-actions a.lux-button-conversation, .article-closing-actions a.lux-button-conversation, .article-empty-actions a.lux-button-conversation, .article-closing-cta-actions a.lux-button-conversation, .article-closing-cta-actions a[href="/contact"].lux-button-conversation{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 0.68rem; min-height: 3rem; padding: 0.78rem 1.18rem; border-radius: 999px; border: 1px solid rgba(222, 179, 111, 0.66); background: radial-gradient(circle at 18% 0%, rgba(255, 233, 186, 0.18), transparent 36%), linear-gradient(180deg, rgba(65, 56, 43, 0.54) 0%, rgba(20, 23, 25, 0.82) 50%, rgba(7, 11, 16, 0.94) 100%); color: #ffe8c2; font-weight: 700; letter-spacing: 0.005em; text-shadow: 0 0 15px rgba(239, 190, 111, 0.34); box-shadow: inset 0 1px 0 rgba(255, 241, 211, 0.16), inset 0 -1px 0 rgba(88, 60, 34, 0.38), 0 0 0 1px rgba(105, 73, 38, 0.24), 0 14px 30px rgba(0, 0, 0, 0.30), 0 0 24px rgba(191, 132, 55, 0.09); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, color 180ms ease; } .lux-button.lux-button-conversation::before, .home-market-actions a.lux-button-conversation::before, .home-closing-actions a.lux-button-conversation::before, .resume-hero-actions a.lux-button-conversation::before, .article-closing-actions a.lux-button-conversation::before, .article-empty-actions a.lux-button-conversation::before, .article-closing-cta-actions a.lux-button-conversation::before{ content: ""; position: absolute; inset: 1px; z-index: -1; border-radius: inherit; background: linear-gradient(100deg, transparent 0%, rgba(255, 231, 174, 0.10) 45%, rgba(255, 231, 174, 0.18) 52%, transparent 66%), radial-gradient(circle at 50% 100%, rgba(242, 184, 99, 0.12), transparent 44%); opacity: 0.84; pointer-events: none; } .lux-button.lux-button-conversation::after, .home-market-actions a.lux-button-conversation::after, .home-closing-actions a.lux-button-conversation::after, .resume-hero-actions a.lux-button-conversation::after, .article-closing-actions a.lux-button-conversation::after, .article-empty-actions a.lux-button-conversation::after, .article-closing-cta-actions a.lux-button-conversation::after{ content: "→"; position: relative; z-index: 1; margin-left: 0.18rem; color: #f4ce8a; font-size: 1.22em; line-height: 1; text-shadow: 0 0 10px rgba(245, 196, 112, 0.42), 0 0 22px rgba(222, 156, 73, 0.22); opacity: 0.98; transform: translateX(0); transition: transform 180ms ease, color 180ms ease, opacity 180ms ease; } .lux-button.lux-button-conversation:hover, .lux-button.lux-button-conversation:focus-visible, .home-market-actions a.lux-button-conversation:hover, .home-market-actions a.lux-button-conversation:focus-visible, .home-closing-actions a.lux-button-conversation:hover, .home-closing-actions a.lux-button-conversation:focus-visible, .resume-hero-actions a.lux-button-conversation:hover, .resume-hero-actions a.lux-button-conversation:focus-visible, .article-closing-actions a.lux-button-conversation:hover, .article-closing-actions a.lux-button-conversation:focus-visible, .article-empty-actions a.lux-button-conversation:hover, .article-empty-actions a.lux-button-conversation:focus-visible, .article-closing-cta-actions a.lux-button-conversation:hover, .article-closing-cta-actions a.lux-button-conversation:focus-visible{ transform: translateY(-1px); border-color: rgba(255, 210, 140, 0.86); background: radial-gradient(circle at 18% 0%, rgba(255, 235, 190, 0.23), transparent 37%), linear-gradient(180deg, rgba(76, 64, 47, 0.62) 0%, rgba(23, 25, 27, 0.86) 50%, rgba(8, 12, 17, 0.96) 100%); color: #fff1d6; box-shadow: inset 0 1px 0 rgba(255, 245, 222, 0.22), inset 0 -1px 0 rgba(102, 69, 36, 0.46), 0 0 0 1px rgba(143, 98, 48, 0.28), 0 18px 36px rgba(0, 0, 0, 0.34), 0 0 32px rgba(208, 145, 67, 0.16); } .lux-button.lux-button-conversation:hover::after, .lux-button.lux-button-conversation:focus-visible::after, .home-market-actions a.lux-button-conversation:hover::after, .home-market-actions a.lux-button-conversation:focus-visible::after, .home-closing-actions a.lux-button-conversation:hover::after, .home-closing-actions a.lux-button-conversation:focus-visible::after, .resume-hero-actions a.lux-button-conversation:hover::after, .resume-hero-actions a.lux-button-conversation:focus-visible::after, .article-closing-actions a.lux-button-conversation:hover::after, .article-closing-actions a.lux-button-conversation:focus-visible::after, .article-empty-actions a.lux-button-conversation:hover::after, .article-empty-actions a.lux-button-conversation:focus-visible::after, .article-closing-cta-actions a.lux-button-conversation:hover::after, .article-closing-cta-actions a.lux-button-conversation:focus-visible::after{ color: #ffd891; opacity: 1; transform: translateX(0.16rem); } @media (max-width: 767px){.lux-button.lux-button-conversation{ width: 100%; }} .lux-button.lux-button-resume, .home-closing-actions a.lux-button-resume, .article-closing-actions a.lux-button-resume, .article-closing-cta-actions a.lux-button-resume{ position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 0.68rem; min-height: 3.65rem; padding: 0.95rem 1.7rem; border-radius: 999px; border: 1px solid rgba(236, 205, 130, 0.62); background: radial-gradient(circle at 18% 30%, rgba(255, 244, 210, 0.25), transparent 28%), radial-gradient(circle at 70% 42%, rgba(231, 187, 93, 0.26), transparent 36%), linear-gradient(135deg, rgba(102, 77, 25, 0.96), rgba(177, 134, 47, 0.92) 45%, rgba(78, 58, 17, 0.98)); color: #fff4dc !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.20), inset 0 -12px 26px rgba(52, 36, 7, 0.28), 0 0 0 1px rgba(236, 205, 130, 0.16); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.28); } .lux-button.lux-button-resume::before, .home-closing-actions a.lux-button-resume::before, .article-closing-actions a.lux-button-resume::before, .article-closing-cta-actions a.lux-button-resume::before{ content: ""; position: absolute; inset: 1px; border-radius: inherit; background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03) 42%, rgba(0, 0, 0, 0.16) 100%), radial-gradient(circle at 48% 48%, rgba(255, 225, 150, 0.18), transparent 58%); pointer-events: none; z-index: -1; } .lux-button.lux-button-resume:hover, .lux-button.lux-button-resume:focus-visible, .home-closing-actions a.lux-button-resume:hover, .home-closing-actions a.lux-button-resume:focus-visible, .article-closing-actions a.lux-button-resume:hover, .article-closing-actions a.lux-button-resume:focus-visible, .article-closing-cta-actions a.lux-button-resume:hover, .article-closing-cta-actions a.lux-button-resume:focus-visible{ transform: translateY(-1px); border-color: rgba(248, 220, 153, 0.82); box-shadow: 0 22px 46px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 -12px 26px rgba(56, 39, 8, 0.28), 0 0 0 1px rgba(248, 220, 153, 0.18); } .article-inline-masthead{ position: relative; isolation: isolate; overflow: hidden; display: grid; gap: clamp(0.85rem, 1.8vw, 1.15rem); margin: 0 0 clamp(1.45rem, 2.6vw, 2rem); padding: clamp(1rem, 2vw, 1.35rem); border-radius: 28px; border: 1px solid rgba(214,188,146,0.16); background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--article-accent, #d6bc92) 18%, transparent), transparent 42%), radial-gradient(circle at 92% 14%, rgba(185, 95, 213, 0.14), transparent 30%), linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)); box-shadow: 0 26px 74px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.065); } .article-inline-masthead::before{ content: ""; position: absolute; inset: 1px; z-index: -1; border-radius: inherit; background: linear-gradient(90deg, rgba(255,255,255,0.045), transparent 24%, transparent 70%, rgba(255,255,255,0.032)), radial-gradient(circle at 50% 110%, rgba(255,235,188,0.09), transparent 46%); pointer-events: none; } .article-inline-masthead::after{ content: ""; position: absolute; left: 50%; bottom: -1px; width: min(14rem, 34vw); height: 2px; transform: translateX(-50%); border-radius: 999px; background: linear-gradient(90deg, transparent, rgba(255,239,199,0.86), transparent); box-shadow: 0 0 10px rgba(255,221,158,0.58), 0 -4px 26px rgba(214,188,146,0.18); pointer-events: none; } .article-inline-kicker-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.65rem; } .article-inline-section-link{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 2.45rem; padding: 0.58rem 1.05rem; border-radius: 999px; border: 1px solid rgba(231, 196, 128, 0.52); background: radial-gradient(circle at 24% 12%, rgba(255, 244, 209, 0.24), transparent 32%), radial-gradient(circle at 78% 88%, rgba(223, 163, 70, 0.18), transparent 40%), linear-gradient(145deg, rgba(105, 78, 30, 0.82), rgba(28, 25, 20, 0.92) 56%, rgba(11, 13, 17, 0.96)); color: #f6d592; font-size: 0.74rem; font-weight: 850; letter-spacing: 0.16em; line-height: 1; text-decoration: none; text-transform: uppercase; text-shadow: 0 0 10px rgba(245, 206, 133, 0.52), 0 0 24px rgba(214, 158, 66, 0.26); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -10px 20px rgba(53, 35, 8, 0.25), 0 12px 28px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(244, 210, 140, 0.08), 0 0 22px rgba(218, 161, 73, 0.14); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, background 180ms ease; } .article-inline-section-link::before{ content: ""; position: absolute; inset: 1px; z-index: -1; border-radius: inherit; background: linear-gradient(120deg, transparent 6%, rgba(255, 235, 185, 0.15) 43%, transparent 68%); opacity: 0.8; pointer-events: none; } .article-inline-section-link:hover, .article-inline-section-link:focus-visible{ transform: translateY(-1px); color: #ffe6ad; border-color: rgba(255, 222, 156, 0.76); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -12px 24px rgba(61, 39, 8, 0.30), 0 16px 34px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(244, 210, 140, 0.14), 0 0 34px rgba(227, 172, 78, 0.24); } .article-inline-section-link-static{ cursor: default; } .article-inline-masthead h1{ margin: 0; max-width: 100%; color: #fff6e9; font-size: clamp(1.92rem, 3.85vw, 3.45rem) !important; line-height: 0.94; letter-spacing: -0.05em; text-wrap: balance; } .article-inline-media{ display: grid; gap: 0.6rem; min-width: 0; margin: 0; } .article-inline-media-frame{ position: relative; overflow: hidden; width: 100%; aspect-ratio: 16 / 8.6; border-radius: 24px; border: 1px solid rgba(255,255,255,0.09); background: linear-gradient(180deg, rgba(14,18,26,0.96), rgba(7,10,16,0.96)); box-shadow: 0 22px 62px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.055); } .article-inline-media-image{ display: block; width: 100%; height: 100%; object-fit: cover; } .article-inline-media.is-placeholder .article-inline-media-frame{ background: radial-gradient(circle at 22% 18%, color-mix(in srgb, var(--article-accent, #d6bc92) 22%, transparent), transparent 32%), radial-gradient(circle at 78% 16%, rgba(112,146,255,0.18), transparent 26%), linear-gradient(135deg, rgba(255,255,255,0.045), rgba(255,255,255,0.012)); } .article-inline-media-glow{ position: absolute; inset: auto 0 0 0; height: 38%; background: linear-gradient(180deg, rgba(7,10,16,0), rgba(7,10,16,0.72)); pointer-events: none; } .article-inline-media figcaption{ margin: 0; color: rgba(255,255,255,0.62); font-size: 0.86rem; line-height: 1.45; } .article-inline-dek{ max-width: 100%; margin: 0; color: rgba(255,255,255,0.82); font-size: clamp(1rem, 1.08vw, 1.09rem); line-height: 1.68; } .article-inline-meta{ display: flex; flex-wrap: wrap; gap: 0.55rem; margin: 0; } .article-inline-meta span{ display: inline-flex; align-items: center; min-height: 1.82rem; padding: 0.28rem 0.62rem; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.045); color: rgba(255,246,230,0.76); font-size: 0.72rem; letter-spacing: 0.12em; line-height: 1; text-transform: uppercase; white-space: nowrap; } .article-inline-masthead + section{ margin-top: 0.15rem; } .article-inline-masthead + section h2:first-child{ margin-top: 0.2rem; } @media (max-width: 767px){.article-inline-masthead{ padding: 1rem; border-radius: 24px; } .article-inline-masthead h1{ font-size: clamp(1.95rem, 9.6vw, 3.05rem) !important; } .article-inline-media-frame{ aspect-ratio: 16 / 10.2; border-radius: 20px; } .article-inline-dek{ font-size: 0.98rem; line-height: 1.62; }} .article-inline-meta, .article-detail-meta, .article-detail-meta-business{ display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start; gap: 0.55rem !important; } .article-inline-meta span, .article-detail-meta span, .article-detail-meta a, .article-detail-meta-business span, .article-detail-meta-business a{ white-space: nowrap; } @media (max-width: 767px){.article-inline-meta, .article-detail-meta, .article-detail-meta-business{ flex-direction: row !important; align-items: center !important; } .article-inline-meta span, .article-detail-meta span, .article-detail-meta a, .article-detail-meta-business span, .article-detail-meta-business a{ font-size: 0.7rem; }} .page-article-detail .article-reading-stage{ --article-reading-width: 1120px; } .page-article-detail .article-reading-frame, .page-article-detail .article-detail-below-body{ width: min(var(--article-reading-width), 100%); margin-inline: auto; } .page-article-detail .article-reading-frame{ position: relative; display: grid; grid-template-columns: minmax(0, 1fr); overflow: visible; } .page-article-detail .article-reading-frame > .article-body{ grid-area: 1 / 1; width: 100%; min-width: 0; padding-right: clamp(1.75rem, 5vw, 6.4rem); } .page-article-detail .article-orbit-nav{ grid-area: 1 / 1; align-self: start; justify-self: end; position: sticky; top: 50vh; z-index: 30; width: 56px; margin-right: clamp(0.6rem, 1.4vw, 1rem); transform: translateY(-50%); pointer-events: none; } .page-article-detail .article-orbit-list{ display: grid; gap: 0.58rem; padding: 0.42rem; border-radius: 999px; border: 1px solid rgba(218, 178, 102, 0.30); background: radial-gradient(circle at 40% 0%, rgba(255, 231, 178, 0.13), transparent 34%), linear-gradient(180deg, rgba(49, 39, 24, 0.78), rgba(11, 14, 18, 0.78)); box-shadow: inset 0 1px 0 rgba(255, 247, 226, 0.10), inset 0 -1px 0 rgba(93, 62, 28, 0.35), 0 18px 44px rgba(0, 0, 0, 0.38), 0 0 30px rgba(205, 148, 63, 0.12); backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%); } .page-article-detail .article-orbit-item{ position: relative; pointer-events: auto; } .page-article-detail .article-orbit-item::after{ content: ""; position: absolute; top: 50%; right: 100%; width: 1rem; height: calc(100% + 0.8rem); transform: translateY(-50%); } .page-article-detail .article-orbit-trigger{ position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; width: 56px; min-width: 56px; height: 56px; padding: 0; border-radius: 18px; font: inherit; border: 1px solid rgba(231, 196, 128, 0.48); background: radial-gradient(circle at 32% 18%, rgba(255, 244, 209, 0.22), transparent 30%), radial-gradient(circle at 74% 72%, rgba(223, 163, 70, 0.16), transparent 38%), linear-gradient(145deg, rgba(105, 78, 30, 0.82), rgba(26, 24, 20, 0.92) 56%, rgba(11, 13, 17, 0.96)); color: #f4d38d; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -12px 22px rgba(53, 35, 8, 0.28), 0 12px 28px rgba(0, 0, 0, 0.30), 0 0 0 1px rgba(244, 210, 140, 0.08), 0 0 22px rgba(218, 161, 73, 0.16); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, background 180ms ease; } .page-article-detail .article-orbit-trigger::before{ content: ""; position: absolute; inset: 1px; z-index: -1; border-radius: inherit; background: linear-gradient(120deg, transparent 5%, rgba(255, 235, 185, 0.13) 44%, transparent 67%); opacity: 0.78; pointer-events: none; } .page-article-detail .article-orbit-glyph{ display: inline-flex; align-items: center; justify-content: center; color: #f1ce85; font-size: 1.42rem; line-height: 1; text-shadow: 0 0 10px rgba(245, 206, 133, 0.64), 0 0 28px rgba(214, 158, 66, 0.34); } .page-article-detail .article-orbit-item:hover .article-orbit-trigger, .page-article-detail .article-orbit-item:focus-within .article-orbit-trigger{ transform: translateX(-6px); border-color: rgba(255, 222, 156, 0.76); color: #ffe6ad; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -12px 24px rgba(61, 39, 8, 0.30), 0 16px 34px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(244, 210, 140, 0.14), 0 0 34px rgba(227, 172, 78, 0.24); } .page-article-detail .article-orbit-panel{ position: absolute; top: 50%; right: calc(100% + 0.72rem); width: min(360px, calc(100vw - 7rem)); max-height: min(70vh, 30rem); overflow: auto; display: grid; gap: 0.78rem; padding: 1rem; border-radius: 24px; border-color: rgba(218, 178, 102, 0.24); background: radial-gradient(circle at 8% 0%, rgba(237, 198, 126, 0.12), transparent 34%), radial-gradient(circle at 92% 110%, rgba(117, 143, 164, 0.10), transparent 42%), linear-gradient(145deg, rgba(19, 23, 29, 0.94), rgba(8, 11, 16, 0.96)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 26px 70px rgba(0, 0, 0, 0.44), 0 0 34px rgba(214, 157, 65, 0.10); opacity: 0; pointer-events: none; transform: translate(12px, -50%) scale(0.985); transform-origin: right center; transition: opacity 170ms ease, transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel{ opacity: 1; pointer-events: auto; transform: translate(0, -50%) scale(1); } .page-article-detail .article-orbit-panel p{ margin: 0; color: rgba(236, 228, 214, 0.82); font-size: 0.96rem; line-height: 1.66; } .page-article-detail .article-orbit-actions{ display: grid; gap: 0.58rem; } .page-article-detail .article-orbit-actions .lux-button{ width: 100%; min-height: 2.55rem; padding: 0.64rem 0.92rem; font-size: 0.92rem; } .page-article-detail .article-orbit-toc{ display: grid; gap: 0.4rem; margin: 0; padding: 0; list-style: none; } .page-article-detail .article-orbit-toc li{ margin: 0; padding: 0; } .page-article-detail .article-orbit-toc li::before{ content: none; } .page-article-detail .article-orbit-toc .toc-level-3{ padding-left: 0.85rem; } .page-article-detail .article-orbit-toc a{ display: block; padding: 0.45rem 0.58rem; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.035); color: rgba(255, 246, 226, 0.86); font-size: 0.92rem; line-height: 1.35; text-decoration: none; transition: border-color 160ms ease, background 160ms ease, transform 160ms ease; } .page-article-detail .article-orbit-toc a:hover, .page-article-detail .article-orbit-toc a:focus-visible{ transform: translateX(-2px); border-color: rgba(218, 178, 102, 0.30); background: rgba(218, 178, 102, 0.08); } .page-article-detail .article-orbit-related-list{ display: grid; gap: 0.52rem; } .page-article-detail .article-orbit-related-card{ display: grid; gap: 0.2rem; padding: 0.75rem; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.035); color: inherit; text-decoration: none; transition: transform 160ms ease, border-color 160ms ease, background 160ms ease; } .page-article-detail .article-orbit-related-card:hover, .page-article-detail .article-orbit-related-card:focus-visible{ transform: translateX(-2px); border-color: rgba(218, 178, 102, 0.30); background: rgba(218, 178, 102, 0.07); } .page-article-detail .article-orbit-related-card strong{ color: rgba(255, 246, 226, 0.95); font-family: "Newsreader", serif; font-size: 1rem; line-height: 1.18; } .page-article-detail .article-orbit-related-card span{ color: rgba(236, 228, 214, 0.66); font-size: 0.84rem; line-height: 1.25; } .page-article-detail .article-section-pill-nav{ display: grid; gap: 0.86rem; margin-top: 2.1rem; padding: 1rem; border-radius: 24px; border: 1px solid rgba(218, 178, 102, 0.20); background: radial-gradient(circle at 7% 0%, rgba(218, 178, 102, 0.11), transparent 36%), linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 18px 50px rgba(0, 0, 0, 0.24); } .page-article-detail .article-section-pill-nav-head{ display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; } .page-article-detail .article-section-pill-list{ display: flex; flex-wrap: wrap; gap: 0.58rem; } .page-article-detail .article-section-pill{ position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 2.55rem; padding: 0.56rem 0.92rem; border-radius: 999px; border: 1px solid rgba(222, 179, 111, 0.40); background: radial-gradient(circle at 18% 0%, rgba(255, 233, 186, 0.15), transparent 35%), linear-gradient(180deg, rgba(64, 53, 36, 0.58), rgba(13, 16, 20, 0.82)); color: rgba(255, 235, 197, 0.92); font-weight: 800; line-height: 1.16; text-decoration: none; text-align: center; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 10px 24px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(218, 178, 102, 0.06); transition: transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease, color 170ms ease; } .page-article-detail .article-section-pill:hover, .page-article-detail .article-section-pill:focus-visible{ transform: translateY(-2px); border-color: rgba(255, 222, 156, 0.66); color: #fff5df; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 16px 32px rgba(0, 0, 0, 0.28), 0 0 28px rgba(218, 161, 73, 0.14); } .page-article-detail .article-section-pill.is-current{ border-color: rgba(255, 222, 156, 0.76); background: radial-gradient(circle at 20% 0%, rgba(255, 242, 207, 0.22), transparent 36%), linear-gradient(135deg, rgba(111, 83, 32, 0.92), rgba(181, 134, 52, 0.82) 46%, rgba(52, 38, 14, 0.94)); color: #fff8e8; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -10px 22px rgba(52, 36, 7, 0.24), 0 16px 34px rgba(0, 0, 0, 0.30), 0 0 30px rgba(218, 161, 73, 0.16); } .page-article-detail .article-detail-below-body{ padding-top: 40px; } .page-article-detail .article-detail-below-body .article-closing-cta{ margin-top: 0; } @media (max-width: 1100px){.page-article-detail .article-reading-frame > .article-body{ padding-right: clamp(1.25rem, 5vw, 4.8rem); } .page-article-detail .article-orbit-panel{ width: min(330px, calc(100vw - 7rem)); }} @media (max-width: 860px){.page-article-detail .article-reading-frame{ display: block; } .page-article-detail .article-reading-frame > .article-body{ padding-right: 1.2rem; } .page-article-detail .article-orbit-nav{ position: static; width: 100%; margin: 1rem 0 0; transform: none; pointer-events: auto; } .page-article-detail .article-orbit-list{ grid-template-columns: repeat(4, minmax(0, 1fr)); border-radius: 24px; padding: 0.55rem; } .page-article-detail .article-orbit-trigger{ width: 100%; min-width: 0; height: 54px; } .page-article-detail .article-orbit-item:hover .article-orbit-trigger, .page-article-detail .article-orbit-item:focus-within .article-orbit-trigger{ transform: translateY(-3px); } .page-article-detail .article-orbit-panel{ top: calc(100% + 0.7rem); right: auto; left: 0; width: 100%; max-height: none; transform: translateY(8px) scale(0.985); transform-origin: top center; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel{ transform: translateY(0) scale(1); } .page-article-detail .article-detail-below-body{ padding-top: 32px; }} @media (max-width: 620px){.page-article-detail .article-orbit-list{ display: grid; grid-template-columns: 1fr; gap: 0.7rem; padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .page-article-detail .article-orbit-trigger{ display: none; } .page-article-detail .article-orbit-panel{ position: relative; inset: auto; width: 100%; opacity: 1; pointer-events: auto; transform: none; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel{ transform: none; } .page-article-detail .article-section-pill{ width: 100%; }} .page-article-detail .article-body h2[id], .page-article-detail .article-body h3[id]{ scroll-margin-top: clamp(5.5rem, 12vh, 7.5rem); } .page-article-detail .article-orbit-nav{ width: 54px; margin-right: clamp(0.52rem, 1.2vw, 0.82rem); } .page-article-detail .article-orbit-list{ gap: 0.56rem; padding: 0.44rem; } .page-article-detail .article-orbit-trigger{ width: 54px; min-width: 54px; height: 54px; border-radius: 50%; } .page-article-detail .article-orbit-glyph{ width: 34px; min-width: 34px; height: 34px; border-radius: 50%; flex: 0 0 34px; font-size: 0.96rem; line-height: 1; } @media (max-width: 860px){.page-article-detail .article-orbit-nav{ width: 100%; margin: 1rem 0 0; } .page-article-detail .article-orbit-trigger{ width: 100%; min-width: 0; height: 54px; border-radius: 18px; } .page-article-detail .article-orbit-glyph{ width: 34px; min-width: 34px; height: 34px; flex-basis: 34px; }} .page-article-detail .article-orbit-nav{ width: calc(54px + 0.88rem); display: grid; place-items: center; margin-right: clamp(0.52rem, 1.2vw, 0.82rem); } .page-article-detail .article-orbit-list{ box-sizing: border-box; width: max-content; gap: 0.56rem; padding: 0.44rem; justify-items: center; } .page-article-detail .article-orbit-trigger{ display: inline-grid; place-items: center; box-sizing: border-box; width: 54px; min-width: 54px; height: 54px; border-radius: 18px; } .page-article-detail .article-orbit-glyph{ display: inline-grid; place-items: center; width: 100%; min-width: 0; height: 100%; flex: 0 0 auto; border-radius: 0; font-size: 1.16rem; font-weight: 900; line-height: 1; text-align: center; letter-spacing: 0.02em; } @media (max-width: 860px){.page-article-detail .article-orbit-nav{ width: 100%; margin: 1rem 0 0; } .page-article-detail .article-orbit-list{ width: 100%; } .page-article-detail .article-orbit-trigger{ width: 100%; min-width: 0; height: 54px; border-radius: 18px; } .page-article-detail .article-orbit-glyph{ width: 100%; min-width: 0; height: 100%; flex-basis: auto; }} :root{ --public-header-height: 72px; --public-mobile-orbit-top-gap: 30px; } .page-article-section .article-topic-command-panel{ position: relative !important; isolation: isolate !important; overflow: hidden !important; } .page-article-section .article-topic-command-panel::before{ background: none !important; opacity: 0 !important; } .page-article-section .article-topic-command-panel.has-luxury-grid-effect{ background: radial-gradient(circle at 10% 0%, rgba(221, 172, 88, 0.13), transparent 42%), radial-gradient(circle at 90% 12%, rgba(86, 151, 149, 0.12), transparent 38%), linear-gradient(145deg, rgba(20, 24, 30, 0.94), rgba(6, 9, 14, 0.96)) !important; } .luxury-grid-effect-canvas, .article-topic-grid-canvas, .nav-menu-effect-canvas{ position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; transform: translateZ(0); } .article-topic-grid-canvas{ z-index: 0; opacity: 0.86; mix-blend-mode: screen; filter: saturate(1.32) contrast(1.09) brightness(1.12) drop-shadow(0 0 18px rgba(220, 166, 78, 0.16)); -webkit-mask-image: radial-gradient(circle at 48% 46%, #000 0%, rgba(0,0,0,0.88) 54%, transparent 100%); mask-image: radial-gradient(circle at 48% 46%, #000 0%, rgba(0,0,0,0.88) 54%, transparent 100%); } .page-article-section .article-topic-command-panel > :not(.article-topic-grid-canvas){ position: relative; z-index: 1; } @media (prefers-reduced-motion: reduce){.article-topic-grid-canvas, .nav-menu-effect-canvas{ display: none !important; }} @media (max-width: 991px){.nav-menu-effect-canvas{ z-index: 0; display: block !important; opacity: 0.48 !important; mix-blend-mode: screen; filter: saturate(1.16) contrast(1.04) drop-shadow(0 0 16px rgba(220, 166, 78, 0.12)); -webkit-mask-image: radial-gradient(circle at 50% 44%, #000 0%, rgba(0,0,0,0.82) 60%, transparent 100%); mask-image: radial-gradient(circle at 50% 44%, #000 0%, rgba(0,0,0,0.82) 60%, transparent 100%); }} @media (min-width: 621px) and (max-width: 991px){.page-article-section .article-topic-command-panel{ padding-inline: clamp(1.1rem, 3vw, 2rem) !important; } .page-about .about-layout{ position: relative !important; display: grid !important; grid-template-columns: 1fr !important; grid-template-areas: "main" !important; overflow: visible !important; } .page-about .about-main{ grid-area: main !important; width: 100%; min-width: 0; } .page-about .about-orbit-nav{ grid-area: main !important; position: sticky !important; top: calc(var(--public-header-height) + 0.85rem) !important; right: auto !important; bottom: auto !important; left: auto !important; align-self: start !important; justify-self: end !important; z-index: 46 !important; width: calc(48px + 0.74rem) !important; margin: 0.75rem 0.28rem 0 0 !important; transform: none !important; pointer-events: none !important; filter: drop-shadow(0 24px 32px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 18px rgba(220, 164, 76, 0.18)); } .page-about .about-orbit-list{ display: grid !important; width: max-content !important; max-width: none !important; overflow: visible !important; gap: 0.46rem !important; padding: 0.38rem !important; pointer-events: auto !important; } .page-about .about-orbit-link{ width: 48px !important; min-width: 48px !important; height: 48px !important; padding: 0 !important; border-radius: 16px !important; } .page-about .about-orbit-link:hover, .page-about .about-orbit-link:focus-visible{ transform: translateX(-4px) !important; } .page-about .about-orbit-label{ display: none !important; } .page-article-detail .article-reading-frame{ position: relative; display: grid !important; grid-template-columns: 1fr !important; width: 100%; max-width: none; overflow: visible; } .page-article-detail .article-reading-frame > .article-body{ grid-area: 1 / 1 !important; width: 100%; padding-right: clamp(3rem, 11vw, 4.45rem) !important; } .page-article-detail .article-orbit-nav{ grid-area: 1 / 1 !important; position: sticky !important; top: calc(var(--public-header-height) + 0.85rem) !important; align-self: start !important; justify-self: end !important; right: auto !important; bottom: auto !important; left: auto !important; width: calc(48px + 0.74rem) !important; margin: 0.75rem 0.28rem 0 0 !important; transform: none !important; z-index: 47 !important; pointer-events: none !important; filter: drop-shadow(0 24px 32px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 18px rgba(220, 164, 76, 0.18)); } .page-article-detail .article-orbit-list{ display: grid !important; width: max-content !important; max-width: none !important; overflow: visible !important; gap: 0.46rem !important; padding: 0.38rem !important; pointer-events: auto !important; } .page-article-detail .article-orbit-trigger{ display: inline-grid !important; width: 48px !important; min-width: 48px !important; height: 48px !important; border-radius: 16px !important; padding: 0 !important; } .page-article-detail .article-orbit-glyph{ width: 100% !important; min-width: 0 !important; height: 100% !important; font-size: 1.02rem !important; } .page-article-detail .article-orbit-panel{ top: 50% !important; right: calc(100% + 0.62rem) !important; left: auto !important; width: min(310px, calc(100vw - 6.4rem)) !important; max-height: min(68vh, 30rem) !important; transform: translate(10px, -50%) scale(0.985) !important; transform-origin: right center !important; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel{ transform: translate(0, -50%) scale(1) !important; }} @media (max-width: 620px){.page-about .about-page-section, .page-article-detail .article-reading-stage{ padding-top: 0 !important; } .page-about .about-layout{ position: relative !important; display: grid !important; grid-template-columns: 1fr !important; grid-template-areas: "nav" "main" !important; gap: 0.82rem !important; overflow: visible !important; } .page-about .about-main{ grid-area: main !important; width: 100%; min-width: 0; } .page-about .about-orbit-nav{ grid-area: nav !important; position: sticky !important; top: calc(var(--public-header-height) + var(--public-mobile-orbit-top-gap)) !important; right: auto !important; bottom: auto !important; left: auto !important; align-self: start !important; justify-self: center !important; z-index: 58 !important; width: max-content !important; max-width: calc(100vw - 0.75rem) !important; margin: var(--public-mobile-orbit-top-gap) auto 0.74rem !important; transform: none !important; pointer-events: auto !important; filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.36)) drop-shadow(0 0 18px rgba(220, 164, 76, 0.16)); } .page-about .about-orbit-list{ display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; width: max-content !important; max-width: calc(100vw - 0.75rem) !important; overflow: visible !important; gap: 0.32rem !important; padding: 0.34rem !important; border-radius: 22px !important; pointer-events: auto !important; } .page-about .about-orbit-link{ display: inline-flex !important; width: 36px !important; min-width: 36px !important; height: 36px !important; padding: 0 !important; border-radius: 13px !important; } .page-about .about-orbit-link:hover, .page-about .about-orbit-link:focus-visible{ transform: translateY(-2px) !important; } .page-about .about-orbit-glyph{ width: 100% !important; height: 100% !important; font-size: 0.82rem !important; } .page-about .about-orbit-label{ display: none !important; } .page-article-detail .article-reading-frame{ position: relative; display: grid !important; grid-template-columns: 1fr !important; grid-template-areas: "rail" "body" !important; gap: 0.82rem !important; width: 100%; max-width: none; overflow: visible; } .page-article-detail .article-reading-frame > .article-body{ grid-area: body !important; width: 100%; padding-right: clamp(0.82rem, 4vw, 1.1rem) !important; padding-left: clamp(0.82rem, 4vw, 1.1rem) !important; } .page-article-detail .article-orbit-nav{ grid-area: rail !important; position: sticky !important; top: calc(var(--public-header-height) + var(--public-mobile-orbit-top-gap)) !important; right: auto !important; bottom: auto !important; left: auto !important; align-self: start !important; justify-self: center !important; width: max-content !important; max-width: calc(100vw - 0.75rem) !important; margin: var(--public-mobile-orbit-top-gap) auto 0.74rem !important; transform: none !important; z-index: 58 !important; pointer-events: auto !important; filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.36)) drop-shadow(0 0 18px rgba(220, 164, 76, 0.16)); } .page-article-detail .article-orbit-list{ display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; width: max-content !important; max-width: calc(100vw - 0.75rem) !important; overflow: visible !important; gap: 0.42rem !important; padding: 0.36rem !important; border-radius: 22px !important; pointer-events: auto !important; } .page-article-detail .article-orbit-trigger{ display: inline-grid !important; width: 42px !important; min-width: 42px !important; height: 42px !important; padding: 0 !important; border-radius: 14px !important; } .page-article-detail .article-orbit-glyph{ width: 100% !important; min-width: 0 !important; height: 100% !important; font-size: 0.92rem !important; } .page-article-detail .article-orbit-panel{ position: absolute !important; top: calc(100% + 0.66rem) !important; right: auto !important; bottom: auto !important; left: 0 !important; width: min(335px, calc(100vw - 1rem)) !important; max-height: min(60vh, 24rem) !important; overflow: auto !important; opacity: 0; pointer-events: none; transform: translateY(8px) scale(0.985) !important; transform-origin: top center !important; } .page-article-detail .article-orbit-item:nth-child(n +3) .article-orbit-panel{ right: 0 !important; left: auto !important; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel{ opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) scale(1) !important; } .page-article-detail .article-detail-below-body{ width: 100% !important; }} @media (max-width: 380px){.page-about .about-orbit-list, .page-article-detail .article-orbit-list{ gap: 0.26rem !important; padding: 0.3rem !important; } .page-about .about-orbit-link{ width: 32px !important; min-width: 32px !important; height: 32px !important; border-radius: 12px !important; } .page-about .about-orbit-glyph{ font-size: 0.72rem !important; } .page-article-detail .article-orbit-trigger{ width: 38px !important; min-width: 38px !important; height: 38px !important; border-radius: 13px !important; } .page-article-detail .article-orbit-glyph{ font-size: 0.84rem !important; }} @media (max-width: 620px){.page-about .about-orbit-list, .page-article-detail .article-orbit-list{ border: 1px solid rgba(218, 178, 102, 0.30) !important; background: radial-gradient(circle at 40% 0%, rgba(255, 231, 178, 0.13), transparent 34%), linear-gradient(180deg, rgba(49, 39, 24, 0.80), rgba(10, 13, 18, 0.82)) !important; box-shadow: inset 0 1px 0 rgba(255, 247, 226, 0.10), inset 0 -1px 0 rgba(93, 62, 28, 0.35), 0 18px 44px rgba(0, 0, 0, 0.38), 0 0 30px rgba(205, 148, 63, 0.12) !important; backdrop-filter: blur(18px) saturate(150%) !important; -webkit-backdrop-filter: blur(18px) saturate(150%) !important; }} :root{ --site-header-height: 72px; } @media (max-width: 860px){.page-about .about-layout, .page-article-detail .article-reading-frame{ overflow: visible !important; } .page-about .about-orbit-nav, .page-article-detail .article-orbit-nav{ position: sticky !important; top: clamp(0.85rem, 2.6vw, 1.35rem) !important; right: auto !important; bottom: auto !important; left: auto !important; align-self: start !important; justify-self: center !important; z-index: 82 !important; width: max-content !important; max-width: calc(100vw - 0.75rem) !important; margin: clamp(0.75rem, 2.5vw, 1.1rem) auto clamp(0.9rem, 2.7vw, 1.25rem) !important; transform: none !important; pointer-events: auto !important; filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 20px rgba(220, 164, 76, 0.18)); } .page-about .about-orbit-list, .page-article-detail .article-orbit-list{ position: relative !important; isolation: isolate !important; overflow: visible !important; width: max-content !important; max-width: calc(100vw - 0.75rem) !important; margin-inline: auto !important; } .page-about .about-orbit-list::before, .page-about .about-orbit-list::after, .page-article-detail .article-orbit-list::before, .page-article-detail .article-orbit-list::after{ content: ""; position: absolute; left: clamp(0.55rem, 3vw, 1rem); right: clamp(0.55rem, 3vw, 1rem); height: 1px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(255, 235, 181, 0.42), rgba(219, 155, 67, 0.64), rgba(255, 235, 181, 0.38), transparent); box-shadow: 0 0 7px rgba(255, 228, 176, 0.34), 0 0 18px rgba(218, 161, 73, 0.22); opacity: 0.78; z-index: 3; } .page-about .about-orbit-list::before, .page-article-detail .article-orbit-list::before{ top: -0.42rem; } .page-about .about-orbit-list::after, .page-article-detail .article-orbit-list::after{ bottom: -0.42rem; } .page-article-detail .article-orbit-item{ position: static !important; } .page-article-detail .article-orbit-item::after{ content: none !important; } .page-article-detail .article-orbit-panel{ position: absolute !important; top: calc(100% + 0.78rem) !important; right: auto !important; bottom: auto !important; left: 50% !important; width: min(360px, calc(100vw - 1rem)) !important; max-height: min(64vh, 28rem) !important; overflow: auto !important; transform: translate(-50%, 9px) scale(0.985) !important; transform-origin: top center !important; z-index: 86 !important; } .page-article-detail .article-orbit-item:nth-child(n +3) .article-orbit-panel{ right: auto !important; left: 50% !important; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel{ transform: translate(-50%, 0) scale(1) !important; }} @media (max-width: 620px){.page-about .about-orbit-nav, .page-article-detail .article-orbit-nav{ top: clamp(0.7rem, 3vw, 1.05rem) !important; margin-top: clamp(0.65rem, 2.4vw, 0.95rem) !important; margin-bottom: clamp(0.82rem, 3vw, 1.05rem) !important; } .page-about .about-orbit-list, .page-article-detail .article-orbit-list{ justify-content: center !important; gap: clamp(0.28rem, 1.8vw, 0.42rem) !important; padding: clamp(0.32rem, 1.8vw, 0.42rem) !important; } .page-article-detail .article-orbit-panel{ width: min(342px, calc(100vw - 0.8rem)) !important; max-height: min(62vh, 25rem) !important; }} @media (max-width: 860px){.responsive-orbit-sticky-spacer{ display: none; pointer-events: none; visibility: hidden; } .responsive-orbit-sticky-spacer.is-active{ display: block; height: var(--orbit-spacer-height, 0px); } .page-about .about-orbit-nav.is-orbit-sticky-fixed, .page-article-detail .article-orbit-nav.is-orbit-sticky-fixed{ position: fixed !important; top: var(--orbit-fixed-top, clamp(0.7rem, 3vw, 1.05rem)) !important; left: 50% !important; right: auto !important; bottom: auto !important; width: var(--orbit-fixed-width, max-content) !important; max-width: calc(100vw - 0.75rem) !important; margin: 0 !important; transform: translateX(-50%) !important; z-index: 1200 !important; pointer-events: auto !important; will-change: transform; } .page-about .about-orbit-nav.is-orbit-sticky-fixed .about-orbit-list, .page-article-detail .article-orbit-nav.is-orbit-sticky-fixed .article-orbit-list{ margin-inline: auto !important; }} @media (min-width: 621px) and (max-width: 860px){.page-about .about-orbit-nav, .page-article-detail .article-orbit-nav{ width: calc(48px + 0.76rem) !important; max-width: calc(48px + 0.76rem) !important; justify-self: center !important; margin-inline: auto !important; transform: none !important; } .page-about .about-orbit-list, .page-article-detail .article-orbit-list{ display: grid !important; grid-auto-flow: row !important; grid-template-columns: 1fr !important; flex-direction: column !important; width: max-content !important; max-width: none !important; gap: 0.46rem !important; padding: 0.38rem !important; border-radius: 22px !important; } .page-about .about-orbit-link, .page-article-detail .article-orbit-trigger{ width: 48px !important; min-width: 48px !important; height: 48px !important; padding: 0 !important; border-radius: 16px !important; } .page-about .about-orbit-label{ display: none !important; } .page-about .about-orbit-nav.is-orbit-sticky-fixed, .page-article-detail .article-orbit-nav.is-orbit-sticky-fixed{ width: calc(48px + 0.76rem) !important; max-width: calc(48px + 0.76rem) !important; } .page-article-detail .article-orbit-item{ position: relative !important; } .page-article-detail .article-orbit-panel, .page-article-detail .article-orbit-item:nth-child(n +3) .article-orbit-panel{ top: 50% !important; right: calc(100% + 0.66rem) !important; bottom: auto !important; left: auto !important; width: min(320px, calc(100vw - 6.1rem)) !important; max-height: min(68vh, 30rem) !important; transform: translate(10px, -50%) scale(0.985) !important; transform-origin: right center !important; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel{ transform: translate(0, -50%) scale(1) !important; }} @media (min-width: 621px) and (max-width: 991px){.page-about .about-layout{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "nav" "main" !important; gap: 0.86rem !important; overflow: visible !important; } .page-about .about-main{ grid-area: main !important; width: 100% !important; min-width: 0 !important; } .page-about .about-orbit-nav{ --about-tablet-orbit-button: clamp(42px, 5.8vw, 48px); grid-area: nav !important; position: sticky !important; top: calc(var(--site-header-height, 72px) + 0.55rem) !important; right: auto !important; bottom: auto !important; left: auto !important; align-self: start !important; justify-self: center !important; width: min(100%, calc(100vw - 1.2rem)) !important; max-width: min(100%, calc(100vw - 1.2rem)) !important; margin: 0.35rem auto 0.86rem !important; transform: none !important; z-index: 82 !important; pointer-events: auto !important; filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 20px rgba(220, 164, 76, 0.18)) !important; } .page-about .about-orbit-nav.is-orbit-sticky-fixed{ position: fixed !important; top: var(--orbit-fixed-top, clamp(0.75rem, 2.4vw, 1.05rem)) !important; right: auto !important; bottom: auto !important; left: 50% !important; width: min(100%, calc(100vw - 1.2rem)) !important; max-width: min(100%, calc(100vw - 1.2rem)) !important; margin: 0 !important; transform: translateX(-50%) !important; z-index: 1200 !important; } .page-about .about-orbit-list, .page-about .about-orbit-nav.is-orbit-sticky-fixed .about-orbit-list{ display: flex !important; flex-direction: row !important; grid-auto-flow: column !important; grid-template-columns: none !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; width: max-content !important; max-width: calc(100vw - 1.2rem) !important; min-width: 0 !important; overflow-x: auto !important; overflow-y: visible !important; gap: clamp(0.32rem, 1.4vw, 0.52rem) !important; padding: 0.38rem !important; border-radius: 22px !important; margin-inline: auto !important; pointer-events: auto !important; scrollbar-width: none !important; } .page-about .about-orbit-list::-webkit-scrollbar{ display: none !important; } .page-about .about-orbit-link{ display: inline-flex !important; flex: 0 0 var(--about-tablet-orbit-button) !important; width: var(--about-tablet-orbit-button) !important; min-width: var(--about-tablet-orbit-button) !important; height: var(--about-tablet-orbit-button) !important; min-height: var(--about-tablet-orbit-button) !important; padding: 0 !important; border-radius: 15px !important; align-items: center !important; justify-content: center !important; } .page-about .about-orbit-link:hover, .page-about .about-orbit-link:focus-visible{ transform: translateY(-2px) !important; } .page-about .about-orbit-glyph{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; font-size: clamp(0.82rem, 1.8vw, 0.98rem) !important; text-align: center !important; } .page-about .about-orbit-label{ display: none !important; }} @media (min-width: 621px) and (max-width: 991px){.page-article-detail .article-reading-frame{ position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "rail" "body" !important; gap: 0.86rem !important; width: 100% !important; max-width: none !important; overflow: visible !important; } .page-article-detail .article-reading-frame > .article-body{ grid-area: body !important; width: 100% !important; min-width: 0 !important; padding-right: clamp(1.05rem, 3vw, 1.55rem) !important; padding-left: clamp(1.05rem, 3vw, 1.55rem) !important; } .page-article-detail .article-orbit-nav{ --article-tablet-orbit-button: clamp(42px, 5.8vw, 48px); grid-area: rail !important; position: sticky !important; top: calc(var(--site-header-height, 72px) + 0.55rem) !important; right: auto !important; bottom: auto !important; left: auto !important; align-self: start !important; justify-self: center !important; width: min(100%, calc(100vw - 1.2rem)) !important; max-width: min(100%, calc(100vw - 1.2rem)) !important; margin: 0.35rem auto 0.86rem !important; transform: none !important; z-index: 82 !important; pointer-events: auto !important; filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 20px rgba(220, 164, 76, 0.18)) !important; } .page-article-detail .article-orbit-nav.is-orbit-sticky-fixed{ position: fixed !important; top: var(--orbit-fixed-top, clamp(0.75rem, 2.4vw, 1.05rem)) !important; right: auto !important; bottom: auto !important; left: 50% !important; width: min(100%, calc(100vw - 1.2rem)) !important; max-width: min(100%, calc(100vw - 1.2rem)) !important; margin: 0 !important; transform: translateX(-50%) !important; z-index: 1200 !important; } .page-article-detail .article-orbit-list, .page-article-detail .article-orbit-nav.is-orbit-sticky-fixed .article-orbit-list{ position: relative !important; isolation: isolate !important; display: flex !important; flex-direction: row !important; grid-auto-flow: column !important; grid-template-columns: none !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; width: max-content !important; max-width: calc(100vw - 1.2rem) !important; min-width: 0 !important; overflow-x: auto !important; overflow-y: visible !important; gap: clamp(0.32rem, 1.4vw, 0.52rem) !important; padding: 0.38rem !important; border-radius: 22px !important; margin-inline: auto !important; pointer-events: auto !important; scrollbar-width: none !important; } .page-article-detail .article-orbit-list::-webkit-scrollbar{ display: none !important; } .page-article-detail .article-orbit-item{ position: static !important; flex: 0 0 auto !important; } .page-article-detail .article-orbit-trigger{ display: inline-grid !important; place-items: center !important; flex: 0 0 var(--article-tablet-orbit-button) !important; width: var(--article-tablet-orbit-button) !important; min-width: var(--article-tablet-orbit-button) !important; height: var(--article-tablet-orbit-button) !important; min-height: var(--article-tablet-orbit-button) !important; padding: 0 !important; border-radius: 15px !important; } .page-article-detail .article-orbit-glyph{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: 100% !important; font-size: clamp(0.82rem, 1.8vw, 0.98rem) !important; text-align: center !important; } .page-article-detail .article-orbit-panel, .page-article-detail .article-orbit-item:nth-child(n +3) .article-orbit-panel{ position: absolute !important; top: calc(100% + 0.76rem) !important; right: auto !important; bottom: auto !important; left: 50% !important; width: min(360px, calc(100vw - 1.2rem)) !important; max-height: min(64vh, 28rem) !important; overflow: auto !important; transform: translate(-50%, 9px) scale(0.985) !important; transform-origin: top center !important; z-index: 86 !important; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel{ transform: translate(-50%, 0) scale(1) !important; } .page-about .about-orbit-nav{ width: min(100%, calc(100vw - 1.2rem)) !important; max-width: min(100%, calc(100vw - 1.2rem)) !important; } .page-about .about-orbit-list, .page-about .about-orbit-nav.is-orbit-sticky-fixed .about-orbit-list{ flex-direction: row !important; grid-auto-flow: column !important; grid-template-columns: none !important; width: max-content !important; max-width: calc(100vw - 1.2rem) !important; }} @media (max-width: 991px){.page-about .about-orbit-nav, .page-article-detail .article-orbit-nav{ width: min(100%, calc(100vw - 1.2rem)) !important; max-width: min(100%, calc(100vw - 1.2rem)) !important; justify-self: center !important; margin-inline: auto !important; } .page-about .about-orbit-list, .page-article-detail .article-orbit-list, .page-about .about-orbit-nav.is-orbit-sticky-fixed .about-orbit-list, .page-article-detail .article-orbit-nav.is-orbit-sticky-fixed .article-orbit-list{ position: relative !important; isolation: isolate !important; display: flex !important; flex-direction: row !important; grid-auto-flow: column !important; grid-template-columns: none !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; width: max-content !important; max-width: calc(100vw - 1.2rem) !important; min-width: 0 !important; overflow-x: auto !important; overflow-y: visible !important; gap: clamp(0.28rem, 1.5vw, 0.5rem) !important; padding: 0.38rem !important; border-radius: 22px !important; margin-inline: auto !important; scrollbar-width: none !important; } .page-about .about-orbit-list::-webkit-scrollbar, .page-article-detail .article-orbit-list::-webkit-scrollbar{ display: none !important; } .page-about .about-orbit-link, .page-article-detail .article-orbit-trigger{ display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 clamp(42px, 5.8vw, 48px) !important; width: clamp(42px, 5.8vw, 48px) !important; min-width: clamp(42px, 5.8vw, 48px) !important; height: clamp(42px, 5.8vw, 48px) !important; min-height: clamp(42px, 5.8vw, 48px) !important; padding: 0 !important; border-radius: 15px !important; } .page-about .about-orbit-label{ display: none !important; }} @media (min-width: 621px){.page-articles .article-section-grid.article-topic-grid, .page-articles .article-topic-grid-magazine.article-section-grid, .page-articles .article-card-grid.article-card-grid-magazine, .page-articles .article-card-grid.article-card-grid-latest{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }} @media (max-width: 620px){.page-articles .article-section-grid.article-topic-grid, .page-articles .article-topic-grid-magazine.article-section-grid, .page-articles .article-card-grid.article-card-grid-magazine, .page-articles .article-card-grid.article-card-grid-latest{ grid-template-columns: 1fr !important; }} @media (min-width: 621px) and (max-width: 1180px){.page-home .portfolio-card-grid, .page-home .project-card-grid, .page-home .home-project-grid, .page-home .article-card-grid, .page-home .home-editorial-section .article-card-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }} @media (max-width: 620px){.page-home .portfolio-card-grid, .page-home .project-card-grid, .page-home .home-project-grid, .page-home .article-card-grid, .page-home .home-editorial-section .article-card-grid{ grid-template-columns: 1fr !important; }} @media (min-width: 621px) and (max-width: 991px){.page-contact .resume-page-grid, .page-contact .contact-page-grid-tight{ grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) !important; align-items: stretch !important; } .page-contact .contact-form-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .page-contact .field-span-2, .page-contact .contact-message-group{ grid-column: 1 / -1 !important; }} @media (max-width: 620px){.page-contact .resume-page-grid, .page-contact .contact-page-grid-tight, .page-contact .contact-form-grid{ grid-template-columns: 1fr !important; } .page-contact .field-span-2, .page-contact .contact-message-group{ grid-column: auto !important; }} @media (min-width: 1181px){.page-articles .article-section-grid.article-topic-grid, .page-articles .article-topic-grid-magazine.article-section-grid, .page-articles .article-card-grid.article-card-grid-magazine, .page-articles .article-card-grid.article-card-grid-latest{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }} @media (min-width: 621px) and (max-width: 1180px){.page-articles .article-section-grid.article-topic-grid, .page-articles .article-topic-grid-magazine.article-section-grid, .page-articles .article-card-grid.article-card-grid-magazine, .page-articles .article-card-grid.article-card-grid-latest{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }} @media (max-width: 620px){.page-articles .article-section-grid.article-topic-grid, .page-articles .article-topic-grid-magazine.article-section-grid, .page-articles .article-card-grid.article-card-grid-magazine, .page-articles .article-card-grid.article-card-grid-latest{ grid-template-columns: 1fr !important; }} .page-article-detail .article-orbit-item:not(.is-open):hover .article-orbit-trigger, .page-article-detail .article-orbit-item:not(.is-open):focus-within .article-orbit-trigger{ transform: none !important; border-color: rgba(231, 196, 128, 0.48) !important; color: #f4d38d !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -12px 22px rgba(53, 35, 8, 0.28), 0 12px 28px rgba(0, 0, 0, 0.30), 0 0 0 1px rgba(244, 210, 140, 0.08), 0 0 22px rgba(218, 161, 73, 0.16) !important; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel{ opacity: 0 !important; pointer-events: none !important; transform: translate(12px, -50%) scale(0.985) !important; } .page-article-detail .article-orbit-item.is-open .article-orbit-trigger{ transform: translateX(-6px) !important; border-color: rgba(255, 222, 156, 0.76) !important; color: #ffe6ad !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -12px 24px rgba(61, 39, 8, 0.30), 0 16px 34px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(244, 210, 140, 0.14), 0 0 34px rgba(227, 172, 78, 0.24) !important; } .page-article-detail .article-orbit-item.is-open .article-orbit-panel{ opacity: 1 !important; pointer-events: auto !important; transform: translate(0, -50%) scale(1) !important; } @media (max-width: 991px){.page-article-detail .article-orbit-item:hover .article-orbit-trigger, .page-article-detail .article-orbit-item:focus-within .article-orbit-trigger, .page-article-detail .article-orbit-item.is-open .article-orbit-trigger{ transform: none !important; } .page-article-detail .article-orbit-item, .page-article-detail .article-orbit-item.is-open{ position: static !important; } .page-article-detail .article-orbit-panel, .page-article-detail .article-orbit-item:nth-child(n +3) .article-orbit-panel{ top: calc(100% + 0.72rem) !important; right: auto !important; bottom: auto !important; left: 50% !important; width: min(360px, calc(100vw - 1rem)) !important; max-height: min(64vh, 28rem) !important; overflow: auto !important; transform: translate(-50%, 10px) scale(0.985) !important; transform-origin: top center !important; z-index: 1250 !important; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel, .page-article-detail .article-orbit-item:nth-child(n +3):hover .article-orbit-panel, .page-article-detail .article-orbit-item:nth-child(n +3):focus-within .article-orbit-panel{ opacity: 0 !important; pointer-events: none !important; transform: translate(-50%, 10px) scale(0.985) !important; } .page-article-detail .article-orbit-item.is-open .article-orbit-panel, .page-article-detail .article-orbit-item:nth-child(n +3).is-open .article-orbit-panel{ opacity: 1 !important; pointer-events: auto !important; transform: translate(-50%, 0) scale(1) !important; }} @media (max-width: 991px){.page-article-detail .article-orbit-nav, .page-article-detail .article-orbit-list{ overflow: visible !important; } .page-article-detail .article-orbit-panel{ visibility: hidden !important; } .page-article-detail .article-orbit-item.is-open .article-orbit-panel, .page-article-detail .article-orbit-item:nth-child(n +3).is-open .article-orbit-panel{ visibility: visible !important; display: grid !important; opacity: 1 !important; pointer-events: auto !important; }} .article-orbit-panel.is-responsive-orbit-panel{ position: fixed !important; top: var(--article-orbit-responsive-top, 88px) !important; left: 50% !important; right: auto !important; bottom: auto !important; width: var(--article-orbit-responsive-width, min(440px, calc(100vw - 28px))) !important; max-width: calc(100vw - 28px) !important; max-height: var(--article-orbit-responsive-max-height, min(64vh, 30rem)) !important; overflow: auto !important; margin: 0 !important; transform: translate3d(-50%, 10px, 0) scale(0.985) !important; transform-origin: top center !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; z-index: 2400 !important; transition: opacity 170ms ease, transform 170ms ease, visibility 170ms ease !important; will-change: opacity, transform; } .article-orbit-panel.is-responsive-orbit-panel.is-responsive-orbit-panel-visible{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate3d(-50%, 0, 0) scale(1) !important; } .article-orbit-panel.is-responsive-orbit-panel.is-responsive-orbit-panel-closing{ opacity: 0 !important; visibility: visible !important; pointer-events: none !important; transform: translate3d(-50%, 8px, 0) scale(0.985) !important; } .page-article-detail .article-orbit-panel{ visibility: hidden; transition: opacity 130ms ease, transform 130ms ease, visibility 130ms ease !important; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel{ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .page-article-detail .article-orbit-item.is-open .article-orbit-panel{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } .article-orbit-panel.is-responsive-orbit-panel{ left: var(--article-orbit-responsive-left, 50vw) !important; max-width: calc(100vw - 28px) !important; transition: opacity 130ms ease, transform 130ms ease, visibility 130ms ease !important; } .article-orbit-panel.is-responsive-orbit-panel.is-responsive-orbit-panel-visible{ transform: translate3d(-50%, 0, 0) scale(1) !important; } .article-orbit-panel.is-responsive-orbit-panel.is-responsive-orbit-panel-closing{ transform: translate3d(-50%, 8px, 0) scale(0.985) !important; } @media (max-width: 991px){.article-orbit-panel.is-responsive-orbit-panel, .article-orbit-panel.is-responsive-orbit-panel.is-responsive-orbit-panel-visible, .article-orbit-panel.is-responsive-orbit-panel.is-responsive-orbit-panel-closing{ right: auto !important; margin-inline: 0 !important; }} .page-article-detail .article-orbit-panel{ visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 120ms ease, visibility 120ms ease !important; } .page-article-detail .article-orbit-item:hover .article-orbit-panel, .page-article-detail .article-orbit-item:focus-within .article-orbit-panel{ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .page-article-detail .article-orbit-item.is-open .article-orbit-panel{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate(0, -50%) scale(1) !important; } @media (max-width: 991px){.page-article-detail .article-orbit-item.is-open .article-orbit-panel, .page-article-detail .article-orbit-item:nth-child(n +3).is-open .article-orbit-panel{ transform: translate(-50%, 0) scale(1) !important; }} .article-orbit-panel.is-responsive-orbit-panel{ left: 50vw !important; width: min(var(--article-orbit-responsive-width, 440px), calc(100vw - 28px)) !important; max-width: calc(100vw - 28px) !important; transform: translate3d(-50%, 0, 0) scale(1) !important; transition: opacity 120ms ease, visibility 120ms ease !important; } .article-orbit-panel.is-responsive-orbit-panel.is-responsive-orbit-panel-visible{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate3d(-50%, 0, 0) scale(1) !important; } .article-orbit-panel.is-responsive-orbit-panel.is-responsive-orbit-panel-closing{ opacity: 0 !important; visibility: visible !important; pointer-events: none !important; transform: translate3d(-50%, 0, 0) scale(1) !important; } body.scope-public :where(a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible{ outline: 3px solid #f0c982; outline-offset: 3px; } #main-content{ scroll-margin-top: calc(var(--site-header-height, 72px) + 1rem); } @media (prefers-reduced-motion: reduce){html{ scroll-behavior: auto !important; }} .page-status .status-page-section{ min-height: clamp(32rem, 72vh, 52rem); display: grid; align-items: center; padding: clamp(3rem, 8vw, 7rem) 0; } .page-status .status-page-shell{ width: 100%; } .page-status .status-page-card{ width: min(100%, 52rem); margin-inline: auto; padding: clamp(1.5rem, 4vw, 3rem); } .page-status .status-page-card h1{ margin: 0.7rem 0 1rem; font-size: clamp(2rem, 6vw, 4.5rem); line-height: 0.98; } .page-status .status-page-card p{ max-width: 46rem; margin: 0; font-size: clamp(1.05rem, 2.2vw, 1.35rem); line-height: 1.65; } .page-status .status-page-actions{ display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.75rem; } @media (max-width: 560px){.page-status .status-page-actions, .page-status .status-page-actions .lux-button{ width: 100%; }} .overlift-security-bridge { position: relative; margin: clamp(1.5rem, 3vw, 3rem) 0; } .overlift-security-bridge-shell { display: grid; grid-template-columns: minmax(260px, 0.76fr) minmax(0, 1.24fr); gap: clamp(1.2rem, 3vw, 3rem); align-items: center; padding: clamp(1.25rem, 3vw, 2.35rem); border: 1px solid rgba(215, 164, 83, 0.32); border-radius: clamp(1.05rem, 2vw, 1.55rem); background: radial-gradient(circle at 4% 0%, rgba(219, 161, 84, 0.15), transparent 28rem), radial-gradient(circle at 100% 100%, rgba(159, 54, 137, 0.18), transparent 31rem), linear-gradient(135deg, rgba(16, 15, 17, 0.97), rgba(12, 7, 13, 0.96)); box-shadow: inset 0 1px 0 rgba(255, 248, 232, 0.055), 0 1.4rem 4rem rgba(0, 0, 0, 0.22); } .overlift-security-bridge-copy h2 { max-width: 16ch; margin: 0.48rem 0 0; color: #f7efe3; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(1.75rem, 3.4vw, 3.4rem); font-weight: 530; letter-spacing: -0.045em; line-height: 1; text-wrap: balance; } .overlift-security-bridge-copy > p { max-width: 63ch; margin: 1rem 0 0; color: rgba(238, 232, 222, 0.77); font-size: clamp(0.98rem, 1.2vw, 1.08rem); line-height: 1.68; } .overlift-security-bridge-actions { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 1.2rem; } .overlift-security-triad { display: grid; gap: 0; min-width: 0; border: 1px solid rgba(217, 169, 91, 0.17); border-radius: 1rem; background: rgba(2, 4, 7, 0.42); overflow: hidden; } .overlift-security-triad article { display: grid; grid-template-columns: minmax(5.3rem, 0.25fr) minmax(10rem, 0.72fr) minmax(0, 1fr); gap: clamp(0.75rem, 1.6vw, 1.25rem); align-items: baseline; padding: 1rem 1.05rem; } .overlift-security-triad article + article { border-top: 1px solid rgba(217, 169, 91, 0.13); } .overlift-security-triad article > span, .overlift-security-threat-grid article > span, .overlift-security-honesty-grid article > span, .overlift-security-product-grid article > span, .overlift-security-context-links strong { color: #ddb56e; font-size: 0.69rem; font-weight: 850; letter-spacing: 0.14em; line-height: 1.3; text-transform: uppercase; } .overlift-security-triad article > strong { color: rgba(250, 242, 230, 0.94); font-size: 0.94rem; line-height: 1.38; } .overlift-security-triad article > p { margin: 0; color: rgba(224, 218, 209, 0.69); font-size: 0.86rem; line-height: 1.5; } .overlift-security-bridge.is-compact .overlift-security-bridge-shell { grid-template-columns: minmax(240px, 0.66fr) minmax(0, 1.34fr); padding: clamp(1rem, 2vw, 1.55rem); } .overlift-security-bridge.is-compact .overlift-security-bridge-copy h2 { font-size: clamp(1.55rem, 2.6vw, 2.45rem); } .page-overlift-security .overlift-method-intro { min-height: min(880px, calc(100svh - 8.5rem)); } .page-overlift-security .overlift-security-compass { align-self: stretch; } .overlift-security-threat-grid, .overlift-security-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: clamp(1.15rem, 2vw, 1.8rem); } .overlift-security-threat-grid article, .overlift-security-product-grid article { min-width: 0; padding: clamp(1rem, 2vw, 1.35rem); border: 1px solid rgba(211, 160, 84, 0.2); border-radius: 1rem; background: radial-gradient(circle at 100% 0%, rgba(148, 51, 130, 0.12), transparent 19rem), rgba(7, 8, 11, 0.66); } .overlift-security-threat-grid h3, .overlift-security-product-grid h3 { margin: 0.5rem 0 0; color: #f5eddf; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(1.25rem, 2vw, 1.8rem); font-weight: 540; letter-spacing: -0.028em; line-height: 1.12; } .overlift-security-threat-grid p, .overlift-security-product-grid p { margin: 0.75rem 0 0; color: rgba(229, 223, 214, 0.72); line-height: 1.62; } .overlift-security-product-grid a { display: inline-flex; margin-top: 0.9rem; color: #e2b873; font-size: 0.88rem; font-weight: 760; text-decoration: none; } .overlift-security-product-grid a:hover, .overlift-security-product-grid a:focus-visible { color: #f5d59f; text-decoration: underline; text-underline-offset: 0.25em; } .overlift-security-stack { display: grid; gap: 0; margin-top: clamp(1.1rem, 2.2vw, 1.8rem); border: 1px solid rgba(212, 161, 84, 0.2); border-radius: 1.1rem; background: rgba(3, 5, 8, 0.5); overflow: hidden; } .overlift-security-stack article { display: grid; grid-template-columns: 3.1rem minmax(0, 1fr); gap: 1rem; padding: clamp(1rem, 2vw, 1.35rem); } .overlift-security-stack article + article { border-top: 1px solid rgba(212, 161, 84, 0.13); } .overlift-security-stack article > i { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border: 1px solid rgba(219, 172, 93, 0.3); border-radius: 999px; color: #e1b775; font-size: 0.72rem; font-style: normal; font-weight: 850; letter-spacing: 0.08em; } .overlift-security-stack span { color: #dcae64; font-size: 0.68rem; font-weight: 850; letter-spacing: 0.14em; } .overlift-security-stack h3 { margin: 0.35rem 0 0; color: #f6eee2; font-size: clamp(1.08rem, 1.7vw, 1.48rem); line-height: 1.25; } .overlift-security-stack p { margin: 0.52rem 0 0; color: rgba(228, 222, 213, 0.7); line-height: 1.58; } .overlift-security-honesty-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: clamp(1.15rem, 2vw, 1.8rem); } .overlift-security-honesty-grid article { padding: clamp(1rem, 2vw, 1.45rem); border: 1px solid rgba(212, 161, 84, 0.2); border-radius: 1rem; background: rgba(4, 6, 9, 0.58); } .overlift-security-honesty-grid .is-does { box-shadow: inset 0 0 0 1px rgba(92, 174, 135, 0.07); } .overlift-security-honesty-grid .is-does-not { box-shadow: inset 0 0 0 1px rgba(183, 73, 150, 0.08); } .overlift-security-honesty-grid ul { display: grid; gap: 0.75rem; margin: 1rem 0 0; padding: 0; list-style: none; } .overlift-security-honesty-grid li { position: relative; padding-left: 1.35rem; color: rgba(231, 225, 216, 0.75); line-height: 1.55; } .overlift-security-honesty-grid li::before { content: "◇"; position: absolute; left: 0; color: #dcae64; } .overlift-security-context-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: clamp(1.15rem, 2vw, 1.8rem); } .overlift-security-context-links a { display: grid; gap: 0.45rem; min-width: 0; padding: 1rem; border: 1px solid rgba(211, 160, 84, 0.2); border-radius: 0.95rem; background: rgba(5, 7, 10, 0.58); text-decoration: none; } .overlift-security-context-links span { color: rgba(232, 226, 217, 0.75); line-height: 1.48; } .overlift-security-context-links a:hover, .overlift-security-context-links a:focus-visible { border-color: rgba(231, 183, 102, 0.46); background: rgba(20, 13, 21, 0.78); } .page-project-detail .product-story-intro-trust-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; max-width: 70ch; } .page-project-detail .product-story-intro-security { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 0.72rem; min-width: 0; padding: 0.78rem 0.92rem; border: 1px solid rgba(211, 158, 78, 0.27); border-radius: 0.9rem; background: radial-gradient(circle at 0% 50%, rgba(213, 151, 82, 0.14), transparent 34%), linear-gradient(105deg, rgba(31, 25, 19, 0.68), rgba(22, 13, 24, 0.52)); box-shadow: inset 0 1px 0 rgba(255, 247, 230, 0.035); } .page-project-detail .product-story-intro-security > span { color: #dfb86e; font-size: 0.68rem; font-weight: 850; letter-spacing: 0.14em; line-height: 1.25; text-transform: uppercase; white-space: nowrap; } .page-project-detail .product-story-intro-security > strong { color: rgba(251, 244, 233, 0.9); font-size: 0.9rem; font-weight: 630; line-height: 1.4; } .page-project-detail .product-story-trust-advantages { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: clamp(1.25rem, 2.4vw, 2.15rem); } .page-project-detail .product-story-trust-advantages .product-story-privacy-advantage, .page-project-detail .product-story-trust-advantages .product-story-security-advantage { margin-top: 0; grid-template-columns: 1fr; } .page-project-detail .product-story-security-advantage { display: grid; gap: 1rem; align-items: start; padding: clamp(1.05rem, 2vw, 1.55rem); border: 1px solid rgba(211, 158, 78, 0.3); border-radius: 1.15rem; background: radial-gradient(circle at 6% 0%, rgba(213, 151, 82, 0.14), transparent 25rem), radial-gradient(circle at 96% 100%, rgba(112, 48, 105, 0.13), transparent 28rem), rgba(6, 8, 12, 0.78); } .page-project-detail .product-story-security-advantage > div > span { display: block; color: #dfb86e; font-size: 0.7rem; font-weight: 850; letter-spacing: 0.15em; text-transform: uppercase; } .page-project-detail .product-story-security-advantage h3 { max-width: 20ch; margin: 0.45rem 0 0; color: #f7efe3; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(1.5rem, 2.4vw, 2.35rem); font-weight: 540; letter-spacing: -0.035em; line-height: 1.05; text-wrap: balance; } .page-project-detail .product-story-security-advantage > div > p { margin: 0.8rem 0 0; color: rgba(238, 232, 222, 0.78); font-size: 0.96rem; line-height: 1.62; } .page-project-detail .product-story-security-advantage > ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .page-project-detail .product-story-security-advantage > ul > li { display: grid; grid-template-columns: minmax(10.5rem, 0.48fr) minmax(0, 1fr); gap: 1rem; align-items: baseline; padding: 0.88rem 0; } .page-project-detail .product-story-security-advantage > ul > li + li { border-top: 1px solid rgba(220, 179, 110, 0.12); } .page-project-detail .product-story-security-advantage li strong { color: rgba(248, 239, 226, 0.92); font-size: 0.92rem; line-height: 1.35; } .page-project-detail .product-story-security-advantage li span { color: rgba(223, 218, 210, 0.68); font-size: 0.86rem; line-height: 1.52; } .privacy-boundary-shell { padding: clamp(1.35rem, 3vw, 2.6rem); border-color: rgba(211, 158, 78, 0.3); background: radial-gradient(circle at 2% 0%, rgba(215, 159, 79, 0.14), transparent 28rem), radial-gradient(circle at 100% 100%, rgba(151, 48, 132, 0.15), transparent 31rem), linear-gradient(145deg, rgba(13, 13, 16, 0.97), rgba(8, 7, 11, 0.96)); } .privacy-boundary-shell > h1 { max-width: 15ch; margin: 0.55rem 0 0; color: #f7efe3; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(2rem, 4.8vw, 4.8rem); font-weight: 520; letter-spacing: -0.052em; line-height: 0.98; text-wrap: balance; } .privacy-boundary-lead { max-width: 74ch; margin: 1rem 0 0; color: rgba(239, 233, 224, 0.78); font-size: clamp(1rem, 1.35vw, 1.16rem); line-height: 1.67; } .privacy-boundary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: clamp(1.35rem, 2.5vw, 2.2rem); } .privacy-boundary-grid > section { min-width: 0; padding: clamp(1rem, 2vw, 1.45rem); border: 1px solid rgba(214, 164, 87, 0.18); border-radius: 1rem; background: rgba(4, 6, 9, 0.58); } .privacy-boundary-grid > section > span { color: #ddb56e; font-size: 0.69rem; font-weight: 850; letter-spacing: 0.14em; text-transform: uppercase; } .privacy-boundary-grid h2 { margin: 0.48rem 0 0; color: #f6eee2; font-family: var(--font-display, "Newsreader", Georgia, serif); font-size: clamp(1.35rem, 2.25vw, 2rem); font-weight: 540; letter-spacing: -0.03em; line-height: 1.12; } .privacy-boundary-grid p, .privacy-boundary-grid li { color: rgba(231, 225, 216, 0.74); line-height: 1.6; } .privacy-boundary-grid p { margin: 0.74rem 0 0; } .privacy-boundary-grid ul { margin: 0.85rem 0 0; padding-left: 1.15rem; } .privacy-boundary-grid li + li { margin-top: 0.35rem; } .overlift-method-security-case { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(230px, 0.68fr); gap: clamp(1rem, 2.5vw, 2rem); align-items: center; margin-top: clamp(1rem, 2.2vw, 1.65rem); padding: clamp(1.1rem, 2vw, 1.55rem); border: 1px solid rgba(214, 160, 81, 0.29); border-radius: 1.1rem; background: radial-gradient(circle at 0% 0%, rgba(213, 151, 82, 0.14), transparent 24rem), radial-gradient(circle at 100% 100%, rgba(146, 48, 129, 0.15), transparent 26rem), rgba(5, 7, 10, 0.76); } .overlift-method-security-case > div > span { display: block; color: var(--method-brass-bright, #ddb56e); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.14em; line-height: 1.35; text-transform: uppercase; } .overlift-method-security-case h3 { margin-top: 0.4rem; color: #f5f0e8; font-family: "Newsreader", Georgia, serif; font-size: clamp(1.45rem, 2.4vw, 2.2rem); font-weight: 540; line-height: 1.06; } .overlift-method-security-case p { margin: 0.72rem 0 0; color: var(--method-copy, rgba(238, 232, 222, 0.76)); font-size: 0.92rem; line-height: 1.58; } .overlift-method-security-case ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .overlift-method-security-case li { padding: 0.72rem 0; color: rgba(247, 239, 226, 0.86); font-size: 0.85rem; font-weight: 690; line-height: 1.4; } .overlift-method-security-case li + li { border-top: 1px solid rgba(216, 177, 108, 0.13); } .overlift-method-security-case > a { grid-column: 1 / -1; justify-self: start; color: #e2b873; font-size: 0.88rem; font-weight: 760; text-decoration: none; } .overlift-method-security-case > a:hover, .overlift-method-security-case > a:focus-visible { color: #f5d59f; text-decoration: underline; text-underline-offset: 0.25em; } .page-home-overlift-deck .pathfinder-primary-actions .pathfinder-action-secondary { display: inline-flex; min-width: 250px; min-height: 48px; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(215, 168, 91, 0.58); border-radius: 10px; background: linear-gradient(180deg, rgba(34, 26, 18, 0.92), rgba(17, 10, 17, 0.96)); color: var(--pf-text, #f8f7f8); font-size: 0.92rem; font-weight: 700; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 8px 20px rgba(0, 0, 0, 0.22); transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease, background 150ms ease; } .page-home-overlift-deck .pathfinder-primary-actions .pathfinder-action-secondary:hover, .page-home-overlift-deck .pathfinder-primary-actions .pathfinder-action-secondary:focus-visible { transform: translateY(-1px); border-color: rgba(234, 190, 111, 0.9); box-shadow: inset 0 1px 0 rgba(255, 247, 230, 0.08), 0 0 22px rgba(213, 151, 82, 0.2), 0 9px 24px rgba(0, 0, 0, 0.3); } .about-story-stack > .overlift-security-bridge .site-width, .resume-page > .overlift-security-bridge .site-width, .agentic-glossary-page > .overlift-security-bridge .site-width { width: 100%; padding-inline: 0; } @media (max-width: 1020px) { .overlift-security-bridge-shell, .overlift-security-bridge.is-compact .overlift-security-bridge-shell, .page-project-detail .product-story-trust-advantages { grid-template-columns: 1fr; } .overlift-security-context-links, .privacy-boundary-grid, .overlift-method-security-case { grid-template-columns: 1fr; } } @media (max-width: 760px) { .overlift-security-triad article, .page-project-detail .product-story-security-advantage > ul > li { grid-template-columns: 1fr; gap: 0.35rem; } .overlift-security-threat-grid, .overlift-security-product-grid, .overlift-security-honesty-grid, .page-project-detail .product-story-intro-trust-grid { grid-template-columns: 1fr; } .page-home-overlift-deck .pathfinder-primary-actions .pathfinder-action-secondary { min-width: 0; min-height: 46px; font-size: 0.8rem; } } @media (max-width: 560px) { .overlift-security-bridge-actions, .overlift-security-bridge-actions .lux-button { width: 100%; } .page-project-detail .product-story-intro-security { grid-template-columns: 1fr; gap: 0.3rem; } .page-project-detail .product-story-intro-security > span { white-space: normal; } }