/*!sf-css-bundle:AssetBundleManifest*/ /*!sf-css-source:css/public/features/contact-foundation.css*/ .nav-row{display: flex; align-items: center; justify-content: space-between; gap: 1rem;} .eyebrow{text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.75rem; color: var(--gold);} .footer-copy{color: var(--muted);} .hero-actions{display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem;} .lux-button{display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 1.35rem; border-radius: 16px; font-weight: 600; border: 1px solid transparent; cursor: pointer; transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;} .lux-button:hover{transform: translateY(-2px); box-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);} .lux-button-primary{background: linear-gradient(135deg, #d7be96 0%, #b09169 100%); color: #111214;} .lux-button-secondary{background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.14); color: var(--text);} .field-input{min-height: 52px; width: 100%; border-radius: 14px; padding: 0 0.95rem; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text); outline: none;} .field-input:focus{border-color: rgba(214, 188, 146, 0.45); box-shadow: 0 0 0 0.24rem rgba(214, 188, 146, 0.14);} .nav-submenu-copy p{color: var(--muted);} .luxury-panel{border-radius: 30px; border: 1px solid rgba(214,188,146,0.14); background: rgba(12,16,22,0.76); box-shadow: var(--shadow); position: relative;} .field-textarea{min-height: 8rem; padding: 0.9rem 0.95rem; resize: vertical;} @media (max-width: 991px){.site-backdrop-orbits::before{width: 46rem; height: 46rem; right: -18rem;}.site-backdrop-orbits::after{width: 34rem; height: 34rem;}.main-nav{display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 1rem; padding: 0 0 1rem;}.main-nav.is-open{display: flex;}.header-menu-list{grid-template-columns: 1fr;}.header-menu-list{display: grid; gap: 0.6rem; width: 100%;}.nav-link-group,.nav-link{width: 100%;}.nav-submenu{position: static; width: 100%; opacity: 1; visibility: visible; transform: none; pointer-events: auto; display: none; margin-top: 0.55rem;}.nav-item.is-open > .nav-submenu{display: block;}.footer-menu-list{grid-template-columns: 1fr;}} @media (max-width: 767px){.site-width,.site-width-admin{width: min(100% - 1rem, 100% - 1rem);}.footer-shell{padding: 1.25rem;}.nav-toggle{width: 3rem; height: 3rem;}} .footer-meta-copy{color: var(--muted);} .field-input{width: 100%; min-height: 52px; padding: 0.85rem 0.95rem; border-radius: 16px; border: 1px solid rgba(255,255,255,0.08); background: rgba(7, 9, 13, 0.72); color: var(--text);} .field-textarea{min-height: 140px; resize: vertical;} .validation-summary-errors{color: var(--danger);} @media (max-width: 767px){.footer-shell{padding: 1.25rem;}} .nav-submenu-copy p,.footer-copy{color: var(--muted);} .hero-actions{display: flex; flex-wrap: wrap; gap: 0.85rem; margin-top: 1.5rem;} .lux-button{display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; min-height: 50px; padding: 0.8rem 1.35rem; border-radius: 14px; border: 1px solid rgba(214,188,146,0.18); cursor: pointer; font-weight: 600;} .lux-button-primary{background: linear-gradient(135deg, rgba(214,188,146,0.28), rgba(214,188,146,0.14)); color: #fff8ee;} .lux-button-secondary{background: rgba(255,255,255,0.04); color: var(--text);} .lux-button:hover{transform: translateY(-1px);} .footer-shell::after{content: ""; position: absolute; inset: auto -4rem -5rem auto; width: 18rem; height: 18rem; border-radius: 50%; border: 1px solid rgba(214,188,146,0.18); box-shadow: 0 0 0 24px rgba(214,188,146,0.03), 0 0 0 48px rgba(214,188,146,0.02); opacity: 0.9; pointer-events: none;} .footer-meta-copy{font-size: 0.92rem; color: var(--muted);} @media (max-width: 1180px){.footer-menu-list{grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 991px){.site-main > section:first-child{padding-top: 2rem;}.main-nav{display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 0.9rem; padding: 0 0 1rem;}.main-nav.is-open{display: flex;}.header-menu-list{width: 100%; flex-direction: column; align-items: stretch; gap: 0.45rem;}.nav-link-group{justify-content: space-between;}.nav-submenu{position: static; max-height: 0; overflow: hidden; opacity: 1; visibility: visible; transform: none; transition: max-height 0.35s ease; min-width: 0;}.nav-item.is-open > .nav-submenu{max-height: 480px; margin-top: 0.55rem;}.nav-submenu-shell{min-width: 0;}.footer-menu-list{grid-template-columns: 1fr;}.footer-brand-block,.footer-meta-row{flex-direction: column; align-items: flex-start;}} @media (max-width: 640px){.site-width{width: min(100% - 1.2rem, 1180px);}.footer-shell{padding: 1.15rem;}} .footer-copy{color: var(--muted);} .hero-actions{display: flex; justify-content: center; flex-wrap: wrap; gap: 0.9rem; margin-top: 2rem;} .lux-button{display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; min-height: 52px; padding: 0 1.35rem; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: var(--text); transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;} .lux-button:hover{transform: translateY(-1px); border-color: rgba(214, 188, 146, 0.32); background: rgba(255, 255, 255, 0.08); box-shadow: 0 20px 36px rgba(0, 0, 0, 0.24);} .lux-button-primary{background: linear-gradient(135deg, rgba(214, 188, 146, 0.26), rgba(214, 188, 146, 0.13)); border-color: rgba(214, 188, 146, 0.34);} .lux-button-secondary{background: rgba(255, 255, 255, 0.035);} .footer-meta-row{display: flex; justify-content: space-between; gap: 1rem; align-items: center; flex-wrap: wrap;} @media (max-width: 991px){.header-menu-list{width: 100%; flex-direction: column; align-items: stretch;}.main-nav{position: absolute; top: calc(100% + 0.8rem); right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0.8rem; padding: 1rem; border-radius: 0 0 26px 26px; background: rgba(10, 13, 18, 0.96); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: var(--shadow);}.main-nav.is-open{display: flex;}.nav-row{position: relative; padding-bottom: 0.8rem;}.nav-item,.nav-submenu{position: static;}.nav-submenu{display: none; opacity: 1; visibility: visible; transform: none; min-width: 0; margin-top: 0.75rem;}.nav-item.is-open > .nav-submenu{display: block;}.footer-meta-row{flex-direction: column; align-items: flex-start;}} @media (max-width: 767px){.footer-shell{padding: 1.2rem;}} .field-textarea{min-height: 140px; padding: 0.95rem; resize: vertical;} @media (max-width: 767px){.footer-shell{padding: 1.15rem;}.footer-brand-block,.footer-meta-row{flex-direction: column; align-items: flex-start;}} .footer-meta-row{display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: center;} .footer-meta-copy{font-size: 0.84rem; color: var(--muted);} @media (max-width: 1200px){.footer-shell{grid-template-columns: 1fr;}} @media (max-width: 991px){.header-menu-list{flex-direction: column; align-items: stretch; width: 100%;}.main-nav{display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 1rem; padding-bottom: 1rem;}.main-nav.is-open{display: flex;}.nav-submenu{position: static; width: 100%; opacity: 1; transform: none; pointer-events: auto; display: none; margin-top: 0.65rem;}.nav-item.is-open > .nav-submenu{display: block;}.footer-menu-list{grid-template-columns: 1fr;}} @media (max-width: 1100px){.nav-submenu{width: min(360px, calc(100vw - 2rem));}} @media (max-width: 767px){.site-width,.site-width-admin{width: min(100% - 1.25rem, 100%);}} .field-group-inline{display: grid; gap: 0.35rem;} .field-group-inline label{color: var(--muted);} .nav-submenu-copy p,.submenu-link-copy,.footer-meta-copy{color: var(--lux-muted);} .hero-actions{justify-content: center;} .footer-copy{margin: 0;} .eyebrow{letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.72rem;} @media (max-width: 991px){.site-header{backdrop-filter: blur(14px);}.brand-copy span:last-child{display: none;}.admin-shell-row{gap: 0.8rem;}.admin-shell-row .nav-toggle{margin-left: auto;}.admin-main-nav{position: absolute; top: calc(100% + 0.75rem); right: 1rem; left: 1rem; display: none; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0.9rem; padding: 1rem; border-radius: 24px; border: 1px solid rgba(214,188,146,0.16); background: rgba(8, 11, 15, 0.98); box-shadow: 0 30px 70px rgba(0,0,0,0.34);}.admin-main-nav.is-open{display: flex;}.admin-header-links{flex-direction: column; align-items: stretch; gap: 0.45rem;}.admin-shell-link{width: 100%; min-height: 48px; justify-content: flex-start; padding: 0 1rem;}.admin-shell-actions{width: 100%; margin-left: 0; justify-content: space-between; padding-top: 0.75rem; border-top: 1px solid rgba(255,255,255,0.06);}.main-nav{position: absolute; top: calc(100% + 0.8rem); right: 1rem; left: 1rem; display: none; flex-direction: column; align-items: stretch; gap: 0.75rem; padding: 1rem; border-radius: 24px; background: linear-gradient(180deg, rgba(7, 10, 15, 0.98), rgba(6, 9, 13, 0.98)); border: 1px solid rgba(255,255,255,0.08); box-shadow: var(--lux-shadow);}.main-nav.is-open{display: flex;}.header-menu-list{width: 100%; flex-direction: column; align-items: stretch; gap: 0.55rem;}.header-menu-list > .nav-item{width: 100%;}.nav-link-group,.nav-link{width: 100%; justify-content: flex-start;}.nav-link{min-height: 52px; padding: 0 1rem; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);}.nav-submenu{position: static; width: 100%; opacity: 1; transform: none; pointer-events: auto; margin-top: 0.6rem;}.nav-submenu-shell,.nav-submenu-shell-categories{grid-template-columns: 1fr;}.nav-submenu-copy{display: none;}.footer-menu-list{grid-template-columns: 1fr;}} @media (max-width: 767px){.site-width{width: min(100% - 1.1rem * 2, 1180px);}.admin-shell-utility-link,.admin-shell-logout{min-height: 38px; padding: 0 0.75rem;}.brand-copy strong{font-size: 1.32rem;}.footer-brand-mark{width: 50px; height: 50px;}.footer-shell{padding: 1.15rem;}.hero-actions{justify-content: flex-start;}.footer-brand-block,.footer-meta-row{grid-template-columns: 1fr; flex-direction: column; align-items: start;}} .page-contact .resume-page-copy h1{max-width: 14ch;} .page-contact .resume-page-hero{padding: 2.15rem 0 1rem;} .page-contact .resume-page-grid{grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); align-items: stretch; gap: 1rem;} .page-contact .resume-page-copy,.page-contact .contact-form-card{padding: 1.35rem; min-height: 0;} .page-contact .resume-page-copy h1{max-width: 11ch; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 0.98;} .page-contact .hero-kicker{max-width: 28ch; font-size: clamp(0.98rem, 1.45vw, 1.12rem); margin-top: 0.2rem;} .contact-form-header{display: grid; gap: 0.45rem;} .contact-form-header h2{font-size: clamp(1.45rem, 2vw, 2rem);} .contact-submit-form{display: grid; gap: 1rem;} .contact-form-card .field-input,.contact-form-card .field-textarea{background: linear-gradient(180deg, rgba(10, 14, 20, 0.96), rgba(7, 10, 15, 0.94)); border: 1px solid rgba(255,255,255,0.08); color: var(--lux-text); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);} .contact-form-card .field-input::placeholder,.contact-form-card .field-textarea::placeholder{color: rgba(245, 239, 228, 0.38);} .contact-form-card .field-input:focus,.contact-form-card .field-textarea:focus{border-color: rgba(214,188,146,0.3); box-shadow: 0 0 0 0.22rem rgba(214,188,146,0.1), inset 0 1px 0 rgba(255,255,255,0.06);} .contact-form-card .field-textarea.contact-message-textarea{position: relative; z-index: 2; display: block; width: 100%; min-width: 0; min-height: 15rem; padding: 1.35rem 1.2rem 1.15rem; border: 0; border-radius: 23px; background: transparent; background-color: transparent; color: var(--lux-text); line-height: 1.7; box-shadow: none; resize: vertical;} .contact-form-card .field-textarea.contact-message-textarea:focus{outline: none; border-color: transparent; background: transparent; box-shadow: none;} .contact-form-actions{display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center;} .contact-form-status{display: none; padding: 0.9rem 1rem; border-radius: 18px; border: 1px solid rgba(214,188,146,0.2); color: var(--lux-muted);} .contact-form-status.is-visible{display: block;} .validation-summary-errors{background: rgba(214, 122, 122, 0.08); border: 1px solid rgba(214, 122, 122, 0.2); color: var(--lux-text); border-radius: 18px; padding: 0.85rem 1rem;} .contact-form-status a{color: var(--lux-text); text-decoration: underline; text-underline-offset: 0.16em;} .field-validation-error{color: #f3c4c4; font-size: 0.82rem; line-height: 1.4;} @media (max-width: 991px){.page-contact .resume-page-grid{grid-template-columns: 1fr;}.footer-shell{grid-template-columns: 1fr;}.footer-menu-block{justify-self: start;}.footer-menu-list{justify-content: flex-start;}.footer-meta-row{grid-template-columns: 1fr;}.footer-cta-link{justify-self: start;}.footer-shell::after{width: 10rem; height: 10rem; inset: auto 0.9rem 0.7rem auto !important;}} @media (max-width: 767px){.page-contact .resume-page-hero{padding: 2.1rem 0 0.9rem;}.page-contact .resume-page-copy h1{font-size: clamp(1.95rem, 9vw, 2.75rem); max-width: none;}.footer-menu-list{gap: 0.55rem 1rem;}.nav-link{width: auto; max-width: 100%;}} @media (min-width: 992px){.page-home .hero-actions{justify-content: center; gap: 0.9rem; margin-top: 1.1rem;}} @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;}} .page-contact .contact-hero-panel{display: grid; align-content: start; gap: 0.95rem;} .page-contact .contact-sizzle-lead,.page-contact .contact-sizzle-close{max-width: 58ch; margin: 0; color: var(--lux-muted); line-height: 1.56;} .page-contact .contact-sizzle-stack{display: grid; gap: 0.7rem; margin-top: 0.1rem;} .page-contact .contact-sizzle-card{display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "num title" "num copy"; column-gap: 0.78rem; row-gap: 0.12rem; align-items: start; padding: 0.82rem 0.9rem; border-radius: 20px; border: 1px solid rgba(255,255,255,0.075); background: linear-gradient(135deg, rgba(214,188,146,0.075), rgba(255,255,255,0.026) 38%, rgba(134,183,181,0.035)); box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), 0 18px 38px rgba(0,0,0,0.14);} .page-contact .contact-sizzle-card span{grid-area: num; display: inline-grid; place-items: center; width: 2.15rem; height: 2.15rem; border-radius: 999px; border: 1px solid rgba(214,188,146,0.22); background: rgba(214,188,146,0.075); color: rgba(241,211,158,0.92); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.12em;} .page-contact .contact-sizzle-card strong{grid-area: title; color: var(--lux-text); font-size: 0.98rem; line-height: 1.2;} .page-contact .contact-sizzle-card p{grid-area: copy; max-width: none; margin: 0; color: var(--lux-muted); font-size: 0.93rem; line-height: 1.48;} .page-contact .contact-proof-strip{display: flex; flex-wrap: wrap; gap: 0.48rem; margin-top: 0.05rem;} .page-contact .contact-proof-strip span{display: inline-flex; align-items: center; min-height: 2.08rem; padding: 0 0.76rem; border-radius: 999px; border: 1px solid rgba(214,188,146,0.18); background: rgba(255,255,255,0.032); color: rgba(246,236,218,0.82); font-size: 0.84rem; font-weight: 800; letter-spacing: 0.018em; box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);} .page-contact .contact-sizzle-close{color: rgba(246,236,218,0.88);} @media (min-width: 621px) and (max-width: 991px){.page-contact .contact-sizzle-stack{gap: 0.62rem;}.page-contact .contact-sizzle-card{padding: 0.72rem 0.76rem;}.page-contact .contact-sizzle-card p{font-size: 0.88rem;}} @media (max-width: 620px){.page-contact .contact-sizzle-card{grid-template-columns: 1fr; grid-template-areas: "num" "title" "copy";}} /*!sf-css-source:css/public/pages/overlift-method/page.css*/ .page-overlift-method { --method-onyx: #070b10; --method-onyx-soft: #0c1219; --method-panel: rgba(10, 15, 21, 0.94); --method-panel-deep: rgba(5, 9, 14, 0.97); --method-brass: #d9b878; --method-brass-bright: #f2d39a; --method-brass-line: rgba(218, 177, 105, 0.34); --method-brass-line-soft: rgba(218, 177, 105, 0.17); --method-magenta: #eb6fc2; --method-magenta-soft: rgba(235, 111, 194, 0.16); --method-text: #f4efe6; --method-copy: #c4c0b8; --method-muted: #969a9e; --method-danger: #e39f91; --method-radius: clamp(22px, 2.1vw, 30px); --method-gap: 30px; } body.page-overlift-method { margin: 0; min-height: 100vh; overflow-x: hidden; color: var(--method-text); background: radial-gradient(circle at 12% 4%, rgba(208, 153, 78, 0.10), transparent 26%), radial-gradient(circle at 86% 16%, rgba(194, 52, 147, 0.075), transparent 28%), linear-gradient(180deg, #06090d 0%, #0a0e13 52%, #06090d 100%); } body.page-overlift-method .site-shell-public { background: radial-gradient(circle at 14% 12%, rgba(214, 168, 94, 0.085), transparent 24%), radial-gradient(circle at 86% 24%, rgba(206, 71, 161, 0.06), transparent 28%), linear-gradient(180deg, #070a0e 0%, #0b1016 48%, #070a0f 100%); } body.page-overlift-method .site-main { position: relative; z-index: 1; min-width: 0; background: transparent; } .overlift-method-page, .overlift-method-page * { box-sizing: border-box; } .overlift-method-page { position: relative; padding: 30px 0 0; color: var(--method-text); } .overlift-method-page::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.22; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.022) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.022) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 88%); } .overlift-method-page .site-width, .overlift-method-shell { width: min(1180px, calc(100% - 2rem)); max-width: 1180px; margin-inline: auto; } .overlift-method-shell { display: grid; gap: var(--method-gap); } .overlift-method-panel { position: relative; isolation: isolate; min-width: 0; overflow: hidden; border: 1px solid var(--method-brass-line); border-radius: var(--method-radius); background: radial-gradient(circle at 8% 0%, rgba(247, 210, 148, 0.075), transparent 25%), radial-gradient(circle at 94% 12%, rgba(206, 73, 162, 0.07), transparent 28%), linear-gradient(145deg, rgba(16, 20, 25, 0.97), rgba(6, 10, 15, 0.985) 58%, rgba(8, 12, 18, 0.98)); box-shadow: inset 0 1px 0 rgba(255, 247, 230, 0.075), inset 0 -1px 0 rgba(68, 43, 20, 0.24), 0 22px 62px rgba(0, 0, 0, 0.29), 0 0 0 1px rgba(77, 52, 28, 0.14); } .overlift-method-panel::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(110deg, transparent 0%, rgba(255, 231, 187, 0.045) 24%, transparent 42%), radial-gradient(circle at 58% 120%, rgba(190, 127, 55, 0.07), transparent 42%); } .overlift-method-page .eyebrow, .overlift-method-compass-heading > span, .overlift-method-phase > header > span, .overlift-method-authority-grid article > span, .overlift-method-formula-grid article > span, .overlift-method-example-flow li > span { color: var(--method-brass-bright); font-size: clamp(0.7rem, 0.75vw, 0.82rem); font-weight: 820; letter-spacing: 0.14em; line-height: 1.35; text-transform: uppercase; } .overlift-method-page h1, .overlift-method-page h2, .overlift-method-page h3 { margin: 0; color: var(--method-text); font-family: "Newsreader", Georgia, serif; font-weight: 520; letter-spacing: -0.035em; text-wrap: balance; } .overlift-method-page h2 { font-size: clamp(2rem, 3.5vw, 3.35rem); line-height: 1.02; } .overlift-method-page h3 { font-size: clamp(1.35rem, 1.8vw, 1.75rem); line-height: 1.08; } .overlift-method-page p { color: var(--method-copy); } .overlift-method-intro { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(330px, 0.78fr); align-items: stretch; gap: clamp(22px, 3vw, 42px); padding: clamp(24px, 4vw, 52px); } .overlift-method-intro-copy { min-width: 0; } .overlift-method-back { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin-bottom: clamp(22px, 3vw, 38px); padding: 0.62rem 1rem; border-radius: 999px; color: #f5d79e; font-size: 0.9rem; font-weight: 780; text-decoration: none; } .overlift-method-intro h1 { max-width: 10ch; margin-top: 0.55rem; font-size: clamp(3.25rem, 6.2vw, 5.85rem); line-height: 0.94; } .overlift-method-intro h1 em { display: inline-block; margin-top: 0.08em; color: var(--method-magenta); font-style: normal; text-shadow: 0 0 30px rgba(219, 78, 172, 0.15); } .overlift-method-lead { max-width: 64ch; margin: clamp(20px, 2.5vw, 30px) 0 0; color: #d9d5ce !important; font-size: clamp(1.08rem, 1.35vw, 1.3rem); line-height: 1.62; } .overlift-method-summary { max-width: 70ch; margin: 1rem 0 0; font-size: clamp(0.98rem, 1.08vw, 1.08rem); line-height: 1.68; } .overlift-method-actions, .overlift-method-cta-actions { display: flex; flex-wrap: wrap; gap: 0.72rem; margin-top: clamp(22px, 2.8vw, 34px); } .overlift-method-page .lux-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0.72rem 1.08rem; border: 1px solid rgba(222, 177, 105, 0.42); border-radius: 14px; background: radial-gradient(circle at 18% 0%, rgba(255, 239, 208, 0.09), transparent 38%), linear-gradient(150deg, rgba(36, 31, 26, 0.96), rgba(10, 13, 17, 0.98) 58%, rgba(27, 19, 22, 0.98)); color: #f5efe5; font-size: 0.94rem; font-weight: 790; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255, 245, 224, 0.09), 0 10px 26px rgba(0, 0, 0, 0.24); transition: transform 170ms ease, border-color 170ms ease, background 170ms ease, box-shadow 170ms ease; } .overlift-method-page .lux-button-primary { border-color: rgba(236, 111, 194, 0.55); background: radial-gradient(circle at 18% 0%, rgba(244, 228, 239, 0.17), transparent 36%), linear-gradient(135deg, rgba(167, 52, 129, 0.94), rgba(104, 26, 78, 0.98)); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 13px 30px rgba(123, 24, 90, 0.22); } .overlift-method-page .lux-button:hover, .overlift-method-page .lux-button:focus-visible, .overlift-method-back:hover, .overlift-method-back:focus-visible { transform: translateY(-1px); border-color: rgba(242, 204, 140, 0.72); box-shadow: inset 0 1px 0 rgba(255, 249, 234, 0.13), 0 15px 34px rgba(0, 0, 0, 0.3), 0 0 24px rgba(206, 143, 68, 0.09); } .overlift-method-page .lux-button:focus-visible, .overlift-method-back:focus-visible { outline: 3px solid rgba(235, 111, 194, 0.24); outline-offset: 3px; } .overlift-method-compass { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; padding: clamp(22px, 3vw, 34px); border: 1px solid rgba(227, 112, 189, 0.22); border-radius: clamp(18px, 1.7vw, 24px); background: radial-gradient(circle at 82% 8%, rgba(209, 79, 166, 0.14), transparent 32%), linear-gradient(155deg, rgba(8, 18, 28, 0.98), rgba(4, 8, 13, 0.98)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045); } .overlift-method-compass-heading h2 { margin-top: 0.55rem; font-size: clamp(1.8rem, 2.5vw, 2.65rem); } .overlift-method-compass-heading p { margin: 0.9rem 0 0; font-size: 0.94rem; line-height: 1.55; } .overlift-method-compass-list { display: grid; gap: 0.42rem; margin: 1.35rem 0; padding: 0; list-style: none; } .overlift-method-compass-list li { display: grid; grid-template-columns: 2.45rem minmax(0, 1fr); align-items: start; gap: 0.72rem; padding: 0.72rem; border: 1px solid rgba(235, 111, 194, 0.10); border-radius: 14px; background: rgba(3, 8, 13, 0.44); } .overlift-method-compass-list li > i, .overlift-method-phase li > i { display: grid; place-items: center; width: 2.35rem; height: 2.35rem; border: 1px solid rgba(235, 111, 194, 0.42); border-radius: 50%; color: var(--method-magenta); box-shadow: 0 0 1rem rgba(235, 111, 194, 0.16), inset 0 0 0.7rem rgba(235, 111, 194, 0.07); font-size: 0.7rem; font-style: normal; font-weight: 850; } .overlift-method-compass-list strong, .overlift-method-compass-list span { display: block; } .overlift-method-compass-list strong { color: #f4f1eb; font-size: 0.98rem; } .overlift-method-compass-list span { margin-top: 0.15rem; color: var(--method-copy); font-size: 0.84rem; line-height: 1.42; } .overlift-method-authority-line { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 0.6rem; padding: 0.82rem 0.9rem; border: 1px solid rgba(218, 177, 105, 0.28); border-radius: 13px; background: linear-gradient(90deg, rgba(96, 61, 27, 0.18), rgba(12, 52, 70, 0.19)); text-align: center; } .overlift-method-authority-line span { color: var(--method-copy); } .overlift-method-authority-line i { color: var(--method-magenta); font-style: normal; } .overlift-method-authority-line strong { color: var(--method-brass-bright); } .overlift-method-cycle, .overlift-method-authorities, .overlift-method-quantum, .overlift-method-example, .overlift-method-cta { padding: clamp(24px, 4vw, 48px); } .overlift-method-section-heading { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.75fr); align-items: end; gap: clamp(22px, 3vw, 46px); } .overlift-method-section-heading h2 { max-width: 17ch; margin-top: 0.48rem; } .overlift-method-section-heading > p { margin: 0; font-size: clamp(0.97rem, 1.1vw, 1.06rem); line-height: 1.68; } .overlift-method-phase-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 22px); margin-top: clamp(24px, 3.2vw, 38px); } .overlift-method-phase { min-width: 0; padding: clamp(20px, 2.4vw, 28px); border: 1px solid var(--method-brass-line-soft); border-radius: clamp(18px, 1.7vw, 23px); background: radial-gradient(circle at 90% 0%, rgba(235, 111, 194, 0.06), transparent 28%), linear-gradient(150deg, rgba(15, 19, 25, 0.88), rgba(5, 9, 14, 0.92)); } .overlift-method-phase[data-method-phase="ground"], .overlift-method-phase[data-method-phase="prove"] { border-color: rgba(235, 111, 194, 0.18); } .overlift-method-phase > header { min-height: 8rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(216, 177, 108, 0.14); } .overlift-method-phase > header h3 { margin-top: 0.42rem; font-size: clamp(1.65rem, 2.2vw, 2.15rem); } .overlift-method-phase > header p { margin: 0.65rem 0 0; font-size: 0.91rem; line-height: 1.55; } .overlift-method-phase ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .overlift-method-phase li { display: grid; grid-template-columns: 2.45rem minmax(0, 1fr); gap: 0.85rem; padding: 1.05rem 0; } .overlift-method-phase li + li { border-top: 1px solid rgba(255, 255, 255, 0.065); } .overlift-method-phase li strong { display: block; color: #f2eee7; font-size: 1rem; line-height: 1.35; } .overlift-method-phase li p { margin: 0.32rem 0 0; font-size: 0.88rem; line-height: 1.55; } .overlift-method-authority-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.85rem; margin-top: clamp(24px, 3vw, 36px); } .overlift-method-authority-grid article { min-width: 0; padding: clamp(20px, 2.5vw, 28px); border: 1px solid rgba(216, 177, 108, 0.16); border-radius: 20px; background: rgba(4, 8, 13, 0.58); } .overlift-method-authority-grid article[data-authority="core"] { border-color: rgba(235, 111, 194, 0.34); background: radial-gradient(circle at 50% 0%, rgba(235, 111, 194, 0.10), transparent 38%), rgba(4, 10, 16, 0.72); } .overlift-method-authority-grid h3 { margin-top: 0.6rem; } .overlift-method-authority-grid p { margin: 0.7rem 0 0; font-size: 0.94rem; line-height: 1.58; } .overlift-method-authority-grid small { display: block; margin-top: 1rem; padding-top: 0.85rem; border-top: 1px solid rgba(255, 255, 255, 0.07); color: var(--method-muted); font-size: 0.8rem; line-height: 1.45; } .overlift-method-quantum { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: clamp(24px, 3.4vw, 48px); align-items: start; } .overlift-method-quantum-copy h2 { max-width: 13ch; margin-top: 0.5rem; } .overlift-method-quantum-copy > p { margin: 1rem 0 0; font-size: 1rem; line-height: 1.68; } .overlift-method-quantum-note { display: grid; gap: 0.25rem; margin-top: 1rem; padding: 0.9rem 1rem; border: 1px solid rgba(235, 111, 194, 0.2); border-radius: 14px; background: rgba(9, 48, 64, 0.16); } .overlift-method-quantum-note.is-boundary { border-color: rgba(227, 159, 145, 0.24); background: rgba(77, 31, 28, 0.13); } .overlift-method-quantum-note strong { color: #f1eee7; font-size: 0.86rem; } .overlift-method-quantum-note span { color: var(--method-copy); font-size: 0.83rem; line-height: 1.48; } .overlift-method-formula-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.78rem; } .overlift-method-formula-grid article { min-width: 0; min-height: 12.25rem; padding: 1.1rem; border: 1px solid rgba(235, 111, 194, 0.16); border-radius: 17px; background: linear-gradient(145deg, rgba(7, 17, 26, 0.88), rgba(3, 8, 13, 0.92)); } .overlift-method-formula-grid code { display: block; min-height: 4.3rem; margin-top: 0.72rem; padding: 0.82rem; overflow-wrap: anywhere; border: 1px solid rgba(235, 111, 194, 0.15); border-radius: 12px; background: rgba(0, 5, 10, 0.62); color: #eccfe2; font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; font-size: clamp(0.76rem, 0.88vw, 0.88rem); line-height: 1.55; } .overlift-method-formula-grid p { margin: 0.7rem 0 0; font-size: 0.84rem; line-height: 1.5; } .overlift-method-example-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.78rem; margin: clamp(24px, 3vw, 36px) 0 0; padding: 0; list-style: none; counter-reset: method-example; } .overlift-method-example-flow li { position: relative; min-width: 0; min-height: 10rem; padding: 1.1rem; border: 1px solid rgba(216, 177, 108, 0.16); border-radius: 17px; background: rgba(4, 8, 13, 0.58); } .overlift-method-example-flow li::after { content: "→"; position: absolute; top: 50%; right: -0.65rem; z-index: 2; display: grid; place-items: center; width: 1.3rem; height: 1.3rem; border: 1px solid rgba(235, 111, 194, 0.24); border-radius: 50%; background: #081017; color: var(--method-magenta); font-size: 0.72rem; transform: translateY(-50%); } .overlift-method-example-flow li:nth-child(3)::after, .overlift-method-example-flow li:last-child::after { display: none; } .overlift-method-example-flow strong { display: block; margin-top: 0.65rem; color: #eeeae3; font-size: 0.93rem; line-height: 1.5; } .overlift-method-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: clamp(24px, 3vw, 50px); } .overlift-method-cta h2 { max-width: 19ch; margin-top: 0.48rem; font-size: clamp(1.9rem, 3vw, 3rem); } .overlift-method-cta p { max-width: 68ch; margin: 0.85rem 0 0; font-size: 0.96rem; line-height: 1.62; } .overlift-method-cta-actions { flex-direction: column; min-width: min(100%, 280px); margin-top: 0; } .overlift-method-cta-actions .lux-button { width: 100%; } @media (min-width: 992px) { body.page-overlift-method .site-header .nav-submenu { opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(10px) scale(0.98); } body.page-overlift-method .site-header .nav-item.is-open > .nav-submenu, body.page-overlift-method .site-header .nav-item:hover > .nav-submenu, body.page-overlift-method .site-header .nav-item:focus-within > .nav-submenu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); } body.page-overlift-method .site-header .nav-submenu.nav-submenu-categories { right: 0 !important; left: auto !important; transform-origin: top right; } } @media (max-width: 991px) { .overlift-method-page .site-width, .overlift-method-shell { width: min(100% - 1rem, 1180px); } } @media (max-width: 1040px) { .overlift-method-intro, .overlift-method-quantum { grid-template-columns: 1fr; } .overlift-method-intro h1 { max-width: 12ch; } .overlift-method-compass-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .overlift-method-compass-list li { min-height: 6.8rem; } .overlift-method-section-heading, .overlift-method-cta { grid-template-columns: 1fr; align-items: start; } .overlift-method-section-heading h2, .overlift-method-cta h2, .overlift-method-quantum-copy h2 { max-width: 22ch; } .overlift-method-cta-actions { width: 100%; min-width: 0; flex-direction: row; } .overlift-method-cta-actions .lux-button { width: auto; flex: 1 1 220px; } } @media (max-width: 820px) { .overlift-method-phase-grid, .overlift-method-authority-grid { grid-template-columns: 1fr; } .overlift-method-phase > header { min-height: 0; } .overlift-method-example-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .overlift-method-example-flow li:nth-child(3)::after { display: grid; } .overlift-method-example-flow li:nth-child(even)::after { display: none; } } @media (max-width: 640px) { .overlift-method-page { padding-top: 12px; } .overlift-method-page .site-width, .overlift-method-shell { width: min(100% - 1rem, 1180px); } .overlift-method-intro, .overlift-method-cycle, .overlift-method-authorities, .overlift-method-quantum, .overlift-method-example, .overlift-method-cta { padding: 1.2rem; } .overlift-method-intro h1 { max-width: 100%; font-size: clamp(2.75rem, 14vw, 4rem); } .overlift-method-lead { font-size: 1.04rem; } .overlift-method-actions, .overlift-method-cta-actions { display: grid; grid-template-columns: 1fr; } .overlift-method-page .lux-button, .overlift-method-cta-actions .lux-button { width: 100%; } .overlift-method-compass-list, .overlift-method-formula-grid, .overlift-method-example-flow { grid-template-columns: 1fr; } .overlift-method-compass-list li { min-height: 0; } .overlift-method-authority-line { grid-template-columns: 1fr; } .overlift-method-example-flow li { min-height: 0; } .overlift-method-example-flow li::after, .overlift-method-example-flow li:nth-child(3)::after { display: none; } .overlift-method-formula-grid article { min-height: 0; } } @media (prefers-reduced-motion: reduce) { .overlift-method-page .lux-button, .overlift-method-back { transition: none; } } .overlift-method-audience, .npc-fabric-privacy { padding: clamp(24px, 4vw, 48px); scroll-margin-top: 5.5rem; } .overlift-method-audience-grid, .npc-fabric-audience-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: clamp(22px, 3vw, 34px); border-block: 1px solid rgba(216, 177, 108, 0.16); } .overlift-method-audience-grid > article, .npc-fabric-audience-grid > a { min-width: 0; padding: clamp(1rem, 2vw, 1.35rem); } .overlift-method-audience-grid > article + article, .npc-fabric-audience-grid > a + a { border-left: 1px solid rgba(216, 177, 108, 0.14); } .overlift-method-audience-grid span, .npc-fabric-audience-grid span, .npc-fabric-privacy-grid article > span, .overlift-method-privacy-case > div > span { display: block; color: var(--method-brass-bright); font-size: 0.68rem; font-weight: 850; letter-spacing: 0.14em; line-height: 1.35; text-transform: uppercase; } .overlift-method-audience-grid h3, .npc-fabric-audience-grid strong { display: block; margin-top: 0.55rem; color: #f5f0e8; font-family: "Inter", system-ui, sans-serif; font-size: clamp(0.98rem, 1.25vw, 1.18rem); font-weight: 730; letter-spacing: -0.018em; line-height: 1.3; text-wrap: balance; } .overlift-method-audience-grid p, .npc-fabric-audience-grid small { display: block; margin: 0.62rem 0 0; color: var(--method-copy); font-size: 0.84rem; line-height: 1.55; } .npc-fabric-audience-grid > a { color: inherit; text-decoration: none; transition: background 160ms ease, box-shadow 160ms ease; } .npc-fabric-audience-grid > a:hover, .npc-fabric-audience-grid > a:focus-visible { background: linear-gradient(145deg, rgba(93, 58, 29, 0.18), rgba(67, 19, 61, 0.15)); box-shadow: inset 0 -2px 0 rgba(213, 151, 82, 0.55); outline: none; } .overlift-method-privacy-case { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(230px, 0.75fr); gap: clamp(1rem, 2.5vw, 2rem); align-items: center; margin-top: clamp(1.2rem, 2.6vw, 2rem); padding: clamp(1.1rem, 2vw, 1.55rem); border: 1px solid rgba(158, 66, 142, 0.28); border-radius: 1.1rem; background: radial-gradient(circle at 0% 0%, rgba(213, 151, 82, 0.12), transparent 23rem), radial-gradient(circle at 100% 100%, rgba(146, 48, 129, 0.16), transparent 25rem), rgba(6, 8, 12, 0.72); } .overlift-method-privacy-case h3 { margin-top: 0.4rem; font-family: "Newsreader", Georgia, serif; font-size: clamp(1.45rem, 2.4vw, 2.2rem); font-weight: 540; line-height: 1.06; } .overlift-method-privacy-case p { margin: 0.72rem 0 0; font-size: 0.92rem; line-height: 1.58; } .overlift-method-privacy-case ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .overlift-method-privacy-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-privacy-case li + li { border-top: 1px solid rgba(216, 177, 108, 0.13); } .npc-fabric-privacy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: clamp(22px, 3vw, 34px); border-block: 1px solid rgba(216, 177, 108, 0.16); } .npc-fabric-privacy-grid article { min-width: 0; padding: clamp(1.05rem, 2vw, 1.5rem); } .npc-fabric-privacy-grid article:nth-child(even) { border-left: 1px solid rgba(216, 177, 108, 0.14); } .npc-fabric-privacy-grid article:nth-child(n + 3) { border-top: 1px solid rgba(216, 177, 108, 0.14); } .npc-fabric-privacy-grid h3 { margin-top: 0.48rem; font-family: "Inter", system-ui, sans-serif; font-size: clamp(1rem, 1.35vw, 1.24rem); font-weight: 730; letter-spacing: -0.02em; line-height: 1.32; } .npc-fabric-privacy-grid p { margin: 0.65rem 0 0; font-size: 0.87rem; line-height: 1.58; } .npc-fabric-privacy-promise { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.75rem; margin-top: 1rem; padding: 0.9rem 1rem; border: 1px solid rgba(158, 66, 142, 0.24); border-radius: 0.9rem; background: linear-gradient(105deg, rgba(83, 52, 24, 0.18), rgba(70, 22, 65, 0.16)); } .npc-fabric-privacy-promise strong { color: var(--method-brass-bright); font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; } .npc-fabric-privacy-promise span { color: rgba(244, 238, 229, 0.79); font-size: 0.88rem; line-height: 1.5; } #npc-fabric-marketing, #npc-fabric-business, #npc-fabric-architecture, #npc-fabric-engineering { scroll-margin-top: 5.5rem; } @media (max-width: 1040px) { .overlift-method-audience-grid, .npc-fabric-audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .overlift-method-audience-grid > article:nth-child(3), .npc-fabric-audience-grid > a:nth-child(3) { border-left: 0; } .overlift-method-audience-grid > article:nth-child(n + 3), .npc-fabric-audience-grid > a:nth-child(n + 3) { border-top: 1px solid rgba(216, 177, 108, 0.14); } } @media (max-width: 720px) { .overlift-method-audience-grid, .npc-fabric-audience-grid, .npc-fabric-privacy-grid, .overlift-method-privacy-case { grid-template-columns: 1fr; } .overlift-method-audience-grid > article + article, .npc-fabric-audience-grid > a + a, .npc-fabric-privacy-grid article:nth-child(even) { border-left: 0; } .overlift-method-audience-grid > article + article, .npc-fabric-audience-grid > a + a, .npc-fabric-privacy-grid article + article { border-top: 1px solid rgba(216, 177, 108, 0.14); } .npc-fabric-privacy-promise { grid-template-columns: 1fr; } } .overlift-method-audience-grid > article > a { display: inline-flex; align-items: center; gap: 0.45rem; margin-top: 0.85rem; color: rgba(235, 190, 116, 0.94); font-size: 0.82rem; font-weight: 800; letter-spacing: 0.015em; text-decoration: none; transition: color 150ms ease, transform 150ms ease; } .overlift-method-audience-grid > article > a:hover, .overlift-method-audience-grid > article > a:focus-visible { color: #fff0cf; transform: translateX(3px); }