:root{--primary:#1167f1;--primary-dark:#0a4dc0;--text:#0d1b36;--muted:#63718a;--line:#e5eaf2;--soft:#f6f9fd;--blue-soft:#eaf3ff;--green:#11b981;--red:#ff5d5d;--shadow:0 16px 45px rgba(29,52,93,.10);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}button,input{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,234,242,.9)}.nav-wrap{height:74px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:21px;color:#154da8}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--primary);color:#fff}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:24px;font-size:14px;font-weight:650}.desktop-nav a:hover{color:var(--primary)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:11px 18px;font-weight:750;cursor:pointer;transition:.2s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 9px 20px rgba(17,103,241,.22)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-ghost{border-color:#dbe2ee;background:#fff}.icon-btn{font-size:22px;color:#42516d;padding:8px}.menu-btn{display:none;border:0;background:transparent;font-size:25px}.mobile-nav{padding:12px 20px 20px;border-top:1px solid var(--line);background:#fff}.mobile-nav a{display:block;padding:10px 0;font-weight:700}.hero{background:linear-gradient(110deg,#edf6ff 0%,#f7fbff 51%,#e8f3ff 100%);overflow:hidden}.hero-grid{min-height:470px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:38px;padding:48px 0}.eyebrow{display:inline-flex;padding:7px 12px;background:#e7f1ff;color:#4772b5;border-radius:999px;font-size:12px;font-weight:750}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.04em;margin:17px 0 18px;max-width:720px}.hero-copy>p{color:#45546d;font-size:18px;max-width:650px;margin:0 0 24px}.search-shell{background:#fff;padding:9px;border:1px solid #dfe6f0;border-radius:13px;display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(180px,.8fr) auto;gap:8px;box-shadow:var(--shadow);max-width:780px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid #e4e8ef;border-radius:9px;padding:0 13px;background:#fff}.search-field span{color:#607089}.search-field input{border:0;outline:0;height:46px;width:100%;color:var(--text)}.search-btn{white-space:nowrap}.popular{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:15px;font-size:12px;color:#63718a}.popular a{background:#fff;border:1px solid #e1e7ef;padding:6px 10px;border-radius:999px;color:#31405c}.hero-art{position:relative;height:380px}.hero-art:before{content:"";position:absolute;inset:30px 0 0 25px;border-radius:52% 48% 45% 55%/55% 45% 55% 45%;background:linear-gradient(145deg,#b8d7ff,#eef6ff);box-shadow:inset 0 0 80px rgba(255,255,255,.7)}.orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.8)}.orb-1{width:80px;height:80px;top:12px;right:35px}.orb-2{width:35px;height:35px;bottom:45px;left:0}.person-card{position:absolute;z-index:2;left:50%;top:55%;transform:translate(-50%,-50%);width:210px;padding:28px;border-radius:28px;background:#fff;box-shadow:0 30px 70px rgba(23,67,135,.20);text-align:center}.person-avatar{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:linear-gradient(135deg,#1167f1,#70a8ff);color:#fff;font-size:28px;font-weight:900}.person-card strong,.person-card small{display:block}.person-card small{color:var(--muted);margin-top:6px}.float-card{position:absolute;z-index:3;background:#fff;border:1px solid rgba(220,229,240,.9);box-shadow:0 14px 34px rgba(28,62,117,.13);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;min-width:155px}.float-card b{width:34px;height:34px;border-radius:8px;background:#eaf3ff;color:var(--primary);display:grid;place-items:center}.float-card span strong,.float-card span small{display:block;font-size:11px}.float-card span small{color:var(--muted)}.fc-1{top:42px;left:0}.fc-2{top:115px;right:-5px}.fc-3{bottom:55px;right:18px}.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:26px 0}.trust-item{display:flex;align-items:center;gap:12px}.trust-item i{font-style:normal;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e9f8f2;color:#08a06d;font-weight:900}.trust-item:nth-child(2) i{background:#edf4ff;color:#1167f1}.trust-item:nth-child(3) i{background:#fff0f0;color:#f45656}.trust-item:nth-child(4) i{background:#f0ebff;color:#7251e8}.trust-item strong,.trust-item small{display:block}.trust-item strong{font-size:14px}.trust-item small{font-size:12px;color:var(--muted);margin-top:2px}.section{padding:62px 0}.muted-section{background:#fbfcfe}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:24px}.section-head h2{font-size:30px;letter-spacing:-.025em;margin:0 0 5px}.section-head p{margin:0;color:var(--muted)}.section-head>a{color:var(--primary);font-weight:750;font-size:13px;white-space:nowrap}.job-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.job-card{position:relative;border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;min-height:300px;transition:.2s}.job-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(29,52,93,.09);border-color:#cedbf0}.job-card-top{display:flex;align-items:center;gap:10px}.company-logo,.company-monogram{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#eff5ff,#dbeafe);color:#1763d4;display:grid;place-items:center;font-weight:900}.badge{background:#ff4e55;color:#fff;font-size:9px;text-transform:uppercase;font-weight:850;padding:4px 7px;border-radius:5px}.save-btn{margin-left:auto;border:0;background:transparent;font-size:19px;color:#62708a}.company-name{margin:14px 0 4px;font-size:12px;color:#53627c}.job-card h3{font-size:18px;margin:6px 0 13px;line-height:1.35}.job-meta{list-style:none;padding:0;margin:0;display:grid;gap:7px;color:#54637c;font-size:13px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 12px}.tags span{background:#edf5ff;color:#2e6ecf;padding:5px 8px;border-radius:6px;font-size:10px}.posted{color:#8a96aa}.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.category-card{border:1px solid var(--line);border-radius:12px;padding:17px 10px;text-align:center;background:#fff;transition:.2s}.category-card:hover{border-color:#b8cff3;transform:translateY(-2px)}.category-card i{font-style:normal;margin:auto auto 10px;width:40px;height:40px;border-radius:10px;background:#eef5ff;color:var(--primary);display:grid;place-items:center;font-size:18px}.category-card strong,.category-card small{display:block}.category-card strong{font-size:12px}.category-card small{font-size:10px;color:#8793a7;margin-top:4px}.location-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.location-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.location-photo{height:96px;background:linear-gradient(135deg,#aed8ff,#6fa7da);display:flex;align-items:end;padding:10px;color:#fff;font-weight:800;position:relative}.location-photo:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,rgba(5,28,60,.45))}.location-photo span{position:relative;z-index:1}.loc-2 .location-photo{background:linear-gradient(135deg,#d0c8ff,#7392d8)}.loc-3 .location-photo{background:linear-gradient(135deg,#9ad4c5,#5e9a8d)}.loc-4 .location-photo{background:linear-gradient(135deg,#f3b5a6,#779ed0)}.loc-5 .location-photo{background:linear-gradient(135deg,#b9d5ff,#7485c9)}.loc-6 .location-photo{background:linear-gradient(135deg,#fccf93,#79a9dc)}.location-card strong,.location-card small{display:block;padding:0 12px}.location-card strong{font-size:12px;margin-top:10px}.location-card small{font-size:10px;color:#8490a3;margin:4px 0 11px}.all-locations .location-photo{align-items:center;justify-content:center;font-size:28px;color:var(--primary);background:#edf5ff}.all-locations .location-photo:after{display:none}.company-grid{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.company-tile{min-height:105px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;text-align:center}.company-tile:last-child{border-right:0}.company-tile span{font-size:10px;color:#52617a}.company-tile.placeholder{opacity:.75}.profile-cta{border-radius:16px;padding:42px 48px;background:linear-gradient(115deg,#eff7ff,#e3f0ff);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:250px;overflow:hidden}.profile-cta h2{font-size:34px;line-height:1.08;letter-spacing:-.035em;margin:14px 0 12px;max-width:570px}.profile-cta p{color:#56667f;max-width:620px;margin-bottom:22px}.profile-visual{position:relative;height:180px}.cv-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:220px;height:145px;border-radius:18px;background:#fff;box-shadow:0 20px 45px rgba(22,75,144,.15);display:flex;flex-direction:column;justify-content:center;padding:25px}.cv-card span{width:42px;height:42px;border-radius:10px;background:#e8f2ff;color:var(--primary);display:grid;place-items:center;font-weight:900}.cv-card b{margin-top:12px}.cv-card small{color:var(--muted)}.mini-chip{position:absolute;background:#fff;padding:8px 11px;border-radius:999px;box-shadow:0 9px 22px rgba(29,73,130,.12);font-size:10px;font-weight:750}.c1{right:0;top:18px;color:#08a06d}.c2{right:8px;top:72px;color:#1167f1}.c3{right:-5px;bottom:4px;color:#ef5151}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.article-grid article{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;padding-bottom:17px}.article-img{height:135px;background:linear-gradient(135deg,#ccd5e1,#7a8da6)}.ai-2{background:linear-gradient(135deg,#d3e2f5,#7086a8)}.ai-3{background:linear-gradient(135deg,#d5c4b7,#7a665e)}.ai-4{background:linear-gradient(135deg,#a8b9c5,#4e6270)}.article-grid article>span,.article-grid h3,.article-grid article>small{display:block;margin-left:16px;margin-right:16px}.article-grid article>span{color:#3677d9;font-size:10px;margin-top:13px}.article-grid h3{font-size:15px;line-height:1.35;margin-top:5px;margin-bottom:7px}.article-grid small{color:#7a879b}.site-footer{border-top:1px solid var(--line);padding:48px 0 20px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.3fr;gap:30px}.footer-brand{margin-bottom:14px}.footer-grid p{color:#6a7890;font-size:12px;max-width:220px}.footer-grid h4{font-size:12px;margin:3px 0 13px}.footer-grid>div>a{display:block;color:#69778d;font-size:11px;margin:9px 0}.socials{display:flex;gap:14px;font-size:12px;color:#2f3f59}.newsletter-box{display:flex;border:1px solid var(--line);border-radius:9px;padding:5px}.newsletter-box input{border:0;outline:0;width:100%;padding:8px;font-size:11px}.newsletter-box button{border:0;border-radius:7px;background:#e8f2ff;color:#1167f1;width:34px}.footer-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;color:#8a95a8;font-size:10px}.footer-bottom div{display:flex;gap:20px}.soft-empty{border:1px dashed #cfd8e6;background:#fbfdff;border-radius:14px;padding:35px;text-align:center;color:#67758b;display:flex;flex-direction:column;gap:7px}.soft-empty strong{color:#31405a}.empty-state{min-height:55vh;padding:90px 0;text-align:center}.empty-state h1{font-size:54px;margin:12px 0}.jobs-page{padding:56px 0 80px}.page-heading{max-width:700px;margin-bottom:24px}.page-heading h1{font-size:42px;margin:12px 0 8px}.page-heading p{color:var(--muted)}.page-search{max-width:none;margin-bottom:34px}.results-title h2{font-size:21px;margin-bottom:20px}.jobs-results{grid-template-columns:repeat(3,1fr)}.auth-page{min-height:70vh;display:grid;place-items:center;padding:60px 20px;background:#f8fbff}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--shadow)}.auth-card h1{font-size:32px;margin:12px 0 6px}.auth-card p{color:var(--muted);margin-bottom:24px}.auth-card form{display:grid;gap:15px}.auth-card label{font-weight:700;font-size:12px}.auth-card input{width:100%;height:46px;margin-top:7px;border:1px solid #dfe6ef;border-radius:9px;padding:0 12px;outline:0}.auth-card input:focus{border-color:#8db7f4;box-shadow:0 0 0 3px #edf5ff}.full{width:100%;margin-top:4px}.auth-card>small{display:block;color:#8995a8;margin-top:14px}@media(max-width:1050px){.desktop-nav{gap:18px;margin-left:5px}.hero-grid{grid-template-columns:1fr .7fr}.category-grid{grid-template-columns:repeat(4,1fr)}.location-grid{grid-template-columns:repeat(4,1fr)}.company-grid{grid-template-columns:repeat(4,1fr)}.company-tile{border-bottom:1px solid var(--line)}.job-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}.newsletter{grid-column:span 1}}@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.desktop-nav,.desktop-only{display:none}.menu-btn{display:block}.nav-wrap{height:66px}.hero-grid{grid-template-columns:1fr;padding:35px 0 24px}.hero h1{font-size:42px}.hero-copy>p{font-size:15px}.search-shell{grid-template-columns:1fr}.search-field input{height:42px}.search-btn{height:48px}.hero-art{height:265px;margin-top:5px}.person-card{width:180px;padding:20px}.float-card{min-width:130px;padding:9px}.fc-2{right:0}.trust-grid{grid-template-columns:repeat(2,1fr);gap:18px}.section{padding:44px 0}.section-head{align-items:flex-start}.section-head h2{font-size:25px}.section-head p{font-size:13px}.job-grid,.jobs-results,.article-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.location-grid{grid-template-columns:repeat(2,1fr)}.company-grid{grid-template-columns:repeat(2,1fr)}.profile-cta{grid-template-columns:1fr;padding:30px 25px}.profile-cta h2{font-size:29px}.profile-visual{margin-top:25px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child,.newsletter{grid-column:span 2}.footer-bottom{flex-direction:column;gap:12px}.page-heading h1{font-size:34px}}@media(max-width:480px){.hero h1{font-size:36px}.popular a:nth-of-type(n+4){display:none}.trust-grid{grid-template-columns:1fr 1fr}.trust-item{align-items:flex-start}.trust-item small{display:none}.section-head>a{display:none}.location-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child,.newsletter{grid-column:auto}.profile-visual{height:165px}.mini-chip{font-size:9px}.c1,.c2,.c3{right:0}}

/* V0.1.2 reference-match hero */
.hero-reference{position:relative;min-height:580px;background:linear-gradient(90deg,#eef6ff 0%,#f5faff 47%,#eaf4ff 100%);overflow:hidden}
.hero-reference .hero-visual-reference{position:absolute;z-index:0;top:0;right:0;width:54%;height:100%;background-image:linear-gradient(90deg,rgba(242,248,255,.95) 0%,rgba(242,248,255,.28) 22%,rgba(242,248,255,0) 43%),url('../images/hero-reference-right.webp');background-size:cover;background-position:center right;background-repeat:no-repeat}
.hero-reference .hero-grid{position:relative;z-index:1;min-height:580px;grid-template-columns:56% 44%;align-items:center;padding:48px 0 28px}
.hero-reference .hero-copy{position:relative;z-index:3;padding-top:0}
.hero-reference .eyebrow{padding:7px 14px;background:#e3f0ff;color:#5576a8;font-size:12px;border:1px solid rgba(255,255,255,.75)}
.hero-reference h1{font-size:clamp(48px,4.4vw,65px);line-height:1.05;letter-spacing:-.045em;margin:24px 0 20px;max-width:720px;color:#0b1730;font-weight:800}
.hero-reference .hero-copy>p{font-size:18px;line-height:1.55;color:#43536d;max-width:690px;margin-bottom:30px}
.hero-reference .hero-search{position:relative;z-index:6;width:min(870px,calc(100vw - 80px));max-width:none;grid-template-columns:minmax(340px,1.45fr) minmax(220px,.75fr) 215px;padding:12px;border-radius:17px;box-shadow:0 16px 36px rgba(25,71,133,.14);border-color:#e0e8f3}
.hero-reference .hero-search .search-field{height:58px;border-radius:11px;padding:0 17px}
.hero-reference .hero-search input{height:56px;font-size:15px}
.hero-reference .hero-search .search-btn{height:58px;border-radius:10px;font-size:15px}
.hero-reference .popular{position:relative;z-index:6;margin-top:18px;gap:10px;font-size:12px;white-space:nowrap}
.hero-reference .popular a{background:rgba(255,255,255,.9);padding:7px 13px;border-color:#e2e9f2;box-shadow:0 4px 12px rgba(38,64,105,.04)}
.hero-art-spacer{height:430px}
@media(max-width:1050px){.hero-reference .hero-grid{grid-template-columns:58% 42%}.hero-reference .hero-visual-reference{width:49%}.hero-reference h1{font-size:50px}.hero-reference .hero-search{width:min(810px,calc(100vw - 52px));grid-template-columns:minmax(300px,1.3fr) 210px 185px}.hero-reference .popular{white-space:normal}}
@media(max-width:760px){.hero-reference{min-height:auto}.hero-reference .hero-visual-reference{position:relative;display:block;width:100%;height:280px;background-image:linear-gradient(0deg,#eef6ff 0%,rgba(238,246,255,0) 38%),url('../images/hero-reference-right.webp');background-position:center 22%}.hero-reference .hero-grid{min-height:auto;display:block;padding:34px 0 28px}.hero-reference .hero-copy{margin-top:-255px;padding-top:260px}.hero-reference h1{font-size:42px;line-height:1.05}.hero-reference .hero-copy>p{font-size:15px}.hero-reference .hero-search{width:100%;grid-template-columns:1fr;padding:9px}.hero-reference .hero-search .search-field,.hero-reference .hero-search .search-btn{height:50px}.hero-art-spacer{display:none}.hero-reference .popular{white-space:normal}.hero-reference .popular a{padding:6px 10px}}


/* V0.1.3 hero reconstruction */
.hero-reference{
  position:relative;
  min-height:520px;
  background:linear-gradient(90deg,#eef6ff 0%,#f7fbff 54%,#eaf4ff 100%);
  overflow:hidden;
}
.hero-reference .hero-visual-reference{
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  width:50%;
  height:100%;
  background-image:
    linear-gradient(90deg,rgba(244,249,255,.98) 0%,rgba(244,249,255,.62) 14%,rgba(244,249,255,.12) 32%,rgba(244,249,255,0) 50%),
    url('../images/hero-clean.webp');
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
}
.hero-reference .hero-grid{
  position:relative;
  z-index:1;
  min-height:520px;
  display:grid;
  grid-template-columns:minmax(0,58%) minmax(0,42%);
  align-items:center;
  gap:0;
  padding:44px 0 34px;
}
.hero-reference .hero-copy{position:relative;z-index:3;max-width:760px}
.hero-reference .hero-art-spacer{height:1px;min-height:0}
.hero-reference .hero-art-spacer::before{display:none!important;content:none!important}
.hero-reference .eyebrow{
  padding:7px 14px;
  background:#e4f0ff;
  color:#5576a8;
  font-size:12px;
  border:1px solid rgba(255,255,255,.8);
}
.hero-reference h1{
  font-size:clamp(44px,4.1vw,58px);
  line-height:1.04;
  letter-spacing:-.045em;
  margin:22px 0 18px;
  max-width:680px;
  color:#0b1730;
  font-weight:800;
}
.hero-reference .hero-copy>p{
  font-size:17px;
  line-height:1.55;
  color:#43536d;
  max-width:620px;
  margin:0 0 26px;
}
.hero-reference .hero-search{
  position:relative;
  z-index:6;
  width:min(850px,calc(100vw - 70px));
  max-width:none;
  grid-template-columns:minmax(320px,1.5fr) minmax(205px,.8fr) 205px;
  padding:10px;
  gap:8px;
  border-radius:15px;
  box-shadow:0 16px 34px rgba(25,71,133,.13);
  border-color:#e0e8f3;
}
.hero-reference .hero-search .search-field{
  height:54px;
  border-radius:10px;
  padding:0 16px;
}
.hero-reference .hero-search input{height:52px;font-size:15px}
.hero-reference .hero-search .search-btn{height:54px;border-radius:10px;font-size:15px}
.hero-reference .popular{
  position:relative;
  z-index:6;
  margin-top:15px;
  gap:8px;
  font-size:12px;
  white-space:normal;
  max-width:850px;
}
.hero-reference .popular a{
  background:rgba(255,255,255,.92);
  padding:6px 11px;
  border-color:#e2e9f2;
  box-shadow:0 3px 10px rgba(38,64,105,.04);
}
@media(max-width:1050px){
  .hero-reference{min-height:500px}
  .hero-reference .hero-grid{min-height:500px;grid-template-columns:62% 38%}
  .hero-reference .hero-visual-reference{width:46%}
  .hero-reference h1{font-size:48px;max-width:580px}
  .hero-reference .hero-search{width:min(760px,calc(100vw - 48px));grid-template-columns:minmax(280px,1.35fr) 190px 175px}
}
@media(max-width:760px){
  .hero-reference{min-height:auto;padding-bottom:0}
  .hero-reference .hero-visual-reference{
    position:relative;
    display:block;
    width:100%;
    height:260px;
    background-image:linear-gradient(0deg,#eef6ff 0%,rgba(238,246,255,.12) 42%,rgba(238,246,255,0) 65%),url('../images/hero-clean.webp');
    background-position:center 18%;
  }
  .hero-reference .hero-grid{min-height:auto;display:block;padding:30px 0 28px}
  .hero-reference .hero-copy{margin-top:-54px}
  .hero-reference h1{font-size:40px;line-height:1.05;max-width:100%}
  .hero-reference .hero-copy>p{font-size:15px;max-width:100%}
  .hero-reference .hero-search{width:100%;grid-template-columns:1fr;padding:9px}
  .hero-reference .hero-search .search-field,.hero-reference .hero-search .search-btn{height:50px}
  .hero-reference .hero-search input{height:48px}
  .hero-reference .hero-art-spacer{display:none}
}
@media(max-width:480px){
  .hero-reference .hero-visual-reference{height:220px}
  .hero-reference .hero-copy{margin-top:-36px}
  .hero-reference h1{font-size:35px}
}


/* V0.1.4 hero image quality/background fit fix */
.hero-reference .hero-visual-reference{
  width:52%;
  background-image:
    linear-gradient(90deg,rgba(244,249,255,.98) 0%,rgba(244,249,255,.60) 15%,rgba(244,249,255,.14) 32%,rgba(244,249,255,0) 48%),
    url('../images/hero-right-hq.webp');
  background-size:contain;
  background-position:right center;
  background-repeat:no-repeat;
}
@media(max-width:1050px){
  .hero-reference .hero-visual-reference{width:48%; background-size:cover; background-position:center center;}
}
@media(max-width:760px){
  .hero-reference .hero-visual-reference{
    width:100%;
    background-image:linear-gradient(0deg,#eef6ff 0%,rgba(238,246,255,.12) 42%,rgba(238,246,255,0) 65%),url('../images/hero-right-hq.webp');
    background-size:cover;
    background-position:center top;
  }
}