:root {
  color-scheme: dark;
  --gyfj-bg: #07111f;
  --gyfj-bg-2: #0b1728;
  --gyfj-surface: #101f34;
  --gyfj-surface-2: #142943;
  --gyfj-raised: #193453;
  --gyfj-line: rgba(130, 171, 219, .18);
  --gyfj-line-strong: rgba(111, 174, 242, .34);
  --gyfj-white: #f7faff;
  --gyfj-muted: #aebed3;
  --gyfj-blue: #4b98f3;
  --gyfj-sky: #78b9ff;
  --gyfj-amber: #7dbdff;
  --gyfj-width: 1240px;
  --gyfj-radius: 20px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; min-width: 320px; color: var(--gyfj-white); background: var(--gyfj-bg); font: 17px/1.65 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
a { color: var(--gyfj-sky); text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:hover { color: #fff; }
button, input, select, textarea { font: inherit; }
button, input[type=submit] { cursor: pointer; }
.wrap { width: min(var(--gyfj-width), calc(100% - 48px)); margin-inline: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 10px 14px; transform: translateY(-150%); background: #fff; color: #101a2b; border-radius: 8px; }
.skip-link:focus { transform: none; }

/* HEADER */
.site-header { position: sticky; z-index: 100; top: 0; background: rgba(7,17,31,.93); border-bottom: 1px solid rgba(126,169,218,.16); backdrop-filter: blur(18px); }
.header-inner { width: min(1320px, calc(100% - 48px)); min-height: 76px; margin: auto; display: flex; align-items: center; gap: 28px; }
.site-header .header-inner > .brand { flex: 0 0 245px; width: 245px; min-width: 0; }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; color: #fff; text-decoration: none; font-weight: 800; }
.brand-name { font-size: 17px; letter-spacing: -.4px; }
.brand-name i { color: var(--gyfj-amber); font-style: normal; }
.brand-mark { display: grid; place-items: center; position: relative; width: 39px; height: 39px; border-radius: 12px; color: #fff; background: #173b55; font-size: 26px; line-height: 1; }
.brand-mark span { position: absolute; top: 1px; right: 3px; color: var(--gyfj-amber); font-size: 12px; }
.custom-logo, .brand-default { display: block; width: 245px; max-width: 100%; height: auto; max-height: 56px; }
.primary-nav { flex: 1; }
.menu { display: flex; align-items: center; gap: clamp(12px, 2vw, 27px); margin: 0; padding: 0; list-style: none; }
.menu a { color: #d6e0ef; text-decoration: none; font-size: 15px; font-weight: 600; }
.menu a:hover, .current-menu-item > a { color: var(--gyfj-amber); }
.header-cta { display: flex; align-items: center; gap: 9px; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 46px; padding: 10px 17px; border: 1px solid transparent; border-radius: 10px; font-size: 15px; line-height: 1.25; font-weight: 750; text-align: center; text-decoration: none; transition: background .16s, transform .16s, border-color .16s; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: #fff; background: #286fd1; border-color: #4b95f5; }
.button-primary:hover { color: #fff; background: #3884ed; }
.button-quiet { color: #eff4fc; background: transparent; border-color: #465a75; }
.button-quiet:hover, .button-outline:hover { background: #213650; color: #fff; }
.button-outline { color: var(--gyfj-white); border-color: #607793; background: transparent; }
.menu-toggle { display: none; margin-left: auto; min-width: 44px; min-height: 44px; color: #fff; background: #1a2b43; border: 1px solid #506681; border-radius: 10px; }

/* HOMEPAGE */
.gyfj-homepage { overflow: hidden; background: var(--gyfj-bg); }
.gyfj-homepage *, .gyfj-homepage *::before, .gyfj-homepage *::after { box-sizing: border-box; }
.gyfj-homepage h1, .gyfj-homepage h2, .gyfj-homepage h3, .gyfj-homepage p { margin-top: 0; }
.gyfj-kicker { display: inline-block; margin-bottom: 14px; color: #83beff; font-size: 12px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }

.gyfj-home-hero { position: relative; min-height: 650px; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 82% 42%, rgba(69,143,226,.23), transparent 27%), radial-gradient(circle at 18% 82%, rgba(45,102,177,.10), transparent 30%), linear-gradient(135deg,#07111f 0%,#0b1728 55%,#0d2139 100%); }
.gyfj-home-hero-glow { position: absolute; border-radius: 50%; pointer-events: none; }
.gyfj-glow-one { width: 520px; height: 520px; right: -250px; top: -260px; border: 1px solid rgba(107,177,244,.13); box-shadow: 0 0 0 70px rgba(107,177,244,.025), 0 0 0 140px rgba(107,177,244,.018); }
.gyfj-glow-two { width: 300px; height: 300px; left: -170px; bottom: -190px; border: 1px solid rgba(107,177,244,.10); }
.gyfj-hero-grid { min-height: 650px; display: grid; grid-template-columns: 1.06fr .94fr; align-items: center; gap: 40px; padding-block: 70px; }
.gyfj-hero-copy { position: relative; z-index: 2; }
.gyfj-hero-badge { display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px; color: #dcecff; background: rgba(69,133,207,.13); border: 1px solid rgba(115,178,239,.23); border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: .11em; }
.gyfj-badge-dot { width: 8px; height: 8px; border-radius: 50%; background: #6db3ff; box-shadow: 0 0 0 5px rgba(109,179,255,.10); }
.gyfj-hero-copy h1 { max-width: 780px; margin: 23px 0 20px; color: #fff; font-size: clamp(49px, 6.2vw, 78px); line-height: 1.01; letter-spacing: -.06em; }
.gyfj-hero-copy h1 span { color: #78b9ff; }
.gyfj-hero-lead { max-width: 650px; margin-bottom: 0; color: #b9c9dc; font-size: 19px; line-height: 1.75; }
.gyfj-search { display: flex; align-items: center; gap: 8px; width: min(700px,100%); margin-top: 30px; padding: 7px; background: rgba(15,31,51,.90); border: 1px solid rgba(125,174,227,.27); border-radius: 15px; box-shadow: 0 20px 60px rgba(0,0,0,.22); }
.gyfj-search-icon { padding-left: 10px; color: #76b6fa; font-size: 27px; line-height: 1; }
.gyfj-search input { flex: 1; min-width: 0; height: 48px; padding: 0 10px; color: #fff; background: transparent; border: 0; outline: 0; }
.gyfj-search input::placeholder { color: #8fa4bc; }
.gyfj-search button { min-height: 48px; padding: 0 20px; color: #fff; background: linear-gradient(135deg,#3e8ce9,#62adff); border: 1px solid rgba(147,208,255,.30); border-radius: 11px; font-weight: 800; }
.gyfj-search button:hover { filter: brightness(1.08); }
.gyfj-trending { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 15px; color: #8096af; font-size: 13px; }
.gyfj-trending a { padding: 5px 9px; color: #a9bfd8; background: rgba(90,145,203,.07); border: 1px solid rgba(105,165,224,.12); border-radius: 999px; text-decoration: none; }
.gyfj-trending a:hover { color: #fff; border-color: rgba(105,175,240,.32); }
.gyfj-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.gyfj-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 11px 19px; border-radius: 12px; font-size: 15px; font-weight: 800; text-decoration: none !important; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.gyfj-btn:hover { transform: translateY(-2px); }
.gyfj-btn-primary { color: #fff !important; background: linear-gradient(135deg,#428fea,#64afff); border: 1px solid rgba(145,207,255,.28); }
.gyfj-btn-ghost, .gyfj-btn-outline { color: #dbeaff !important; background: rgba(75,145,224,.07); border: 1px solid rgba(112,170,226,.24); }
.gyfj-hero-visual { position: relative; min-height: 500px; }
.gyfj-visual-ring { position: absolute; border: 1px solid rgba(104,177,244,.15); border-radius: 50%; transform: rotate(-16deg); }
.gyfj-ring-one { width: 470px; height: 280px; right: 0; top: 90px; }
.gyfj-ring-two { width: 360px; height: 220px; right: 55px; top: 120px; border-color: rgba(104,177,244,.09); }
.gyfj-visual-orb { position: absolute; top: 130px; right: 110px; width: 235px; height: 235px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; background: radial-gradient(circle at 35% 30%,#245487,#0d223b 68%); border: 1px solid rgba(123,190,252,.34); border-radius: 50%; box-shadow: 0 0 0 24px rgba(84,153,220,.045),0 0 0 65px rgba(84,153,220,.025),0 35px 90px rgba(0,0,0,.35); }
.gyfj-visual-orb span { font-size: 70px; line-height: .8; color: #76b7ff; }
.gyfj-visual-orb small { margin-top: 17px; color: #d3e7fb; font-size: 10px; font-weight: 800; letter-spacing: .17em; text-align: center; }
.gyfj-visual-card { position: absolute; z-index: 2; padding: 18px 20px; background: rgba(15,31,52,.94); border: 1px solid rgba(112,174,235,.24); border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,.25); backdrop-filter: blur(12px); }
.gyfj-update-card { top: 35px; right: 15px; width: 205px; }
.gyfj-update-card .gyfj-visual-card-top { display: flex; align-items: center; gap: 8px; color: #83bdff; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.gyfj-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #69b2ff; box-shadow: 0 0 0 4px rgba(105,178,255,.10); }
.gyfj-update-card strong { display: block; margin-top: 12px; color: #fff; font-size: 35px; line-height: 1; }
.gyfj-update-card > span:last-child { color: #91a8c1; font-size: 12px; }
.gyfj-focus-card { left: 5px; bottom: 70px; display: flex; align-items: center; gap: 13px; width: 265px; }
.gyfj-focus-icon { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; color: #76b8ff; background: rgba(77,145,222,.13); border: 1px solid rgba(103,170,232,.18); border-radius: 12px; }
.gyfj-focus-card strong, .gyfj-focus-card small { display: block; }
.gyfj-focus-card strong { color: #fff; font-size: 14px; }
.gyfj-focus-card small { margin-top: 2px; color: #8ea5be; font-size: 11px; }
.gyfj-visual-label { position: absolute; right: 10px; bottom: 35px; color: rgba(137,188,237,.32); font-size: 11px; font-weight: 850; line-height: 1.7; letter-spacing: .2em; text-align: right; }

/* QUICK */
.gyfj-quick-section { position: relative; z-index: 5; padding: 0 0 105px; background: linear-gradient(#07111f 0%,#07111f 50%,#0b1728 100%); }
.gyfj-section-intro { margin-bottom: 44px; }
.gyfj-section-intro-center { text-align: center; }
.gyfj-section-intro h2 { margin: 0; color: #fff; font-size: clamp(34px,4vw,52px); line-height: 1.05; letter-spacing: -.045em; }
.gyfj-quick-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; }
.gyfj-quick-card { min-height: 230px; display: flex; flex-direction: column; justify-content: space-between; padding: 27px; color: #fff !important; background: linear-gradient(145deg,#132943,#0d1c2f); border: 1px solid rgba(115,170,225,.18); border-radius: 21px; text-decoration: none !important; box-shadow: 0 18px 50px rgba(0,0,0,.20); transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.gyfj-quick-card:hover { transform: translateY(-7px); border-color: rgba(111,182,247,.43); box-shadow: 0 25px 60px rgba(0,0,0,.30); }
.gyfj-quick-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 28px; color: #77baff; background: rgba(73,143,222,.13); border: 1px solid rgba(109,178,240,.18); border-radius: 14px; font-size: 21px; }
.gyfj-quick-card strong { display: block; margin-bottom: 7px; color: #fff; font-size: 19px; line-height: 1.25; }
.gyfj-quick-card p { margin: 0; color: #9fb2c8; font-size: 14px; line-height: 1.6; }
.gyfj-card-arrow { align-self: flex-end; margin-top: 16px; color: #76b8ff; font-size: 20px; }
.quick-purple .gyfj-quick-icon { color:#a99cff; background:rgba(131,113,231,.11); }
.quick-green .gyfj-quick-icon { color:#73d6b2; background:rgba(75,181,145,.10); }
.quick-orange .gyfj-quick-icon { color:#8bc3ff; background:rgba(84,151,221,.10); }

/* GENERAL SECTIONS */
.gyfj-home-section { padding: 105px 0; }
.gyfj-jobs-section, .gyfj-experience-section, .gyfj-preparation-section, .gyfj-journey-section { background: #07111f; }
.gyfj-value-section, .gyfj-resources-section { background: #0c192b; }
.gyfj-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 42px; }
.gyfj-section-heading h2 { max-width: 850px; margin: 0 0 13px; color: #fff; font-size: clamp(38px,4.3vw,58px); line-height: 1.03; letter-spacing: -.05em; }
.gyfj-section-heading p { max-width: 760px; margin: 0; color: #aebfd3; font-size: 17px; line-height: 1.7; }
.gyfj-section-link { flex: 0 0 auto; color: #77baff !important; font-size: 15px; font-weight: 800; text-decoration: none !important; white-space: nowrap; }
.gyfj-section-link:hover { color: #fff !important; }
.gyfj-job-grid, .gyfj-content-grid { display: grid; gap: 20px; }
.gyfj-job-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.gyfj-three-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.gyfj-homepage .card { min-width: 0; padding: 27px; color: #dce7f5; background: linear-gradient(145deg,#111f33,#0d1b2d) !important; border: 1px solid rgba(113,169,224,.17) !important; border-radius: 20px !important; box-shadow: 0 16px 48px rgba(0,0,0,.18); transition: transform .2s ease,border-color .2s ease; }
.gyfj-homepage .card:hover { transform: translateY(-5px); border-color: rgba(110,179,240,.36) !important; }
.gyfj-homepage .card h3 { margin: 10px 0 11px; color: #fff; font-size: 21px; line-height: 1.25; }
.gyfj-homepage .card h3 a { color: #fff !important; text-decoration: none; }
.gyfj-homepage .card p { color: #9fb1c7; font-size: 14px; }
.gyfj-homepage .card-kicker { display: flex; justify-content: space-between; gap: 15px; color: #79b9ff; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.gyfj-homepage .card-company { margin-bottom: 6px; color: #d7e4f4 !important; font-weight: 700; }
.gyfj-homepage .card-meta { margin: 5px 0; }
.gyfj-homepage .card .text-link { color: #77baff !important; font-size: 14px; font-weight: 800; text-decoration: none; }
.gyfj-homepage .card-image { display: block; margin: -27px -27px 20px; overflow: hidden; border-radius: 20px 20px 0 0; }
.gyfj-homepage .card-image img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.gyfj-empty, .gyfj-homepage .empty-state { grid-column: 1/-1; min-height: 230px; display: flex; flex-direction: column; justify-content: center; padding: 38px; color: #cbd9e9; background: #101f34 !important; border: 1px dashed rgba(116,171,225,.32) !important; border-radius: 21px !important; }
.gyfj-homepage .empty-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 18px; color: #75b8ff; background: rgba(72,142,220,.13); border-radius: 14px; }
.gyfj-homepage .empty-state p { margin: 0; color: #c8d7e8; }

/* VALUE */
.gyfj-value-heading { margin-bottom: 50px; }
.gyfj-value-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; }
.gyfj-value-card { position: relative; min-height: 275px; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; overflow: hidden; background: linear-gradient(145deg,#142943,#0d1d31); border: 1px solid rgba(114,170,226,.18); border-radius: 20px; box-shadow: 0 18px 48px rgba(0,0,0,.18); transition: transform .2s ease,border-color .2s ease; }
.gyfj-value-card::before { content:""; position:absolute; left:0; top:0; width:100%; height:3px; background:linear-gradient(90deg,#5aa7ff,transparent); }
.gyfj-value-card:hover { transform: translateY(-6px); border-color: rgba(109,180,241,.38); }
.gyfj-value-card > span { color:#74b7ff; font-size:13px; font-weight:850; letter-spacing:.1em; }
.gyfj-value-card h3 { margin:0 0 12px; color:#fff; font-size:23px; }
.gyfj-value-card p { margin:0; color:#9fb2c9; font-size:14px; line-height:1.65; }

/* EXPERIENCES */
.gyfj-trust-note { display:flex; align-items:flex-start; gap:12px; max-width:920px; margin:28px auto 0; padding:17px 19px; background:rgba(72,143,220,.06); border:1px solid rgba(105,167,226,.12); border-radius:14px; }
.gyfj-trust-note span { display:grid; place-items:center; width:25px; height:25px; flex:0 0 25px; color:#74bc9e; background:rgba(69,181,143,.10); border-radius:50%; font-size:12px; }
.gyfj-trust-note p { margin:0; color:#95a9c0; font-size:13px; line-height:1.6; }

/* FEATURE */
.gyfj-feature-section { padding: 110px 0; background: #0c192b; }
.gyfj-feature-panel { min-height: 440px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:40px; padding:58px; overflow:hidden; position:relative; background:linear-gradient(135deg,#142943,#0d1c30); border:1px solid rgba(112,174,232,.24); border-radius:27px; box-shadow:0 25px 70px rgba(0,0,0,.25); }
.gyfj-feature-copy { position:relative; z-index:2; }
.gyfj-feature-copy h2 { max-width:650px; margin:0 0 17px; color:#fff; font-size:clamp(38px,4.2vw,58px); line-height:1.03; letter-spacing:-.05em; }
.gyfj-feature-copy p { max-width:630px; margin:0; color:#adbed3; font-size:17px; line-height:1.75; }
.gyfj-feature-tags { display:flex; flex-wrap:wrap; gap:8px; margin:23px 0 26px; }
.gyfj-feature-tags span { padding:7px 10px; color:#c8ddf3; background:rgba(74,144,221,.08); border:1px solid rgba(104,170,228,.14); border-radius:999px; font-size:12px; }
.gyfj-feature-visual { position:relative; min-height:300px; }
.gyfj-feature-orbit { position:absolute; left:50%; top:50%; border:1px solid rgba(111,179,239,.15); border-radius:50%; transform:translate(-50%,-50%) rotate(-17deg); }
.gyfj-feature-orbit.orbit-one { width:350px; height:220px; }
.gyfj-feature-orbit.orbit-two { width:260px; height:170px; border-color:rgba(111,179,239,.08); }
.gyfj-feature-center { position:absolute; left:50%; top:50%; width:175px; height:175px; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:translate(-50%,-50%); color:#fff; background:radial-gradient(circle at 35% 30%,#235184,#0d2138 68%); border:1px solid rgba(126,193,251,.33); border-radius:50%; box-shadow:0 0 0 20px rgba(85,153,221,.045),0 0 0 48px rgba(85,153,221,.025),0 30px 70px rgba(0,0,0,.28); }
.gyfj-feature-center strong { color:#77baff; font-size:21px; letter-spacing:.1em; }
.gyfj-feature-center span { margin-top:7px; color:#d2e5f7; font-size:9px; font-weight:800; letter-spacing:.15em; text-align:center; }

/* RESOURCES */
.gyfj-resource-feature { display:grid; grid-template-columns:1fr .86fr; min-height:390px; overflow:hidden; background:linear-gradient(135deg,#142943,#0e1d31); border:1px solid rgba(113,173,230,.23); border-radius:25px; box-shadow:0 22px 60px rgba(0,0,0,.22); }
.gyfj-resource-feature-content { padding:50px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.gyfj-resource-badge { display:inline-flex; padding:7px 10px; margin-bottom:18px; color:#7bbcff; background:rgba(71,143,222,.10); border:1px solid rgba(106,171,230,.16); border-radius:999px; font-size:11px; font-weight:850; letter-spacing:.1em; }
.gyfj-resource-feature h3 { max-width:600px; margin:0 0 14px; color:#fff; font-size:35px; line-height:1.08; }
.gyfj-resource-feature p { max-width:620px; margin:0 0 25px; color:#aebfd3; line-height:1.7; }
.gyfj-resource-art { position:relative; min-height:350px; display:grid; place-items:center; background:radial-gradient(circle at 50% 50%,rgba(71,147,229,.22),transparent 42%),#0a1829; }
.gyfj-resource-sheet { width:205px; height:260px; display:flex; flex-direction:column; justify-content:space-between; padding:23px; transform:rotate(5deg); color:#0b1a2c; background:linear-gradient(145deg,#eef6ff,#cfe5fb); border-radius:10px; box-shadow:25px 35px 70px rgba(0,0,0,.30); }
.gyfj-resource-sheet span { align-self:flex-start; padding:5px 8px; color:#fff; background:#377fce; border-radius:6px; font-size:10px; font-weight:900; }
.gyfj-resource-sheet strong { font-size:25px; line-height:1.0; letter-spacing:-.04em; }
.gyfj-resource-sheet small { color:#4b6680; font-size:10px; }
.gyfj-resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:17px; }
.gyfj-resource-mini { min-width:0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:15px; padding:22px; background:#101f34; border:1px solid rgba(112,170,226,.15); border-radius:17px; transition:transform .2s ease,border-color .2s ease; }
.gyfj-resource-mini:hover { transform:translateY(-4px); border-color:rgba(109,179,239,.34); }
.gyfj-mini-icon { display:grid; place-items:center; width:42px; height:42px; color:#74b7ff; background:rgba(70,140,219,.11); border-radius:12px; }
.gyfj-resource-mini h3 { margin:0 0 4px; color:#fff; font-size:16px; line-height:1.3; }
.gyfj-resource-mini h3 a { color:#fff; text-decoration:none; }
.gyfj-resource-mini p { margin:0; color:#91a5bc; font-size:13px; line-height:1.5; }
.gyfj-mini-arrow { color:#72b6ff !important; text-decoration:none; font-size:20px; }
.gyfj-empty-large { min-height:240px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:38px; background:#101f34; border:1px dashed rgba(116,171,225,.32); border-radius:21px; }
.gyfj-empty-large > span { display:grid; place-items:center; width:48px; height:48px; margin-bottom:18px; color:#75b8ff; background:rgba(72,142,220,.13); border-radius:14px; }
.gyfj-empty-large p { margin:0; color:#c8d7e8; }

/* JOURNEY */
.gyfj-journey-section .gyfj-section-intro { max-width:820px; margin-inline:auto; }
.gyfj-section-intro p { max-width:720px; margin:14px auto 0; color:#9fb2c9; font-size:17px; line-height:1.7; }
.gyfj-journey-grid { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:stretch; margin-top:55px; border-top:1px solid rgba(112,170,226,.18); border-bottom:1px solid rgba(112,170,226,.18); }
.gyfj-journey-step { min-height:220px; padding:28px 22px; }
.gyfj-journey-step span { display:block; margin-bottom:55px; color:#74b7ff; font-size:12px; font-weight:850; letter-spacing:.1em; }
.gyfj-journey-step strong { display:block; margin-bottom:9px; color:#fff; font-size:21px; }
.gyfj-journey-step p { margin:0; color:#94a9c0; font-size:13px; }
.gyfj-journey-line { width:1px; background:rgba(112,170,226,.18); }

/* COMMUNITY */
.gyfj-community-section { padding:80px 0 105px; background:#07111f; }
.gyfj-community-panel { display:flex; align-items:center; justify-content:space-between; gap:35px; padding:55px; background:radial-gradient(circle at 80% 20%,rgba(74,147,226,.13),transparent 35%),linear-gradient(135deg,#142943,#0d1c2f); border:1px solid rgba(111,172,231,.23); border-radius:25px; }
.gyfj-community-panel h2 { margin:0 0 13px; color:#fff; font-size:clamp(32px,4vw,50px); line-height:1.04; letter-spacing:-.045em; }
.gyfj-community-panel p { max-width:690px; margin:0; color:#aebfd3; font-size:16px; line-height:1.7; }
.gyfj-community-actions { display:flex; flex-wrap:wrap; gap:10px; flex:0 0 auto; }

/* EXISTING CONTENT / ARCHIVES */
.section { padding-block: 80px; }
.section-alt { background: #0c192b; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin-bottom:32px; }
.section-heading h2 { margin:0 0 10px; color:#fff; font-size:44px; line-height:1.06; letter-spacing:-.04em; }
.section-heading p { margin:0; color:var(--gyfj-muted); }
.card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.card { padding:24px; background:var(--gyfj-surface); border:1px solid var(--gyfj-line); border-radius:18px; }
.card h3 { margin:12px 0 10px; color:#fff; font-size:22px; }
.card h3 a { color:#fff; text-decoration:none; }
.card p { color:var(--gyfj-muted); }
.card-kicker { display:flex; justify-content:space-between; gap:10px; color:#8fc4ff; font-size:12px; font-weight:800; }
.card-company { color:#dce7f4 !important; font-weight:700; }
.card-meta { margin:6px 0; font-size:14px; }
.card-image { display:block; margin:-24px -24px 18px; overflow:hidden; border-radius:18px 18px 0 0; }
.card-image img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.text-link { color:var(--gyfj-sky); font-weight:750; text-decoration:none; }
.text-link:hover { color:#fff; }
.empty-state { grid-column:1/-1; min-height:210px; display:flex; flex-direction:column; justify-content:center; padding:32px; background:var(--gyfj-surface); border:1px dashed var(--gyfj-line-strong); border-radius:18px; }
.empty-icon { display:grid; place-items:center; width:44px; height:44px; margin-bottom:15px; color:#7bbcff; background:#1a3555; border-radius:12px; }
.share-cta { margin-top:23px; }
.page-heading { padding-block:58px 30px; }
.page-heading h1 { margin:0 0 10px; color:#fff; font-size:52px; letter-spacing:-.045em; }
.page-heading .lead { max-width:780px; margin:0; color:var(--gyfj-muted); font-size:18px; }
.archive-search { margin-top:28px; }
.content-layout { padding-block:48px 76px; }
.article-content { max-width:1040px; }
.prose { font-size:19px; }
.prose > * { max-width:100%; }
.prose img,.prose video,.prose iframe,.prose table { max-width:100%; }
.prose h2,.prose h3,.prose h4 { margin:1.7em 0 .55em; color:#fff; }
.prose p,.prose ul,.prose ol { margin-block:0 1.25em; }
.prose blockquote { margin:1.5em 0; padding:12px 20px; color:#dae5f2; border-left:4px solid var(--gyfj-blue); background:#14243a; }
.prose pre,.prose code { color:#f6f8fc; background:#0a1220; border-radius:6px; }
.prose pre { overflow:auto; padding:18px; }
.job-facts { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 26px; }
.job-facts span { padding:8px 12px; color:#edf3fb; background:#1a2c44; border:1px solid #405773; border-radius:999px; font-size:15px; }
.official-note { margin-top:25px; padding:15px 18px; color:#e5ecf6; background:#172a43; border-left:3px solid var(--gyfj-amber); border-radius:0 10px 10px 0; }
.post-meta { margin-top:24px; color:#bfcadd; font-size:14px; }
.related-section { margin-top:72px; }
.related-section h2 { color:#fff; font-size:32px; }

/* FOOTER - unchanged structure, refreshed presentation */
.site-footer { background:#08111e; border-top:1px solid #263c57; }
.footer-community { margin-block:30px 58px; padding:clamp(27px,5vw,52px); background:linear-gradient(120deg,#152640,#1a3558); border:1px solid #3f5c80; border-radius:22px; }
.footer-community .eyebrow { color:var(--gyfj-sky); }
.footer-community h2 { margin:0 0 12px; color:#fff; font-size:clamp(30px,4vw,43px); letter-spacing:-.04em; }
.footer-community > p:not(.eyebrow) { max-width:750px; color:#d7e1ef; font-size:18px; }
.community-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.footer-main { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; padding-bottom:30px; }
.footer-brand-row p,.footer-main > div > p { color:#c3d0e0; font-size:15px; }
.footer-nav .menu { justify-content:flex-end; flex-wrap:wrap; }
.footer-nav .menu a { color:#ced9e8; font-size:14px; }
.footer-bottom { display:flex; justify-content:space-between; gap:16px; padding-block:17px 24px; color:#bec9d9; border-top:1px solid #2e415a; font-size:13px; }
.footer-legal { display:flex; flex:0 0 100%; flex-wrap:wrap; gap:10px 18px; padding-top:13px; border-top:1px solid #263c57; }
.footer-legal a { color:#c8d8ed; text-decoration:none; }
.footer-legal a:hover { color:var(--gyfj-sky); }

/* PLUGINS / FORMS */
.not-found { max-width:680px; margin:50px auto; padding:36px; background:var(--gyfj-surface); border:1px solid var(--gyfj-line); border-radius:18px; }
.not-found h1 { color:#fff; font-size:44px; }
.not-found p:not(.eyebrow) { color:var(--gyfj-muted); }
.quiz-form { display:grid; gap:17px; margin-top:28px; }
.quiz-question { min-width:0; margin:0; padding:20px; border:1px solid #405571; border-radius:13px; background:#14243a; }
.quiz-question legend { padding-inline:5px; color:#fff; font-size:19px; font-weight:750; }
.quiz-option { display:flex; align-items:flex-start; gap:11px; margin-top:10px; padding:10px 12px; color:#e8eef7; background:#1a2c44; border:1px solid #405571; border-radius:9px; cursor:pointer; }
.quiz-option input { flex:0 0 auto; width:19px; height:19px; margin:3px 0 0; accent-color:var(--gyfj-blue); }
.quiz-feedback { margin:13px 0 0; padding:10px 12px; border-radius:8px; font-size:15px; }
.quiz-feedback.is-correct { color:#e4ffef; background:#184332; }
.quiz-feedback.is-wrong { color:#ffe7e8; background:#502b36; }
.quiz-score { padding:14px; color:#fff; background:#1e3b60; border-radius:10px; font-weight:750; }
.pdf-action { margin-block:24px; }
.screen-reader-response { color:#fff; }
.wp-block-button__link { color:#fff; background:#286fd1; border-radius:10px; }
.wp-block-file a,.wp-block-file__button { color:#fff; }
.wp-block-table td,.wp-block-table th { border-color:#485c76; }
.wp-block-separator { border-color:#3d506b; }
.wp-block-quote { border-color:var(--gyfj-blue); }
.wp-block-search__input,input[type=text],input[type=email],input[type=url],input[type=search],input[type=password],textarea,select { color:#fff; background:#101d30; border:1px solid #465a75; border-radius:8px; }
input::placeholder,textarea::placeholder { color:#bdc9d9; opacity:1; }
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible { outline:3px solid #a9ccff; outline-offset:3px; }
.job_filters,.job_listings,.job_listing,.wp-job-manager-bookmarks-form,.job-manager-form { color:var(--gyfj-white); }
.job_filters,.job_filters .search_jobs,.job_listing,.job_listings li,.job-manager-form fieldset { color:var(--gyfj-white); background:var(--gyfj-surface); border-color:var(--gyfj-line); }
.job_listing a,.job_filters a { color:var(--gyfj-sky); }
.job_listing .company,.job_listing .location,.job_listing .meta,.job_filters small { color:var(--gyfj-muted); }
.job_filters select,.job_filters input,.job-manager-form input,.job-manager-form textarea { color:#fff; background:#101d30; border-color:#465a75; }
.qsm-quiz-container,.qmn_quiz_container,.ays-quiz-container { color:var(--gyfj-white); }
.woocommerce,.woocommerce-page { color:var(--gyfj-white); }
.woocommerce div.product,.woocommerce ul.products li.product,.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error,.woocommerce-cart .cart-collaterals,.woocommerce-checkout #payment { color:var(--gyfj-white); background:var(--gyfj-surface); border-color:var(--gyfj-line); }
.woocommerce ul.products li.product,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce table.shop_table { border-color:var(--gyfj-line); }
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce div.product .product_title,.woocommerce form .form-row label { color:#fff; }
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt { color:#fff; background:#286fd1; }
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover { color:#fff; background:#3884ed; }
.woocommerce input,.woocommerce select,.woocommerce textarea,.woocommerce .select2-container .select2-selection--single { color:#fff; background:#0d1a2c; border-color:var(--gyfj-line); }
.woocommerce .woocommerce-customer-details address,.woocommerce table.shop_table td,.woocommerce table.shop_table th { color:var(--gyfj-white); border-color:var(--gyfj-line); }

/* RESPONSIVE */
@media (max-width:1050px) {
  .header-inner { gap:16px; }
  .menu { gap:15px; }
  .menu a { font-size:14px; }
  .header-cta .button { padding-inline:12px; }
  .gyfj-hero-grid { grid-template-columns:1fr; }
  .gyfj-home-hero { min-height:auto; }
  .gyfj-hero-grid { min-height:auto; padding-block:60px 70px; }
  .gyfj-hero-visual { min-height:440px; }
  .gyfj-quick-grid,.gyfj-value-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gyfj-three-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gyfj-journey-grid { grid-template-columns:1fr 1fr; }
  .gyfj-journey-line { display:none; }
  .gyfj-journey-step { border:1px solid rgba(112,170,226,.15); }
}
@media (max-width:980px) {
  .header-inner { width:calc(100% - 34px); min-height:68px; }
  .menu-toggle { display:inline-grid; place-items:center; }
  .primary-nav { display:none; position:absolute; top:100%; left:0; right:0; padding:13px 20px 20px; background:#101c2e; border-bottom:1px solid #3b4d66; }
  .primary-nav.is-open { display:block; }
  .primary-nav .menu { align-items:stretch; flex-direction:column; gap:0; }
  .primary-nav .menu a { display:block; padding:11px 6px; font-size:16px; }
  .header-cta { margin-left:0; }
  .header-cta .button-quiet { display:none; }
  .gyfj-feature-panel,.gyfj-resource-feature { grid-template-columns:1fr; }
  .gyfj-feature-visual { min-height:320px; }
  .gyfj-resource-art { min-height:320px; order:-1; }
}
@media (max-width:700px) {
  .gyfj-section-heading { display:block; }
  .gyfj-section-link { display:inline-block; margin-top:16px; }
  .gyfj-job-grid,.gyfj-three-grid,.gyfj-quick-grid,.gyfj-value-grid,.gyfj-resource-grid,.gyfj-journey-grid { grid-template-columns:1fr; }
  .gyfj-feature-panel { padding:38px 28px; }
  .gyfj-community-panel { flex-direction:column; align-items:flex-start; padding:38px 28px; }
}
@media (max-width:560px) {
  body { font-size:17px; }
  .wrap { width:calc(100% - 34px); }
  .site-header .header-inner > .brand { flex-basis:min(185px,44vw); width:min(185px,44vw); }
  .brand-default,.custom-logo { width:100%; max-height:45px; }
  .header-cta .button-primary { min-height:40px; padding:8px 10px; font-size:13px; }
  .gyfj-hero-grid { padding-block:45px 50px; }
  .gyfj-hero-copy h1 { font-size:clamp(42px,13vw,59px); }
  .gyfj-hero-lead { font-size:17px; }
  .gyfj-search { flex-wrap:wrap; }
  .gyfj-search input { flex-basis:calc(100% - 45px); }
  .gyfj-search button { width:100%; }
  .gyfj-trending { align-items:flex-start; }
  .gyfj-hero-visual { min-height:330px; transform:scale(.88); transform-origin:center top; margin-bottom:-35px; }
  .gyfj-quick-section { padding-bottom:70px; }
  .gyfj-home-section,.gyfj-feature-section { padding-block:72px; }
  .gyfj-section-heading h2,.gyfj-section-intro h2 { font-size:36px; }
  .gyfj-feature-panel { padding:30px 22px; border-radius:21px; }
  .gyfj-feature-visual { min-height:280px; }
  .gyfj-resource-feature-content { padding:32px 23px; }
  .gyfj-resource-feature h3 { font-size:29px; }
  .gyfj-resource-grid { gap:12px; }
  .gyfj-resource-mini { grid-template-columns:auto 1fr; }
  .gyfj-mini-arrow { display:none; }
  .gyfj-community-section { padding-bottom:75px; }
  .footer-community { margin-block:12px 38px; padding:25px 21px; border-radius:16px; }
  .footer-community > p:not(.eyebrow) { font-size:16px; }
  .footer-main,.footer-bottom { flex-direction:column; }
  .footer-nav .menu { justify-content:flex-start; gap:12px 18px; }
  .footer-bottom { gap:10px; }
  .footer-legal { gap:8px 14px; width:100%; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; } }

/* =========================================================
   GETYOURFIRSTJOB 2026 — COMPACT / PREMIUM REFRESH
   Reduces excessive whitespace across homepage + archives.
========================================================= */

:root{
  --gyfj-width:1180px;
}

body{
  overflow-x:hidden;
}

.wrap{
  width:min(var(--gyfj-width),calc(100% - 40px));
}

/* HEADER — tighter, cleaner navigation */
.header-inner{
  width:min(1240px,calc(100% - 40px));
  min-height:68px;
  gap:20px;
}
.site-header .header-inner > .brand{
  flex:0 0 220px;
  width:220px;
}
.menu{
  gap:clamp(10px,1.7vw,23px);
}
.menu a{
  font-size:14px;
}
.header-cta{
  gap:7px;
}
.header-cta .button{
  min-height:40px;
  padding:8px 13px;
  font-size:13px;
}

/* GLOBAL ARCHIVE / PAGE SPACING */
.section{
  padding-block:52px;
}
.page-heading{
  padding:28px 0 12px;
}
.page-heading h1{
  font-size:clamp(38px,5vw,54px);
  margin-bottom:7px;
}
.page-heading .lead{
  font-size:16px;
}
.content-layout{
  padding-block:30px 55px;
}
.related-section{
  margin-top:45px;
}

/* HOMEPAGE */
.gyfj-homepage{
  margin:0;
}
.gyfj-home-hero.gyfj-hero-compact{
  min-height:0;
  padding:0;
}
.gyfj-hero-compact .gyfj-hero-grid{
  min-height:0;
  padding-block:46px 42px;
  gap:34px;
}
.gyfj-hero-compact .gyfj-hero-copy h1{
  margin:17px 0 15px;
  font-size:clamp(44px,5.8vw,70px);
}
.gyfj-hero-compact .gyfj-hero-lead{
  font-size:17px;
  line-height:1.65;
}
.gyfj-hero-compact .gyfj-search{
  margin-top:22px;
}
.gyfj-hero-compact .gyfj-hero-actions{
  margin-top:18px;
}

/* Creator hero card */
.gyfj-creator-hero{
  position:relative;
  min-height:360px;
  display:grid;
  grid-template-columns:1fr;
  align-content:end;
  overflow:hidden;
  border:1px solid rgba(112,174,232,.24);
  border-radius:24px;
  background:#0d1d31;
  box-shadow:0 25px 70px rgba(0,0,0,.25);
}
.gyfj-creator-hero-image{
  position:absolute;
  inset:0;
  background:#10243b;
}
.gyfj-creator-hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,17,31,.03) 10%,rgba(7,17,31,.34) 45%,rgba(7,17,31,.96) 100%);
}
.gyfj-creator-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.gyfj-creator-hero-copy{
  position:relative;
  z-index:2;
  padding:27px;
}
.gyfj-creator-hero-copy h2{
  margin:0 0 9px;
  color:#fff;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.gyfj-creator-hero-copy p{
  margin:0;
  color:#c0d0e3;
  font-size:14px;
  line-height:1.55;
}
.gyfj-creator-mini-links{
  display:flex;
  gap:8px;
  margin-top:15px;
}
.gyfj-creator-mini-links a{
  padding:7px 10px;
  color:#e8f3ff;
  background:rgba(67,141,245,.14);
  border:1px solid rgba(103,174,245,.22);
  border-radius:9px;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}

/* Compact section rhythm */
.gyfj-compact-section{
  padding-block:58px;
}
.gyfj-quick-section{
  padding:0 0 58px;
}
.compact-intro{
  margin-bottom:24px!important;
}
.gyfj-section-intro h2{
  font-size:clamp(31px,3.8vw,48px);
}
.gyfj-quick-grid{
  gap:13px;
}
.gyfj-quick-card{
  min-height:185px;
  padding:21px;
  border-radius:17px;
}
.gyfj-quick-icon{
  width:42px;
  height:42px;
  margin-bottom:20px;
  border-radius:11px;
}
.gyfj-quick-card strong{
  font-size:17px;
}
.gyfj-quick-card p{
  font-size:13px;
}

.gyfj-home-section{
  padding:58px 0;
}
.gyfj-section-heading{
  margin-bottom:25px;
  gap:20px;
}
.gyfj-section-heading h2{
  font-size:clamp(32px,4vw,52px);
  margin-bottom:9px;
}
.gyfj-section-heading p{
  font-size:15px;
}

/* Static jobs */
.gyfj-hardcoded-jobs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}
.gyfj-hard-job{
  min-width:0;
  display:grid;
  grid-template-columns:50px 1fr auto;
  align-items:center;
  gap:15px;
  padding:18px;
  background:linear-gradient(145deg,#122640,#0e1d30);
  border:1px solid rgba(112,170,226,.18);
  border-radius:17px;
  transition:.2s ease;
}
.gyfj-hard-job:hover{
  transform:translateY(-3px);
  border-color:rgba(103,174,245,.42);
}
.gyfj-job-logo{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(145deg,#214c78,#142943);
  border:1px solid rgba(118,184,245,.25);
  font-size:20px;
  font-weight:850;
}
.gyfj-hard-job-main{
  min-width:0;
}
.gyfj-hard-job-top{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:5px;
}
.gyfj-hard-job-top span{
  color:#78b9ff;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
}
.gyfj-hard-job-top small{
  color:#7089a4;
  font-size:10px;
}
.gyfj-hard-job h3{
  margin:0 0 3px;
  color:#fff;
  font-size:17px;
  line-height:1.25;
}
.gyfj-hard-job p{
  margin:0;
  color:#c3d1e2;
  font-size:13px;
}
.gyfj-job-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px 12px;
  margin-top:7px;
  color:#8fa5bd;
  font-size:11px;
}
.gyfj-hard-job>a{
  align-self:center;
  white-space:nowrap;
  padding:8px 10px;
  color:#fff!important;
  background:#286fd1;
  border:1px solid #4b95f5;
  border-radius:9px;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}

/* Channel section */
.gyfj-channel-section{
  padding:60px 0;
  background:#0b1728;
  border-top:1px solid rgba(112,170,226,.10);
  border-bottom:1px solid rgba(112,170,226,.10);
}
.gyfj-channel-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:25px;
  margin-bottom:24px;
}
.gyfj-channel-heading h2{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(32px,4vw,50px);
  line-height:1.03;
  letter-spacing:-.045em;
}
.gyfj-channel-heading p{
  max-width:720px;
  margin:0;
  color:#9fb2c9;
  font-size:15px;
}
.gyfj-channel-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  flex:0 0 auto;
}
.gyfj-channel-grid{
  display:grid;
  grid-template-columns:1.35fr .85fr;
  gap:14px;
}
.gyfj-channel-card{
  overflow:hidden;
  background:#101f34;
  border:1px solid rgba(112,170,226,.17);
  border-radius:18px;
  transition:.2s ease;
}
.gyfj-channel-card:hover{
  transform:translateY(-3px);
  border-color:rgba(103,174,245,.40);
}
.gyfj-channel-image{
  height:215px;
  overflow:hidden;
  background:#0c1b2d;
}
.gyfj-channel-card:not(.gyfj-channel-card-large) .gyfj-channel-image{
  height:175px;
}
.gyfj-channel-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.gyfj-channel-card-body{
  padding:20px;
}
.gyfj-channel-card-body>span{
  color:#78b9ff;
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
}
.gyfj-channel-card-body h3{
  margin:8px 0 8px;
  color:#fff;
  font-size:19px;
  line-height:1.25;
}
.gyfj-channel-card-body p{
  margin:0 0 13px;
  color:#91a5bc;
  font-size:13px;
  line-height:1.6;
}
.gyfj-channel-card-body>a{
  color:#78b9ff;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}

/* Preparation cards */
.gyfj-prep-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}
.gyfj-prep-card{
  min-height:225px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:23px;
  color:#fff!important;
  background:linear-gradient(145deg,#142943,#0e1d30);
  border:1px solid rgba(112,170,226,.18);
  border-radius:17px;
  text-decoration:none!important;
  transition:.2s ease;
}
.gyfj-prep-card:hover{
  transform:translateY(-4px);
  border-color:rgba(103,174,245,.40);
}
.gyfj-prep-card>span{
  color:#78b9ff;
  font-size:10px;
  font-weight:850;
  letter-spacing:.09em;
}
.gyfj-prep-card h3{
  margin:11px 0 8px;
  color:#fff;
  font-size:21px;
  line-height:1.18;
}
.gyfj-prep-card p{
  margin:0 0 17px;
  color:#9fb2c9;
  font-size:13px;
  line-height:1.6;
}
.gyfj-prep-card b{
  margin-top:auto;
  color:#78b9ff;
  font-size:12px;
}

/* Static resource cards */
.gyfj-resource-grid-static{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin-top:0;
}
.gyfj-resource-static-card{
  min-height:130px;
  padding:18px;
}
.gyfj-resource-static-card .gyfj-mini-icon{
  width:44px;
  height:44px;
  font-size:11px;
  font-weight:850;
}

/* Journey tighter */
.gyfj-journey-section{
  padding-bottom:65px;
}
.gyfj-journey-grid{
  margin-top:28px;
}
.gyfj-journey-step{
  min-height:165px;
  padding:21px 19px;
}
.gyfj-journey-step span{
  margin-bottom:35px;
}

/* Remove duplicate homepage community CTA — footer remains the single site-wide CTA. */
.gyfj-community-section{
  display:none!important;
}

/* Prevent accidental large empty ad slots inserted by themes/plugins. */
.gyfj-homepage [class*="ad-slot"],
.gyfj-homepage [class*="advert"],
.gyfj-homepage .adsbygoogle:empty{
  min-height:0!important;
}

/* MOBILE */
@media(max-width:980px){
  .gyfj-hero-compact .gyfj-hero-grid{
    grid-template-columns:1fr;
    padding-block:38px 40px;
  }
  .gyfj-creator-hero{
    max-width:620px;
    min-height:330px;
  }
  .gyfj-career-grid,
  .gyfj-channel-grid,
  .gyfj-prep-grid{
    grid-template-columns:1fr;
  }
  .gyfj-channel-card-large .gyfj-channel-image{
    height:220px;
  }
}

@media(max-width:700px){
  .wrap{
    width:calc(100% - 28px);
  }
  .header-inner{
    width:calc(100% - 28px);
    min-height:64px;
  }
  .site-header .header-inner > .brand{
    flex-basis:190px;
    width:190px;
  }
  .gyfj-compact-section,
  .gyfj-home-section{
    padding-block:43px;
  }
  .gyfj-quick-section{
    padding-bottom:43px;
  }
  .gyfj-section-heading,
  .gyfj-channel-heading{
    display:block;
    margin-bottom:21px;
  }
  .gyfj-section-link{
    display:inline-block;
    margin-top:11px;
  }
  .gyfj-hard-job{
    grid-template-columns:42px 1fr;
    padding:15px;
  }
  .gyfj-job-logo{
    width:42px;
    height:42px;
  }
  .gyfj-hard-job>a{
    grid-column:2;
    justify-self:start;
    margin-top:2px;
  }
  .gyfj-channel-actions{
    margin-top:14px;
  }
  .gyfj-channel-image,
  .gyfj-channel-card:not(.gyfj-channel-card-large) .gyfj-channel-image{
    height:190px;
  }
  .gyfj-resource-grid-static{
    grid-template-columns:1fr;
  }
  .gyfj-hero-compact .gyfj-hero-copy h1{
    font-size:clamp(41px,12vw,58px);
  }
}

@media(max-width:560px){
  .header-cta .button-primary{
    display:none;
  }
  .gyfj-creator-hero{
    min-height:310px;
  }
  .gyfj-creator-hero-copy{
    padding:21px;
  }
  .gyfj-creator-hero-copy h2{
    font-size:24px;
  }
  .gyfj-hard-job-main h3{
    font-size:16px;
  }
}

/* =========================================================
   v1.5 — TARGETED HOMEPAGE / FOOTER POLISH
   Keep the existing visual language; fix only requested areas.
========================================================= */

/* Remove the page-heading/content stacking that created the visible blank band. */
.page-layout{padding-top:12px!important;padding-bottom:42px!important;}
.page-heading-compact{padding:10px 0 14px!important;margin:0!important;}
.page-heading-compact h1{margin:0!important;font-size:clamp(34px,4.2vw,48px)!important;line-height:1.04!important;}
.page-layout .prose{margin-top:0!important;}
.page-layout .prose > :first-child{margin-top:0!important;}
.page-layout .prose > p:first-child:empty,
.page-layout .prose > p:first-child:has(br:only-child){display:none!important;}

/* Do not allow accidental empty wrappers to manufacture a large first gap. */
.gyfj-homepage > :first-child{margin-top:0!important;}
.gyfj-homepage section:first-child{margin-top:0!important;}
main#main-content{margin-top:0!important;}

/* Hero video card: true 16:9 image, then copy below it. No text over the thumbnail. */
.gyfj-creator-hero{
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:start!important;
  background:#0d1d31!important;
}
.gyfj-creator-hero-image{
  position:relative!important;
  inset:auto!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  overflow:hidden!important;
  background:#0b1727!important;
}
.gyfj-creator-hero-image::after{display:none!important;}
.gyfj-creator-hero-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
.gyfj-creator-hero-copy{
  position:relative!important;
  padding:18px 22px 20px!important;
  background:linear-gradient(180deg,#10233a,#0d1d31)!important;
}
.gyfj-creator-hero-copy h2{font-size:25px!important;line-height:1.12!important;margin-bottom:7px!important;}
.gyfj-creator-hero-copy p{font-size:13px!important;line-height:1.5!important;}
.gyfj-creator-mini-links{margin-top:11px!important;gap:7px!important;}
.gyfj-creator-mini-links a{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 10px!important;border-radius:9px!important;}
.gyfj-creator-mini-links img{width:14px!important;height:14px!important;filter:brightness(0) invert(1)!important;}
.gyfj-social-youtube{background:#ff0033!important;border-color:#ff0033!important;color:#fff!important;}
.gyfj-social-youtube:hover{background:#d9002b!important;color:#fff!important;}
.gyfj-social-whatsapp{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;}
.gyfj-social-whatsapp:hover{background:#12813b!important;color:#fff!important;}

/* Employer career cards retain the existing job-card geometry. */
.gyfj-career-openings{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.gyfj-career-card{min-height:138px!important;}
.gyfj-company-logo{
  width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;
  border-radius:15px;color:#fff;background:#173252;border:1px solid rgba(126,187,246,.25);
  font-weight:900;font-size:20px;letter-spacing:-.04em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.gyfj-company-logo.amazon{font-family:Arial,sans-serif;font-size:25px;}
.gyfj-company-logo.google{background:linear-gradient(145deg,#173252,#1c2e4a);}
.gyfj-company-logo.microsoft{background:linear-gradient(145deg,#173252,#213a59);}
.gyfj-company-logo.cisco{background:linear-gradient(145deg,#0f5f86,#173252);}
.gyfj-career-card>a{white-space:nowrap;}

/* Social branding in channel section. */
.gyfj-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;}
.gyfj-btn img{width:16px;height:16px;filter:brightness(0) invert(1);}
.gyfj-btn-youtube{background:#ff0033!important;border-color:#ff0033!important;color:#fff!important;}
.gyfj-btn-youtube:hover{background:#d9002b!important;border-color:#d9002b!important;color:#fff!important;}
.gyfj-btn-whatsapp{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;}
.gyfj-btn-whatsapp:hover{background:#12813b!important;border-color:#12813b!important;color:#fff!important;}

/* Compact square-ish interview experience cards. */
.gyfj-experience-home-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.gyfj-home-experience-card{
  min-width:0;
  min-height:360px;
  display:flex;
  flex-direction:column;
  padding:19px;
  border-radius:18px;
  background:linear-gradient(145deg,#122640,#0d1d31);
  border:1px solid rgba(112,170,226,.18);
  box-shadow:0 16px 40px rgba(0,0,0,.14);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.gyfj-home-experience-card:hover{transform:translateY(-4px);border-color:rgba(103,174,245,.42);box-shadow:0 22px 50px rgba(0,0,0,.22);}
.gyfj-exp-card-top{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;}
.gyfj-exp-logo{
  width:58px;height:58px;display:grid;place-items:center;border-radius:14px;
  color:#fff;background:#183656;border:1px solid rgba(126,187,246,.26);
  font-weight:900;font-size:9px;letter-spacing:.01em;
}
.gyfj-exp-logo.infosys{background:linear-gradient(145deg,#16426a,#19314d);}
.gyfj-exp-logo.wipro{background:linear-gradient(145deg,#0d4f75,#19314d);}
.gyfj-exp-logo.capgemini{background:linear-gradient(145deg,#403078,#1b2947);}
.gyfj-exp-card-top .gyfj-kicker{font-size:9px!important;}
.gyfj-exp-card-top h3{margin:4px 0 0;color:#fff;font-size:17px;line-height:1.18;}
.gyfj-outcome{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.06em;white-space:nowrap;}
.gyfj-outcome.selected{color:#a5f3c6;background:rgba(34,197,94,.11);border:1px solid rgba(34,197,94,.25);}
.gyfj-outcome.rejected{color:#ffb1b1;background:rgba(239,68,68,.11);border:1px solid rgba(239,68,68,.25);}
.gyfj-outcome.pending{color:#bcd5ee;background:rgba(103,174,245,.10);border:1px solid rgba(103,174,245,.20);}
.gyfj-exp-meta{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 14px;padding-bottom:13px;border-bottom:1px solid rgba(139,180,235,.12);color:#9fb2c9;font-size:11px;}
.gyfj-exp-meta span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(139,180,235,.11);}
.gyfj-exp-questions{margin-top:2px;}
.gyfj-exp-questions strong{display:block;margin-bottom:9px;color:#fff;font-size:12px;}
.gyfj-exp-questions div{display:flex;flex-wrap:wrap;gap:6px;}
.gyfj-exp-questions div span{padding:6px 8px;color:#9fc9f2;background:rgba(67,141,245,.08);border:1px solid rgba(103,174,245,.17);border-radius:8px;font-size:10px;}
.gyfj-home-experience-card>a{margin-top:auto;padding-top:18px;color:#78b9ff;text-decoration:none;font-size:12px;font-weight:850;}

/* Footer: compact social strip, no large community banner. */
.site-footer{padding-top:28px!important;}
.footer-community{display:none!important;}
.footer-main{align-items:center!important;padding-bottom:24px!important;gap:28px!important;}
.footer-brand-block{min-width:220px;}
.footer-brand-block>p{margin:10px 0 0!important;}
.footer-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:14px;min-width:0;}
.footer-social-row{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;}
.footer-social{
  display:inline-flex;align-items:center;gap:6px;padding:7px 10px;
  border-radius:9px;text-decoration:none!important;font-size:11px;font-weight:850;
  border:1px solid rgba(139,180,235,.16);transition:transform .18s ease,filter .18s ease;
}
.footer-social:hover{transform:translateY(-2px);filter:brightness(1.06);}
.footer-social img{width:14px;height:14px;filter:brightness(0) invert(1);}
.footer-social-youtube{background:#ff0033;color:#fff!important;border-color:#ff0033!important;}
.footer-social-whatsapp{background:#16a34a;color:#fff!important;border-color:#16a34a!important;}
.footer-social-neutral{background:#12243a;color:#dbe8f7!important;}
.footer-social-glyph{display:inline-grid;place-items:center;width:14px;height:14px;color:#78b9ff;font-size:14px;}
.footer-nav .menu{justify-content:flex-end!important;gap:8px 22px!important;}
.footer-nav .menu a{font-size:13px!important;}
.footer-bottom{padding-block:15px 20px!important;align-items:flex-start;}
.footer-bottom>span:nth-child(2){max-width:430px;}
.footer-legal{padding-top:10px!important;}

/* Prevent empty ad wrappers and stray WordPress blocks from reintroducing a first-screen gap. */
.gyfj-homepage .wp-block-spacer,
.gyfj-homepage .wp-block-spacer:empty{display:none!important;}
.gyfj-homepage > .wp-block-spacer{display:none!important;}
.page-layout .wp-block-spacer{max-height:24px!important;}

@media(max-width:980px){
  .gyfj-experience-home-grid{grid-template-columns:1fr 1fr;}
  .gyfj-footer{}
  .footer-main{align-items:flex-start!important;}
  .footer-right{align-items:flex-start;margin-left:0;width:100%;}
  .footer-social-row{justify-content:flex-start;}
  .footer-nav .menu{justify-content:flex-start!important;}
}
@media(max-width:700px){
  .gyfj-career-openings{grid-template-columns:1fr!important;}
  .gyfj-experience-home-grid{grid-template-columns:1fr;}
  .gyfj-home-experience-card{min-height:0;}
  .gyfj-creator-hero-copy{padding:17px 18px 18px!important;}
  .footer-main{flex-direction:column!important;}
  .footer-right{width:100%;}
  .footer-social-row{gap:6px;}
  .footer-social{font-size:10px;padding:7px 9px;}
}
@media(max-width:560px){
  .page-layout{padding-top:8px!important;padding-bottom:30px!important;}
  .page-heading-compact{padding:7px 0 10px!important;}
  .gyfj-creator-hero-image{aspect-ratio:16/9!important;}
  .gyfj-creator-hero-copy h2{font-size:22px!important;}
  .gyfj-exp-card-top{grid-template-columns:48px 1fr;}
  .gyfj-exp-logo{width:48px;height:48px;font-size:8px;}
  .gyfj-outcome{grid-column:2;justify-self:start;}
  .footer-social-row{width:100%;}
  .footer-social{flex:1 1 auto;justify-content:center;}
}

/* Footer bottom: stable three-column desktop flow instead of narrow flex shrink. */
.footer-bottom{
  display:grid!important;
  grid-template-columns:auto minmax(260px,1fr) auto;
  align-items:start!important;
  column-gap:28px!important;
  row-gap:10px!important;
}
.footer-bottom>span{min-width:0;}
.footer-bottom>span:nth-child(2){max-width:none!important;}
.footer-legal{
  grid-column:1/-1;
  width:100%;
}
@media(max-width:700px){
  .footer-bottom{grid-template-columns:1fr!important;}
  .footer-legal{grid-column:1!important;}
}

/* Video thumbnails use their native 16:9 presentation. */
.gyfj-channel-grid{grid-template-columns:1fr 1fr!important;}
.gyfj-channel-image,
.gyfj-channel-card:not(.gyfj-channel-card-large) .gyfj-channel-image{
  height:auto!important;
  aspect-ratio:16/9!important;
}
.gyfj-channel-image img{object-fit:cover!important;object-position:center!important;}
@media(max-width:980px){
  .gyfj-channel-grid{grid-template-columns:1fr!important;}
}
.gyfj-company-logo img{width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1);}


/* MINOR UPDATE: compact header social icons + slightly clearer job-row separation. */
.header-socials{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  margin-left:auto;
}
.header-social{
  width:29px;
  height:29px;
  display:inline-grid;
  place-items:center;
  border-radius:8px;
  border:1px solid rgba(139,180,235,.18);
  text-decoration:none!important;
  transition:transform .18s ease,filter .18s ease,border-color .18s ease;
}
.header-social img{
  width:15px;
  height:15px;
  filter:brightness(0) invert(1);
}
.header-social:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}
.header-social-youtube{background:#ff0033;border-color:#ff0033;}
.header-social-whatsapp{background:#16a34a;border-color:#16a34a;}
.header-social-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d 52%,#fcb045);border-color:transparent;}
.gyfj-career-openings{row-gap:9px!important;}
@media(max-width:980px){
  .header-socials{margin-left:auto;}
}
@media(max-width:700px){
  .header-social{width:27px;height:27px;border-radius:7px;}
  .header-social img{width:14px;height:14px;}
  .header-socials{gap:5px;}
}


/* HANUMANJI957 V7 — header branding/social presentation only */
.site-header .header-inner > .brand{
  flex:0 0 285px;
  width:285px;
}
.site-header .brand-default{
  width:285px;
  height:auto;
  max-width:285px;
}

.header-socials{
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-left:auto;
}
.header-social{
  width:32px;
  height:32px;
  min-width:32px;
  min-height:32px;
  border-radius:9px;
}
.header-social img{
  width:17px;
  height:17px;
  display:block;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.header-social-youtube{
  background:#ff0033;
  border-color:#ff0033;
}
.header-social-whatsapp{
  background:#16a34a;
  border-color:#16a34a;
}
.header-social-instagram{
  background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 52%,#fcb045 100%);
  border-color:transparent;
}

@media(max-width:980px){
  .site-header .header-inner > .brand{
    flex-basis:260px;
    width:260px;
  }
  .site-header .brand-default{
    width:260px;
    max-width:260px;
  }
  .header-socials{
    gap:6px;
  }
  .header-social{
    width:31px;
    height:31px;
    min-width:31px;
    min-height:31px;
  }
}
@media(max-width:700px){
  .site-header .header-inner > .brand{
    flex-basis:220px;
    width:220px;
  }
  .site-header .brand-default{
    width:220px;
    max-width:220px;
  }
  .header-socials{
    gap:5px;
  }
  .header-social{
    width:29px;
    height:29px;
    min-width:29px;
    min-height:29px;
    border-radius:8px;
  }
  .header-social img{
    width:15px;
    height:15px;
  }
}

/* FINAL HEADER SOCIAL FIX — keep all social icons on one horizontal row, including mobile/menu-open states. */
.site-header .header-inner > .header-socials{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  gap:7px!important;
  margin-left:auto!important;
}
.site-header .header-inner > .header-socials .header-social{
  display:inline-grid!important;
  flex:0 0 32px!important;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
}
@media(max-width:980px){
  .site-header .header-inner > .header-socials{
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    min-width:max-content!important;
    gap:6px!important;
  }
  .site-header .header-inner > .header-socials .header-social{
    flex:0 0 31px!important;
    width:31px!important;
    min-width:31px!important;
    height:31px!important;
    min-height:31px!important;
  }
}
@media(max-width:700px){
  .site-header .header-inner > .header-socials{
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
  }
  .site-header .header-inner > .header-socials .header-social{
    flex:0 0 29px!important;
    width:29px!important;
    min-width:29px!important;
    height:29px!important;
    min-height:29px!important;
  }
}

/* FINAL — HEADER SOCIALS MUST ALWAYS STAY HORIZONTAL */
.site-header .header-inner > .header-socials {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: max-content !important;
    height: auto !important;
    margin-left: auto !important;
}

.site-header .header-inner > .header-socials > .header-social {
    display: flex !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
}

.site-header .header-inner > .header-socials > .header-social img {
    width: 17px !important;
    height: 17px !important;
    display: block !important;
}

@media (max-width: 980px) {
    .site-header .header-inner > .header-socials {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        width: max-content !important;
        min-width: max-content !important;
    }

    .site-header .header-inner > .header-socials > .header-social {
        display: flex !important;
        flex: 0 0 31px !important;
        width: 31px !important;
        min-width: 31px !important;
        max-width: 31px !important;
        height: 31px !important;
        min-height: 31px !important;
    }
}

@media (max-width: 700px) {
    .site-header .header-inner > .header-socials {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
    }

    .site-header .header-inner > .header-socials > .header-social {
        flex: 0 0 29px !important;
        width: 29px !important;
        min-width: 29px !important;
        height: 29px !important;
        min-height: 29px !important;
    }
}
/* HEADER SOCIALS — FINAL HORIZONTAL POSITION */

.site-header .header-inner {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.site-header .header-socials {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    margin-left: 18px !important;
    margin-right: 0 !important;
}

.site-header .header-socials .header-social {
    display: flex !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
}

.site-header .header-socials .header-social img {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    object-fit: contain !important;
}

@media (max-width: 980px) {
    .site-header .header-socials {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: auto !important;
        min-width: max-content !important;
        margin-left: 10px !important;
        gap: 5px !important;
    }
}

@media (max-width: 700px) {
    .site-header .header-socials {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        margin-left: 7px !important;
        gap: 4px !important;
    }
}
/* MOBILE HEADER — KEEP SOCIAL ICONS BESIDE MENU */
@media (max-width: 980px) {

    .site-header .header-inner {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
    }

    /* Logo */
    .site-header .header-inner > .brand {
        order: 1 !important;
        flex: 0 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }

    /* Hide desktop navigation */
    .site-header .header-inner > .primary-nav {
        order: 2 !important;
    }

    /* Social icons immediately before menu */
    .site-header .header-inner > .header-socials {
        order: 3 !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;

        margin-left: auto !important;
        margin-right: 7px !important;

        gap: 5px !important;

        width: max-content !important;
        min-width: max-content !important;
    }

    .site-header .header-inner > .header-socials .header-social {
        flex: 0 0 30px !important;

        width: 30px !important;
        min-width: 30px !important;

        height: 30px !important;
        min-height: 30px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    .site-header .header-inner > .header-socials .header-social img {
        width: 16px !important;
        height: 16px !important;
        display: block !important;
    }

    /* Hamburger comes AFTER social icons */
    .site-header .header-inner > .menu-toggle {
        order: 4 !important;

        display: inline-grid !important;
        flex: 0 0 42px !important;

        width: 42px !important;
        min-width: 42px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin-left: 0 !important;
    }
}