@font-face{font-family:Poppins;src:url('../fonts/poppins-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('../fonts/poppins-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url('../fonts/poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url('../fonts/poppins-300.woff2') format('woff2');font-weight:300;font-display:swap} :root, .elementor-kit-6{--night:var(--e-global-color-fybb_night,var(--e-global-color-primary,#0b0d12));--ink:var(--e-global-color-text,#141821);--muted:var(--e-global-color-fybb_muted,#626974);--line:var(--e-global-color-fybb_line,#dde0e6);--pale:var(--e-global-color-fybb_pale,#f4f5f7);--blue:var(--e-global-color-fybb_blue,var(--e-global-color-accent,#4951fe));--azure:var(--e-global-color-fybb_azure,var(--e-global-color-secondary,#59a8f8));--font-primary:var(--e-global-typography-primary-font-family,Poppins),Arial,sans-serif;--font-text:var(--e-global-typography-text-font-family,Poppins),Arial,sans-serif;--header:94px;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font-text);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button{color:inherit}p{color:var(--muted);margin:0 0 24px}h1,h2,h3,h4{font-family:var(--font-primary);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:0}h1{font-size:clamp(54px,6.4vw,96px)}h2{font-size:clamp(36px,4.2vw,64px)}h3{font-size:27px;letter-spacing:-.04em}h4{font-size:22px}strong{font-weight:500}::selection{background:#dce8ff;color:#0b0d12}:focus-visible{outline:3px solid #59a8f8;outline-offset:5px}button:disabled{cursor:default}.wrap{width:calc(100% - 112px);max-width:1504px;margin-inline:auto}.section{padding-block:112px}.eyebrow{display:block;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;line-height:1.7}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px}.section-head h2{margin-top:24px}.section-head>p{max-width:420px;margin:0}.section-head>.eyebrow{align-self:flex-start}.section-head>.text-link{min-width:180px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 0;border-bottom:1px solid currentColor;font-size:13px;font-weight:500;line-height:1.6}.text-link span{transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:54px;padding:17px 25px;background:var(--night);color:white;font-size:13px;border:1px solid var(--night);transition:background .25s,transform .25s}.button:hover{background:var(--blue);transform:translateY(-2px)}.button.light{background:white;color:var(--night);border-color:white}.button.light:hover{background:#dce8ff}.actions{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px;align-items:center}.large-copy{font-size:clamp(21px,2vw,29px);line-height:1.5;letter-spacing:-.035em;color:var(--ink)}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.split h2{margin-top:24px}.pale{background:var(--pale)}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-100px;z-index:999;background:#fff;color:#111;padding:14px}.skip:focus{top:10px}.reading-progress{position:fixed!important;left:0!important;top:0!important;right:auto!important;z-index:9999999!important;height:3px!important;background:var(--azure,#59a8f8)!important;width:0%;pointer-events:none!important;transform:translateZ(0)} .site-header{height:var(--header);position:sticky;top:0;z-index:100;background:var(--night);color:#fff;border-bottom:1px solid #ffffff21}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:30px}.brand{display:flex;align-items:center;gap:23px;flex-shrink:0}.brand img{width:105px;height:auto}.brand>span{font-size:9px;line-height:1;letter-spacing:.19em;border-left:1px solid #ffffff45;padding-left:23px}.site-header nav:not(.ekit-wid-con){display:flex;align-items:center;gap:29px}.site-header nav:not(.ekit-wid-con) a{font-size:11px;color:#e1e3e8;position:relative;padding-block:12px}.site-header nav:not(.ekit-wid-con) a:hover,.site-header nav:not(.ekit-wid-con) a[aria-current]{color:white}.site-header nav:not(.ekit-wid-con) a[aria-current]:after{content:'';position:absolute;bottom:4px;left:0;width:20px;height:2px;background:var(--azure)}.site-header .nav-contact{border:1px solid #ffffff55;padding:11px 20px}.menu-toggle{display:none;background:none;border:1px solid #666c79;padding:8px 13px;color:white;font-size:11px} .hero{min-height:min(850px,calc(100svh - var(--header)));height:calc(100svh - var(--header));max-height:1000px;position:relative;background:#162332;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;animation:hero-drift 20s ease-in-out infinite alternate;filter:saturate(.55)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08131ad9 0%,#07131a66 65%,#08131a44),linear-gradient(0deg,#061019b3,transparent 50%)}.hero-content{height:100%;position:relative;padding-block:44px 64px;display:flex;flex-direction:column}.hero-kicker{display:flex;justify-content:space-between;align-items:center}.hero-index{font-size:9px;letter-spacing:.15em;color:#d9e2eb}.hero h1{font-size:clamp(75px,10.2vw,165px);font-weight:400;letter-spacing:-.065em;line-height:.99;margin-block:auto;padding-block:50px 35px;max-width:1100px}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-right:55px}.hero-bottom p{color:#e2e8ee;margin:0;font-size:16px;line-height:1.65}.hero-discover{font-size:13px;display:flex;gap:40px;align-items:center}.hero-discover span{width:52px;height:52px;border:1px solid #ffffff60;display:grid;place-items:center;border-radius:50%;font-size:20px;transition:background .3s}.hero-discover:hover span{background:#ffffff25}.hero-rail{position:absolute;right:17px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;display:flex;gap:25px;font-size:8px;letter-spacing:.2em;color:#dde4ee}.intro-statement{display:grid;grid-template-columns:1.1fr 1fr;gap:120px}.intro-statement h2{margin-top:25px}.intro-statement>div:last-child{padding-top:36px;max-width:600px} .directory{background:var(--pale)}.directory-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.directory-tabs{border-top:1px solid #cdd1da}.directory-tabs button{border:0;border-bottom:1px solid #cdd1da;background:transparent;width:100%;padding:20px 12px 20px 0;display:flex;align-items:center;text-align:left;gap:20px;transition:padding .3s,background .3s}.directory-tabs button[aria-selected=true]{padding-left:16px;background:#fff}.directory-tabs button:hover{background:#fff9}.directory-number{font-size:10px;color:#767c87}.directory-tabs button>span:nth-child(2){flex:1;font-size:19px;letter-spacing:-.045em}.directory-tabs small{display:block;font-size:10px;letter-spacing:0;color:#737985;margin-top:4px}.directory-tabs button>span:last-child{color:#777;font-size:20px}.directory-tabs button[aria-selected=true]>span:last-child{color:var(--blue)}.directory-panels{position:sticky;top:calc(var(--header) + 30px)}.business-visual{position:relative;background:#141821;min-height:300px;aspect-ratio:1.55;color:white;overflow:hidden}.business-visual>img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;filter:brightness(.45) saturate(.55);transition:transform 1.6s var(--ease)}.business-visual:hover>img{transform:scale(1.04)}.visual-caption{position:absolute;inset:30px;display:flex;flex-direction:column;justify-content:space-between}.visual-caption>span:last-child{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.company-wordmark{display:flex;align-items:baseline;gap:9px;letter-spacing:-.08em;font-size:37px;font-weight:600;line-height:1.2}.company-wordmark>span{font-size:24px;letter-spacing:-.055em;font-weight:400}.company-wordmark .wordmark-plus{font-size:45px}.visual-fybb-360{background:#4951fe}.giant-360{position:absolute;font-size:clamp(130px,16vw,260px);right:-8px;bottom:5px;font-weight:500;line-height:1;letter-spacing:-.085em;color:#ffffff21;transform:rotate(-9deg)}.visual-fybb-space{background:#112329}.visual-orbit{width:300px;height:300px;position:absolute;right:4%;bottom:-50px;transform:rotate(-22deg)}.visual-orbit i{position:absolute;inset:0;border:1px solid #91d9ed;border-radius:50%;box-shadow:inset 0 0 20px #59a8f822;animation:orbit-breathe 7s ease-in-out infinite alternate}.visual-orbit i:nth-child(2){inset:40px;animation-delay:-2s}.visual-orbit i:nth-child(3){inset:80px;animation-delay:-4s}.visual-fybb-launchpad{background:#481934}.launch-lines{position:absolute;inset:0;overflow:hidden}.launch-lines i{position:absolute;right:12%;height:140%;width:40px;background:#f275bd55;transform:rotate(35deg);top:-20%;animation:launch-shift 6s ease-in-out infinite alternate}.launch-lines i:nth-child(2){right:27%;animation-delay:-1s}.launch-lines i:nth-child(3){right:42%;animation-delay:-2s}.launch-lines i:nth-child(4){right:57%;animation-delay:-3s}.directory-copy{background:white;padding:30px 32px 35px}.directory-copy .eyebrow{color:var(--muted);font-size:9px}.directory-copy h3{font-size:32px;margin:14px 0}.directory-copy p{font-size:13px;margin:0;max-width:510px}.directory-copy .text-link{font-size:11px}.directory-copy .actions{justify-content:space-between}.logo-ribbon{overflow:hidden;padding-block:10px 30px}.logo-track{width:max-content;display:flex;animation:logo-move 115s linear infinite}.logo-ribbon:hover .logo-track,.logo-ribbon:focus-within .logo-track{animation-play-state:paused}.logo-group{display:flex;align-items:center;gap:64px;padding-right:64px}.logo-group img{width:145px;height:112px;object-fit:contain}.client-home{padding-bottom:64px}.client-home .section-head{margin-bottom:35px}.client-home-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.client-home-bottom .eyebrow{color:var(--muted);font-size:9px}.belief-section{height:640px;position:relative;background:var(--night);overflow:hidden}.belief-section>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.4)}.belief-copy{position:relative;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:white}.belief-copy h2{font-size:clamp(42px,5.1vw,78px);margin:30px 0}.belief-copy p{color:#e2e6ea;font-size:16px}.belief-copy .button{margin-top:10px} .pathfinder{background:#eaf3ff}.path-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #b8c8df}.path-tabs button{border:0;background:none;text-align:left;padding:22px 15px 22px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:3px solid transparent;font-size:13px;min-height:68px}.path-tabs button[aria-selected=true]{border-bottom-color:var(--blue);color:#323bc6}.path-tabs button:hover{background:#ffffff50}.path-panel{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:52px}.path-panel h3{font-size:38px;max-width:460px;margin-bottom:20px}.path-panel p{max-width:500px;font-size:14px}.path-links a{display:flex;align-items:center;gap:26px;padding:20px 0;border-bottom:1px solid #c3d1e4}.path-links a>span:first-child{font-size:10px;color:#738198}.path-links strong{flex:1;font-size:18px}.path-links small{display:block;font-size:11px;color:#64738a;margin-top:3px}.path-links a:hover strong{color:var(--blue)}.product-section{background:#0b0d12;color:#fff}.product-section p{color:#a9b0be}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-card{background:#121720;border:1px solid #2a303c;padding:36px;min-width:0}.product-top{display:flex;align-items:center;gap:13px;margin-bottom:25px}.product-top h3{font-size:37px;letter-spacing:-.07em}.product-top h3>span{font-size:19px;margin-left:5px;color:#aacddb}.circle-symbol{width:30px;height:30px;border:6px solid #acdfdf;border-radius:50%;box-shadow:5px 0 0 -1px #536aeb}.books-symbol{display:grid;place-items:center;background:#ceea96;color:#1b2920;width:32px;height:38px;border-radius:8px;font-size:30px;line-height:1;font-weight:500}.product-top .books-title{display:flex;align-items:baseline;gap:6px;letter-spacing:-.045em}.books-title small{font-size:10px;letter-spacing:.04em}.pill{margin-left:auto;font-size:8px;text-transform:uppercase;letter-spacing:.1em;border:1px solid #3d4758;border-radius:20px;padding:4px 9px}.product-card>p{font-size:14px}.mini-app{min-height:272px;background:#0b0f16;border:1px solid #2b3340;padding:24px;margin:26px 0 12px}.mini-label{display:block;color:#748199;font-size:8px;letter-spacing:.08em}.mini-message{display:flex;gap:12px;align-items:flex-start;margin:30px 0 20px}.mini-message p{font-size:12px;margin:0}.avatar{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;background:#303f65;border-radius:50%;font-size:10px}.mini-button{font-size:11px;background:#20363c;border:1px solid #486168;border-radius:4px;color:#d0efef;display:flex;gap:24px;justify-content:space-between;padding:10px 14px;width:100%}.mini-result{display:flex;align-items:center;gap:12px;margin-top:15px;padding:12px;border:1px solid #354647;border-radius:4px;font-size:11px}.mini-result small{display:block;font-size:9px;color:#a1b6b7;margin-top:3px}.mini-result>span:last-child{margin-left:auto}.status-dot{width:6px;height:6px;background:#b3e7a0;border-radius:50%}.mini-tabs{display:flex;gap:20px;margin-top:16px}.mini-tabs button{background:none;border:0;border-bottom:1px solid transparent;padding:4px 0;color:#8191a8;font-size:10px}.mini-tabs button[aria-pressed=true]{color:#ceea96;border-bottom-color:#ceea96}.books-preview>span{display:block;font-size:10px;color:#8d9aad;margin-top:12px}.books-preview strong{font-size:28px;letter-spacing:-.05em}.mini-bars{display:flex;align-items:flex-end;gap:9px;height:43px;margin-top:5px}.mini-bars i{height:35%;flex:1;background:#6a8054;transition:height .5s}.mini-bars i:nth-child(2){height:50%}.mini-bars i:nth-child(3){height:40%}.mini-bars i:nth-child(4){height:70%}.mini-bars i:nth-child(5){height:60%}.mini-bars i:nth-child(6){height:80%}.mini-bars i:nth-child(7){height:100%;background:#ceea96}.books-preview small{font-size:9px;color:#9dabbc;display:block;margin-top:10px}.product-card>.text-link{width:100%;margin-top:10px} .journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}.journal-image{display:block;aspect-ratio:1.5;overflow:hidden;background:#e9edf2;margin-bottom:23px}.journal-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s var(--ease)}.journal-image:hover img{transform:scale(1.045)}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.card-meta .eyebrow{font-size:8px;color:#6b7280}.card-meta time{font-size:9px;color:var(--muted)}.journal-card h3{font-size:23px;line-height:1.35;letter-spacing:-.04em;margin-bottom:16px}.journal-card p{font-size:12px;margin-bottom:12px}.journal-card>.text-link{width:100%;border-bottom-color:#d0d4dc;font-size:11px}.journal-card>.text-link span{font-size:8px;font-weight:400;letter-spacing:.08em;color:var(--muted)}.editorial-cover{width:100%;height:100%;background:#381d36;color:#fff;padding:30px;display:flex;align-items:center;justify-content:space-between}.editorial-cover span{font-size:37px;line-height:1.12;letter-spacing:-.05em}.editorial-cover i{font-size:70px;font-style:normal;font-weight:300;color:#ed89b6} .page-intro{padding-block:88px 80px;border-bottom:1px solid var(--line)}.page-intro .eyebrow{color:var(--muted);margin-bottom:35px}.page-intro p{max-width:660px;font-size:17px;margin:34px 0 0}.page-intro .actions{margin-top:40px}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 36px}.company-card .business-visual{min-height:290px}.company-card>.card-meta{margin:22px 0 12px}.company-card h3{font-size:30px;margin-bottom:14px}.company-card>p{font-size:14px;max-width:590px;margin:0}.filter-toolbar{display:flex;align-items:flex-end;gap:26px;padding-bottom:35px;margin-bottom:45px;border-bottom:1px solid var(--line)}.filter-toolbar label{flex:1;max-width:400px;font-size:10px;letter-spacing:.05em;color:var(--muted)}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #c7ccd6;border-radius:0;background:#fff;color:var(--ink);font-size:13px;margin-top:9px;min-height:48px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--azure);outline-offset:1px}.filter-toolbar>p{font-size:11px;margin:0 0 13px auto;white-space:nowrap}.empty-state{padding:40px;background:var(--pale);text-align:center}.business-intro{padding-block:55px 80px}.back-link{display:inline-block;font-size:11px;color:var(--muted);margin-bottom:40px}.business-title-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.business-title-grid h1{font-size:clamp(46px,5.6vw,82px);margin:25px 0;overflow-wrap:break-word}.business-title-grid p{font-size:24px}.business-title-grid .button{margin-top:10px}.business-title-grid>.business-visual{height:440px;aspect-ratio:auto}.capability-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.capability-layout h2{margin:25px 0}.capability-layout p{max-width:460px}.capability-list>div{display:flex;gap:25px;align-items:center;border-bottom:1px solid #d3d7df;padding:26px 0}.capability-list>div:first-child{border-top:1px solid #d3d7df}.capability-list h3{font-size:20px;flex:1;letter-spacing:-.035em;line-height:1.4}.capability-list>div>span:first-child{font-size:10px;color:var(--muted)}.related-companies{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.related-companies>a{border-top:1px solid var(--line);padding-top:25px}.related-companies h3{margin:20px 0}.related-companies p{font-size:13px}.related-companies>a>span:last-child{font-size:25px;color:var(--blue)}.wide-photo img{width:100%;max-height:620px;object-fit:cover}.wide-photo{margin-block:50px 0}.wide-photo figcaption{font-size:10px;color:var(--muted);padding-top:13px}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.principle-grid article{border-top:1px solid #c3c9d5;padding-top:22px}.principle-grid article>span{font-size:12px;color:var(--blue)}.principle-grid h3{margin:35px 0 20px;font-size:23px}.principle-grid p{font-size:13px;margin-bottom:0}.journey-row{display:grid;grid-template-columns:40px 1fr 1.5fr 1fr;gap:30px;padding:32px 0;border-top:1px solid var(--line);align-items:center}.journey-row>span{font-size:10px;color:var(--muted)}.journey-row>p{margin:0;font-size:13px}.journey-row>strong{font-size:11px;text-align:right}.journey-row:hover h3{color:var(--blue)}.investment{background:#141821;color:white}.investment p{color:#a9b0be}.investment .large-copy{color:white}.investment .text-link{margin:0 22px 15px 0}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.client-grid article{padding:32px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s}.client-grid article:hover{background:#f5f8ff}.client-grid img{height:145px;width:100%;object-fit:contain;margin-bottom:25px}.client-grid h2{font-size:15px;letter-spacing:-.025em}.client-grid article>span{font-size:10px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.work-grid figure{margin:0;min-width:0}.work-grid img{width:100%;aspect-ratio:1.12;object-fit:cover}.work-grid figcaption{padding-top:22px}.work-grid figcaption h3{font-size:23px}.work-grid figcaption span{font-size:10px;color:var(--muted)} .article-heading{padding-top:55px;padding-bottom:50px}.article-heading .back-link{margin-bottom:44px}.article-meta{display:flex;flex-wrap:wrap;gap:25px;align-items:center;color:var(--muted);font-size:10px;margin-bottom:28px}.article-heading h1{font-size:clamp(38px,4.6vw,68px);max-width:1180px;line-height:1.15}.article-byline{font-size:11px;margin:28px 0 0}.article-cover img{width:100%;max-height:620px;object-fit:contain;background:#f4f5f7}.article-layout{display:grid;grid-template-columns:260px minmax(0,800px);justify-content:space-between;gap:60px;padding-top:70px;padding-bottom:70px}.article-aside{position:sticky;top:calc(var(--header) + 32px);align-self:start;max-height:calc(100svh - var(--header) - 60px);overflow:auto;padding:4px 8px 10px 4px}.article-aside nav{display:grid;gap:12px;margin:20px 0 25px}.article-aside nav a{font-size:10px;line-height:1.6;color:var(--muted);border-left:1px solid #ddd;padding-left:12px}.article-aside nav a:hover{color:var(--blue);border-left-color:var(--blue)}.article-aside button{background:none;border-top:0;border-right:0;border-left:0;font-size:11px}.article-aside #copy-status{display:block;font-size:10px;margin-top:10px}.archive-note{font-size:11px;line-height:1.7;background:#f4f6fa;border-left:2px solid var(--azure);padding:20px 24px;color:var(--muted);margin-bottom:42px}.archive-note .text-link{font-size:10px;padding:4px 0;margin-left:8px;gap:10px}.article-body{font-size:15px;line-height:1.95;overflow-wrap:anywhere}.article-body p{color:#424955;margin-bottom:24px}.article-body h2{font-size:30px;line-height:1.3;margin:42px 0 20px;letter-spacing:-.04em}.article-body h3{font-size:24px;line-height:1.4;margin:32px 0 18px}.article-body h4{margin:25px 0 15px;line-height:1.5}.article-body ul,.article-body ol{padding-left:25px;color:#424955}.article-body li{margin-bottom:9px}.article-body a{color:#3943c5;text-decoration:underline;text-underline-offset:3px}.article-body strong{font-weight:600}.article-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:12px}.article-body th,.article-body td{padding:12px;border:1px solid #ddd}.article-body figure{margin:25px 0;max-width:100%;overflow:auto}.article-body img{max-width:100%;height:auto}.article-body blockquote{border-left:2px solid var(--blue);padding:10px 25px;margin:30px 0}.article-end{margin-top:50px;padding-top:25px;border-top:1px solid var(--line)}.article-end .text-link{margin-top:12px}.contact-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:90px}.contact-layout h2{font-size:35px;margin-bottom:20px}.contact-layout form{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.contact-layout label{font-size:11px;letter-spacing:.03em}.full-field,.form-note{grid-column:1/-1}.form-note{font-size:10px;max-width:490px;margin:0}.contact-layout form .button{justify-content:space-between;grid-column:1/-1;justify-self:start}.contact-card{padding:30px;background:var(--pale);margin-bottom:25px}.contact-card h3{font-size:24px;margin:22px 0}.contact-card>a{font-size:15px;border-bottom:1px solid #a4adba;padding-bottom:4px}.contact-card p{font-size:12px;margin:25px 0 0}.contact-card nav{display:flex;flex-direction:column;margin-top:15px}.contact-card nav .text-link{font-size:12px;border-bottom-color:#d6dce5}.contact-layout details{border-bottom:1px solid var(--line);padding:20px 0}.contact-layout summary{cursor:pointer;display:flex;justify-content:space-between;font-size:13px;list-style:none}.contact-layout details p{font-size:12px;margin:18px 0 0}.enquiry-result{padding:28px;background:#eaf3ff;margin-top:30px}.enquiry-result h3{font-size:25px}.enquiry-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 Poppins;margin-block:20px;color:#4b5261}.enquiry-result button{border:0;border-bottom:1px solid;background:none}.enquiry-result>p{font-size:10px;margin:20px 0 0} .footer{background:var(--night);color:white;overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:90px;border-bottom:1px solid #ffffff25}.footer-top h2{font-size:clamp(45px,5.4vw,82px);margin-top:26px}.footer-top>.button{margin-top:28px}.footer-nav{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:55px;padding-block:65px}.footer-logo{width:100px;margin-bottom:22px}.footer-nav p{font-size:12px;color:#9ba4b2}.footer-nav>div>a{font-size:12px}.footer-nav nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-nav nav .eyebrow{color:#8e98aa;margin-bottom:17px;font-size:9px}.footer-nav nav a{font-size:11px;color:#c5ccd6}.footer-nav nav a:hover{color:white}.footer-word{font-size:clamp(110px,26vw,420px);line-height:.9;letter-spacing:-.075em;font-weight:500;color:#ffffff0d;border-bottom:1px solid #ffffff25;position:relative;padding-bottom:26px}.footer-word>span{font-size:15px;vertical-align:top;margin-left:20px;color:#7c8799;letter-spacing:0}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-block:25px;font-size:9px;color:#8e98aa}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}.panel-enter{animation:panel-enter .55s var(--ease)}@keyframes panel-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hero-drift{from{transform:scale(1.015)}to{transform:scale(1.075)}}@keyframes logo-move{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes orbit-breathe{from{transform:scale(.94)}to{transform:scale(1.04)}}@keyframes launch-shift{from{translate:0 0}to{translate:12px -24px}} @media(min-width:1800px){.hero-content{padding-block:65px 85px}.hero h1{font-size:175px}.hero{max-height:1000px}.hero-bottom p{font-size:19px}} @media(max-width:1150px){.wrap{width:calc(100% - 72px)}.site-header nav:not(.ekit-wid-con){gap:18px}.brand{gap:14px}.brand>span{padding-left:14px;font-size:8px}.site-header nav:not(.ekit-wid-con) a{font-size:10px}.intro-statement{gap:60px}.directory-layout{gap:32px}.directory-tabs button>span:nth-child(2){font-size:17px}.section{padding-block:85px}.split,.path-panel,.capability-layout{gap:55px}.product-card{padding:25px}.mini-app{padding:18px}.principle-grid{grid-template-columns:1fr 1fr;gap:45px}.contact-layout{gap:45px}.article-layout{grid-template-columns:210px minmax(0,1fr);gap:40px}.company-wordmark{font-size:33px}.company-wordmark>span{font-size:21px}.journey-row{grid-template-columns:30px 1fr 1.6fr;gap:22px}.journey-row strong{grid-column:3;text-align:left;margin-top:-15px}.related-companies{gap:24px}} @media(max-width:900px){:root,.elementor-kit-6{--header:78px}.wrap{width:calc(100% - 48px)}.brand img{width:93px}.site-header nav:not(.ekit-wid-con){display:none;position:absolute;top:var(--header);left:0;right:0;background:var(--night);padding:24px;align-items:stretch;border-top:1px solid #303541;max-height:calc(100svh - var(--header));overflow:auto}.site-header nav:not(.ekit-wid-con).open{display:flex;flex-direction:column;gap:8px}.site-header nav:not(.ekit-wid-con) a{font-size:15px;padding:12px 0}.site-header .nav-contact{margin-top:12px;padding:13px 16px}.menu-toggle{display:flex;gap:23px;align-items:center}.menu-toggle>span{font-size:16px}.hero{min-height:590px;height:calc(90svh - var(--header));max-height:850px}.hero h1{font-size:clamp(75px,11.5vw,120px)}.hero-index,.hero-rail{display:none}.hero-bottom{padding-right:0}.hero-content{padding-block:35px 44px}.hero-bottom p{font-size:14px}.hero-discover{font-size:11px;gap:15px}.section-head{gap:30px}.section-head h2{font-size:43px}.section-head>p{font-size:13px;max-width:290px}.section-head>.text-link{min-width:unset;white-space:nowrap;font-size:11px}.intro-statement{gap:45px}.intro-statement h2{font-size:44px}.intro-statement>div:last-child{padding-top:30px}.directory-layout{grid-template-columns:.85fr 1.15fr;gap:25px}.directory-tabs button{padding-block:18px;gap:10px}.directory-tabs button>span:nth-child(2){font-size:15px}.directory-tabs small{font-size:8px}.directory-tabs button[aria-selected=true]{padding-left:9px}.directory-copy{padding:25px}.directory-copy h3{font-size:27px}.directory-copy p{font-size:12px}.business-visual{min-height:270px}.visual-caption{inset:22px}.company-wordmark{font-size:27px;gap:6px}.company-wordmark>span{font-size:19px}.directory-copy .actions{gap:10px}.directory-copy .text-link{font-size:10px}.path-tabs button{font-size:11px;gap:6px}.path-panel{gap:40px}.path-panel h3{font-size:31px}.path-panel p{font-size:13px}.path-links strong{font-size:16px}.product-card{padding:23px}.product-top{gap:10px}.product-top h3{font-size:29px}.pill{font-size:7px;padding:3px 6px}.mini-app{min-height:285px}.mini-message{gap:9px}.mini-message p{font-size:11px}.mini-button{font-size:10px}.product-card>p{font-size:12px}.journal-grid{gap:40px 22px}.journal-card h3{font-size:20px}.journal-card p{font-size:11px}.card-meta{flex-wrap:wrap;gap:7px}.belief-section{height:550px}.page-intro{padding-block:65px}.company-card .business-visual{min-height:240px}.client-grid{grid-template-columns:repeat(3,1fr)}.contact-layout{grid-template-columns:1.2fr .8fr;gap:30px}.contact-card{padding:23px}.contact-layout form{gap:20px}.business-title-grid{gap:35px}.business-title-grid>.business-visual{height:360px}.business-title-grid h1{font-size:50px}.business-title-grid p{font-size:21px}.article-layout{grid-template-columns:1fr;max-width:800px}.article-aside{position:static;max-height:unset;border-bottom:1px solid var(--line);padding-bottom:22px}.article-aside nav{display:none}.article-aside>.eyebrow{display:none}.article-aside button{padding:0 0 8px}.article-layout{padding-top:35px}.footer-nav{gap:35px}.footer-nav nav a{font-size:10px}} @media(max-width:650px){.wrap{width:calc(100% - 40px)}.section{padding-block:64px}.hero{height:calc(90svh - var(--header));min-height:570px;max-height:770px}.hero-content{padding-block:28px 36px}.hero .eyebrow{font-size:8px;letter-spacing:.14em}.hero h1{font-size:clamp(59px,13vw,83px);padding-block:45px 35px}.hero-bottom{display:block}.hero-bottom p{font-size:13px}.hero-discover{justify-content:space-between;max-width:250px;margin-top:30px}.hero-discover span{width:42px;height:42px}.hero-photo{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#07151ccf,#07151c44),linear-gradient(0deg,#061019b3,transparent)}.intro-statement,.split{grid-template-columns:1fr;gap:25px}.intro-statement>div:last-child{padding-top:0}.intro-statement h2{font-size:39px}.large-copy{font-size:22px}.intro-statement p{font-size:13px}.intro-statement p.large-copy{font-size:22px}.eyebrow{font-size:9px}h2{font-size:36px}.section-head{display:block;margin-bottom:34px}.section-head h2{font-size:37px;margin-top:20px}.section-head>.text-link{margin-top:20px}.section-head>p{font-size:13px;margin-top:25px;max-width:100%}.directory-layout{grid-template-columns:1fr;gap:25px}.directory-tabs{display:grid;grid-template-columns:1fr 1fr}.directory-tabs button{padding:14px 8px;gap:9px;align-items:flex-start;border-right:1px solid #cdd1da}.directory-tabs button:nth-child(2n){border-right:0}.directory-tabs button>span:nth-child(2){font-size:13px}.directory-tabs small{font-size:8px;line-height:1.5;margin-top:6px}.directory-number{font-size:8px;padding-top:3px}.directory-tabs button>span:last-child{display:none}.directory-tabs button[aria-selected=true]{padding-left:8px}.directory-panels{position:static}.business-visual{aspect-ratio:1.5;min-height:230px}.giant-360{font-size:190px}.directory-copy{padding:25px}.directory-copy h3{font-size:28px}.directory-copy .actions{margin-top:22px}.directory-copy .text-link{font-size:10px}.client-home{padding-bottom:45px}.logo-group{gap:28px;padding-right:28px}.logo-group img{width:105px;height:80px}.client-home-bottom{display:block}.client-home-bottom .eyebrow{font-size:8px;line-height:1.9;max-width:290px}.client-home-bottom .text-link{margin-top:10px}.logo-ribbon{padding-bottom:20px}.belief-section{height:530px}.belief-copy h2{font-size:40px;margin:25px 0}.belief-copy p{font-size:13px}.belief-copy .eyebrow{font-size:8px}.path-tabs{grid-template-columns:1fr 1fr}.path-tabs button{font-size:11px;padding:15px 9px 15px 0;min-height:58px}.path-panel{grid-template-columns:1fr;gap:24px;padding-top:30px}.path-panel h3{font-size:31px}.path-panel p{font-size:13px}.path-links a{padding:17px 0}.path-links strong{font-size:16px}.path-links small{font-size:10px}.product-grid{grid-template-columns:1fr;gap:24px}.product-card{padding:24px}.product-top h3{font-size:32px}.product-card>p{font-size:13px}.mini-app{min-height:260px;margin-top:22px}.mini-message p{font-size:12px}.mini-button{font-size:11px}.mini-result{font-size:10px;padding:10px}.mini-result small{font-size:8px}.journal-grid{grid-template-columns:1fr;gap:44px}.journal-card h3{font-size:25px}.journal-card p{font-size:13px}.card-meta{flex-wrap:nowrap;margin-bottom:14px}.card-meta time{font-size:9px}.journal-image{margin-bottom:18px}.journal-card>.text-link{font-size:12px}.page-intro{padding-block:54px 48px}.page-intro h1{font-size:clamp(41px,10.5vw,62px)}.page-intro p{font-size:14px;margin-top:25px}.page-intro .eyebrow{margin-bottom:25px}.company-grid{grid-template-columns:1fr;gap:42px}.company-card h3{font-size:28px}.company-card p{font-size:13px}.filter-toolbar{flex-wrap:wrap;gap:20px;margin-bottom:30px;padding-bottom:25px}.filter-toolbar label{flex:1 1 100%;max-width:none}.filter-toolbar>p{margin:0}.business-intro{padding-block:32px 45px}.back-link{margin-bottom:28px}.business-title-grid{grid-template-columns:1fr;gap:35px}.business-title-grid h1{font-size:clamp(40px,11vw,60px);margin:18px 0}.business-title-grid p{font-size:22px}.business-title-grid>.business-visual{height:300px}.capability-layout{grid-template-columns:1fr;gap:20px}.capability-layout p{font-size:13px}.capability-list h3{font-size:18px}.capability-list>div{padding:20px 0;gap:18px}.related-companies{grid-template-columns:1fr;gap:32px}.related-companies p{margin-bottom:15px}.wide-photo{margin-block:35px 0}.wide-photo img{height:330px;object-fit:cover}.wide-photo figcaption{font-size:9px}.principle-grid{grid-template-columns:1fr;gap:27px}.principle-grid h3{margin:20px 0 15px}.journey-row{grid-template-columns:23px 1fr;gap:14px}.journey-row h3{font-size:29px}.journey-row p,.journey-row strong{grid-column:2}.journey-row strong{margin-top:0}.client-grid{grid-template-columns:repeat(2,1fr)}.client-grid article{padding:20px 12px}.client-grid img{height:100px;margin-bottom:15px}.client-grid h2{font-size:12px;line-height:1.4}.client-grid article>span{font-size:8px}.work-grid{grid-template-columns:1fr;gap:35px}.work-grid img{aspect-ratio:1.25}.article-heading{padding-top:35px;padding-bottom:32px}.article-meta{font-size:9px;gap:15px}.article-heading h1{font-size:36px}.article-heading .back-link{margin-bottom:30px}.article-layout{gap:25px;padding-bottom:30px}.archive-note{padding:17px;font-size:10px}.article-body{font-size:14px;line-height:1.9}.article-body h2{font-size:26px;margin-top:35px}.article-body h3{font-size:22px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-layout h2{font-size:32px}.contact-layout>div>p{font-size:13px}.contact-layout form{grid-template-columns:1fr;margin-top:30px}.enquiry-result{padding:22px}.footer-top{display:block;padding-block:60px}.footer-top h2{font-size:43px}.footer-top>.button{margin-top:30px}.footer-nav{grid-template-columns:1fr 1fr;gap:40px 22px;padding-block:45px}.footer-nav>div{grid-column:1/-1}.footer-nav nav a{font-size:10px}.footer-nav nav .eyebrow{font-size:8px}.footer-word{font-size:26vw;padding-bottom:24px}.footer-word>span{font-size:10px;margin-left:9px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:12px}.footer-bottom>span:first-child{width:100%}.footer-bottom>a{margin-left:auto}.section-head>.eyebrow{margin-bottom:22px}} @media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand>span{font-size:7px}.hero h1{font-size:57px}.directory-tabs button>span:nth-child(2){font-size:12px}.product-card{padding:18px}.product-top h3{font-size:28px}.mini-app{padding:15px}.mini-label{font-size:7px}.article-heading h1{font-size:32px}.path-tabs button{font-size:10px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.logo-track{transform:none}.logo-ribbon{overflow:auto}.logo-group[aria-hidden=true]{display:none}} /* Keep intrinsic artwork and long names inside narrow grid tracks. */ .company-card,.journal-card,.company-grid>*,.journal-grid>*,.business-title-grid>*{min-width:0}.journal-card h3,.company-card h3{overflow-wrap:anywhere}.editorial-cover{min-width:0;gap:14px}.editorial-cover span{font-size:clamp(26px,3vw,37px);min-width:0}.editorial-cover i{font-size:50px;flex-shrink:0}.company-wordmark{flex-wrap:wrap}.visual-caption>span:last-child{max-width:100%}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))} @media(min-width:1151px){.site-header nav a{font-size:12px}} @media(max-width:650px){.company-grid,.journal-grid{grid-template-columns:minmax(0,1fr)}.editorial-cover span{font-size:32px}.editorial-cover{padding:25px}.company-wordmark>span{max-width:100%}.company-wordmark{gap:6px}} .directory-layout>*{min-width:0}.directory-tabs button>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.company-card .business-visual{width:100%;min-width:0;aspect-ratio:auto;height:320px}.company-card>a{display:block;min-width:0} @media(max-width:900px){.company-card .business-visual{height:270px}} @media(max-width:650px){.directory-layout{grid-template-columns:minmax(0,1fr)}.directory-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-tabs button{min-width:0}.company-card .business-visual{height:260px}.directory-copy .actions{flex-direction:column;align-items:stretch}.directory-copy .text-link{width:100%}} .business-visual{width:100%;min-width:0}.company-card .visual-caption{max-width:calc(100% - 44px)} .company-wordmark{align-items:center}.company-wordmark .fybb-lockup{width:105px;height:auto;filter:brightness(0) invert(1)}.company-wordmark .network-lockup{width:175px;height:auto}.company-wordmark .story-lockup{width:175px;height:auto;background:white;padding:10px}.company-wordmark>img{flex-shrink:0;max-width:100%} /* FYBB flagship — a connected, editorial identity. */ :root{--paper:#f5f5f2;--ice:#b9c9e2;--fine:#ffffff20}.f-hero{position:relative;background:#0d1015;color:#f5f6f8;overflow:hidden;isolation:isolate}.f-hero:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,#ffffff0b,transparent);z-index:-1}.f-hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;min-height:650px;gap:0;padding-block:65px 30px}.f-kicker{font-size:9px;letter-spacing:.18em;display:flex;align-items:center;gap:12px;margin-bottom:46px;color:#a4afbf}.live-dot{width:5px;height:5px;background:#a7c9fc;border-radius:50%;box-shadow:0 0 0 5px #a7c9fc0c}.f-hero h1{font-size:clamp(70px,7.1vw,118px);font-weight:300;line-height:1.07;letter-spacing:-.065em;position:relative;z-index:2}.f-hero h1 em{font-weight:400;font-style:normal;color:#bbcdec}.f-hero-copy>p{font-size:16px;line-height:1.75;color:#9da8b9;margin:33px 0 30px;letter-spacing:-.02em}.f-hero-cta{display:inline-flex;align-items:center;gap:48px;padding-block:13px;border-bottom:1px solid #8c99b3;font-size:12px}.f-hero-cta>span{font-size:24px;line-height:1;transition:transform .3s}.f-hero-cta:hover>span{transform:translate(3px,3px)}.f-hero-art{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.assembly{position:relative;aspect-ratio:1/1;perspective:1000px;max-width:690px;width:110%;margin-left:-2%;margin-block:-50px -100px;isolation:isolate}.assembly-art{position:relative;width:100%;height:100%;overflow:visible;transform:rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg));transition:transform 1s var(--ease);z-index:2}.assembly-layer{transform:translateY(var(--shift));transform-origin:350px 280px;transition:transform 1.6s var(--ease);transition-delay:calc(var(--layer)*35ms)}.assembly.separated .assembly-layer{transform:translate(calc(var(--spread)*.20),var(--spread)) rotate(calc((var(--layer) - 3.5)*2deg))}.assembly-glow{position:absolute;width:75%;height:60%;left:16%;top:15%;background:radial-gradient(ellipse,#486ba520,transparent 65%);filter:blur(25px);z-index:0}.assembly-ground{position:absolute;left:19%;right:7%;height:13%;bottom:20%;border-radius:50%;background:#02050aa6;filter:blur(20px)}.assembly-coordinate{position:absolute;z-index:3;font-size:7px;letter-spacing:.16em;color:#7d8da7;display:flex;align-items:center;gap:12px;pointer-events:none}.assembly-coordinate i{display:block;width:40px;height:1px;background:#53627c}.a-one{left:12%;top:12%;transform:translateY(-10px)}.a-two{right:0;bottom:22%;flex-direction:row-reverse}.assembly-control{position:relative;z-index:4;align-self:center;text-align:center;margin-top:5px}.assembly-control button{display:flex;align-items:center;justify-content:center;gap:12px;margin:auto;background:transparent;border:1px solid #354050;border-radius:30px;padding:11px 20px;color:#dce4f0;font-size:10px}.assembly-control button:hover{border-color:#8ba6d1;background:#ffffff08}.control-icon{font-size:17px;line-height:1}.assembly-control p{font-size:9px;color:#718098;margin:12px 0 0}.f-hero-foot{display:grid;grid-template-columns:1.04fr 1fr auto;align-items:center;gap:35px;border-top:1px solid #ffffff1c;padding-block:28px 32px}.f-hero-foot>span{font-size:8px;letter-spacing:.16em;color:#b7c1d0}.f-hero-foot>p{font-size:10px;color:#7e8ba0;margin:0}.f-hero-foot>a{display:flex;align-items:center;gap:22px;font-size:7px;letter-spacing:.15em;color:#9eacc1}.f-hero-foot i{font-style:normal;font-size:20px;color:#e5eafa;animation:down-hint 2.8s ease-in-out infinite}.f-manifesto{display:grid;grid-template-columns:1fr 3fr;gap:70px;padding-block:130px}.f-margin-note{display:flex;flex-direction:column;justify-content:space-between;gap:45px;padding-top:13px}.f-margin-note>span{font-size:8px;letter-spacing:.12em;color:#667184}.f-margin-note i{font-size:85px;line-height:1;color:#a9b8d1;font-weight:300;font-style:normal}.f-manifesto h2{font-size:clamp(35px,3.55vw,55px);line-height:1.3;font-weight:400;letter-spacing:-.045em}.f-manifesto h2>span{color:#9299a4}.manifesto-bottom{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:80px;margin-top:48px}.manifesto-bottom p{font-size:13px;line-height:1.9;margin:0}.manifesto-bottom a{font-size:11px} .f-world{background:var(--paper);overflow:hidden}.f-world .section-head>p{font-size:13px}.world-controls{display:flex;border-bottom:1px solid #c8ccd3;gap:34px}.world-controls button{border:0;border-bottom:2px solid transparent;background:none;display:flex;gap:28px;justify-content:space-between;padding:17px 3px;font-size:12px}.world-controls button[aria-selected=true]{border-bottom-color:#344ad0;color:#3343ae}.world-controls button>span{opacity:.4}.world-controls button[aria-selected=true]>span{opacity:1}.world-stage{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;padding-block:45px 25px;align-items:center}.world-map{height:520px;position:relative;min-width:0}.world-wires{position:absolute;inset:0;width:100%;height:100%}.world-wires path{fill:none;stroke:#c1c8d3;stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .5s,opacity .5s}.world-wires path.active{stroke:#5b6adb;stroke-dasharray:6 5;stroke-width:1.5;animation:world-flow 5s linear infinite}.world-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border:1px solid #b7c1d2;background:#fafbfc;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:0 0 0 10px #f5f5f2,0 0 0 11px #d7dde6;z-index:1}.world-core img{width:72px;height:auto}.world-core>span{font-size:6px;letter-spacing:.2em;color:#68768e}.world-node{position:absolute;top:calc(var(--node-row)*24% + 2%);min-height:74px;width:32%;display:flex;align-items:center;gap:10px;padding:14px 12px;background:var(--paper);border:1px solid #d7dae1;transition:background .45s,border-color .45s,opacity .45s,transform .3s;z-index:2}.world-node.node-left{left:0}.world-node.node-right{right:0}.world-node>span:nth-child(2){font-size:11px;line-height:1.4;letter-spacing:-.025em;flex:1}.world-node small{display:block;color:#7a8390;font-size:7px;line-height:1.5;letter-spacing:0;margin-top:5px}.world-node i{font-style:normal;font-size:11px;color:#8c97a7}.node-dot{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#b4bdcb}.world-node.active{background:#fff;border-color:#8293d2;box-shadow:0 5px 16px #1b2f5d08}.world-node.active .node-dot{background:var(--node-color);box-shadow:0 0 0 3px #8293d214}.world-node:hover{border-color:var(--blue);transform:translateY(-3px)}.world-narrative{border-left:1px solid #c8cdd7;padding-left:40px}.world-narrative .eyebrow{font-size:8px;color:#6c778a}.world-narrative h3{font-size:34px;line-height:1.2;margin:23px 0 20px}.world-narrative p{font-size:12px;line-height:1.9}.world-narrative ol{list-style:none;counter-reset:world;margin:25px 0;padding:0}.world-narrative li{counter-increment:world;border-top:1px solid #d4d8e0;padding:12px 0;display:flex;align-items:center;gap:20px}.world-narrative li:before{content:'0' counter(world);font-size:8px;color:#8b94a3}.world-narrative li a{display:flex;justify-content:space-between;flex:1;font-size:11px}.world-narrative>.text-link,.world-narrative article>.text-link{width:100%;font-size:11px}.world-note{border-top:1px solid #cdd2da;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#838c99} .home .directory{background:white}.home .directory .section-head h2{font-weight:400}.home .directory-tabs button[aria-selected=true]{background:#eff3fa;border-left:2px solid #5d75b1}.home .directory-tabs button:hover{background:#f2f5f9}.home .directory-copy{background:#f4f6f9}.home .directory-copy h3{font-weight:400;font-size:34px}.home .directory-layout{gap:85px;grid-template-columns:.85fr 1.15fr}.home .business-visual{min-height:0;aspect-ratio:1.7}.home .directory-tabs button{padding-block:18px}.home .directory-tabs small{font-size:9px}.home .directory-tabs button>span:nth-child(2){font-size:18px}.home .directory-copy p{line-height:1.9}.home .directory-copy .actions{margin-top:24px}.home .directory .company-wordmark>span{font-size:26px}.home .directory .visual-caption{inset:35px} .f-work{border-top:1px solid var(--line)}.f-work .section-head h2{font-weight:400}.f-work-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:50px 50px;align-items:start}.f-work-card{min-width:0}.f-work-card.work-0{grid-row:span 2}.work-open{border:0;padding:0;display:block;width:100%;position:relative;background:#eff0f3;overflow:hidden;aspect-ratio:1.6}.work-0 .work-open{aspect-ratio:.83}.work-open>img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}.work-open:hover>img{transform:scale(1.04)}.work-view{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:24px;background:#fffffff0;padding:10px 15px;font-size:10px;opacity:0;transform:translateY(5px);transition:transform .3s,opacity .3s}.work-view i{font-style:normal;font-size:18px}.work-open:hover .work-view,.work-open:focus-visible .work-view{opacity:1;transform:none}.work-caption{margin-top:25px;position:relative;padding-right:25px}.work-caption>span{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#8a909a;margin-bottom:13px}.work-caption>h3{font-size:30px;font-weight:400;margin-bottom:10px}.work-caption>p{font-size:12px;margin:0}.work-source{margin:35px 0 0;font-size:9px;color:#87919e}.f-work dialog{width:min(1040px,94vw);max-height:92svh;overflow:auto;border:0;padding:25px;background:#f9fafb;color:var(--ink)}.f-work dialog::backdrop{background:#090e16dc;backdrop-filter:blur(7px)}.work-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.work-dialog-head h2{font-size:22px;letter-spacing:-.04em}.work-dialog-head button{padding:8px 15px;border:1px solid #ccd1dc;background:none;font-size:11px}.f-work dialog>img{max-height:72svh;object-fit:contain;width:100%;background:#e5e8ee}.f-work dialog>p{font-size:10px;margin:15px 0 0}.home .client-home{padding-block:65px;background:#f7f8fa}.home .client-home h2{font-size:48px;font-weight:400}.home .client-home .section-head>p{font-size:12px}.home .product-section{background:#10151d}.home .product-section .section-head h2{font-weight:400}.home .product-card{background:#141c27;border-color:#2a3646}.home .product-card .mini-app{background:#0b111b}.home .product-grid{gap:35px}.f-journal-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.journal-feature-image{position:relative;aspect-ratio:1.35;overflow:hidden;background:#14233b}.journal-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.journal-feature:hover img{transform:scale(1.035)}.journal-feature-image>span{position:absolute;left:20px;bottom:20px;background:#ffffffed;padding:9px 14px;font-size:8px;letter-spacing:.1em}.journal-feature>h3{font-size:32px;font-weight:400;line-height:1.35;margin:26px 0 18px}.feature-read{font-size:11px;display:flex;justify-content:space-between;border-bottom:1px solid #d3d8e1;padding-bottom:15px}.feature-read i{font-style:normal}.journal-editorial-list>a{display:flex;gap:20px;padding:28px 0;border-top:1px solid #d3d8e1}.journal-editorial-list>a:last-of-type{border-bottom:1px solid #d3d8e1}.editorial-number{font-size:9px;color:#8691a1}.journal-editorial-list>a>div{flex:1}.journal-editorial-list .eyebrow{font-size:7px;color:#7e899c}.journal-editorial-list h3{font-size:23px;font-weight:400;line-height:1.4;margin:12px 0 20px}.editorial-read{font-size:8px;letter-spacing:.12em;color:#8591a4}.journal-editorial-list>a>i{font-size:18px;font-style:normal;color:#94a0b2}.journal-editorial-list>p{font-size:10px;margin-top:24px}.f-journal .section-head h2{font-weight:400} /* Shared identity, varied editorial layouts on inner pages. */ .inner-page .page-intro{position:relative;padding-block:105px 82px}.inner-page .page-intro h1{font-weight:300;font-size:clamp(50px,6.6vw,100px);line-height:1.13}.inner-page .page-intro .eyebrow{color:#8792a4;letter-spacing:.17em;font-size:9px}.inner-page .page-intro p{font-size:15px;line-height:1.9;max-width:650px}.page-about .page-intro{border-bottom:0}.page-about .wide-photo{margin-top:0}.page-about .principle-grid{grid-template-columns:1fr 1fr;column-gap:70px;row-gap:45px}.page-about .principle-grid article{display:grid;grid-template-columns:55px 1fr;gap:10px 25px;padding-top:28px}.page-about .principle-grid article>span{grid-row:span 2;font-size:13px}.page-about .principle-grid h3{font-size:28px;margin:0 0 12px;font-weight:400}.page-about .principle-grid p{grid-column:2}.page-companies .company-grid{gap:80px 45px}.page-companies .company-card:nth-child(2n){padding-top:80px}.page-companies .company-card h3{font-weight:400;font-size:33px}.page-companies .company-card .business-visual{height:360px}.page-companies .business-intro{padding-block:60px 90px}.page-companies .business-title-grid{gap:80px;grid-template-columns:1fr 1.2fr}.page-companies .business-title-grid h1{font-weight:300}.page-companies .business-title-grid>.business-visual{height:480px}.page-companies .capability-layout{grid-template-columns:1fr 1.3fr;gap:110px}.page-companies .capability-list h3{font-weight:400}.page-clients .client-grid{border:none;gap:20px}.page-clients .client-grid article{border:1px solid #e4e8ee;padding-block:40px}.page-clients .work-grid{grid-template-columns:1.35fr 1fr 1fr}.page-clients .work-grid figure:nth-child(2){padding-top:60px}.page-clients .work-grid figure:nth-child(3){padding-top:120px}.page-journal .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 32px}.page-journal .journal-card:first-child{grid-column:span 2;grid-row:span 2}.page-journal .journal-card:first-child .journal-image{aspect-ratio:1.12}.page-journal .journal-card:first-child h3{font-size:38px;font-weight:400}.page-journal .journal-card:first-child p{font-size:14px}.page-journal .journal-card h3{font-weight:400}.page-article .article-heading h1{font-weight:400}.page-contact .contact-card{background:#eff2f7}.inner-page .section-head h2,.inner-page .split h2{font-weight:400}.footer{background:#0c1017}.footer-top h2{font-weight:300;line-height:1.15}.footer-word{color:#c5d2e9;font-weight:300;letter-spacing:-.09em}.footer-top>.button{background:transparent;color:#dae3f4;border-color:#4c5c78;border-radius:0;padding:23px 30px}.footer-top>.button:hover{background:#dce6f9;color:#0c1017}.footer-nav{grid-template-columns:1.6fr 1fr 1fr}.footer-word>span{color:#91a5c8}@keyframes world-flow{to{stroke-dashoffset:-44}}@keyframes down-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}} @media(min-width:1650px){.f-hero-grid{min-height:760px;padding-block:85px 40px}.f-hero h1{font-size:122px}.assembly{margin-top:-35px}.f-hero-copy>p{font-size:18px}} @media(max-width:1150px){.f-hero-grid{min-height:570px}.f-hero h1{font-size:clamp(66px,7vw,86px)}.assembly{width:115%;margin-left:-8%;margin-bottom:-80px}.f-hero-copy>p{font-size:14px}.f-hero-foot{gap:25px}.f-hero-foot>a>span{display:none}.f-manifesto{grid-template-columns:.7fr 3fr;gap:40px}.manifesto-bottom{gap:40px}.world-stage{grid-template-columns:1.5fr 1fr;gap:35px}.world-narrative{padding-left:28px}.world-narrative h3{font-size:28px}.world-node{padding:11px 8px;gap:7px;width:34%}.world-node>span:nth-child(2){font-size:10px}.world-node small{font-size:6px}.world-core{width:83px;height:83px}.world-core img{width:58px}.home .directory-layout{gap:45px}.f-journal-layout{gap:40px}.journal-feature>h3{font-size:28px}.page-companies .business-title-grid{gap:40px}.page-companies .capability-layout{gap:65px}.page-companies .company-card .business-visual{height:300px}.page-companies .company-card:nth-child(2n){padding-top:55px}.page-companies .company-grid{gap:55px 30px}.page-journal .journal-card:first-child h3{font-size:32px}} @media(max-width:900px){.f-hero-grid{min-height:580px;grid-template-columns:1.1fr 1fr;padding-block:50px 25px}.f-hero h1{font-size:68px}.f-kicker{font-size:8px;margin-bottom:35px}.assembly{width:135%;margin-left:-16%;margin-top:-30px;margin-bottom:-50px}.assembly-coordinate{display:none}.assembly-control button{font-size:8px;padding:9px 12px;gap:9px}.assembly-control p{font-size:7px;max-width:210px;margin-inline:auto}.f-hero-copy>p{font-size:13px}.f-hero-foot>span{font-size:7px}.f-hero-foot>p{font-size:9px}.f-manifesto{grid-template-columns:1fr;padding-block:80px;gap:30px}.f-margin-note{flex-direction:row;align-items:center;padding:0}.f-margin-note i{font-size:35px}.f-manifesto h2{font-size:39px}.manifesto-bottom{margin-top:32px;grid-template-columns:1.3fr 1fr}.world-stage{grid-template-columns:1fr;gap:10px}.world-map{height:420px;max-width:760px;width:100%;margin:auto}.world-core{width:100px;height:100px}.world-core img{width:70px}.world-node{width:29%;padding:13px;min-height:70px}.world-node>span:nth-child(2){font-size:12px}.world-node small{font-size:7px}.world-controls{gap:20px}.world-controls button{font-size:10px;gap:15px;flex:1}.world-narrative{border-left:0;border-top:1px solid #c8cdd7;padding:30px 0 0}.world-narrative article{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.world-narrative .eyebrow{grid-column:1}.world-narrative h3{grid-column:1;font-size:32px}.world-narrative p{grid-column:1}.world-narrative ol{grid-column:2;grid-row:1/span 3;margin:0}.world-narrative article>.text-link{grid-column:2;align-self:start}.home .directory-layout{gap:30px}.home .directory-tabs button>span:nth-child(2){font-size:15px}.home .directory-copy h3{font-size:27px}.home .business-visual{min-height:240px;aspect-ratio:auto}.home .directory .visual-caption{inset:25px}.f-work-layout{gap:35px}.work-0 .work-open{aspect-ratio:.62}.work-caption h3{font-size:25px}.f-journal-layout{grid-template-columns:1fr 1fr;gap:30px}.journal-feature>h3{font-size:26px}.journal-editorial-list h3{font-size:18px}.journal-editorial-list>a{padding-block:22px;gap:15px}.journal-feature-image{aspect-ratio:.9}.page-companies .company-card .business-visual{height:260px}.page-companies .business-title-grid>.business-visual{height:390px}.page-companies .capability-layout{gap:40px}.page-clients .client-grid{gap:12px}.page-clients .client-grid article{padding-block:28px}.page-journal .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-journal .journal-card:first-child{grid-row:auto}.page-journal .journal-card:first-child .journal-image{aspect-ratio:1.8}} @media(max-width:650px){.f-hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-block:42px 0;min-height:0}.f-kicker{font-size:8px;margin-bottom:29px}.f-hero h1{font-size:clamp(51px,12.6vw,76px);font-weight:300;line-height:1.1;letter-spacing:-.06em}.f-hero-copy>p{margin:25px 0 18px;font-size:12px}.f-hero-cta{font-size:11px;gap:40px;padding-block:12px}.f-hero-art{margin-top:16px;display:block}.assembly{width:100%;aspect-ratio:1.04;max-width:420px;margin:-15px auto -90px}.assembly-art{overflow:visible}.assembly-control{margin-top:0;position:relative}.assembly-control button{font-size:9px;padding:10px 16px}.assembly-control p{font-size:8px;max-width:none;margin-top:10px}.f-hero-foot{grid-template-columns:1fr auto;padding-block:23px;margin-top:26px;gap:20px}.f-hero-foot>span{font-size:6px;letter-spacing:.12em}.f-hero-foot>p{display:none}.f-hero-foot>a{gap:0}.f-hero-foot i{font-size:16px}.f-manifesto{padding-block:65px;gap:30px}.f-margin-note>span{font-size:7px}.f-margin-note i{font-size:30px}.f-manifesto h2{font-size:clamp(25px,6.6vw,37px);line-height:1.42;letter-spacing:-.035em}.manifesto-bottom{display:block;margin-top:30px}.manifesto-bottom p{font-size:12px;max-width:480px}.manifesto-bottom a{font-size:10px;margin-top:20px}.f-world .section-head h2{font-size:34px}.f-world .section-head>p{font-size:12px}.world-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.world-controls button{padding-block:15px;font-size:10px}.world-stage{padding-top:30px}.world-map{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.world-wires{display:none}.world-core{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;width:86px;height:86px;justify-self:center;margin:8px 0 24px;box-shadow:0 0 0 7px #f5f5f2,0 0 0 8px #d7dde6}.world-core:after{content:'';position:absolute;top:100%;left:50%;height:30px;width:1px;background:#b9c5dc}.world-core img{width:58px}.world-node{position:relative;left:auto!important;right:auto!important;top:auto!important;width:auto;min-width:0;min-height:78px;padding:12px 9px;gap:8px}.world-node>span:nth-child(2){font-size:10px}.world-node small{font-size:7px}.world-node i{font-size:10px}.world-node.active{box-shadow:inset 2px 0 0 #6b7fc1}.world-narrative{margin-top:20px;padding-top:25px}.world-narrative article{display:block}.world-narrative h3{font-size:29px;margin:17px 0}.world-narrative p{font-size:12px}.world-narrative ol{margin-block:22px}.world-narrative .text-link{font-size:11px}.world-note{display:block;font-size:8px;line-height:1.7}.world-note span{display:block;margin-bottom:6px}.home .directory-layout{grid-template-columns:minmax(0,1fr);gap:24px}.home .directory .section-head h2{font-size:35px}.home .directory-tabs button{padding-block:14px}.home .directory-tabs button>span:nth-child(2){font-size:12px}.home .directory-tabs small{font-size:7px}.home .directory-copy h3{font-size:27px}.home .directory .company-wordmark>span{font-size:22px}.f-work-layout{grid-template-columns:minmax(0,1fr);gap:40px}.f-work-card.work-0{grid-row:auto}.work-0 .work-open{aspect-ratio:1.05}.work-open{aspect-ratio:1.3}.work-view{opacity:1;transform:none;right:14px;bottom:14px;font-size:9px;padding:8px 12px}.work-caption{margin-top:20px}.work-caption h3{font-size:28px}.work-caption>p{font-size:11px}.f-work dialog{padding:17px}.work-dialog-head h2{font-size:19px}.work-dialog-head button{padding:7px 10px;font-size:10px}.f-work dialog>img{max-height:70svh}.f-work .section-head h2{font-size:35px}.home .client-home{padding-block:50px}.home .client-home h2{font-size:38px}.home .client-home .section-head>p{font-size:12px}.home .product-section .section-head h2{font-size:36px}.home .product-grid{gap:24px}.f-journal-layout{grid-template-columns:minmax(0,1fr);gap:40px}.journal-feature-image{aspect-ratio:1.25}.journal-feature>h3{font-size:29px}.journal-editorial-list h3{font-size:21px}.f-journal .section-head h2{font-size:35px}.inner-page .page-intro{padding-block:60px 48px}.inner-page .page-intro h1{font-size:clamp(39px,10.2vw,60px)}.inner-page .page-intro .eyebrow{font-size:8px}.inner-page .page-intro p{font-size:13px}.page-about .principle-grid{grid-template-columns:1fr;row-gap:28px}.page-about .principle-grid article{grid-template-columns:30px 1fr;gap:8px 16px}.page-about .principle-grid h3{font-size:25px}.page-companies .company-grid{gap:42px}.page-companies .company-card:nth-child(2n){padding-top:0}.page-companies .company-card h3{font-size:29px}.page-companies .company-card .business-visual{height:260px}.page-companies .business-intro{padding-block:36px 50px}.page-companies .business-title-grid{grid-template-columns:minmax(0,1fr);gap:35px}.page-companies .business-title-grid>.business-visual{height:310px}.page-companies .capability-layout{grid-template-columns:minmax(0,1fr);gap:24px}.page-clients .client-grid{gap:10px}.page-clients .client-grid article{padding:20px 10px}.page-clients .work-grid{grid-template-columns:1fr}.page-clients .work-grid figure:nth-child(n){padding-top:0}.page-journal .journal-grid{grid-template-columns:minmax(0,1fr);gap:44px}.page-journal .journal-card:first-child{grid-column:auto}.page-journal .journal-card:first-child .journal-image{aspect-ratio:1.5}.page-journal .journal-card:first-child h3{font-size:27px}.page-journal .journal-card:first-child p{font-size:13px}.footer-nav{grid-template-columns:1fr 1fr}.footer-top h2{font-size:43px}.footer-top>.button{padding:18px 23px}} @media(prefers-reduced-motion:reduce){.assembly-art,.assembly-layer,.world-wires path,.f-hero-foot i{transition:none!important;animation:none!important}.assembly-art{transform:none!important}} .assembly-art{animation:assembly-arrive 1.8s var(--ease) both}.assembly-glow{animation:assembly-light 8s ease-in-out infinite alternate}.world-node>span:nth-child(2){font-size:13px}.world-node small{font-size:8px}.world-narrative p{font-size:13px}.world-narrative li a{font-size:12px}.f-world .section-head h2{font-weight:400}.work-0 .work-open{background:#e5e9ee;display:flex;align-items:center;justify-content:center;padding:38px;perspective:1200px}.work-0 .work-open>img{width:100%;height:auto;object-fit:contain;box-shadow:0 30px 40px #17233630;transform:rotateY(-9deg) rotateX(4deg);border:1px solid #ffffff;transition:transform 1.4s var(--ease)}.work-0 .work-open:hover>img{transform:rotateY(0) rotateX(0) scale(1.02)} @keyframes assembly-arrive{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes assembly-light{from{opacity:.4}to{opacity:1}} @media(min-width:1151px){.site-header nav a{font-size:13px}.brand img{width:112px}} @media(max-width:1150px){.world-node>span:nth-child(2){font-size:11px}.world-node small{font-size:7px}} @media(max-width:650px){.world-node>span:nth-child(2){font-size:10px}.world-node small{font-size:7px}.work-0 .work-open{padding:22px}.work-0 .work-open>img{transform:rotateY(-6deg) rotateX(3deg)}} .business-visual.has-site-preview{background:#182238;perspective:1200px}.has-site-preview.visual-fybb-360{background:#273759}.has-site-preview.visual-fybb-space{background:#312c49}.has-site-preview.visual-fybb-launchpad{background:#432637}.has-site-preview.visual-profit-networks{background:#262d43}.has-site-preview>img.business-site-preview{inset:auto;top:108px;left:7%;width:89%;height:auto;max-width:none;object-fit:contain;filter:none;box-shadow:0 18px 45px #05091666;transform:rotateY(-5deg) rotateX(3deg) rotateZ(-2deg);transform-origin:center top;border:1px solid #ffffff30;transition:transform 1.3s var(--ease)}.has-site-preview:hover>img.business-site-preview{transform:rotateY(0) rotateX(0) rotateZ(0) translateY(-6px)}.has-site-preview>.visual-caption{justify-content:flex-start;gap:8px;pointer-events:none}.has-site-preview .visual-caption>span:last-child{font-size:8px;letter-spacing:.15em;color:#bbc7da}.has-site-preview .company-wordmark{line-height:1;min-height:35px}.has-site-preview .company-wordmark .network-lockup{width:125px;max-height:40px;object-fit:contain;object-position:left}.home .directory .has-site-preview .visual-caption{inset:25px}.work-0 .work-open:before{content:attr(data-work-name);font-family:Poppins,sans-serif;font-size:clamp(38px,4vw,65px);font-weight:300;letter-spacing:-.065em;position:absolute;left:38px;top:40px;color:#53657d;pointer-events:none}.work-0 .work-open{aspect-ratio:.95}.page-companies .business-title-grid .has-site-preview>img.business-site-preview{top:125px} @media(max-width:900px){.work-0 .work-open:before{font-size:36px;top:24px;left:24px}.work-0 .work-open{aspect-ratio:.72}.has-site-preview>img.business-site-preview{top:110px;width:92%;left:5%}} @media(max-width:650px){.work-0 .work-open{aspect-ratio:.95;padding-top:42px}.work-0 .work-open:before{font-size:32px;left:22px;top:18px}.home .directory .has-site-preview .visual-caption{inset:22px}.has-site-preview>img.business-site-preview{top:100px}.page-companies .business-title-grid .has-site-preview>img.business-site-preview{top:115px}} .product-card .circle-symbol{border-color:#a894ff;box-shadow:5px 0 0 -1px #6548e8}.product-card .books-symbol{background:#6251e8;color:white}.product-card .mini-button{background:#272342;border-color:#514576;color:#d8ceff} .assembly-layer{transform:translateY(calc(var(--shift) + var(--scroll-offset,0px)))} /* Preserve the complete archived cover art, including any original lettering. */ .journal-image img,.journal-feature-image img{object-fit:contain}.journal-image{background:#edf0f5}.page-journal .journal-card:first-child{grid-row:auto}.page-journal .journal-card:first-child .journal-image{aspect-ratio:1.72}.journal-feature-image{aspect-ratio:1.5;background:#10121a}.page-journal .journal-card:first-child h3{font-size:34px} @media(max-width:650px){.page-journal .journal-card:first-child h3{font-size:27px}.page-journal .journal-card:first-child .journal-image{aspect-ratio:1.5}.journal-feature-image{aspect-ratio:1.5}} /* Real website previews, with direct project access. */ .work-project-link{display:inline-flex;gap:28px;font-size:12px;border-bottom:1px solid #aab3c2;padding:12px 0 7px;margin-top:5px}.work-project-link:hover{color:#4951fe}.work-open>img{object-position:top}.work-0 .work-open:before{font-size:clamp(27px,3.1vw,48px)}.work-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:20px}.work-dialog-foot p{font-size:11px;max-width:400px}.work-dialog-foot a{white-space:nowrap;font-size:12px}.has-site-preview.visual-join-the-story{background:#773c17}.has-site-preview.visual-the-profit{background:#2e302e}.has-site-preview.visual-synx{background:#292130}@media(max-width:650px){.work-dialog-foot{display:block}.work-dialog-foot a{margin-top:12px}.work-0 .work-open:before{font-size:28px}} .has-site-preview .company-wordmark .story-lockup{width:110px;height:62px;object-fit:contain}.has-site-preview.visual-join-the-story>img.business-site-preview{top:135px} /* Additional standalone styles */ .archive-callout { padding: 24px 0; border-bottom: 1px solid var(--line); } .archive-callout p { margin: 0; font-size: 14px; } .empty-state .actions .button { margin: 5px; } /* ========================================================================== Header & Footer Builder (Turbo Addons) Display Overrides Ensure custom templates inside #tahefobu-header and .turbo-footer-template are NEVER hidden by Turbo's body-level hide-theme rules. ========================================================================== */ body.turbo-hide-theme-header #tahefobu-header, body.turbo-hide-theme-header #tahefobu-header .site-header, body.turbo-hide-theme-header .turbo-header-template, body.turbo-hide-theme-header .turbo-header-template .site-header, #tahefobu-header .site-header, .turbo-header-template .site-header { display: block !important; } body.tahefobu-hide-theme-footer .turbo-footer-template, body.tahefobu-hide-theme-footer .turbo-footer-template .footer, .turbo-footer-template .footer { display: block !important; } body.tahefobu-hide-theme-footer .turbo-footer-template .footer-bottom, .turbo-footer-template .footer-bottom { display: flex !important; } @media (max-width: 650px) { body.tahefobu-hide-theme-footer .turbo-footer-template .footer-bottom, .turbo-footer-template .footer-bottom { display: flex !important; flex-wrap: wrap !important; } } /* ========================================================================== Contact Form 7 Form Layout and Styling ========================================================================== */ .contact-layout .wpcf7 form.wpcf7-form { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px; } .contact-layout .wpcf7-form label { font-size: 11px; letter-spacing: .03em; display: block; width: 100%; } .contact-layout .wpcf7-form span.wpcf7-form-control-wrap { display: block; width: 100%; } .contact-layout .wpcf7-form input[type="text"], .contact-layout .wpcf7-form input[type="email"], .contact-layout .wpcf7-form select, .contact-layout .wpcf7-form textarea { width: 100%; padding: 13px 14px; border: 1px solid #c7ccd6; border-radius: 0; background: #fff; color: var(--ink); font-size: 13px; margin-top: 8px; box-sizing: border-box; font-family: inherit; transition: border-color .2s; } .contact-layout .wpcf7-form input:focus, .contact-layout .wpcf7-form select:focus, .contact-layout .wpcf7-form textarea:focus { border-color: var(--blue); outline: none; } .contact-layout .wpcf7-form label.full-field { grid-column: 1 / -1; } .contact-layout .wpcf7-form input.wpcf7-submit.button { grid-column: 1 / -1; justify-self: start; width: auto; display: inline-flex; align-items: center; justify-content: space-between; gap: 40px; min-height: 54px; padding: 17px 25px; background: var(--night); color: white; font-size: 13px; border: 1px solid var(--night); cursor: pointer; transition: background .25s, transform .25s; } .contact-layout .wpcf7-form input.wpcf7-submit.button:hover { background: var(--blue); transform: translateY(-2px); } .contact-layout .wpcf7-form .wpcf7-response-output { grid-column: 1 / -1; margin: 15px 0 0 0 !important; padding: 14px 20px !important; font-size: 12px !important; border-radius: 0 !important; border: 1px solid #c7ccd6 !important; } .contact-layout .wpcf7-form .wpcf7-not-valid-tip { font-size: 11px; color: #e02424; margin-top: 5px; display: block; } @media (max-width: 650px) { .contact-layout .wpcf7 form.wpcf7-form { grid-template-columns: 1fr; margin-top: 30px; } } /* ========================================================================== ElementsKit Header & Nav Menu Integration (Left Logo, Right Menu) ========================================================================== */ .ekit-template-content-header { position: sticky; top: 0; z-index: 1000; } body.admin-bar .ekit-template-content-header { top: 32px; } @media (max-width: 782px) { body.admin-bar .ekit-template-content-header { top: 46px; } } body .ekit-header-wrap, body .elementor-147 .elementor-element.ekit-header-wrap { --min-height: var(--header, 94px); --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: nowrap; --justify-content: space-between; --align-items: center; --gap: 30px; --padding-top: 0px; --padding-bottom: 0px; --padding-left: max(56px, calc((100% - 1504px) / 2)); --padding-right: max(56px, calc((100% - 1504px) / 2)); position: relative !important; width: 100% !important; max-width: 100% !important; min-height: var(--header, 94px) !important; height: var(--header, 94px) !important; background: var(--night, #0b0d12) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 30px !important; padding: 0 max(56px, calc((100% - 1504px) / 2)) !important; margin: 0 !important; } body .ekit-header-wrap .hdr-logo-col, body .ekit-header-wrap .hdr-menu-col { --width: auto; --flex-wrap: nowrap; --flex-wrap-mobile: nowrap; --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; width: auto !important; max-width: none !important; height: 100% !important; padding: 0 !important; margin: 0 !important; flex-wrap: nowrap !important; } .ekit-header-wrap .hdr-logo-col { display: flex !important; align-items: center !important; flex: 0 0 auto !important; } .ekit-header-wrap .hdr-menu-col { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 29px !important; --gap: 29px !important; flex: 1 1 auto !important; min-width: 0 !important; } .ekit-header-wrap .hdr-logo-col .elementor-widget, .ekit-header-wrap .hdr-menu-col .elementor-widget { width: auto !important; max-width: none !important; margin-bottom: 0 !important; } /* ElementsKit Nav Menu Link Styles */ body .ekit-header-wrap .hdr-menu-col nav.ekit-wid-con { display: block !important; position: static !important; width: auto !important; height: auto !important; background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; max-height: none !important; overflow: visible !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 29px !important; margin: 0 !important; padding: 0 !important; height: auto !important; list-style: none !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li > a.ekit-menu-nav-link { font-family: Poppins, Arial, sans-serif !important; font-size: 12px !important; font-weight: 400 !important; color: #e1e3e8 !important; text-transform: none !important; padding: 12px 0 !important; transition: color 0.25s var(--ease) !important; position: relative !important; letter-spacing: 0 !important; background: transparent !important; white-space: nowrap !important; line-height: 1.75 !important; height: auto !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li > a.ekit-menu-nav-link:hover, body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li.current-menu-item > a.ekit-menu-nav-link, body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li > a.ekit-menu-nav-link[aria-current] { color: #ffffff !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li.current-menu-item > a.ekit-menu-nav-link:after, body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li > a.ekit-menu-nav-link[aria-current]:after { content: '' !important; position: absolute !important; bottom: 4px !important; left: 0 !important; width: 20px !important; height: 2px !important; background: var(--azure, #59a8f8) !important; } /* Header Contact Button */ body .ekit-header-wrap .hdr-menu-col .nav-contact, body .ekit-header-wrap .hdr-menu-col .elementor-widget-button .elementor-button { font-family: Poppins, Arial, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; color: #e1e3e8 !important; background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.333) !important; padding: 11px 20px !important; border-radius: 0 !important; display: inline-flex !important; align-items: center !important; gap: 12px !important; line-height: 1.75 !important; transition: background 0.25s, transform 0.25s, border-color 0.25s, color 0.25s !important; white-space: nowrap !important; } body .ekit-header-wrap .hdr-menu-col .nav-contact:hover, body .ekit-header-wrap .hdr-menu-col .elementor-widget-button .elementor-button:hover { background: var(--blue, #4951fe) !important; border-color: var(--blue, #4951fe) !important; color: #ffffff !important; transform: translateY(-2px) !important; } /* Desktop & Tablet Landscape (901px+): keep single-row horizontal header, override ElementsKit 1024px collapse */ @media (min-width: 901px) { body .ekit-header-wrap .hdr-menu-col .elementskit-menu-hamburger, body .ekit-header-wrap .hdr-menu-col .elementskit-nav-identity-panel, body .ekit-header-wrap .hdr-menu-col .elementskit-menu-overlay, body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li.fybb-mobile-cta-item { display: none !important; } body .ekit-header-wrap .hdr-menu-col .elementor-widget-button { display: block !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-menu-container, body .ekit-header-wrap .hdr-menu-col .elementskit-menu-container.elementskit-menu-offcanvas-elements { display: flex !important; flex-direction: row !important; align-items: center !important; position: static !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; overflow: visible !important; transition: none !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; overflow: visible !important; } } /* Tablet Landscape (901px - 1150px) */ @media (max-width: 1150px) { body .ekit-header-wrap, body .elementor-147 .elementor-element.ekit-header-wrap { --padding-left: 36px; --padding-right: 36px; padding-inline: 36px !important; gap: 18px !important; --gap: 18px; } .ekit-header-wrap .hdr-menu-col { gap: 18px !important; --gap: 18px !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav { gap: 18px !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li > a.ekit-menu-nav-link { font-size: 10px !important; } body .ekit-header-wrap .hdr-menu-col .elementor-widget-button .elementor-button { font-size: 10px !important; } } /* Tablet Portrait & Mobile (<= 900px): 78px single-row header, 'Menu +' toggle & full-width dropdown */ @media (max-width: 900px) { body .ekit-header-wrap, body .elementor-147 .elementor-element.ekit-header-wrap { --min-height: 78px; --padding-left: 24px; --padding-right: 24px; min-height: 78px !important; height: 78px !important; padding-inline: 24px !important; gap: 16px !important; --gap: 16px; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; } body .ekit-header-wrap .hdr-logo-col, body .ekit-header-wrap .hdr-menu-col { height: 100% !important; flex-wrap: nowrap !important; } body .ekit-header-wrap .hdr-menu-col { flex: 0 0 auto !important; width: auto !important; position: static !important; } body .ekit-header-wrap .hdr-menu-col > .elementor-widget-button { display: none !important; } body .ekit-header-wrap .hdr-menu-col .elementor-widget-ekit-nav-menu, body .ekit-header-wrap .hdr-menu-col .elementor-widget-ekit-nav-menu > .elementor-widget-container, body .ekit-header-wrap .hdr-menu-col nav.ekit-wid-con { position: static !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-nav-identity-panel, body .ekit-header-wrap .hdr-menu-col .elementskit-menu-overlay { display: none !important; } body .ekit-header-wrap .hdr-menu-col button.elementskit-menu-hamburger { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 23px !important; width: auto !important; min-width: 0 !important; height: auto !important; float: none !important; margin: 0 !important; padding: 8px 13px !important; background: transparent !important; border: 1px solid #666c79 !important; border-radius: 0 !important; color: #ffffff !important; font-family: Poppins, Arial, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.75 !important; white-space: nowrap !important; cursor: pointer !important; position: relative !important; z-index: 1001 !important; } body .ekit-header-wrap .hdr-menu-col button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon, body .ekit-header-wrap .hdr-menu-col button.elementskit-menu-hamburger > i, body .ekit-header-wrap .hdr-menu-col button.elementskit-menu-hamburger > svg { display: none !important; } body .ekit-header-wrap .hdr-menu-col button.elementskit-menu-hamburger::before { content: "Menu"; font-size: 11px; line-height: 1.75; color: #ffffff; } body .ekit-header-wrap .hdr-menu-col button.elementskit-menu-hamburger::after { content: "+"; font-size: 16px; line-height: 1.75; color: #ffffff; font-weight: 400; } body .ekit-header-wrap .hdr-menu-col button.elementskit-menu-hamburger[aria-expanded="true"]::after { content: "\2212"; } body .ekit-header-wrap .hdr-menu-col .elementskit-menu-container, body .ekit-header-wrap .hdr-menu-col .elementskit-menu-container.elementskit-menu-offcanvas-elements { display: none !important; position: absolute !important; top: var(--header, 78px) !important; left: 0 !important; right: 0 !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: calc(100svh - var(--header, 78px)) !important; background: var(--night, #0b0d12) !important; padding: 24px !important; margin: 0 !important; border: 0 !important; border-top: 1px solid #303541 !important; border-radius: 0 !important; box-shadow: none !important; overflow-y: auto !important; overflow-x: hidden !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; transition: none !important; z-index: 999 !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-menu-container.elementskit-menu-offcanvas-elements.active { display: flex !important; } .ekit-sticky .elementskit-menu-offcanvas-elements::before, .ekit-sticky .elementskit-menu-offcanvas-elements::after { display: none !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 8px !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li > a.ekit-menu-nav-link { display: block !important; width: 100% !important; height: auto !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.75 !important; padding: 12px 0 !important; color: #e1e3e8 !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li > a.ekit-menu-nav-link:hover, body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li.current-menu-item > a.ekit-menu-nav-link, body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li > a.ekit-menu-nav-link[aria-current] { color: #ffffff !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li.current-menu-item > a.ekit-menu-nav-link:after, body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li > a.ekit-menu-nav-link[aria-current]:after { bottom: 4px !important; left: 0 !important; width: 20px !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li.fybb-mobile-cta-item { display: block !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li.fybb-mobile-cta-item > a.nav-contact { display: block !important; width: 100% !important; margin-top: 12px !important; padding: 13px 16px !important; border: 1px solid rgba(255, 255, 255, 0.333) !important; color: #e1e3e8 !important; font-size: 15px !important; line-height: 1.75 !important; background: transparent !important; } body .ekit-header-wrap .hdr-menu-col .elementskit-navbar-nav > li.fybb-mobile-cta-item > a.nav-contact:hover { background: var(--blue, #4951fe) !important; border-color: var(--blue, #4951fe) !important; color: #ffffff !important; transform: none !important; } } @media (max-width: 650px) { body .ekit-header-wrap, body .elementor-147 .elementor-element.ekit-header-wrap { --padding-left: 20px; --padding-right: 20px; padding-inline: 20px !important; } } @media (max-width: 360px) { body .ekit-header-wrap, body .elementor-147 .elementor-element.ekit-header-wrap { --padding-left: 16px; --padding-right: 16px; padding-inline: 16px !important; } } /* ========================================================================== FYBB Header Brand Logo & 'THE GROUP' Label (Exact match to index.html) ========================================================================== */ .hdr-logo-col .brand, .hdr-logo-col a.brand, .site-header .brand, .brand { display: flex !important; align-items: center !important; gap: 23px !important; text-decoration: none !important; color: #ffffff !important; flex-shrink: 0 !important; } .hdr-logo-col .brand img, .hdr-logo-col a.brand img, .site-header .brand img, .brand img { width: 112px !important; height: auto !important; display: block !important; } .hdr-logo-col .brand > span, .hdr-logo-col a.brand > span, .site-header .brand > span, .brand > span { font-size: 9px !important; line-height: 1 !important; letter-spacing: .19em !important; border-left: 1px solid rgba(255, 255, 255, 0.27) !important; padding-left: 23px !important; color: rgba(255, 255, 255, 0.78) !important; font-family: inherit !important; text-transform: uppercase !important; white-space: nowrap !important; font-weight: 400 !important; } @media (max-width: 1150px) { .hdr-logo-col .brand, .hdr-logo-col a.brand, .site-header .brand, .brand { gap: 14px !important; } .hdr-logo-col .brand > span, .hdr-logo-col a.brand > span, .site-header .brand > span, .brand > span { padding-left: 14px !important; font-size: 8px !important; } .hdr-logo-col .brand img, .hdr-logo-col a.brand img, .site-header .brand img, .brand img { width: 105px !important; } } @media (max-width: 900px) { .hdr-logo-col .brand, .hdr-logo-col a.brand, .site-header .brand, .brand { gap: 14px !important; } .hdr-logo-col .brand > span, .hdr-logo-col a.brand > span, .site-header .brand > span, .brand > span { padding-left: 14px !important; font-size: 8px !important; } .hdr-logo-col .brand img, .hdr-logo-col a.brand img, .site-header .brand img, .brand img { width: 93px !important; } } @media (max-width: 360px) { .hdr-logo-col .brand > span, .hdr-logo-col a.brand > span, .site-header .brand > span, .brand > span { font-size: 7px !important; } .hdr-logo-col .brand img, .hdr-logo-col a.brand img, .site-header .brand img, .brand img { width: 93px !important; } } /* ========================================================================== Elementor Editor Preview Visibility & Canvas Optimizations ========================================================================== */ body.elementor-editor-active .reveal, .elementor-editor-active .reveal, .elementor-editor-preview .reveal, .elementor-editor-active .motion-ready .reveal, body.elementor-editor-active .motion-ready .reveal, body.elementor-editor-active .manifesto-line, .elementor-editor-active .manifesto-line, .elementor-editor-preview .manifesto-line { opacity: 1 !important; transform: none !important; visibility: visible !important; transition: none !important; } body.elementor-editor-active .logo-ribbon, .elementor-editor-active .logo-ribbon { overflow: hidden !important; position: relative !important; } body.elementor-editor-active .logo-track, .elementor-editor-active .logo-track { display: flex !important; width: max-content !important; } body.elementor-editor-active .logo-group, .elementor-editor-active .logo-group { display: flex !important; gap: 32px !important; align-items: center !important; } body.elementor-editor-active .world-stage, .elementor-editor-active .world-stage { position: relative !important; } body.elementor-editor-active .directory-panels article:not([hidden]), .elementor-editor-active .directory-panels article:not([hidden]) { display: block !important; opacity: 1 !important; } body.elementor-editor-active dialog#work-viewer, .elementor-editor-active dialog#work-viewer { display: none; } body.elementor-editor-active dialog#work-viewer[open], .elementor-editor-active dialog#work-viewer[open] { display: block; } /* ========================================================================== About Page First Section (Page Intro) Width & Alignment Fix ========================================================================== */ .elementor-element-sec_f0a130a3, .elementor-element-sec_f0a130a3 > .e-con-inner, .elementor-element-sec_f0a130a3 .elementor-widget-container { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .page-about .page-intro.wrap { width: calc(100% - 112px) !important; max-width: 1504px !important; margin-inline: auto !important; } @media (max-width: 1150px) { .page-about .page-intro.wrap { width: calc(100% - 72px) !important; } } @media (max-width: 900px) { .page-about .page-intro.wrap { width: calc(100% - 48px) !important; } } @media (max-width: 650px) { .page-about .page-intro.wrap { width: calc(100% - 40px) !important; } } /* ========================================================================== About Page Office Image Widget & Container (Authentic wide-photo wrap) ========================================================================== */ .wide-photo-wrap, .elementor-element-sec_office_photo { width: calc(100% - 112px) !important; max-width: 1504px !important; margin-inline: auto !important; margin-top: 0 !important; margin-bottom: 50px !important; padding: 0 !important; } @media (max-width: 1150px) { .wide-photo-wrap, .elementor-element-sec_office_photo { width: calc(100% - 72px) !important; } } @media (max-width: 900px) { .wide-photo-wrap, .elementor-element-sec_office_photo { width: calc(100% - 48px) !important; } } @media (max-width: 650px) { .wide-photo-wrap, .elementor-element-sec_office_photo { width: calc(100% - 40px) !important; margin-bottom: 35px !important; } } .elementor-element-sec_office_photo .elementor-widget-container, .wide-photo-wrap .elementor-widget-container { width: 100% !important; max-width: 100% !important; } .elementor-element-sec_office_photo .elementor-widget-image figure, .wide-photo-wrap .elementor-widget-image figure { margin: 0 !important; width: 100% !important; display: block !important; } .elementor-element-sec_office_photo .elementor-widget-image img, .wide-photo-wrap .elementor-widget-image img, .elementor-element-wid_office_img img { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 620px !important; object-fit: cover !important; display: block !important; } @media (max-width: 650px) { .elementor-element-sec_office_photo .elementor-widget-image img, .wide-photo-wrap .elementor-widget-image img, .elementor-element-wid_office_img img { height: 330px !important; max-height: 330px !important; object-fit: cover !important; } } .elementor-element-sec_office_photo .elementor-widget-image figcaption, .wide-photo-wrap .elementor-widget-image figcaption, .elementor-element-wid_office_img figcaption { font-size: 10px !important; color: var(--muted, #626974) !important; padding: 13px 0 0 0 !important; text-align: left !important; font-style: normal !important; line-height: 1.5 !important; } @media (max-width: 650px) { .elementor-element-sec_office_photo .elementor-widget-image figcaption, .wide-photo-wrap .elementor-widget-image figcaption, .elementor-element-wid_office_img figcaption { font-size: 9px !important; } } /* ========================================================================== Pathfinder Section Full-Width Background ========================================================================== */ .pathfinder { background: #eaf3ff; width: 100% !important; } .elementor-element-sec_ad7c9f31, .elementor-element-sec_e34407ca { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .elementor-element-sec_ad7c9f31 .elementor-widget-container, .elementor-element-sec_e34407ca .elementor-widget-container, .elementor-element-sec_ad7c9f31 .section.pathfinder, .elementor-element-sec_e34407ca .section.pathfinder { width: 100% !important; } /* ========================================================================== Journal Archive Filter Grid Styles (matches journal.html) ========================================================================== */ .elementor-widget-fybb_journal_filter, .elementor-widget-fybb_journal_filter .elementor-widget-container { width: 100% !important; max-width: 100% !important; } .page-journal .journal-grid, .elementor-widget-fybb_journal_filter .journal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 64px 32px !important; } .page-journal .journal-card:first-child, .elementor-widget-fybb_journal_filter .journal-card:first-child { grid-column: span 2 !important; grid-row: auto !important; } .page-journal .journal-card:first-child .journal-image, .elementor-widget-fybb_journal_filter .journal-card:first-child .journal-image { aspect-ratio: 1.72 !important; } .page-journal .journal-card:first-child h3, .elementor-widget-fybb_journal_filter .journal-card:first-child h3 { font-size: 34px !important; font-weight: 400 !important; } .page-journal .journal-card:first-child p, .elementor-widget-fybb_journal_filter .journal-card:first-child p { font-size: 14px !important; } .page-journal .journal-card h3, .elementor-widget-fybb_journal_filter .journal-card h3 { font-weight: 400 !important; } /* Equal Height Images & Flexbox Cards */ .equal-height-grid .journal-card, .elementor-widget-fybb_journal_filter .equal-height-grid .journal-card { display: flex !important; flex-direction: column !important; height: 100% !important; } .equal-height-grid .journal-card .journal-image, .elementor-widget-fybb_journal_filter .equal-height-grid .journal-card .journal-image { width: 100% !important; flex-shrink: 0 !important; margin-bottom: 23px; } .equal-height-grid .journal-card .journal-image img, .elementor-widget-fybb_journal_filter .equal-height-grid .journal-card .journal-image img { width: 100% !important; height: 100% !important; } .equal-height-grid .journal-card p, .elementor-widget-fybb_journal_filter .equal-height-grid .journal-card p { flex-grow: 1 !important; margin-bottom: 16px !important; } .equal-height-grid .journal-card > .text-link, .elementor-widget-fybb_journal_filter .equal-height-grid .journal-card > .text-link { margin-top: auto !important; width: 100% !important; } /* No-Featured modifier (when user chooses completely uniform grid) */ .journal-grid.no-featured, .elementor-widget-fybb_journal_filter .journal-grid.no-featured { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .journal-grid.no-featured .journal-card:first-child, .elementor-widget-fybb_journal_filter .journal-grid.no-featured .journal-card:first-child { grid-column: auto !important; } .journal-grid.no-featured .journal-card:first-child .journal-image, .elementor-widget-fybb_journal_filter .journal-grid.no-featured .journal-card:first-child .journal-image { aspect-ratio: 1.5 !important; } .journal-grid.no-featured .journal-card:first-child h3, .elementor-widget-fybb_journal_filter .journal-grid.no-featured .journal-card:first-child h3 { font-size: 23px !important; } .journal-grid.no-featured .journal-card:first-child p, .elementor-widget-fybb_journal_filter .journal-grid.no-featured .journal-card:first-child p { font-size: 12px !important; } @media (max-width: 1150px) { .page-journal .journal-card:first-child h3, .elementor-widget-fybb_journal_filter .journal-card:first-child h3 { font-size: 32px !important; } } @media (max-width: 650px) { .page-journal .journal-grid, .elementor-widget-fybb_journal_filter .journal-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 44px !important; } .page-journal .journal-card:first-child, .elementor-widget-fybb_journal_filter .journal-card:first-child { grid-column: auto !important; } .page-journal .journal-card:first-child .journal-image, .elementor-widget-fybb_journal_filter .journal-card:first-child .journal-image { aspect-ratio: 1.5 !important; } .page-journal .journal-card:first-child h3, .elementor-widget-fybb_journal_filter .journal-card:first-child h3 { font-size: 27px !important; } .page-journal .journal-card:first-child p, .elementor-widget-fybb_journal_filter .journal-card:first-child p { font-size: 13px !important; } } /* ========================================================================== Home Page: Selected Work & Client Logo Ribbon Pixel-Perfect Styling ========================================================================== */ /* Selected Work Layout */ .f-work { border-top: 1px solid var(--line); } .f-work .section-head h2 { font-weight: 400; } .f-work-layout { display: grid !important; grid-template-columns: 1.3fr 1fr !important; gap: 50px 50px !important; align-items: start !important; } .f-work-card { min-width: 0; } .f-work-card.work-0 { grid-row: span 2 !important; } /* Fallback if more than 3 works are added in Elementor */ .f-work-card:nth-child(4):last-child { grid-column: 1 / -1 !important; } .work-open { border: 0; padding: 0; display: block; width: 100%; position: relative; background: #eff0f3; overflow: hidden; aspect-ratio: 1.6; cursor: pointer; } .work-0 .work-open { aspect-ratio: 0.83 !important; background: #e5e9ee !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 38px !important; perspective: 1200px !important; } .work-0 .work-open > img { width: 100% !important; height: auto !important; object-fit: contain !important; box-shadow: 0 30px 40px #17233630 !important; transform: rotateY(-9deg) rotateX(4deg) !important; border: 1px solid #ffffff !important; transition: transform 1.4s var(--ease) !important; } .work-0 .work-open:hover > img { transform: rotateY(0) rotateX(0) scale(1.02) !important; } .work-0 .work-open:before { content: attr(data-work-name) !important; font-family: Poppins, sans-serif !important; font-size: clamp(38px, 4vw, 65px) !important; font-weight: 300 !important; letter-spacing: -0.065em !important; position: absolute !important; left: 38px !important; top: 40px !important; color: #53657d !important; pointer-events: none !important; z-index: 2; } .work-open > img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform 1.4s var(--ease); } .work-open:hover > img { transform: scale(1.04); } .work-view { position: absolute; bottom: 20px; right: 20px; display: flex; align-items: center; gap: 24px; background: #fffffff0; padding: 10px 15px; font-size: 10px; opacity: 0; transform: translateY(5px); transition: transform 0.3s, opacity 0.3s; z-index: 3; } .work-view i { font-style: normal; font-size: 18px; } .work-open:hover .work-view, .work-open:focus-visible .work-view { opacity: 1; transform: none; } .work-caption { margin-top: 25px; position: relative; padding-right: 25px; } .work-caption > span { display: block; font-size: 8px; letter-spacing: 0.12em; text-transform: uppercase; color: #8a909a; margin-bottom: 13px; } .work-caption > h3 { font-size: 30px; font-weight: 400; margin-bottom: 10px; } .work-caption > p { font-size: 12px; margin: 0; } .work-project-link { display: inline-flex; gap: 28px; font-size: 12px; border-bottom: 1px solid #aab3c2; padding: 12px 0 7px; margin-top: 5px; color: inherit; text-decoration: none; } .work-project-link:hover { color: #4951fe; } .work-source { margin: 35px 0 0; font-size: 9px; color: #87919e; } @media (max-width: 900px) { .f-work-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 40px !important; } .f-work-card.work-0 { grid-row: auto !important; } .work-0 .work-open { aspect-ratio: 1.05 !important; padding: 22px !important; } .work-0 .work-open:before { font-size: 28px !important; left: 22px !important; top: 18px !important; } } /* Client Logo Ribbon Layout & Typography */ .elementor-element-sec_c27b7b66, .home .client-home, .client-home { background-color: #f7f8fa !important; } .home .client-home { padding-block: 65px; } .client-home .section-head { margin-bottom: 35px; } .logo-ribbon { overflow: hidden !important; padding-block: 10px 30px !important; width: 100% !important; } .logo-track { width: max-content !important; display: flex !important; animation: logo-move 115s linear infinite !important; } .logo-ribbon:hover .logo-track, .logo-ribbon:focus-within .logo-track { animation-play-state: paused !important; } .logo-group { display: flex !important; align-items: center !important; gap: 64px !important; padding-right: 64px !important; } .logo-group img, .elementor-widget-fybb_client_ribbon .logo-group img { width: 145px !important; height: 112px !important; object-fit: contain !important; background: #ffffff !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important; border-radius: 2px !important; display: block !important; max-height: none !important; } @keyframes logo-move { from { transform: translateX(-50%); } to { transform: translateX(0); } } .client-home-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 25px !important; } .client-home-bottom .eyebrow { color: var(--muted) !important; font-size: 9px !important; } @media (max-width: 900px) { .logo-group { gap: 28px !important; padding-right: 28px !important; } .logo-group img, .elementor-widget-fybb_client_ribbon .logo-group img { width: 105px !important; height: 80px !important; } .client-home-bottom { display: block !important; } .client-home-bottom .eyebrow { font-size: 8px !important; line-height: 1.9 !important; max-width: 290px !important; } .client-home-bottom .text-link { margin-top: 10px !important; } } /* ========================================================================== Client Directory & Category-Wise Grouping ========================================================================== */ .client-category-group { margin-bottom: 60px; } .client-category-group .category-header { margin-bottom: 24px; border-bottom: 1px solid var(--line, #e2e6ea); padding-bottom: 14px; } .client-category-group .category-header h3 { font-size: 24px; font-weight: 500; letter-spacing: -.03em; display: flex; align-items: baseline; gap: 12px; margin: 0; } .client-category-group .category-count { font-size: 13px; color: var(--muted, #767c87); font-weight: 400; } .client-card-link { display: block; color: inherit; text-decoration: none; } /* ========================================================================== Contact Section Standalone Left & Right Columns ========================================================================== */ .contact-form-standalone, .contact-details-standalone { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; } .contact-form-standalone .contact-form-column, .contact-details-standalone .contact-aside-column { width: 100% !important; max-width: 100% !important; } .contact-details-standalone .contact-card:last-of-type { margin-bottom: 25px; } .contact-form-standalone h2 { font-size: 35px; margin-bottom: 20px; } /* ========================================================================== FYBB Blog & Perspectives Section (Matches Prototype & Design) ========================================================================== */ .f-blog-hero { padding-block: clamp(60px, 8vw, 110px) clamp(80px, 10vw, 140px); background: #ffffff; } .f-blog-hero .wrap { max-width: var(--wrap, 1280px); margin-inline: auto; } .f-blog-eyebrow { display: inline-flex; align-items: center; gap: 12px; font-size: 11px; letter-spacing: 0.18em; font-weight: 500; text-transform: uppercase; color: var(--blue, #4951fe); margin-bottom: 26px; line-height: 1; } .f-blog-dash { display: inline-block; width: 18px; height: 2.5px; background-color: #59a8f8; border-radius: 2px; flex-shrink: 0; } .f-blog-title { font-size: clamp(40px, 5.8vw, 70px); font-weight: 300; letter-spacing: -0.04em; line-height: 1.07; color: var(--ink, #0e1017); margin: 0 0 24px 0; max-width: 900px; } .f-blog-desc { font-size: clamp(17px, 1.9vw, 21px); color: #606474; margin: 0 0 46px 0; max-width: 720px; line-height: 1.5; font-weight: 400; } .f-blog-archive-link { display: inline-flex; align-items: center; gap: 5px; font-size: 15px; font-weight: 500; color: var(--ink, #0e1017); text-decoration: none; margin-bottom: 44px; transition: color 0.2s ease; } .f-blog-archive-link span { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; } .f-blog-archive-link i { font-style: normal; text-decoration: none; font-size: 14px; display: inline-block; transition: transform 0.2s ease; } .f-blog-archive-link:hover { color: var(--blue, #4951fe); } .f-blog-archive-link:hover i { transform: translate(2px, -2px); } .f-blog-card { background-color: #f4f5f7; border: 1px solid #e5e8ec; border-radius: 20px; padding: clamp(38px, 4.8vw, 56px) clamp(32px, 4.2vw, 48px); text-align: left; box-sizing: border-box; } .f-blog-card-title { font-size: clamp(26px, 3.2vw, 32px); font-weight: 400; letter-spacing: -0.03em; color: var(--ink, #0e1017); margin: 0 0 16px 0; line-height: 1.2; } .f-blog-card-desc { font-size: clamp(15px, 1.7vw, 17px); color: #606474; margin: 0; line-height: 1.55; max-width: 800px; } @media (max-width: 768px) { .f-blog-hero { padding-block: 45px 70px; } .f-blog-eyebrow { margin-bottom: 20px; font-size: 10px; } .f-blog-desc { margin-bottom: 32px; } .f-blog-archive-link { margin-bottom: 32px; font-size: 14px; } .f-blog-card { border-radius: 16px; padding: 28px 24px; } } /* ========================================================================== Manifesto Heading Scroll Fade Transition ========================================================================== */ .f-manifesto h2 { font-size: clamp(35px, 3.55vw, 55px); line-height: 1.3; font-weight: 400; letter-spacing: -0.045em; margin: 0; } .f-manifesto h2 > span, .manifesto-line.line-3 > span, .manifesto-line.line-3 span { color: #9299a4; } .manifesto-line { display: block; opacity: 0.18; transform: translateY(16px); transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; } .manifesto-line.line-1 { transition-delay: 0.05s; } .manifesto-line.line-2 { transition-delay: 0.25s; } .manifesto-line.line-3 { transition-delay: 0.45s; } .manifesto-heading.visible .manifesto-line, .manifesto-heading.is-active .manifesto-line, .manifesto-line.is-active { opacity: 1 !important; transform: translateY(0) !important; } @media (prefers-reduced-motion: reduce) { .manifesto-line { opacity: 1 !important; transform: none !important; transition: none !important; } } /* ========================================================================== Dark Sections Protection & Light Typography Ensures white/light typography on dark sections across the entire site ========================================================================== */ .f-hero, .hero, .product-section, .footer, .site-header, .investment, .belief-section, .editorial-cover, .business-visual { color: #ffffff; } /* 1. Flagship Hero (.f-hero) */ .f-hero, .elementor-kit-6 .f-hero { background: #0d1015 !important; color: #f5f6f8 !important; } .f-hero h1, .f-hero #hero-title, .elementor-widget-fybb_hero_sculpture h1, .elementor-kit-6 .f-hero h1 { color: #f5f6f8 !important; } .f-hero h1 em, .elementor-widget-fybb_hero_sculpture h1 em, .elementor-kit-6 .f-hero h1 em { color: #bbcdec !important; } .f-hero .f-kicker, .elementor-kit-6 .f-hero .f-kicker { color: #a4afbf !important; } .f-hero .f-hero-copy > p, .elementor-kit-6 .f-hero .f-hero-copy > p { color: #9da8b9 !important; } .f-hero .f-hero-cta, .elementor-kit-6 .f-hero .f-hero-cta { color: #f5f6f8 !important; border-bottom: 1px solid #8c99b3 !important; } .f-hero .f-hero-cta > span, .elementor-kit-6 .f-hero .f-hero-cta > span { color: #f5f6f8 !important; } .f-hero .f-hero-foot, .elementor-kit-6 .f-hero .f-hero-foot { color: #b7c1d0 !important; } .f-hero .f-hero-foot > p, .elementor-kit-6 .f-hero .f-hero-foot > p { color: #7e8ba0 !important; } .f-hero .f-hero-foot > a, .elementor-kit-6 .f-hero .f-hero-foot > a { color: #9eacc1 !important; } .f-hero .assembly-coordinate, .elementor-kit-6 .f-hero .assembly-coordinate { color: #7d8da7 !important; } .f-hero .assembly-control button, .elementor-kit-6 .f-hero .assembly-control button { color: #dce4f0 !important; border-color: #354050 !important; } .f-hero .assembly-control p, .elementor-kit-6 .f-hero .assembly-control p { color: #718098 !important; } /* 2. Classic Hero (.hero) */ .hero, .elementor-kit-6 .hero { background: #162332 !important; color: #ffffff !important; } .hero h1, .elementor-kit-6 .hero h1 { color: #ffffff !important; } .hero .hero-index, .elementor-kit-6 .hero .hero-index { color: #d9e2eb !important; } .hero .hero-bottom p, .elementor-kit-6 .hero .hero-bottom p { color: #e2e8ee !important; } .hero .hero-discover, .elementor-kit-6 .hero .hero-discover { color: #ffffff !important; } .hero .hero-rail, .elementor-kit-6 .hero .hero-rail { color: #dde4ee !important; } /* 3. Product Previews Section (.product-section - FYBB Space) */ .product-section, .home .product-section, .elementor-kit-6 .product-section, .elementor-kit-6 .home .product-section { background: #0b0d12 !important; color: #ffffff !important; } .product-section .eyebrow, .elementor-widget-fybb_product_previews .eyebrow, .elementor-kit-6 .product-section .eyebrow { color: #748199 !important; } .product-section h2, .product-section .section-head h2, .elementor-widget-fybb_product_previews h2, .elementor-kit-6 .product-section h2 { color: #ffffff !important; } .product-section p, .product-section .section-head > p, .elementor-widget-fybb_product_previews .section-head > p, .elementor-kit-6 .product-section p { color: #a9b0be !important; } .product-card, .home .product-card, .elementor-kit-6 .product-card, .elementor-kit-6 .home .product-card { background: #121720 !important; border: 1px solid #2a303c !important; color: #ffffff !important; } .product-top h3, .books-title, .elementor-widget-fybb_product_previews h3, .elementor-kit-6 .product-top h3 { color: #ffffff !important; } .product-top h3 > span, .elementor-kit-6 .product-top h3 > span { color: #aacddb !important; } .product-card > p, .elementor-kit-6 .product-card > p { color: #a9b0be !important; } .product-card .pill, .elementor-kit-6 .product-card .pill { color: #a9b0be !important; border-color: #3d4758 !important; } .product-card .books-title small, .elementor-kit-6 .product-card .books-title small { color: #ffffff !important; } .product-card .mini-app, .home .product-card .mini-app, .elementor-kit-6 .product-card .mini-app { background: #0b0f16 !important; border: 1px solid #2b3340 !important; } .product-card .mini-label, .elementor-kit-6 .product-card .mini-label { color: #748199 !important; } .product-card .mini-message p, .elementor-kit-6 .product-card .mini-message p { color: #d9e2eb !important; } .product-card .mini-button, .elementor-kit-6 .product-card .mini-button { background: #20363c !important; border: 1px solid #486168 !important; color: #d0efef !important; } .product-card .mini-result, .elementor-kit-6 .product-card .mini-result { border: 1px solid #354647 !important; color: #ffffff !important; } .product-card .mini-result small, .elementor-kit-6 .product-card .mini-result small { color: #a1b6b7 !important; } .product-card .mini-tabs button, .elementor-kit-6 .product-card .mini-tabs button { color: #8191a8 !important; } .product-card .mini-tabs button[aria-pressed=true], .elementor-kit-6 .product-card .mini-tabs button[aria-pressed=true] { color: #ceea96 !important; border-bottom-color: #ceea96 !important; } .product-card .books-preview > span, .elementor-kit-6 .product-card .books-preview > span { color: #8d9aad !important; } .product-card .books-preview strong, .elementor-kit-6 .product-card .books-preview strong { color: #ffffff !important; } .product-card .books-preview small, .elementor-kit-6 .product-card .books-preview small { color: #9dabbc !important; } .product-card > .text-link, .elementor-kit-6 .product-card > .text-link { color: #ffffff !important; border-bottom-color: #ffffff35 !important; } .product-card > .text-link:hover, .elementor-kit-6 .product-card > .text-link:hover { color: var(--blue, #4951fe) !important; } /* 4. Footer Section (.footer) */ .footer, .elementor-kit-6 .footer { background: var(--night, #0b0d12) !important; color: #ffffff !important; } .footer-top .eyebrow, .elementor-kit-6 .footer-top .eyebrow { color: #8e98aa !important; } .footer-top h2, .footer h2, .elementor-widget-fybb_footer_widget h2, .elementor-kit-6 .footer-top h2, .elementor-kit-6 .footer h2 { color: #ffffff !important; } .footer-top > .button, .footer-top > .button.light, .footer .button.light, .elementor-kit-6 .footer-top > .button, .elementor-kit-6 .footer-top > .button.light { background: #ffffff !important; color: var(--night, #0b0d12) !important; border-color: #ffffff !important; } .footer-top > .button.light:hover, .footer .button.light:hover, .elementor-kit-6 .footer-top > .button.light:hover { background: #dce8ff !important; color: var(--night, #0b0d12) !important; } .footer-nav p, .elementor-kit-6 .footer-nav p { color: #9ba4b2 !important; } .footer-nav > div > a, .elementor-kit-6 .footer-nav > div > a { color: #c5ccd6 !important; } .footer-nav > div > a:hover, .elementor-kit-6 .footer-nav > div > a:hover { color: #ffffff !important; } .footer-nav nav .eyebrow, .elementor-kit-6 .footer-nav nav .eyebrow { color: #8e98aa !important; } .footer-nav nav a, .elementor-kit-6 .footer-nav nav a { color: #c5ccd6 !important; } .footer-nav nav a:hover, .elementor-kit-6 .footer-nav nav a:hover { color: #ffffff !important; } .footer-word, .elementor-kit-6 .footer-word { color: #c5d2e9 !important; font-weight: 300 !important; letter-spacing: -0.09em !important; } .footer-word > span, .elementor-kit-6 .footer-word > span { color: #91a5c8 !important; } .footer-bottom, .footer-bottom span, .footer-bottom a, .elementor-kit-6 .footer-bottom, .elementor-kit-6 .footer-bottom a { color: #8e98aa !important; } .footer-bottom a:hover, .elementor-kit-6 .footer-bottom a:hover { color: #ffffff !important; } /* 5. Site Header (.site-header) */ .site-header, .elementor-kit-6 .site-header { background: var(--night, #0b0d12) !important; color: #ffffff !important; } .brand > span, .site-header .brand > span, .elementor-kit-6 .brand > span { color: #ffffffc7 !important; border-left-color: #ffffff45 !important; } .site-header nav a, .elementor-kit-6 .site-header nav a { color: #e1e3e8 !important; } .site-header nav a:hover, .site-header nav a[aria-current], .elementor-kit-6 .site-header nav a:hover, .elementor-kit-6 .site-header nav a[aria-current] { color: #ffffff !important; } .site-header .nav-contact, .elementor-kit-6 .site-header .nav-contact { color: #ffffff !important; border-color: #ffffff55 !important; } /* 6. Other Dark Sections across the Website */ .investment, .elementor-kit-6 .investment { background: #141821 !important; color: #ffffff !important; } .investment h2, .elementor-kit-6 .investment h2 { color: #ffffff !important; } .investment .eyebrow, .elementor-kit-6 .investment .eyebrow { color: #a4afbf !important; } .investment p, .elementor-kit-6 .investment p { color: #a9b0be !important; } .investment .large-copy, .elementor-kit-6 .investment .large-copy { color: #ffffff !important; } .investment .text-link, .elementor-kit-6 .investment .text-link { color: #ffffff !important; border-bottom-color: #ffffff40 !important; } .belief-section, .elementor-kit-6 .belief-section { background: var(--night, #0b0d12) !important; color: #ffffff !important; } .belief-copy h2, .elementor-kit-6 .belief-copy h2 { color: #ffffff !important; } .belief-copy p, .elementor-kit-6 .belief-copy p { color: #e2e6ea !important; } .belief-copy .eyebrow, .elementor-kit-6 .belief-copy .eyebrow { color: #a4afbf !important; } .editorial-cover, .elementor-kit-6 .editorial-cover { color: #ffffff !important; } .editorial-cover span, .elementor-kit-6 .editorial-cover span { color: #ffffff !important; } .editorial-cover i, .elementor-kit-6 .editorial-cover i { color: #ed89b6 !important; } .business-visual, .elementor-kit-6 .business-visual { color: #ffffff !important; } .business-visual .visual-caption, .elementor-kit-6 .business-visual .visual-caption { color: #ffffff !important; } .company-wordmark, .elementor-kit-6 .company-wordmark { color: #ffffff !important; } .giant-360, .elementor-kit-6 .giant-360 { color: #ffffff21 !important; } .button:not(.light), .elementor-kit-6 .button:not(.light) { color: #ffffff !important; } /* ========================================================================== FYBB Heading Typography System (Strict match to static HTML/CSS design) ========================================================================== */ /* 1. Base Heading Defaults */ h1, h2, h3, h4, .elementor-kit-6 h1, .elementor-kit-6 h2, .elementor-kit-6 h3, .elementor-kit-6 h4 { font-family: var(--font-primary, Poppins), Arial, sans-serif; letter-spacing: -0.055em; line-height: 1.12; } /* 2. Flagship Hero Display H1 (font-weight: 300 Light; em: 400 Regular) */ .elementor-kit-6 .f-hero h1, .elementor-kit-6 #hero-title, .f-hero h1, #hero-title { font-family: Poppins, Arial, sans-serif !important; font-size: clamp(70px, 7.1vw, 118px); font-weight: 300 !important; line-height: 1.07 !important; letter-spacing: -0.065em !important; } .elementor-kit-6 .f-hero h1 em, .f-hero h1 em { font-family: Poppins, Arial, sans-serif !important; font-weight: 400 !important; font-style: normal !important; color: #bbcdec !important; } .elementor-kit-6 .hero h1, .hero h1 { font-family: Poppins, Arial, sans-serif !important; font-weight: 400 !important; letter-spacing: -0.065em !important; line-height: 0.99 !important; } /* 3. Manifesto H2 (font-weight: 400 Regular) */ .elementor-kit-6 .f-manifesto h2, .elementor-kit-6 .manifesto-heading, .f-manifesto h2, .manifesto-heading { font-family: Poppins, Arial, sans-serif !important; font-size: clamp(35px, 3.55vw, 55px); line-height: 1.3 !important; font-weight: 400 !important; letter-spacing: -0.045em !important; } .elementor-kit-6 .f-manifesto h2 > span, .elementor-kit-6 .manifesto-line, .manifesto-line { font-weight: 400 !important; } /* 4. Section Headings H2 across Home & Inner Pages (font-weight: 400 Regular) */ .elementor-kit-6 .section-head h2, .elementor-kit-6 .f-world .section-head h2, .elementor-kit-6 .home .directory .section-head h2, .elementor-kit-6 .directory .section-head h2, .elementor-kit-6 .f-work .section-head h2, .elementor-kit-6 .home .client-home h2, .elementor-kit-6 .client-home h2, .elementor-kit-6 .home .product-section .section-head h2, .elementor-kit-6 .product-section .section-head h2, .elementor-kit-6 .f-journal .section-head h2, .elementor-kit-6 .inner-page .section-head h2, .elementor-kit-6 .inner-page .split h2, .elementor-kit-6 .intro-statement h2, .elementor-kit-6 .belief-copy h2, .elementor-kit-6 .contact-layout h2, .section-head h2, .f-world .section-head h2, .home .directory .section-head h2, .directory .section-head h2, .f-work .section-head h2, .home .client-home h2, .client-home h2, .home .product-section .section-head h2, .product-section .section-head h2, .f-journal .section-head h2, .inner-page .section-head h2, .inner-page .split h2, .intro-statement h2, .belief-copy h2, .contact-layout h2 { font-family: Poppins, Arial, sans-serif !important; font-weight: 400 !important; letter-spacing: -0.055em; line-height: 1.12; } .elementor-kit-6 .work-dialog-head h2, .work-dialog-head h2 { font-family: Poppins, Arial, sans-serif !important; font-weight: 500 !important; letter-spacing: -0.04em; } /* 5. Footer Heading H2 & Wordmark (font-weight: 300 Light) */ .elementor-kit-6 .footer-top h2, .footer-top h2 { font-family: Poppins, Arial, sans-serif !important; font-size: clamp(45px, 5.4vw, 82px); font-weight: 300 !important; line-height: 1.15 !important; letter-spacing: -0.055em; } .elementor-kit-6 .footer-word, .footer-word { color: #c5d2e9 !important; font-weight: 300 !important; letter-spacing: -0.09em !important; } .elementor-kit-6 .footer-word > span, .footer-word > span { color: #91a5c8 !important; } /* 6. Inner Pages Intro H1 (font-weight: 300 Light) */ .elementor-kit-6 .inner-page .page-intro h1, .elementor-kit-6 .page-intro h1, .elementor-kit-6 .page-companies .business-title-grid h1, .inner-page .page-intro h1, .page-intro h1, .page-companies .business-title-grid h1 { font-family: Poppins, Arial, sans-serif !important; font-size: clamp(50px, 6.6vw, 100px); font-weight: 300 !important; line-height: 1.13 !important; letter-spacing: -0.055em; } .elementor-kit-6 .page-article .article-heading h1, .page-article .article-heading h1 { font-family: Poppins, Arial, sans-serif !important; font-weight: 400 !important; letter-spacing: -0.055em; } /* 7. Card Titles & Subheadings H3 (font-weight: 400 Regular) */ .elementor-kit-6 .home .directory-copy h3, .elementor-kit-6 .directory-copy h3, .elementor-kit-6 .work-caption h3, .elementor-kit-6 .work-caption > h3, .elementor-kit-6 .journal-feature > h3, .elementor-kit-6 .journal-editorial-list h3, .elementor-kit-6 .journal-card h3, .elementor-kit-6 .page-journal .journal-card h3, .elementor-kit-6 .page-journal .journal-card:first-child h3, .elementor-kit-6 .page-about .principle-grid h3, .elementor-kit-6 .page-companies .company-card h3, .elementor-kit-6 .page-companies .capability-list h3, .elementor-kit-6 .path-panel h3, .elementor-kit-6 .contact-card h3, .elementor-kit-6 .enquiry-result h3, .elementor-kit-6 .work-grid figcaption h3, .elementor-kit-6 .related-companies h3, .elementor-kit-6 .journey-row h3, .home .directory-copy h3, .directory-copy h3, .work-caption h3, .work-caption > h3, .journal-feature > h3, .journal-editorial-list h3, .journal-card h3, .page-journal .journal-card h3, .page-journal .journal-card:first-child h3, .page-about .principle-grid h3, .page-companies .company-card h3, .page-companies .capability-list h3, .path-panel h3, .contact-card h3, .enquiry-result h3, .work-grid figcaption h3, .related-companies h3, .journey-row h3 { font-family: Poppins, Arial, sans-serif !important; font-weight: 400 !important; } .elementor-kit-6 .world-narrative h3, .elementor-kit-6 .product-top h3, .world-narrative h3, .product-top h3 { font-family: Poppins, Arial, sans-serif !important; font-weight: 500 !important; } /* 8. Client grid item H2 titles (font-weight: 400 Regular) */ .elementor-kit-6 .client-grid h2, .client-grid h2 { font-family: Poppins, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; letter-spacing: -0.025em; } /* 9. Eyebrows & Meta (font-weight: 500 Medium) */ .elementor-kit-6 .eyebrow, .elementor-kit-6 .hero-index, .elementor-kit-6 .f-kicker, .elementor-kit-6 strong, .eyebrow, .hero-index, .f-kicker, strong { font-weight: 500 !important; } /* 10. Elementor Heading Widgets Fallbacks */ .elementor-kit-6 .elementor-widget-heading h1.elementor-heading-title { font-family: Poppins, Arial, sans-serif; font-weight: 300 !important; } .elementor-kit-6 .elementor-widget-heading h2.elementor-heading-title { font-family: Poppins, Arial, sans-serif; font-weight: 400 !important; } .elementor-kit-6 .elementor-widget-heading h3.elementor-heading-title { font-family: Poppins, Arial, sans-serif; font-weight: 400 !important; } .elementor-kit-6 .elementor-widget-heading h4.elementor-heading-title { font-family: Poppins, Arial, sans-serif; font-weight: 500 !important; } /* 11. Responsive & Low-Mobile Heading Scale Overrides the desktop .elementor-kit-6 clamp() minimums above at tablet, mobile, and compact/low mobile viewports (<= 480px, <= 380px) while keeping Elementor desktop typography identical. */ @media (max-width: 1150px) { .elementor-kit-6 .f-hero h1, .elementor-kit-6 #hero-title, .f-hero h1, #hero-title { font-size: clamp(66px, 7vw, 86px); } .elementor-kit-6 .page-companies .business-title-grid h1, .page-companies .business-title-grid h1 { font-size: 50px; } } @media (max-width: 900px) { .elementor-kit-6 .f-hero h1, .elementor-kit-6 #hero-title, .f-hero h1, #hero-title { font-size: 68px; } .elementor-kit-6 .f-manifesto h2, .elementor-kit-6 .manifesto-heading, .f-manifesto h2, .manifesto-heading { font-size: 39px; } .elementor-kit-6 .footer-top h2, .footer-top h2 { font-size: 43px; } } @media (max-width: 650px) { h1, .elementor-kit-6 h1, .elementor-kit-6 .elementor-widget-heading h1.elementor-heading-title { font-size: clamp(36px, 9vw, 50px); } h2, .elementor-kit-6 h2, .elementor-kit-6 .elementor-widget-heading h2.elementor-heading-title { font-size: 32px; } h3, .elementor-kit-6 h3, .elementor-kit-6 .elementor-widget-heading h3.elementor-heading-title { font-size: 23px; } h4, .elementor-kit-6 h4, .elementor-kit-6 .elementor-widget-heading h4.elementor-heading-title { font-size: 19px; } .elementor-kit-6 .f-hero h1, .elementor-kit-6 #hero-title, .f-hero h1, #hero-title { font-size: clamp(42px, 10.4vw, 60px); line-height: 1.1 !important; letter-spacing: -0.055em !important; } .elementor-kit-6 .hero h1, .hero h1 { font-size: clamp(44px, 10.8vw, 64px); } .elementor-kit-6 .inner-page .page-intro h1, .elementor-kit-6 .page-intro h1, .elementor-kit-6 .page-companies .business-title-grid h1, .inner-page .page-intro h1, .page-intro h1, .page-companies .business-title-grid h1 { font-size: clamp(35px, 9vw, 52px); } .elementor-kit-6 .page-article .article-heading h1, .page-article .article-heading h1, .article-heading h1 { font-size: 32px; } .elementor-kit-6 .f-manifesto h2, .elementor-kit-6 .manifesto-heading, .f-manifesto h2, .manifesto-heading { font-size: clamp(24px, 6vw, 35px); line-height: 1.4 !important; letter-spacing: -0.035em !important; } .elementor-kit-6 .section-head h2, .elementor-kit-6 .f-world .section-head h2, .elementor-kit-6 .home .directory .section-head h2, .elementor-kit-6 .directory .section-head h2, .elementor-kit-6 .f-work .section-head h2, .elementor-kit-6 .home .client-home h2, .elementor-kit-6 .client-home h2, .elementor-kit-6 .home .product-section .section-head h2, .elementor-kit-6 .product-section .section-head h2, .elementor-kit-6 .f-journal .section-head h2, .elementor-kit-6 .inner-page .section-head h2, .elementor-kit-6 .inner-page .split h2, .elementor-kit-6 .intro-statement h2, .elementor-kit-6 .belief-copy h2, .section-head h2, .f-world .section-head h2, .home .directory .section-head h2, .directory .section-head h2, .f-work .section-head h2, .home .client-home h2, .client-home h2, .home .product-section .section-head h2, .product-section .section-head h2, .f-journal .section-head h2, .inner-page .section-head h2, .inner-page .split h2, .intro-statement h2, .belief-copy h2 { font-size: 32px; } .elementor-kit-6 .contact-layout h2, .contact-layout h2, .contact-form-standalone h2 { font-size: 29px; } .elementor-kit-6 .footer-top h2, .footer-top h2 { font-size: clamp(32px, 8.6vw, 42px); } .elementor-kit-6 .world-narrative h3, .elementor-kit-6 .home .directory-copy h3, .elementor-kit-6 .directory-copy h3, .elementor-kit-6 .work-caption h3, .elementor-kit-6 .work-caption > h3, .elementor-kit-6 .journal-feature > h3, .elementor-kit-6 .page-companies .company-card h3, .elementor-kit-6 .path-panel h3, .elementor-kit-6 .product-top h3, .elementor-kit-6 .journey-row h3, .world-narrative h3, .home .directory-copy h3, .directory-copy h3, .work-caption h3, .work-caption > h3, .journal-feature > h3, .page-companies .company-card h3, .path-panel h3, .product-top h3, .journey-row h3 { font-size: 25px; } .elementor-kit-6 .page-about .principle-grid h3, .page-about .principle-grid h3, .elementor-kit-6 .contact-card h3, .contact-card h3, .elementor-kit-6 .enquiry-result h3, .enquiry-result h3, .elementor-kit-6 .work-grid figcaption h3, .work-grid figcaption h3, .elementor-kit-6 .journal-card h3, .journal-card h3, .elementor-kit-6 .journal-editorial-list h3, .journal-editorial-list h3, .article-body h2 { font-size: 21px; } } @media (max-width: 480px) { h1, .elementor-kit-6 h1, .elementor-kit-6 .elementor-widget-heading h1.elementor-heading-title { font-size: clamp(32px, 8.5vw, 40px); } h2, .elementor-kit-6 h2, .elementor-kit-6 .elementor-widget-heading h2.elementor-heading-title { font-size: 28px; } h3, .elementor-kit-6 h3, .elementor-kit-6 .elementor-widget-heading h3.elementor-heading-title { font-size: 21px; } h4, .elementor-kit-6 h4, .elementor-kit-6 .elementor-widget-heading h4.elementor-heading-title { font-size: 18px; } .elementor-kit-6 .f-hero h1, .elementor-kit-6 #hero-title, .f-hero h1, #hero-title { font-size: clamp(36px, 9.6vw, 46px); line-height: 1.1 !important; letter-spacing: -0.05em !important; } .elementor-kit-6 .hero h1, .hero h1 { font-size: clamp(38px, 10.2vw, 50px); } .elementor-kit-6 .inner-page .page-intro h1, .elementor-kit-6 .page-intro h1, .elementor-kit-6 .page-companies .business-title-grid h1, .inner-page .page-intro h1, .page-intro h1, .page-companies .business-title-grid h1 { font-size: clamp(32px, 8.5vw, 40px); } .elementor-kit-6 .page-article .article-heading h1, .page-article .article-heading h1, .article-heading h1 { font-size: 29px; } .elementor-kit-6 .f-manifesto h2, .elementor-kit-6 .manifesto-heading, .f-manifesto h2, .manifesto-heading { font-size: clamp(22px, 5.6vw, 27px); line-height: 1.42 !important; letter-spacing: -0.03em !important; } .elementor-kit-6 .section-head h2, .elementor-kit-6 .f-world .section-head h2, .elementor-kit-6 .home .directory .section-head h2, .elementor-kit-6 .directory .section-head h2, .elementor-kit-6 .f-work .section-head h2, .elementor-kit-6 .home .client-home h2, .elementor-kit-6 .client-home h2, .elementor-kit-6 .home .product-section .section-head h2, .elementor-kit-6 .product-section .section-head h2, .elementor-kit-6 .f-journal .section-head h2, .elementor-kit-6 .inner-page .section-head h2, .elementor-kit-6 .inner-page .split h2, .elementor-kit-6 .intro-statement h2, .elementor-kit-6 .belief-copy h2, .section-head h2, .f-world .section-head h2, .home .directory .section-head h2, .directory .section-head h2, .f-work .section-head h2, .home .client-home h2, .client-home h2, .home .product-section .section-head h2, .product-section .section-head h2, .f-journal .section-head h2, .inner-page .section-head h2, .inner-page .split h2, .intro-statement h2, .belief-copy h2 { font-size: 28px; } .elementor-kit-6 .contact-layout h2, .contact-layout h2, .contact-form-standalone h2 { font-size: 26px; } .elementor-kit-6 .footer-top h2, .footer-top h2 { font-size: clamp(28px, 8vw, 35px); } .elementor-kit-6 .world-narrative h3, .elementor-kit-6 .home .directory-copy h3, .elementor-kit-6 .directory-copy h3, .elementor-kit-6 .work-caption h3, .elementor-kit-6 .work-caption > h3, .elementor-kit-6 .journal-feature > h3, .elementor-kit-6 .page-companies .company-card h3, .elementor-kit-6 .path-panel h3, .elementor-kit-6 .product-top h3, .elementor-kit-6 .journey-row h3, .world-narrative h3, .home .directory-copy h3, .directory-copy h3, .work-caption h3, .work-caption > h3, .journal-feature > h3, .page-companies .company-card h3, .path-panel h3, .product-top h3, .journey-row h3 { font-size: 22px; } .product-top h3 > span { font-size: 14px; } .elementor-kit-6 .page-about .principle-grid h3, .page-about .principle-grid h3, .elementor-kit-6 .contact-card h3, .contact-card h3, .elementor-kit-6 .enquiry-result h3, .enquiry-result h3, .elementor-kit-6 .work-grid figcaption h3, .work-grid figcaption h3, .elementor-kit-6 .journal-card h3, .journal-card h3, .elementor-kit-6 .journal-editorial-list h3, .journal-editorial-list h3, .article-body h2 { font-size: 19px; } .client-category-group .category-header h3 { font-size: 20px; } } @media (max-width: 380px) { h1, .elementor-kit-6 h1, .elementor-kit-6 .elementor-widget-heading h1.elementor-heading-title { font-size: clamp(28px, 8vw, 32px); } h2, .elementor-kit-6 h2, .elementor-kit-6 .elementor-widget-heading h2.elementor-heading-title { font-size: 25px; } h3, .elementor-kit-6 h3, .elementor-kit-6 .elementor-widget-heading h3.elementor-heading-title { font-size: 19px; } h4, .elementor-kit-6 h4, .elementor-kit-6 .elementor-widget-heading h4.elementor-heading-title { font-size: 16px; } .elementor-kit-6 .f-hero h1, .elementor-kit-6 #hero-title, .f-hero h1, #hero-title { font-size: clamp(32px, 9.6vw, 36px); line-height: 1.12 !important; letter-spacing: -0.045em !important; } .elementor-kit-6 .hero h1, .hero h1 { font-size: clamp(33px, 9.6vw, 38px); } .elementor-kit-6 .inner-page .page-intro h1, .elementor-kit-6 .page-intro h1, .elementor-kit-6 .page-companies .business-title-grid h1, .inner-page .page-intro h1, .page-intro h1, .page-companies .business-title-grid h1 { font-size: clamp(28px, 8.2vw, 32px); } .elementor-kit-6 .page-article .article-heading h1, .page-article .article-heading h1, .article-heading h1 { font-size: 26px; } .elementor-kit-6 .f-manifesto h2, .elementor-kit-6 .manifesto-heading, .f-manifesto h2, .manifesto-heading { font-size: clamp(20px, 5.5vw, 22px); } .elementor-kit-6 .section-head h2, .elementor-kit-6 .f-world .section-head h2, .elementor-kit-6 .home .directory .section-head h2, .elementor-kit-6 .directory .section-head h2, .elementor-kit-6 .f-work .section-head h2, .elementor-kit-6 .home .client-home h2, .elementor-kit-6 .client-home h2, .elementor-kit-6 .home .product-section .section-head h2, .elementor-kit-6 .product-section .section-head h2, .elementor-kit-6 .f-journal .section-head h2, .elementor-kit-6 .inner-page .section-head h2, .elementor-kit-6 .inner-page .split h2, .elementor-kit-6 .intro-statement h2, .elementor-kit-6 .belief-copy h2, .section-head h2, .f-world .section-head h2, .home .directory .section-head h2, .directory .section-head h2, .f-work .section-head h2, .home .client-home h2, .client-home h2, .home .product-section .section-head h2, .product-section .section-head h2, .f-journal .section-head h2, .inner-page .section-head h2, .inner-page .split h2, .intro-statement h2, .belief-copy h2 { font-size: 25px; } .elementor-kit-6 .contact-layout h2, .contact-layout h2, .contact-form-standalone h2 { font-size: 24px; } .elementor-kit-6 .footer-top h2, .footer-top h2 { font-size: clamp(26px, 7.6vw, 30px); } .elementor-kit-6 .world-narrative h3, .elementor-kit-6 .home .directory-copy h3, .elementor-kit-6 .directory-copy h3, .elementor-kit-6 .work-caption h3, .elementor-kit-6 .work-caption > h3, .elementor-kit-6 .journal-feature > h3, .elementor-kit-6 .page-companies .company-card h3, .elementor-kit-6 .path-panel h3, .elementor-kit-6 .product-top h3, .elementor-kit-6 .journey-row h3, .world-narrative h3, .home .directory-copy h3, .directory-copy h3, .work-caption h3, .work-caption > h3, .journal-feature > h3, .page-companies .company-card h3, .path-panel h3, .product-top h3, .journey-row h3 { font-size: 20px; } .product-top h3 > span { font-size: 12px; } .elementor-kit-6 .page-about .principle-grid h3, .page-about .principle-grid h3, .elementor-kit-6 .contact-card h3, .contact-card h3, .elementor-kit-6 .enquiry-result h3, .enquiry-result h3, .elementor-kit-6 .work-grid figcaption h3, .work-grid figcaption h3, .elementor-kit-6 .journal-card h3, .journal-card h3, .elementor-kit-6 .journal-editorial-list h3, .journal-editorial-list h3, .article-body h2, .client-category-group .category-header h3 { font-size: 18px; } .elementor-kit-6 .page-companies .capability-list h3, .page-companies .capability-list h3, .elementor-kit-6 .work-dialog-head h2, .work-dialog-head h2, .article-body h3 { font-size: 17px; } } /* 13. Business Intro Preview Image — override base .business-visual>img filter/inset */ /* The base rule applies brightness(.45) + inset:0 to ALL .business-visual>img. For has-site-preview cards the site-preview screenshot must NOT be darkened/stretched. */ .business-visual.has-site-preview > img.business-site-preview, .elementor-kit-6 .business-visual.has-site-preview > img.business-site-preview { position: absolute; inset: auto; top: 108px; left: 7%; width: 89%; height: auto; object-fit: contain; filter: none !important; box-shadow: 0 18px 45px #05091666; transform: rotateY(-5deg) rotateX(3deg) rotateZ(-2deg); transform-origin: center top; border: 1px solid #ffffff30; transition: transform 1.3s var(--ease); } .business-visual.has-site-preview:hover > img.business-site-preview, .elementor-kit-6 .business-visual.has-site-preview:hover > img.business-site-preview { transform: rotateY(0) rotateX(0) rotateZ(0) translateY(-6px); } /* Per-business vertical offset corrections */ .business-visual.has-site-preview.visual-join-the-story > img.business-site-preview { top: 135px; } .page-companies .business-title-grid .business-visual.has-site-preview > img.business-site-preview { top: 125px; } .page-companies .business-title-grid .business-visual.has-site-preview.visual-join-the-story > img.business-site-preview { top: 135px; } /* Caption always visible at top of preview card */ .business-visual.has-site-preview > .visual-caption, .elementor-kit-6 .business-visual.has-site-preview > .visual-caption { position: absolute; inset: 25px; display: flex; flex-direction: column; justify-content: flex-start; gap: 8px; pointer-events: none; color: #fff; z-index: 2; } /* 12. Global All-Page Responsive Overflow & Grid Hardening */ .f-hero, .elementor-widget-fybb_hero_sculpture { overflow-x: clip; } @media (max-width: 900px) { .f-hero .assembly { width: 120%; margin-left: -10%; } .elementor-widget-fybb_clients_filter .client-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .elementor-widget-fybb_companies_filter .company-grid { gap: 48px 28px; } } @media (max-width: 650px) { .elementor-widget-fybb_clients_filter .client-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .elementor-widget-fybb_companies_filter .company-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; } .elementor-widget-fybb_companies_filter .company-card:nth-child(2n) { padding-top: 0; } .f-blog-title { font-size: clamp(34px, 9vw, 48px); } .f-blog-card-title { font-size: 24px; } .contact-layout input, .contact-layout textarea, .contact-layout select, .filter-toolbar input, .filter-toolbar select { max-width: 100%; box-sizing: border-box; } } @media (max-width: 480px) { .f-blog-title { font-size: clamp(30px, 8.2vw, 38px); } .f-blog-card-title { font-size: 22px; } .footer-word { font-size: 24vw; } } @media (max-width: 380px) { .f-blog-title { font-size: 27px; } .f-blog-card-title { font-size: 20px; } .path-tabs button { font-size: 10px; padding: 12px 6px 12px 0; } .directory-tabs button > span:nth-child(2) { font-size: 11px; } .world-map { gap: 8px; } .world-node { padding: 10px 8px; } .client-grid article, .page-clients .client-grid article { padding: 16px 8px; } .business-visual, .page-companies .company-card .business-visual { min-height: 210px; } .giant-360 { font-size: 140px; } .contact-card, .page-contact .contact-card { padding: 20px; } .footer-top { padding-block: 48px; } .footer-nav { gap: 32px 16px; } .footer-word { font-size: 22vw; } }