:root { --blue:#1249f5; --ink:#07112e; --muted:#425071; --lime:#a5d900; --orange:#ffab19; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.page-shell { min-height:100vh; overflow:hidden; background:radial-gradient(circle at 76% 42%,rgba(38,93,255,.07),transparent 27rem),linear-gradient(110deg,#fff 0%,#fff 60%,#f8faff 100%); }
.site-header { width:min(100% - 112px,1560px); height:115px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:45px; position:relative; z-index:3; }
.brand { color:var(--blue); display:flex; align-items:center; gap:19px; text-decoration:none; white-space:nowrap; }.brand-mark { width:53px; height:42px; }.brand span { color:var(--ink); font-size:1.13rem; letter-spacing:.38em; font-weight:700; }
nav { display:flex; align-items:center; gap:57px; } nav a { color:var(--ink); font-size:.84rem; font-weight:650; letter-spacing:.2em; text-decoration:none; text-transform:uppercase; } nav a:hover { color:var(--blue); }.header-action { align-items:center; background:var(--blue); border-radius:10px; box-shadow:0 10px 22px rgba(18,73,245,.17); color:#fff; display:inline-flex; font-size:.82rem; gap:28px; letter-spacing:0; padding:16px 18px 16px 21px; text-transform:none; white-space:nowrap; }.header-action:hover { background:#073be2; color:#fff; transform:translateY(-1px); }.header-action span { font-size:1.25rem; font-weight:400; line-height:.7; }
.hero { min-height:520px; width:min(100% - 164px,1500px); margin:0 auto; position:relative; display:flex; align-items:center; }.hero-copy { position:relative; z-index:2; width:535px; padding-bottom:14px; }
h1 { margin:0; font-size:clamp(5.25rem,8.1vw,8.25rem); font-weight:650; line-height:.86; letter-spacing:-.085em; } h1 em { color:var(--blue); font-style:normal; }
.accent-rule { display:block; width:46px; height:3px; background:var(--orange); margin:41px 0 27px; }.hero-copy p { color:#172343; max-width:500px; font-size:1.14rem; line-height:1.58; margin:0 0 32px; }
.primary-action { align-items:center; background:var(--blue); border-radius:11px; box-shadow:0 13px 25px rgba(18,73,245,.18); color:#fff; display:inline-flex; font-weight:700; gap:50px; padding:17px 21px 17px 26px; text-decoration:none; }.primary-action:hover { background:#073be2; transform:translateY(-1px); }.primary-action span { font-size:1.45rem; font-weight:400; line-height:.7; }
.bridge-art { bottom:-12px; left:-3%; pointer-events:none; position:absolute; right:-10%; top:-20px; z-index:1; }.bridge-art svg { display:none; }.bridge-image { width:100%; height:100%; display:block; object-fit:contain; object-position:center bottom; }
.services { display:grid; gap:29px; grid-template-columns:repeat(3,1fr); margin:-6px auto 55px; position:relative; width:min(100% - 164px,1500px); z-index:3; }.service-card { align-items:center; background:rgba(255,255,255,.96); border-radius:15px; box-shadow:0 10px 27px rgba(7,17,46,.1); display:grid; gap:24px; grid-template-columns:96px 1fr auto; min-height:145px; padding:23px 26px; }
.service-icon { align-items:center; background:#f1f4fe; border-radius:50%; color:var(--blue); display:flex; height:80px; justify-content:center; position:relative; width:80px; }.cloud-icon::before { border:3px solid var(--blue); border-radius:22px 22px 15px 15px; content:""; height:23px; left:21px; position:absolute; top:33px; width:38px; }.cloud-icon::after { background:#f1f4fe; content:""; height:17px; left:27px; position:absolute; top:27px; width:25px; transform:rotate(45deg); border-left:3px solid var(--blue); border-top:3px solid var(--blue); border-radius:6px; }.gear-icon { font-size:2.9rem; line-height:1; }
.process-icon i { border:3px solid var(--blue); display:block; height:13px; position:absolute; width:13px; }.process-icon i:nth-child(1) { left:20px; top:22px; }.process-icon i:nth-child(2) { left:20px; top:48px; }.process-icon i:nth-child(3) { right:20px; top:48px; }.process-icon::before,.process-icon::after { background:var(--blue); content:""; height:3px; position:absolute; }.process-icon::before { left:31px; top:28px; width:21px; }.process-icon::after { left:31px; top:54px; width:21px; }
.service-card h2 { font-size:1.15rem; letter-spacing:-.035em; margin:0 0 7px; }.service-card p { color:var(--muted); font-size:.9rem; line-height:1.52; margin:0; }.arrow { color:var(--lime); font-size:1.7rem; font-weight:400; }
.home-insights { align-items:end; border-top:1px solid #e9edf5; display:grid; gap:70px; grid-template-columns:.75fr 1.25fr; margin:0 auto; padding:86px 0 105px; width:min(100% - 164px,1180px); }.home-insights h2 { font-size:clamp(2.3rem,4vw,4rem); letter-spacing:-.065em; line-height:1; margin:0; max-width:440px; }.home-article { background:#f7f9ff; color:var(--ink); display:block; padding:33px 36px; text-decoration:none; transition:transform .18s ease; }.home-article:hover { transform:translateY(-3px); }.home-article p,.home-article span { color:var(--blue); font-size:.74rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }.home-article h3 { font-size:clamp(1.45rem,2.4vw,2.25rem); letter-spacing:-.055em; line-height:1.08; margin:18px 0 31px; }
.cloud-card { color:inherit; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }.cloud-card:hover { box-shadow:0 16px 34px rgba(7,17,46,.14); transform:translateY(-3px); }
.cloud-page .page-shell { background:radial-gradient(circle at 76% 24%,rgba(24,76,245,.08),transparent 28rem),linear-gradient(110deg,#fff 0%,#fff 58%,#f7f9ff 100%); }.cloud-page nav .active { color:var(--blue); }
.cloud-hero { align-items:center; display:flex; min-height:605px; margin:0 auto; position:relative; width:min(100% - 164px,1500px); }.cloud-copy { position:relative; width:555px; z-index:2; }.section-label { color:var(--blue); font-size:.72rem; font-weight:750; letter-spacing:.19em; margin:0 0 23px; text-transform:uppercase; }.cloud-copy h1 { font-size:clamp(4.8rem,7.7vw,7.8rem); }.cloud-copy .lead { color:#172343; font-size:1.13rem; line-height:1.62; margin:0 0 33px; max-width:520px; }.cloud-bridge { bottom:-10px; height:min(89%,560px); object-fit:contain; object-position:right bottom; position:absolute; right:-9%; width:82%; z-index:1; }
.cloud-intro { border-top:1px solid #edf0f6; margin:20px auto 0; padding:105px 0 90px; width:min(100% - 164px,1180px); }.cloud-intro h2 { font-size:clamp(2.5rem,4.8vw,4.65rem); letter-spacing:-.065em; line-height:.98; margin:0 0 48px; max-width:690px; }.copy-columns { display:grid; gap:70px; grid-template-columns:1fr 1fr; max-width:1010px; }.copy-columns p,.cloud-outcome > p { color:#425071; font-size:1.08rem; line-height:1.65; margin:0; }
.cloud-pillars { background:#f7f9ff; display:grid; gap:1px; grid-template-columns:repeat(3,1fr); margin:0 auto; width:min(100% - 164px,1500px); }.cloud-pillars article { background:#fff; min-height:320px; padding:43px 39px; }.cloud-pillars span { color:var(--blue); font-size:.76rem; font-weight:800; letter-spacing:.14em; }.cloud-pillars h2 { font-size:1.55rem; letter-spacing:-.05em; margin:55px 0 17px; }.cloud-pillars p { color:var(--muted); font-size:.97rem; line-height:1.6; margin:0; max-width:340px; }
.cloud-outcome { align-items:end; display:grid; gap:80px; grid-template-columns:1fr 1fr; margin:0 auto; padding:120px 0; width:min(100% - 164px,1180px); }.cloud-outcome h2 { font-size:clamp(2.3rem,4vw,4.15rem); letter-spacing:-.065em; line-height:1; margin:0; max-width:550px; }
.industry-page .page-shell { background:radial-gradient(circle at 77% 28%,rgba(24,76,245,.07),transparent 29rem),linear-gradient(110deg,#fff 0%,#fff 57%,#f7f9ff 100%); }.industry-page nav .active { color:var(--blue); }.industry-hero { align-items:center; display:flex; min-height:605px; margin:0 auto; position:relative; width:min(100% - 164px,1500px); }.industry-copy { position:relative; width:560px; z-index:2; }.industry-copy h1 { font-size:clamp(4.8rem,7.7vw,7.8rem); }.industry-copy .lead { color:#172343; font-size:1.13rem; line-height:1.62; margin:0 0 33px; max-width:530px; }.industry-bridge { bottom:-8px; height:min(93%,560px); object-fit:contain; object-position:right bottom; position:absolute; right:-10%; width:83%; z-index:1; }
.industry-intro { border-top:1px solid #edf0f6; margin:20px auto 0; padding:105px 0 90px; width:min(100% - 164px,1180px); }.industry-intro h2 { font-size:clamp(2.5rem,4.8vw,4.65rem); letter-spacing:-.065em; line-height:.98; margin:0 0 48px; max-width:780px; }
.industry-routes { background:#f7f9ff; display:grid; gap:1px; grid-template-columns:repeat(3,1fr); margin:0 auto; width:min(100% - 164px,1500px); }.industry-routes article { background:#fff; min-height:505px; padding:43px 39px; }.industry-routes article > span { color:var(--blue); font-size:.76rem; font-weight:800; letter-spacing:.13em; }.industry-routes h2 { font-size:1.6rem; letter-spacing:-.05em; margin:53px 0 17px; }.industry-routes p { color:var(--muted); font-size:.96rem; line-height:1.6; margin:0; }.industry-routes ul { border-top:1px solid #e6eaf2; list-style:none; margin:29px 0 0; padding:18px 0 0; }.industry-routes li { color:#53617e; font-size:.86rem; line-height:1.55; margin:0 0 12px; }.industry-routes strong { color:var(--ink); }.fit-statement { margin:0 auto; max-width:920px; padding:120px 0; text-align:center; width:calc(100% - 48px); }.fit-statement .section-label { margin-bottom:25px; }.fit-statement h2 { font-size:clamp(2.3rem,4.3vw,4.25rem); letter-spacing:-.065em; line-height:1; margin:0 auto 28px; max-width:780px; }.fit-statement > p:last-child { color:var(--muted); font-size:1.08rem; line-height:1.65; margin:0 auto; max-width:660px; }
.automation-page .page-shell { background:radial-gradient(circle at 76% 26%,rgba(24,76,245,.08),transparent 29rem),linear-gradient(110deg,#fff 0%,#fff 57%,#f7f9ff 100%); }.automation-page nav .active { color:var(--blue); }.automation-hero { align-items:center; display:flex; min-height:605px; margin:0 auto; position:relative; width:min(100% - 164px,1500px); }.automation-copy { position:relative; width:565px; z-index:2; }.automation-copy h1 { font-size:clamp(4.8rem,7.7vw,7.8rem); }.automation-copy .lead { color:#172343; font-size:1.13rem; line-height:1.62; margin:0 0 33px; max-width:525px; }.automation-bridge { bottom:-7px; height:min(92%,560px); object-fit:contain; object-position:right bottom; position:absolute; right:-10%; width:83%; z-index:1; }.automation-intro { border-top:1px solid #edf0f6; margin:20px auto 0; padding:105px 0 90px; width:min(100% - 164px,1180px); }.automation-intro h2 { font-size:clamp(2.5rem,4.8vw,4.65rem); letter-spacing:-.065em; line-height:.98; margin:0 0 48px; max-width:700px; }.automation-principles { background:#f7f9ff; display:grid; gap:1px; grid-template-columns:repeat(3,1fr); margin:0 auto; width:min(100% - 164px,1500px); }.automation-principles article { background:#fff; min-height:300px; padding:43px 39px; }.automation-principles span { color:var(--blue); font-size:.76rem; font-weight:800; letter-spacing:.14em; }.automation-principles h2 { font-size:1.55rem; letter-spacing:-.05em; margin:53px 0 17px; }.automation-principles p { color:var(--muted); font-size:.97rem; line-height:1.6; margin:0; max-width:340px; }.automation-fit { margin:0 auto; max-width:920px; padding:120px 0; text-align:center; width:calc(100% - 48px); }.automation-fit h2 { font-size:clamp(2.3rem,4.3vw,4.25rem); letter-spacing:-.065em; line-height:1; margin:0 auto 28px; max-width:780px; }.automation-fit > p:last-child { color:var(--muted); font-size:1.08rem; line-height:1.65; margin:0 auto; max-width:700px; }
.process-page .page-shell { background:radial-gradient(circle at 76% 26%,rgba(24,76,245,.08),transparent 29rem),linear-gradient(110deg,#fff 0%,#fff 57%,#f7f9ff 100%); }.process-page nav .active { color:var(--blue); }.process-hero { align-items:center; display:flex; min-height:605px; margin:0 auto; position:relative; width:min(100% - 164px,1500px); }.process-copy { position:relative; width:590px; z-index:2; }.process-copy h1 { font-size:clamp(4.5rem,7.1vw,7.25rem); }.process-copy .lead { color:#172343; font-size:1.13rem; line-height:1.62; margin:0 0 33px; max-width:535px; }.process-bridge { bottom:-7px; height:min(92%,560px); object-fit:contain; object-position:right bottom; position:absolute; right:-10%; width:83%; z-index:1; }.process-intro { border-top:1px solid #edf0f6; margin:20px auto 0; padding:105px 0 90px; width:min(100% - 164px,1180px); }.process-intro h2 { font-size:clamp(2.5rem,4.8vw,4.65rem); letter-spacing:-.065em; line-height:.98; margin:0 0 48px; max-width:760px; }.process-principles { background:#f7f9ff; display:grid; gap:1px; grid-template-columns:repeat(3,1fr); margin:0 auto; width:min(100% - 164px,1500px); }.process-principles article { background:#fff; min-height:300px; padding:43px 39px; }.process-principles span { color:var(--blue); font-size:.76rem; font-weight:800; letter-spacing:.14em; }.process-principles h2 { font-size:1.55rem; letter-spacing:-.05em; margin:53px 0 17px; }.process-principles p { color:var(--muted); font-size:.97rem; line-height:1.6; margin:0; max-width:340px; }.process-fit { margin:0 auto; max-width:920px; padding:120px 0; text-align:center; width:calc(100% - 48px); }.process-fit h2 { font-size:clamp(2.3rem,4.3vw,4.25rem); letter-spacing:-.065em; line-height:1; margin:0 auto 28px; max-width:780px; }.process-fit > p:last-child { color:var(--muted); font-size:1.08rem; line-height:1.65; margin:0 auto; max-width:700px; }
.about-page .page-shell { background:radial-gradient(circle at 76% 26%,rgba(24,76,245,.08),transparent 29rem),linear-gradient(110deg,#fff 0%,#fff 57%,#f7f9ff 100%); }.about-page nav .active { color:var(--blue); }.about-hero { align-items:center; display:flex; min-height:605px; margin:0 auto; position:relative; width:min(100% - 164px,1500px); }.about-copy { position:relative; width:565px; z-index:2; }.about-copy h1 { font-size:clamp(4.8rem,7.7vw,7.8rem); }.about-copy .lead { color:#172343; font-size:1.13rem; line-height:1.62; margin:0 0 33px; max-width:525px; }.about-bridge { bottom:-7px; height:min(92%,560px); object-fit:contain; object-position:right bottom; position:absolute; right:-10%; width:83%; z-index:1; }.profile-card { align-items:center; background:rgba(255,255,255,.92); border-radius:14px; bottom:25px; box-shadow:0 10px 28px rgba(7,17,46,.1); display:flex; gap:14px; padding:12px; position:absolute; right:12%; width:275px; z-index:3; }.profile-card img { border-radius:50%; height:58px; object-fit:cover; width:58px; }.profile-card strong,.profile-card span,.profile-card small { display:block; }.profile-card strong { font-size:.95rem; }.profile-card span { color:#425071; font-size:.75rem; margin-top:3px; }.profile-card small { color:var(--blue); font-size:.7rem; margin-top:4px; }.about-intro { border-top:1px solid #edf0f6; margin:20px auto 0; padding:105px 0 90px; width:min(100% - 164px,1180px); }.about-intro h2 { font-size:clamp(2.5rem,4.8vw,4.65rem); letter-spacing:-.065em; line-height:.98; margin:0 0 48px; max-width:800px; }.about-principles { background:#f7f9ff; display:grid; gap:1px; grid-template-columns:repeat(3,1fr); margin:0 auto; width:min(100% - 164px,1500px); }.about-principles article { background:#fff; min-height:300px; padding:43px 39px; }.about-principles span { color:var(--blue); font-size:.76rem; font-weight:800; letter-spacing:.14em; }.about-principles h2 { font-size:1.55rem; letter-spacing:-.05em; margin:53px 0 17px; }.about-principles p { color:var(--muted); font-size:.97rem; line-height:1.6; margin:0; max-width:340px; }
.insights-page nav .active,.article-page nav .active { color:var(--blue); }.insights-hero { margin:0 auto; padding:100px 0 86px; width:min(100% - 164px,1180px); }.insights-hero h1 { font-size:clamp(4.5rem,7vw,7.2rem); max-width:760px; }.insights-hero p:last-child { color:var(--muted); font-size:1.15rem; line-height:1.6; margin:31px 0 0; max-width:580px; }.article-grid { margin:0 auto; padding-bottom:120px; width:min(100% - 164px,1180px); }.article-card { background:#f7f9ff; color:var(--ink); display:block; max-width:750px; padding:42px; text-decoration:none; transition:transform .18s ease; }.article-card:hover { transform:translateY(-3px); }.article-card p,.article-card span { color:var(--blue); font-size:.78rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }.article-card h2 { font-size:clamp(2rem,3.5vw,3.3rem); letter-spacing:-.06em; line-height:1.04; margin:22px 0 35px; }.article { margin:0 auto; max-width:800px; padding:78px 0 130px; width:calc(100% - 48px); }.back-link { color:var(--blue); display:inline-block; font-weight:700; margin-bottom:70px; text-decoration:none; }.article h1 { font-size:clamp(3.2rem,6vw,6rem); line-height:.98; margin:0 0 31px; }.article-lead { color:#26355a; font-size:1.38rem; line-height:1.5; margin:0 0 45px; }.article > p:not(.section-label):not(.article-lead) { color:#3f4c68; font-size:1.12rem; line-height:1.72; margin:0 0 27px; }.article h2 { font-size:2rem; letter-spacing:-.05em; margin:56px 0 18px; }
@media (max-width:1100px) { .site-header,.hero,.services,.cloud-hero,.cloud-intro,.cloud-pillars,.cloud-outcome,.industry-hero,.industry-intro,.industry-routes,.automation-hero,.automation-intro,.automation-principles { width:min(100% - 48px,900px); }.site-header { height:auto; padding:25px 0; align-items:flex-start; } nav { gap:19px; flex-wrap:wrap; justify-content:flex-end; }.hero { min-height:610px; }.bridge-art { left:5%; right:-44%; top:-8px; bottom:-48px; }.services { grid-template-columns:1fr; margin-top:-32px; }.cloud-hero,.industry-hero,.automation-hero { min-height:610px; }.cloud-bridge,.industry-bridge,.automation-bridge { right:-16%; width:87%; }.cloud-pillars,.industry-routes,.automation-principles { grid-template-columns:1fr; }.cloud-pillars article,.industry-routes article,.automation-principles article { min-height:0; }.cloud-outcome { gap:40px; }.copy-columns { gap:36px; } }
@media (max-width:660px) { .site-header { display:block; }.brand { gap:16px; }.brand span { font-size:.95rem; }.brand-mark { width:34px; } nav { justify-content:flex-start; margin-top:24px; gap:15px; } nav a { font-size:.62rem; }.hero { min-height:650px; align-items:flex-start; }.hero-copy { width:100%; padding-top:60px; } h1 { font-size:4.55rem; }.hero-copy p { font-size:1rem; max-width:340px; }.bridge-art { bottom:-15px; left:-70%; right:-115%; top:185px; }.services { gap:16px; margin-bottom:28px; }.service-card { grid-template-columns:74px 1fr auto; gap:16px; padding:17px; min-height:122px; }.service-icon { height:62px; width:62px; }.cloud-icon::before { left:15px; top:25px; }.cloud-icon::after { left:21px; top:19px; }.gear-icon { font-size:2.25rem; }.cloud-hero,.industry-hero,.automation-hero { align-items:flex-start; min-height:650px; }.cloud-copy,.industry-copy,.automation-copy { padding-top:58px; width:100%; }.cloud-copy h1,.industry-copy h1,.automation-copy h1 { font-size:4.25rem; }.cloud-copy .lead,.industry-copy .lead,.automation-copy .lead { font-size:1rem; max-width:340px; }.cloud-bridge,.industry-bridge,.automation-bridge { bottom:-7px; height:auto; right:-38%; width:136%; }.cloud-intro,.industry-intro,.automation-intro { padding:75px 0 60px; }.cloud-intro h2,.industry-intro h2,.automation-intro h2 { margin-bottom:31px; }.copy-columns,.cloud-outcome { grid-template-columns:1fr; }.copy-columns { gap:22px; }.cloud-pillars article,.industry-routes article,.automation-principles article { padding:34px 28px; }.cloud-pillars h2,.industry-routes h2,.automation-principles h2 { margin-top:35px; }.cloud-outcome { padding:80px 0; }.fit-statement,.automation-fit { padding:80px 0; } }
form[data-rik-form] { display:grid; gap:18px; margin-top:40px; max-width:620px; } form[data-rik-form] label { color:var(--ink); display:grid; font-size:.82rem; font-weight:750; gap:8px; letter-spacing:.08em; text-transform:uppercase; } form[data-rik-form] input,form[data-rik-form] textarea { border:1px solid #dce2ef; border-radius:0; font:inherit; padding:13px; } form[data-rik-form] textarea { min-height:145px; resize:vertical; } form[data-rik-form] .honeypot { display:none; } form[data-rik-form] .primary-action { border:0; cursor:pointer; justify-self:start; } [data-status] { color:var(--blue); min-height:1.4em; } .published-responses { border-top:1px solid #e4e8f0; margin-top:66px; padding-top:46px; } .published-perspective { background:#f4f7ff; border-left:3px solid var(--blue); margin:20px 0; padding:25px 28px; }.published-perspective .section-label { margin-bottom:12px; }.published-perspective > p:not(.section-label) { color:var(--blue); font-size:1.08rem; line-height:1.65; margin:0 0 14px; }.published-perspective .small { color:#53617e; font-size:.88rem; font-weight:650; }.article-response { border-top:1px solid #e4e8f0; margin-top:70px; padding-top:55px; } .article-response h2 { font-size:2.25rem; }

/* Compact home-bridge mark */
.brand { position:relative; }
.brand::before { content:""; display:block; width:56px; height:32px; flex:0 0 56px; background:url("/assets/brand-bridge.svg") center / contain no-repeat; }
.brand .brand-mark { display:none; }
@media (max-width:660px) { .brand::before { width:46px; height:28px; flex-basis:46px; } }

/* Foundation menu */
.foundation-menu { position:relative; }
.foundation-panel { background:#fff; border:1px solid #e5eaf5; box-shadow:0 14px 30px rgba(7,17,46,.13); display:none; left:-20px; min-width:180px; padding:10px 0; position:absolute; top:calc(100% + 14px); z-index:20; }
.foundation-menu:hover .foundation-panel,.foundation-menu:focus-within .foundation-panel { display:block; }
.foundation-panel a { display:block; font-size:.71rem; letter-spacing:.16em; padding:11px 20px; white-space:nowrap; }
.foundation-panel a:hover,.foundation-panel a:focus { background:#f3f6ff; color:var(--blue); outline:none; }
@media (max-width:660px) { .foundation-panel { left:0; top:calc(100% + 9px); } }

.home-insight-list { display:grid; gap:24px; }

/* Keep the Foundation hover area continuous. */
.foundation-menu { padding-bottom:14px; margin-bottom:-14px; }
.foundation-panel { top:calc(100% - 14px); }
@media (max-width:660px) { .foundation-menu { padding-bottom:9px; margin-bottom:-9px; } .foundation-panel { top:calc(100% - 9px); } }

/* Insight menu */
.insights-panel { min-width:300px; }
.insights-panel a { letter-spacing:.04em; line-height:1.35; text-transform:none; }
.site-menu { position:relative; padding-bottom:14px; margin-bottom:-14px; }
.site-panel { background:#fff; border:1px solid #e5eaf5; box-shadow:0 14px 30px rgba(7,17,46,.13); display:none; left:-20px; padding:10px 0; position:absolute; top:calc(100% - 14px); z-index:20; }
.site-menu:hover .site-panel,.site-menu:focus-within .site-panel { display:block; }
.site-panel a { display:block; padding:11px 20px; white-space:normal; }
.site-panel a:hover,.site-panel a:focus { background:#f3f6ff; color:var(--blue); outline:none; }
@media (max-width:660px) { .site-menu { padding-bottom:9px; margin-bottom:-9px; } .site-panel { left:0; top:calc(100% - 9px); } }

.brand::before { width:64px; height:34px; flex-basis:64px; }
@media (max-width:660px) { .brand::before { width:52px; height:29px; flex-basis:52px; } }

.home-insights { align-items:start; }

/* Final lighthouse logo */
.brand::before { width:44px; height:44px; flex-basis:44px; background-image:url("/assets/rikblog-lighthouse-logo.png"); }
@media (max-width:660px) { .brand::before { width:38px; height:38px; flex-basis:38px; } }

/* Equal-weight Insight cards */
.article-grid { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; max-width:none; }
.article-card { display:flex; flex-direction:column; max-width:none; min-height:100%; }
.article-card span { margin-top:auto; padding-top:22px; }
@media (max-width:900px) { .article-grid { grid-template-columns:1fr; } }
