.account-page{max-width:1200px;margin:auto;padding:55px 5% 100px;width:100%}.account-page h1{font-size:clamp(34px,5vw,64px);line-height:1.1;letter-spacing:-.05em;margin:12px 0 25px}.account-page h2{font-size:27px;line-height:1.2}.account-page h3{font-size:17px}.account-page p{line-height:1.7;color:var(--muted)}.account-page .account-auth{max-width:620px;margin:0 auto;padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 15px 60px #12265509}.account-page .account-auth h1{font-size:clamp(36px,5vw,52px);margin:10px 0 18px}.account-page .account-auth>.label{margin-bottom:12px}.account-page form{display:grid;gap:20px}.account-page label{display:grid;gap:8px;font-size:13px;font-weight:600}.account-page input,.account-page textarea,.account-page select{width:100%;padding:13px;border:1px solid #b9c2d0;border-radius:10px;background:#fff;color:var(--ink);font:inherit}.account-page .check{display:flex;align-items:center;gap:9px;font-weight:400;line-height:1.5}.account-page .check input{width:18px;height:18px;flex-shrink:0}.account-page fieldset{border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:12px}.account-page button:not(.pill){border:1px solid var(--line);border-radius:9px;padding:10px 14px;background:#fff;color:var(--ink)}.account-page button:hover{border-color:#adc5ff;color:#0057ff}.account-page button.pill:hover{color:#fff}.account-page button:disabled{opacity:.55;cursor:wait}.account-hint{font-size:12px!important}.account-top{display:flex;justify-content:space-between;align-items:start;gap:20px}.admin-tabs{height:auto;justify-content:flex-start;display:flex;flex-wrap:wrap;gap:10px;margin:25px 0;padding:0}.admin-tabs button[aria-pressed=true]{background:#0057ff;color:#fff}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0}.admin-table{overflow:auto;border:1px solid var(--line);border-radius:14px}.admin-table table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.admin-table th{background:#f2f4f8;padding:16px;white-space:nowrap}.admin-table td{padding:16px;border-top:1px solid var(--line);vertical-align:top;min-width:140px}.admin-table small{display:block;color:var(--muted);margin-top:5px}.admin-table td button{margin:0 7px 7px 0}.account-page .danger{color:#a92828}.account-editor{padding:30px;border:1px solid var(--line);border-radius:20px;background:#f5f6f8;margin-top:30px;scroll-margin-top:100px}.account-editor h2{margin-bottom:25px}.edit-actions{display:flex;gap:12px}.account-summary{display:grid;gap:10px;background:#122655;color:#fff;border-radius:20px;padding:30px}.account-summary strong{font-size:40px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.work-card{padding:28px;border:1px solid var(--line);border-radius:18px;overflow-wrap:anywhere}.work-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px}.work-card dd{text-align:right;margin:0}.work-card h3{margin-top:30px}.download-link{display:block;color:#0057ff;padding:10px 0;text-decoration:underline}.preserve{white-space:pre-wrap}.account-notice{padding:15px 0;min-height:45px;color:#174d32;font-size:14px}.account-notice.error{color:#a92828}.cms-cover{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:19px}.case-study>.cms-cover{aspect-ratio:2/1}.account-page a{color:#0057ff}.account-page .pill{color:#fff}.nav-account{flex-shrink:0;border:1px solid var(--line);border-radius:30px;padding:11px 16px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.nav-account:hover{background:#edf3ff;color:#0057ff;border-color:#adc5ff}
.account-page .account-auth{max-width:620px;padding:34px}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;margin:23px 0;border-radius:13px;background:#f2f4f8}.account-page .auth-tabs button{border:0;border-radius:9px;padding:11px 7px;background:transparent;color:var(--muted);font-size:12px}.account-page .auth-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 2px 8px #17191d12}.account-page .subtle-link,.account-page .text-button{border:0!important;background:transparent!important;color:var(--blue)!important;padding:2px 0!important;text-align:left;font-size:13px}.account-page .subtle-link:hover,.account-page .text-button:hover{text-decoration:underline}.account-page .auth-tabs+form{gap:15px}.account-page .auth-tabs+form .pill{margin-top:5px}.profile-details{display:grid;gap:7px;margin:15px 0;color:var(--muted);font-size:14px}.profile-details b{display:inline-block;min-width:76px;color:var(--ink)}.account-summary{background:linear-gradient(125deg,#111318,#18243d 70%,#0057ff);box-shadow:0 14px 35px #11131822}.account-summary strong{letter-spacing:-.04em}.work-card{display:flex;flex-direction:column;gap:14px;background:#fff;box-shadow:0 8px 26px #17191d08;transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #17191d10}.work-card.inactive{background:#f7f8fa}.work-card>.label{margin:0 0 -8px}.work-card h2{font-size:24px;margin:0}.work-card h3{margin:7px 0 -8px}.work-card p{margin:0}.service-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:7px}.service-mode,.payment-badge,.inactive-badge{display:inline-flex;align-items:center;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:700}.service-mode.single{background:#edf3ff;color:#31548f}.service-mode.monthly{background:#f1edff;color:#6842b7}.payment-badge.paid{background:#e4f7ec;color:#176f3b}.payment-badge.partial{background:#fff4d6;color:#8a5900}.payment-badge.overdue{background:#ffe8e8;color:#a12b2b}.inactive-badge{background:#eceef2;color:#5f6470}.work-card dl{grid-template-columns:1fr auto;gap:10px;margin:0;padding:16px 0;border-block:1px solid var(--line);color:var(--muted)}.work-card dt,.work-card dd{font-size:13px}.work-card dd{color:var(--ink)}.deliverables{list-style:none;padding:0;margin:0;display:grid;gap:9px}.deliverables li{position:relative;padding-left:24px;color:var(--muted);font-size:13px;line-height:1.5}.deliverables li:before{content:'✓';position:absolute;left:0;top:0;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e4f7ec;color:#176f3b;font-size:11px;font-weight:800}.download-list{display:grid;gap:8px}.account-page .download-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:600}.account-page .download-link:hover{border-color:#adc5ff;background:#f7f9ff;color:var(--blue)}.service-whatsapp{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:13px 15px;border:1px solid #b9c7ff;border-radius:30px;background:#f7f9ff;text-align:center;font-size:12px;font-weight:700}.service-whatsapp:hover{background:#0057ff;color:#fff!important}.profile-dialog{width:min(520px,calc(100% - 30px));border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 25px 90px #11131838}.profile-dialog::backdrop{background:#11131888;backdrop-filter:blur(3px)}.profile-dialog form{position:relative}.profile-dialog h2{margin:0 0 10px}.account-page .dialog-close{position:absolute;right:0;top:0;border:0;background:transparent;font-size:25px;padding:2px 8px}.file-editor{gap:16px!important}.file-row{display:grid;grid-template-columns:1fr 1.3fr auto;align-items:end;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.file-row .remove-file{white-space:nowrap}.file-editor .add-file{justify-self:start}.account-page .file-editor .account-hint{margin:0}.account-page .account-editor fieldset legend{font-weight:700;padding:0 8px}.account-page .account-editor form{gap:17px}.account-page .admin-tabs{height:auto}.account-page .admin-tabs button{font-size:12px}.account-page button.pill{background:#0057ff;border-color:#0057ff;color:#fff}.account-page button.pill:hover{background:#0046cc}.account-page .edit-actions{flex-wrap:wrap}@media(max-width:700px){.account-page .account-auth{padding:24px}.account-top,.admin-heading{flex-direction:column}.work-grid{grid-template-columns:1fr}.account-page{padding-top:30px}.account-editor{padding:20px}.file-row{grid-template-columns:1fr}.auth-tabs{gap:2px}.account-page .auth-tabs button{font-size:10px;padding:10px 4px}.nav-account{padding:9px 11px;font-size:11px}.account-summary{padding:24px}.profile-dialog{padding:24px}}

/* Updated client workspace, quotes, applications, and accessible admin forms */
.account-page{padding-top:58px;padding-bottom:110px}.account-page label{font-size:15px;line-height:1.5}.account-page p,.account-hint{font-size:15px!important;line-height:1.7}.account-page .account-auth{max-width:640px}.account-page .auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:5px;background:#f1f4f9;border-radius:13px}.account-page .auth-tabs button{font-size:14px;line-height:1.4;padding:12px}.account-page .auth-tabs button[aria-selected=true]{background:#fff;color:#0057ff;border-color:#c9d8ff;box-shadow:0 3px 12px #182b4d0d}.account-page .subtle-link{justify-self:start;border:0!important;color:#0057ff!important;padding:2px 0!important;text-decoration:underline;background:transparent!important}.profile-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px #142b4d08;margin:25px 0 35px}.profile-card .label{margin:0 0 12px}.profile-details{display:flex;gap:22px;flex-wrap:wrap;color:#364050;font-size:15px}.profile-details span{display:flex;align-items:center;gap:7px}.profile-details b{color:#202630}.profile-card .text-button{white-space:nowrap;color:#0057ff}.account-summary{background:#151b27;border:1px solid #27374f;border-radius:20px;padding:32px 36px;box-shadow:0 16px 40px #0b17311c}.account-summary>span{font-size:16px;color:#e7ebf3}.account-summary strong{font-size:clamp(38px,5vw,54px);letter-spacing:-.04em}.account-summary small{font-size:14px;color:#c2ccdc}.account-page .account-top{align-items:center}.client-tabs{height:auto;display:flex;justify-content:flex-start;gap:10px;margin:28px 0 20px;border-bottom:1px solid var(--line);padding-bottom:12px}.client-tabs button[aria-pressed=true]{background:#0057ff;color:white;border-color:#0057ff}.work-grid{gap:24px;margin-top:24px}.work-card,.quote-card,.job-card{border-radius:20px;background:#fff;box-shadow:0 12px 35px #1226550b;transition:transform .2s,box-shadow .2s}.work-card:hover,.quote-card:hover,.job-card:hover{box-shadow:0 18px 42px #12265515}.work-card{padding:28px}.work-card .label{margin:20px 0 8px}.service-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.service-mode,.payment-badge,.inactive-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:700}.service-mode.single{background:#edf3ff;color:#174aa2}.service-mode.monthly{background:#f0eaff;color:#5b36a8}.payment-badge.paid{background:#e4f6ed;color:#167044}.payment-badge.partial,.payment-badge.pending{background:#fff2cc;color:#8a5a00}.payment-badge.overdue{background:#ffe8e6;color:#a12d2a}.inactive-badge{background:#f0f1f3;color:#626872}.work-card dl,.quote-breakdown{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,1fr);gap:9px 14px;font-size:15px}.work-card dt,.quote-breakdown dt{color:#626872}.work-card dd,.quote-breakdown dd{margin:0;text-align:right;font-weight:600}.service-dates,.cycle-box{margin:20px 0}.cycle-box{background:#f4f6fb;border:1px solid #e3e8f1;border-radius:14px;padding:17px}.cycle-box>strong{display:block;margin-bottom:13px}.financial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.financial-grid div{display:grid;gap:5px}.financial-grid span{font-size:13px;color:#626872}.financial-grid strong{font-size:17px}.deliverables{list-style:none;padding:0;display:grid;gap:9px}.deliverables li{position:relative;padding-left:27px;font-size:15px;color:#364050}.deliverables li:before{content:'✓';position:absolute;left:0;top:0;color:#168357;font-weight:800}.download-list{display:grid;gap:4px}.download-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e0e6ef;border-radius:12px;text-decoration:none!important;background:#f8faff;font-size:14px;font-weight:600}.download-link:hover{background:#edf3ff;border-color:#b6ccff}.service-whatsapp{display:flex;justify-content:center;margin-top:22px;padding:14px;border-radius:12px;background:#0057ff;color:#fff!important;text-align:center;font-size:14px;font-weight:700}.quote-request,.quote-list{border:1px solid var(--line);border-radius:20px;padding:28px;margin:24px 0;background:#fff}.quote-request h2,.quote-list h2{margin:5px 0 18px}.rate-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-page .rate-option{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:14px}.rate-option input{width:18px;height:18px}.rate-option strong{font-size:13px}.rate-option small{grid-column:2/-1;color:#5b36a8;font-size:12px}.quote-live{display:grid;gap:5px;padding:18px;border-radius:14px;background:#151b27;color:white}.quote-live strong{font-size:28px}.quote-live small{color:#cbd5e3}.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.quote-card{padding:24px;border:1px solid var(--line)}.quote-card h3{margin:18px 0 8px;font-size:20px}.quote-disclaimer{padding:13px 15px;background:#fff9e8;border-left:3px solid #d29c20;border-radius:6px;font-size:13px!important;color:#665220!important}.quote-breakdown{padding:14px;background:#f7f8fb;border-radius:12px}.admin-table table{font-size:15px}.admin-table th{font-size:14px;color:#303847}.admin-table td{line-height:1.55}.admin-table td button{font-size:13px}.account-page .admin-tabs button{font-size:14px}.account-page .account-editor{background:#f8f9fc;padding:30px}.account-page .account-editor form{max-width:850px}.account-page .account-editor fieldset{background:white}.account-page .file-row{grid-template-columns:1fr 1.3fr auto}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0 60px}.case-gallery-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.case-section{padding:32px 0}.jobs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.job-card{padding:28px;border:1px solid var(--line)}.job-card>.label{margin:0 0 12px}.job-card h2{font-size:30px;margin-bottom:8px}.job-card h3{font-size:16px;margin:18px 0 7px}.job-salary{font-size:18px;font-weight:700;color:#0057ff!important}.job-detail p{font-size:15px}.apply-button{margin-top:18px}.application-dialog{max-height:90vh;overflow:auto;border-radius:20px;padding:30px}.application-dialog form{position:relative}.application-dialog h2{font-size:32px;margin:8px 38px 8px 0}.application-dialog .dialog-close{position:absolute;right:0;top:0}.application-dialog .application-status{min-height:22px;font-size:14px}.application-dialog .application-status.error{color:#a92828}.application-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:700px){.profile-card{align-items:flex-start;flex-direction:column;padding:20px;margin:20px 0 28px}.profile-details{display:grid;gap:10px}.work-grid,.quote-grid,.jobs-grid,.case-gallery{grid-template-columns:1fr}.rate-options{grid-template-columns:1fr}.financial-grid{grid-template-columns:1fr}.financial-grid div{grid-template-columns:1fr 1fr;align-items:center}.financial-grid strong{text-align:right}.client-tabs{overflow:auto}.client-tabs button{white-space:nowrap}.work-card,.quote-request,.quote-list,.job-card{padding:20px}.account-page .file-row{grid-template-columns:1fr}.account-page .account-editor{padding:20px}.account-summary{padding:25px}.application-dialog{padding:22px}}

/* Responsive navigation, team, detailed services, public quotes and opportunity cards. */
.nav-auth{display:flex;align-items:center;gap:12px;margin-left:4px}.navlinks .nav-account{white-space:nowrap;border-color:#c9d3e2;background:#fff}.navlinks .nav-signout{border:1px solid #dce2eb;border-radius:999px;padding:10px 15px;white-space:nowrap}.navlinks .nav-signout[hidden]{display:none}
.menutoggle{display:inline-flex;align-items:center;gap:9px}.menu-icon{width:17px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.menu-icon i{display:block;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}.menutoggle.is-open .menu-icon i:first-child{transform:translateY(6px) rotate(45deg)}.menutoggle.is-open .menu-icon i:nth-child(2){opacity:0}.menutoggle.is-open .menu-icon i:last-child{transform:translateY(-6px) rotate(-45deg)}
.brief .check,.public-quote .check,.collaboration .check{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400;line-height:1.6}.brief .check input,.public-quote .check input,.collaboration .check input{width:18px;min-width:18px;height:18px;margin-top:2px}.brief .check a,.public-quote .check a,.collaboration .check a{color:#0057ff;text-decoration:underline}.brief .application-trap,.public-quote .application-trap,.collaboration .application-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.brief .note.error,.public-quote-status.error,.collaboration-status.error{color:#ad2828!important}
.portfolio-filters{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.portfolio-filter{flex:0 0 auto;scroll-snap-align:start}
.jobs-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.job-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.job-cover{display:block;width:100%;height:220px;object-fit:cover;background:#e8edf5}.job-cover-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:radial-gradient(circle at 70% 30%,#3d6dff,#151b27 72%);color:white}.job-cover-placeholder span:first-child{font-size:60px;letter-spacing:-.1em;font-weight:800}.job-cover-placeholder span:last-child{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.job-card-content{padding:24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.job-card-content .label{margin:0 0 12px}.job-card-content h2{font-size:25px;margin:0 0 9px}.job-salary{margin:0 0 16px!important}.job-salary span{font-size:13px;font-weight:500;color:#626872}.job-view{margin-top:auto}.job-dialog{position:relative;width:min(660px,calc(100% - 28px));max-height:min(90vh,900px);overflow:auto;border-radius:22px;padding:32px}.job-dialog .dialog-close,.team-dialog .dialog-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:24px;z-index:1}.job-dialog h2{font-size:clamp(29px,5vw,42px);line-height:1.1;margin:8px 36px 18px 0}.job-detail-cover{width:100%;max-height:300px;object-fit:cover;border-radius:15px;margin-bottom:20px}.job-dialog .job-detail{border-top:1px solid var(--line);padding:5px 0}.job-dialog .apply-button{margin-top:18px}
.collaboration{padding-top:15px!important}.collaboration-card{border:1px solid var(--line);border-radius:24px;padding:clamp(24px,5vw,48px);background:linear-gradient(145deg,#f5f7fb,#fff)}.collaboration-card h2{font-size:clamp(30px,4vw,46px);margin:4px 0 12px;letter-spacing:-.045em}.collaboration-card>p{max-width:650px}.collaboration-card form{max-width:720px;display:grid;gap:17px}.collaboration-card form label{display:grid;gap:7px;font-weight:600}.collaboration-card input{width:100%;padding:13px;border:1px solid #cbd3df;border-radius:10px;background:white}.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-two label{display:grid;gap:7px}.collaboration-status,.public-quote-status{min-height:24px;margin:0;color:#174d32}
.team-section .sectionhead{margin-bottom:28px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.team-card{padding:0 0 20px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px #1226550a;cursor:pointer;transition:transform .2s,box-shadow .2s}.team-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #12265516}.team-card img,.team-avatar{display:grid;place-items:center;width:100%;height:270px;object-fit:cover;background:linear-gradient(140deg,#e8eef8,#c9d7f4);color:#0057ff;font-size:62px;font-weight:800}.team-card .team-name{font-size:22px;font-weight:700;margin:18px 20px 2px;color:var(--ink)}.team-role,.team-more{margin:0 20px;color:var(--muted);font-size:14px}.team-more{margin-top:14px;color:#0057ff;font-weight:600}.team-empty{padding:20px 0;color:var(--muted)}.team-dialog{position:relative;width:min(580px,calc(100% - 30px));max-height:90vh;overflow:auto;padding:32px;border:1px solid var(--line);border-radius:22px}.team-dialog-photo{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:16px;margin:5px 0 24px}.team-dialog h2{font-size:36px;line-height:1.15;margin:4px 45px 15px 0}.team-dialog .team-socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.team-socials a{padding:10px 14px;border-radius:999px;border:1px solid var(--line);color:#0057ff}
.service-detail-toggle{justify-self:start;margin-top:4px;border:1px solid #9bb8ff;border-radius:999px;background:transparent;color:#a9c5ff;padding:10px 16px;font-weight:600}.service-detail-toggle:hover{background:#0057ff;color:#fff}.service-more{grid-column:2/-1;border-left:2px solid #0057ff;padding:12px 0 8px 18px;color:#d7deeb}.service-more h3{font-size:17px;margin:0 0 5px}.service-more p{font-size:14px!important;color:#c7ccd6!important;margin:0}.service-process{padding-top:75px;padding-bottom:65px}.service-process h2{font-size:clamp(32px,5vw,52px);letter-spacing:-.05em;max-width:700px}.service-timeline{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:steps}.service-timeline li{min-height:150px;padding:20px;border:1px solid var(--line);border-radius:17px;background:white;display:flex;flex-direction:column;gap:12px}.service-timeline b{font-size:15px;color:#0057ff}.service-timeline span{font-size:14px;color:var(--muted);line-height:1.6}
.public-quote{padding:clamp(20px,4vw,36px);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 35px #1226550b}.public-quote h2{font-size:clamp(30px,4vw,43px);margin:0 0 9px}.public-quote>p{max-width:760px}.public-quote form{max-width:850px;display:grid;gap:18px}.public-quote form label{display:grid;gap:8px;font-weight:600}.public-quote input:not([type=checkbox]),.public-quote select,.public-quote textarea{width:100%;padding:13px;border:1px solid #cbd3df;border-radius:10px;background:#fff;color:var(--ink)}.public-quote fieldset{border:1px solid var(--line);border-radius:14px;padding:18px}.public-quote legend{padding:0 8px;font-weight:700}.public-rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-rate{display:grid!important;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;font-size:14px!important}.public-rate input{width:18px;height:18px}.public-rate small{grid-column:2/-1;color:#5b36a8}.public-quote-live{display:grid;gap:4px;padding:18px;border-radius:14px;background:#151b27;color:white}.public-quote-live strong{font-size:28px}.public-quote-live small{color:#cbd5e3}.formal-quote{margin:24px 0;padding:24px;border:1px solid #b9c7df;border-top:4px solid #0057ff;border-radius:16px;background:#fff;box-shadow:0 12px 35px #12265510}.formal-quote-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.formal-quote h3{font-size:24px;margin:15px 0 8px}.formal-quote h4{margin-bottom:6px}.formal-quote dl{display:grid;grid-template-columns:1fr auto;gap:9px 14px;padding:16px;background:#f5f7fb;border-radius:12px}.formal-quote dd{margin:0;text-align:right;font-weight:600}.formal-quote dd strong{color:#0057ff;font-size:21px}.formal-quote .quote-disclaimer{line-height:1.6}
.admin-table{max-width:100%}.admin-table td{overflow-wrap:anywhere}.account-page .admin-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px;scrollbar-width:thin}.account-page .admin-tabs button{flex:0 0 auto;white-space:nowrap}.account-page .admin-heading{align-items:center}.account-page .admin-heading h2{overflow-wrap:anywhere}
.inquiry-filters{display:flex;gap:9px;overflow:auto;margin:0 0 16px;padding-bottom:8px}.inquiry-filters button{flex:0 0 auto;white-space:nowrap}.account-page .inquiry-filters button[aria-pressed=true]{background:#0057ff;border-color:#0057ff;color:#fff}
@media(max-width:1000px){.service-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jobs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-auth{margin:12px 0 0;justify-content:flex-start}.navlinks.open .nav-auth{padding-top:14px;border-top:1px solid var(--line)}.navlinks.open .nav-auth .nav-account{align-self:center}.navlinks.open .nav-auth .nav-signout{align-self:center}}
@media(max-width:650px){.service-timeline,.team-grid,.jobs-grid,.public-rates,.form-two{grid-template-columns:1fr}.service-timeline li{min-height:unset}.service-detail-toggle{grid-column:2/-1}.service-more{grid-column:2/-1}.team-card img,.team-avatar{height:240px}.job-cover{height:195px}.job-dialog,.team-dialog{padding:22px}.formal-quote{padding:18px}.formal-quote-head{align-items:flex-start;flex-direction:column}.public-quote{padding:20px}.nav-auth{gap:10px}.navlinks.open .nav-auth{align-items:center}.portfolio-filters{gap:10px;padding-bottom:20px}.portfolio-filter{font-size:13px;padding:11px 16px}.account-page .admin-heading{align-items:stretch}}

/* Structured job listings and complete candidate records. */
.account-page .admin-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:5px 0 12px}
.account-page .admin-tabs::-webkit-scrollbar{display:none}
.account-page .admin-tabs button{flex:0 0 auto;white-space:nowrap;line-height:1.35}
.account-page .field-help{display:block;margin:-9px 0 8px;color:#626872;font-size:13px;line-height:1.55}
.account-page .submission-message{display:block;max-width:560px;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere;color:#394354;font-size:14px;line-height:1.55}
.jobs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.job-card{min-width:0;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 30px #1226550a;transition:transform .2s,box-shadow .2s}
.job-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #12265515}
.job-cover{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;object-position:center;background:#e8edf5}
.job-card-content{gap:10px;padding:22px;align-items:flex-start}
.job-modality{display:inline-flex;align-items:center;max-width:100%;padding:7px 11px;border-radius:999px;background:#edf3ff;color:#174aa2;font-size:13px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.job-area{color:#626872;font-size:13px;font-weight:600;letter-spacing:.02em}
.job-card-content h2{font-size:clamp(20px,2vw,25px);line-height:1.2;overflow-wrap:anywhere}
.job-view{margin-top:auto;min-height:46px}
.job-dialog{width:min(820px,calc(100vw - 32px));max-width:820px;max-height:min(88dvh,960px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #dce2eb;border-radius:24px;padding:clamp(24px,4vw,42px);scrollbar-gutter:stable}
.job-dialog::backdrop{background:#101725a6;backdrop-filter:blur(5px)}
.job-dialog .dialog-close{position:sticky;top:0;z-index:3;float:right;width:46px;height:46px;min-width:46px;min-height:46px;margin:0 -8px 0 auto;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:28px;line-height:1;box-shadow:0 4px 14px #11131812}
.job-detail-cover{display:block;width:100%;aspect-ratio:16/8;max-height:360px;object-fit:cover;object-position:center;border-radius:18px;margin:0 0 22px}
.job-dialog h2{clear:both;margin:16px 0 8px;font-size:clamp(30px,5vw,48px);line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere}
.job-dialog .job-detail{padding:22px 0;border-top:1px solid var(--line)}
.job-dialog .job-detail h3,.job-application h3{margin:0 0 12px;font-size:20px;line-height:1.3}
.job-dialog .job-detail p{margin:0;color:#394354;line-height:1.75}
.job-requirements{margin:0;padding-left:22px;display:grid;gap:8px;color:#394354;line-height:1.65}
.job-application{margin-top:14px;padding:clamp(20px,3vw,30px);border:1px solid #dce5f6;border-radius:18px;background:#f7f9fd}
.job-application>p{margin:0 0 18px;color:#626872}
.job-apply-form{display:grid;grid-template-columns:1fr;gap:16px}
.job-apply-form .form-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.job-apply-form label,.collaboration-card form>label:not(.check):not(.application-trap){display:grid;gap:7px;font-weight:600;line-height:1.45}
.job-apply-form input:not([type=checkbox]),.job-apply-form textarea,.collaboration-card input:not([type=checkbox]),.collaboration-card textarea{width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid #cbd3df;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:16px}
.job-apply-form textarea,.collaboration-card textarea{min-height:120px;resize:vertical}
.job-apply-form .check,.collaboration-card .check{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400;line-height:1.6}
.job-apply-form .check input,.collaboration-card .check input{width:18px;min-width:18px;height:18px;margin-top:2px}
.job-apply-form .application-trap,.collaboration-card .application-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.collaboration-card{width:100%}
.collaboration-card form{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.collaboration-card form .form-two,.collaboration-card form .collaboration-wide,.collaboration-card form .check,.collaboration-card form .collaboration-status,.collaboration-card form .application-trap{grid-column:1/-1}
.collaboration-card form .form-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.collaboration-card form .check,.collaboration-card form .application-trap{grid-column:1/-1}
.collaboration-card form .pill{justify-self:start;min-width:180px;min-height:46px}
@media(max-width:1000px){.jobs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1001px){.account-page .admin-tabs{flex-wrap:wrap;overflow:visible;padding-bottom:12px}.account-page .admin-tabs button{flex:0 1 auto;white-space:normal}}
@media(max-width:700px){.jobs-grid{grid-template-columns:minmax(0,1fr)}.job-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:90dvh;padding:22px 18px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;border-bottom:0}.job-dialog .dialog-close{margin-right:0}.job-detail-cover{aspect-ratio:16/10}.job-apply-form .form-two,.collaboration-card form,.collaboration-card form .form-two{grid-template-columns:minmax(0,1fr)}.collaboration-card form .form-two,.collaboration-card form .collaboration-wide,.collaboration-card form .check,.collaboration-card form .collaboration-status{grid-column:1}.collaboration-card{padding:22px 18px}.job-application{padding:18px}}
.menutoggle{display:none}@media(max-width:1000px){.menutoggle{display:inline-flex}}

/* Responsive meetings, email history, native modals and global feedback. */
.toast-region{position:fixed;z-index:10000;top:18px;right:18px;display:grid;gap:10px;width:min(420px,calc(100vw - 28px));pointer-events:none}.cms-toast{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:10px;padding:14px 15px;border:1px solid #dce2eb;border-radius:15px;background:#fff;color:#17191d;box-shadow:0 15px 45px #11131824;pointer-events:auto;animation:toast-in .2s ease-out}.cms-toast.is-closing{opacity:0;transform:translateY(-5px);transition:opacity .2s,transform .2s}.toast-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-weight:800;background:#e8efff;color:#0057ff}.cms-toast.success .toast-icon{background:#e4f7ec;color:#176f3b}.cms-toast.error .toast-icon{background:#ffe8e8;color:#a12b2b}.toast-message{font-size:14px;line-height:1.45}.toast-close{border:0;background:transparent;color:#667080;font-size:22px;line-height:1;padding:3px;cursor:pointer}.toast-close:hover{color:#17191d}@keyframes toast-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
dialog{color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:0 24px 80px #11131838}dialog::backdrop{background:#10141d78;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .18s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.cms-confirm-dialog{position:relative;width:min(460px,calc(100% - 28px));max-height:88vh;overflow:auto;border-radius:20px;padding:28px}.cms-confirm-dialog form{display:grid;gap:18px}.cms-confirm-dialog .dialog-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:24px}.cms-confirm-dialog .confirm-message{white-space:pre-wrap;line-height:1.6;color:var(--muted)}.cms-confirm-dialog .edit-actions{justify-content:flex-end;flex-wrap:wrap}
.account-notice{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-page .profile-card{margin-bottom:38px}.account-page .account-summary{margin-bottom:25px}.account-page button,.account-page .pill{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.account-page button:active,.account-page .pill:active{transform:translateY(1px)}.account-page button:focus-visible,.account-page a:focus-visible{outline:3px solid #0057ff;outline-offset:3px}.admin-special{display:grid;gap:22px}.meeting-admin-section,.meeting-section,.meeting-list,.comms-panel,.comms-history{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 28px #12265508}.meeting-admin-section h3,.comms-panel h3,.comms-history h3{font-size:23px;margin:6px 0 10px}.meeting-admin-section>p,.meeting-intro p{max-width:760px}.availability-grid{display:grid;gap:10px;margin:20px 0}.availability-row{display:grid;grid-template-columns:minmax(125px,1.2fr) repeat(3,minmax(110px,1fr));align-items:end;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fafbfc}.availability-row label{font-size:12px}.availability-row .availability-day{display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px}.availability-day input{width:18px;height:18px}.meeting-admin-list,.meeting-grid{display:grid;gap:14px}.meeting-admin-card,.meeting-card{display:grid;gap:14px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.meeting-card-head,.comms-history-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.meeting-card-head h3{margin:7px 0}.meeting-admin-card p,.meeting-card p{margin:0}.meeting-admin-actions{display:flex;flex-wrap:wrap;gap:8px}.meeting-status,.notification-result{display:inline-flex;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:#fff4d6;color:#8a5900;font-size:12px;font-weight:700}.meeting-status.confirmed,.notification-result.sent{background:#e4f7ec;color:#176f3b}.meeting-status.rescheduled{background:#edf3ff;color:#31548f}.meeting-status.cancelled,.notification-result.failed{background:#ffe8e8;color:#a12b2b}.meeting-request-form{max-width:760px;margin-top:18px}.meeting-list{margin-top:24px}.meeting-list h2{font-size:29px;margin:0 0 18px}.meeting-card time{font-weight:700}.meeting-empty{padding:15px;border:1px dashed var(--line);border-radius:12px}.comms-panel form{max-width:760px}.comms-warning,.comms-ready{padding:14px 16px;border-radius:12px;font-size:14px!important}.comms-warning{color:#8a4700!important;background:#fff4d6}.comms-ready{color:#176f3b!important;background:#e4f7ec}.comms-history-head{align-items:end;margin-bottom:16px}.comms-history-head h3{margin-bottom:0}.comms-history-head>label{min-width:min(310px,100%)}.comms-history .admin-table{margin-top:12px}.admin-table[hidden],#editor[hidden]{display:none!important}.notification-result{white-space:normal}
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-card{min-width:0}.portfolio-card .project-art{min-width:0}.portfolio-filter:focus-visible{outline:3px solid #0057ff;outline-offset:3px}
@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.availability-row{grid-template-columns:1fr 1fr}.availability-row .availability-day{grid-column:1/-1}.meeting-admin-section,.meeting-section,.meeting-list,.comms-panel,.comms-history{padding:18px}.meeting-card-head,.comms-history-head{flex-direction:column;align-items:stretch}.meeting-admin-card{padding:16px}.meeting-admin-actions>*{flex:1 1 130px}.comms-history-head>label{width:100%}}
@media(max-width:650px){.portfolio-grid{grid-template-columns:1fr}.portfolio-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:11px;padding:5px 4px 18px}.portfolio-filters::-webkit-scrollbar{display:none}.portfolio-filter{flex:0 0 auto;scroll-snap-align:start}.toast-region{top:auto;right:12px;bottom:14px;width:calc(100vw - 24px)}.cms-toast{padding:12px}.cms-confirm-dialog{padding:23px}.account-page{padding:36px 5% 70px}.account-page .profile-card{margin-bottom:28px}.account-page .work-grid{grid-template-columns:1fr}.meeting-admin-actions{display:grid;grid-template-columns:1fr 1fr}.meeting-admin-actions .pill{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.cms-toast,dialog[open]{animation:none!important;scroll-behavior:auto!important;transition:none!important}}/* Common dialog bounds keep every interactive panel usable on short screens. */
dialog:not(.cms-confirm-dialog){max-width:calc(100vw - 28px);max-height:min(90dvh,900px);overflow:auto;border-radius:22px}dialog .dialog-close{cursor:pointer;touch-action:manipulation}.brief #brief-status,.application-status,.collaboration-status,.public-quote-status{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 2026-10-18 responsive audit: editorial layout, app navigation and touch targets. */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:320px}
img,picture,video,canvas,iframe,svg{max-width:100%}
main,section,article,header,footer,nav,form,fieldset,.wrap,.account-page,.admin-special,.admin-table{min-width:0}
.wrap{width:100%;max-width:1280px;padding-inline:clamp(24px,3vw,40px)}
body h3{font-size:clamp(1.15rem,1.75vw,1.6rem);line-height:1.2}
table{max-width:100%}
button,[role=button],.pill{min-width:44px;min-height:44px;text-align:center;line-height:1.3;touch-action:manipulation}
button:not(.filter):not(.portfolio-filter):not(.nav-account):not(.toast-close),[role=button],.pill{overflow-wrap:anywhere}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0057ff;outline-offset:3px}
button,.pill{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button:active,.pill:active{transform:translateY(1px)}
.nav-auth{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.nav-signout{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);padding:9px 15px;font-size:12px;font-weight:700}
.nav-signout:hover{background:#f1f4f9;border-color:#b9c7df;color:var(--ink)}
.nav-signout[hidden]{display:none!important}
.nav-account{display:inline-flex;align-items:center;justify-content:center;max-width:240px;min-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.projects,.portfolio-grid,.jobs-grid,.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
.portfolio-card,.project,.job-card,.team-card,.work-card,.quote-card{min-width:0;max-width:100%}
.project-art,.job-cover{aspect-ratio:16/10;height:auto;max-width:100%;object-fit:cover}
.project-art{aspect-ratio:4/3}
.project-meta,.job-card-content,.portfolio-meta{min-width:0;overflow-wrap:anywhere}
.job-cover{width:100%;min-height:0}
.admin-table{max-width:100%;min-width:0}
.admin-table td,.admin-table th,.admin-table a{overflow-wrap:anywhere;word-break:break-word}
.account-page .admin-tabs,.account-page .client-tabs{min-width:0}
.account-page .admin-tabs button,.account-page .client-tabs button{min-height:44px}
form :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){display:block;width:100%;max-width:100%;min-height:48px;padding:12px 14px;border:1px solid #b9c2d0;border-radius:11px;background:#fff;color:var(--ink);font-size:16px;line-height:1.4}
form textarea{min-height:120px;resize:vertical}
form :where(input[type=checkbox],input[type=radio]){min-width:18px;min-height:18px;accent-color:#0057ff}
dialog{max-width:min(800px,calc(100vw - 48px));max-height:88vh;max-height:88dvh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-behavior:smooth;border-radius:24px}
dialog:not(.cms-confirm-dialog){width:min(760px,calc(100vw - 48px))}
dialog .dialog-close,.account-page .dialog-close,.job-dialog .dialog-close,.team-dialog .dialog-close,.application-dialog .dialog-close{position:sticky;top:0;z-index:5;display:grid;place-items:center;float:right;width:46px;height:46px;min-width:46px;min-height:46px;margin:0 0 6px auto;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:27px;line-height:1;box-shadow:0 4px 14px #11131812}
dialog .dialog-close:hover{background:#f4f7fc;color:#0057ff}
.cms-confirm-dialog{max-width:min(460px,calc(100vw - 48px));max-height:88dvh;overflow:auto}
.toast-region{right:max(16px,env(safe-area-inset-right));width:min(440px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
.cms-toast{min-width:0;overflow-wrap:anywhere}

@media(min-width:768px) and (max-width:1024px){
  .wrap{padding-inline:clamp(24px,3vw,32px)}
  .projects,.portfolio-grid,.jobs-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .work-grid,.quote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1024px){
  header{position:sticky;top:0;z-index:100;background:#fffffff0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  header nav.wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;height:auto;min-height:68px;padding-block:7px}
  header nav>.logo{grid-column:1;grid-row:1;justify-self:start;min-width:0}
  header nav>.menutoggle{display:inline-flex;grid-column:2;grid-row:1;justify-self:end;align-self:center;min-width:76px;min-height:44px;margin:0;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;white-space:nowrap}
  .navlinks{display:none;position:absolute;z-index:8;top:100%;left:0;right:0;max-height:min(72dvh,560px);overflow-y:auto;overscroll-behavior:contain;padding:12px clamp(24px,3vw,32px) 18px;background:#fff;box-shadow:0 18px 36px #10182820;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px}
  .navlinks a,.navlinks a:nth-child(-n+2){display:flex;align-items:center;min-height:48px;padding:12px 4px;border-bottom:1px solid #e9edf3}
  .navlinks a:last-child{border-bottom:0}
  .navlinks.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .whatsapp-contact{right:16px;bottom:calc(84px + env(safe-area-inset-bottom))!important;z-index:70}
  .cookie-panel{bottom:calc(84px + env(safe-area-inset-bottom))}
  .toast-region{top:calc(78px + env(safe-area-inset-top));right:12px;left:12px;width:min(480px,calc(100vw - 24px));margin-inline:auto}
  dialog h2:first-of-type{position:sticky;top:46px;z-index:4;padding:10px 2px;background:#fff;box-shadow:0 8px 14px #ffffffd9}
  .account-page{width:100%;max-width:1280px;padding:clamp(32px,5vw,52px) clamp(24px,3vw,32px) 46px}
  .account-page .admin-tabs,.account-page .client-tabs{display:flex;flex-wrap:nowrap;gap:9px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 2px 13px}
  .account-page .admin-tabs::-webkit-scrollbar,.account-page .client-tabs::-webkit-scrollbar{display:none}
  .account-page .admin-tabs button,.account-page .client-tabs button{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}
}
@media(max-width:767px){
  html{scroll-padding-top:76px}
  .wrap{padding-inline:clamp(16px,5vw,20px)}
  body{font-size:16px;line-height:1.55}
  :where(p,li,a,span,td,th,label,summary,h1,h2,h3,small){max-width:100%;overflow-wrap:anywhere;word-break:break-word}
  h1{font-size:clamp(2.25rem,10vw,4rem);line-height:1.02;letter-spacing:-.055em}
  h2{font-size:clamp(1.65rem,7vw,2.65rem);line-height:1.1}
  h3{font-size:clamp(1.15rem,5.3vw,1.65rem);line-height:1.2}
  .pagecontent h1{font-size:clamp(2.25rem,9vw,3.5rem);line-height:1.04}
  .account-page{padding:28px 16px 38px}
  .section,.pagecontent .section{padding-block:clamp(46px,12vw,72px)}
  .sectionhead{display:grid;gap:16px;margin-bottom:28px}
  .projects,.portfolio-grid,.jobs-grid,.team-grid,.work-grid,.quote-grid,.case-gallery{grid-template-columns:minmax(0,1fr);gap:20px}
  .portfolio-filters,.filters{display:flex;flex-wrap:nowrap;gap:10px;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 14px}
  .portfolio-filters::-webkit-scrollbar,.filters::-webkit-scrollbar{display:none}
  .portfolio-filter,.filter{flex:0 0 auto;min-height:44px;scroll-snap-align:start;white-space:nowrap}
  .project-art{aspect-ratio:4/3;min-height:0;padding:22px}
  .job-cover{aspect-ratio:16/10;height:auto}
  .admin-heading,.account-top,.meeting-card-head,.comms-history-head{align-items:stretch;flex-direction:column;gap:12px}
  .account-page .account-auth,.account-page .account-editor,.meeting-admin-section,.meeting-section,.meeting-list,.comms-panel,.comms-history{padding:18px;border-radius:18px}
  .account-page .admin-heading{margin:22px 0;}
  .account-page .admin-heading>.pill,.account-page .account-top>button{align-self:flex-start;max-width:100%}
  .account-page form,.comms-panel form,.meeting-request-form{width:100%;max-width:100%}
  .account-page .edit-actions,.meeting-admin-actions{display:flex;flex-wrap:wrap;gap:9px}
  .account-page .edit-actions>*{flex:1 1 145px}
  .admin-table{overflow:visible;border:0;border-radius:0}
  .admin-table table,.admin-table tbody{display:block;width:100%}
  .admin-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .admin-table tbody{display:grid;gap:12px}
  .admin-table tr{display:grid;min-width:0;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 22px #12265508;overflow:hidden}
  .admin-table td{display:grid;grid-template-columns:minmax(92px,30%) minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:12px 14px;border-top:1px solid #edf0f4;overflow-wrap:anywhere}
  .admin-table td:first-child{border-top:0}
  .admin-table td::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}
  .admin-table td[colspan]::before{content:none}
  .admin-table td[colspan]{display:block}
  .admin-table td:last-child{display:flex;flex-wrap:wrap;gap:8px}
  .admin-table td:last-child::before{flex:0 0 100%;content:attr(data-label)}
  .admin-table td button{flex:1 1 132px;max-width:100%;margin:0;white-space:normal}
  .availability-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .availability-row .availability-day{grid-column:1/-1}
  .meeting-admin-actions>*{flex:1 1 132px}
  dialog,.cms-confirm-dialog,dialog:not(.cms-confirm-dialog),dialog[open]{position:fixed;inset:auto 0 0;width:min(800px,100vw);max-width:100vw;max-height:90dvh;margin:0 auto;overflow-y:auto;overscroll-behavior:contain;padding:22px 18px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;border-bottom:0;box-shadow:0 -14px 55px #11131828;animation:sheet-in .22s cubic-bezier(.2,.8,.2,1)}
  dialog .dialog-close{top:0;min-width:48px;min-height:48px;width:48px;height:48px}
  .profile-dialog,.job-dialog,.team-dialog,.application-dialog{width:min(800px,100vw);max-width:100vw;padding:22px 18px calc(20px + env(safe-area-inset-bottom))}
  .toast-region{top:calc(76px + env(safe-area-inset-top));right:12px;left:12px;width:auto;max-width:480px}
  .cms-toast{grid-template-columns:26px minmax(0,1fr) 36px;gap:8px}
  .toast-close{min-width:40px;min-height:40px}
  .cookie-panel{left:12px;right:12px;width:auto;max-width:calc(100vw - 24px);padding:18px;bottom:calc(82px + env(safe-area-inset-bottom))}
  .whatsapp-contact{right:12px;max-width:calc(100vw - 24px);padding:12px 15px;font-size:12px}
}
@media(max-width:360px){
  header nav.wrap{grid-template-columns:minmax(0,1fr) auto auto;gap:5px;padding-inline:14px}
  header nav>.logo{font-size:24px}
  header nav>.nav-auth .nav-account{max-width:76px;padding-inline:7px;font-size:10px}
  header nav>.nav-auth .nav-signout{padding-inline:7px;font-size:10px}
  header nav>.menutoggle{padding-inline:8px}
}
@keyframes sheet-in{from{transform:translateY(16px);opacity:.7}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.navlinks,dialog[open]{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Dynamic editorial details, live search and the glass navigation treatment. */
.portfolio-card[hidden],.job-card[hidden],[hidden]{display:none!important}
.explore-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
.explore-search{display:flex;align-items:center;gap:11px;width:min(560px,100%);min-height:50px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);box-shadow:0 8px 22px #11131808}
.explore-search>span{font-size:26px;line-height:1;color:#0057ff}
.explore-search input{width:100%;min-width:0;min-height:46px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:8px 0!important}
.portfolio-count,.job-count{margin:0;color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}
.portfolio-card-category{display:inline-block;margin:0 0 8px;color:#0057ff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.portfolio-card .card-arrow{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 15px;border:1px solid var(--line);border-radius:999px;font-size:12px;white-space:nowrap}
.portfolio-card:hover .card-arrow{background:#0057ff;border-color:#0057ff;color:#fff}
.job-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit}
.job-card .job-cover{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;object-position:center}
.job-card .job-card-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:10px;padding:20px}
.job-card .job-card-content h2{margin:0;font-size:clamp(21px,2vw,28px);line-height:1.12}
.job-card-area{margin:0;color:var(--muted);font-size:13px}
.job-card .job-modality{margin:0}
.job-card .job-area{display:block;margin:0;font-size:12px}
.job-card .job-view{margin-top:auto;min-height:44px;padding:10px 18px}
.job-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}
.back-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 24px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#0057ff;font-size:13px;font-weight:700}
.back-link:hover{background:#edf3ff;border-color:#adc5ff}
.job-page-content{max-width:none}
.job-detail-page{width:100%;max-width:none;margin:0 auto;padding-inline:0}
.job-detail-cover{display:block;width:100%;max-height:560px;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:24px;margin:0 0 28px;background:#f3f5f8}
.job-detail-head{padding:0 0 24px;border-bottom:1px solid var(--line)}
.job-detail-head .job-modality,.job-detail-head .job-area{display:inline-flex;width:max-content;max-width:100%;margin:0 8px 10px 0;padding:7px 11px;border-radius:999px;background:#edf3ff;color:#174494;font-size:12px;font-weight:700}
.job-location{margin:5px 0 12px;color:var(--muted);font-size:14px}
.job-detail-head h1{margin:0 0 12px;font-size:clamp(38px,7vw,74px);line-height:1.02;letter-spacing:-.06em}
.job-detail{padding:25px 0;border-bottom:1px solid var(--line)}
.job-detail>.label{margin:0 0 8px;color:#5c6574;font-size:11px}
.job-detail h2,.custom-content-block h2{margin:0 0 13px;font-size:clamp(24px,3.3vw,36px);line-height:1.12}
.job-detail p,.custom-content-block p{margin:0;color:#434b57;line-height:1.75}
.job-requirements{display:grid;gap:10px;margin:0;padding-left:22px;color:#434b57;line-height:1.65}
.custom-content-block{padding:26px 0;border-bottom:1px solid var(--line)}
.custom-content-block>.case-number{display:block;margin-bottom:9px}
.custom-content-body{margin:0;color:#434b57;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}
.job-application,.project-inquiry{max-width:800px;margin:35px auto 0;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 40px #142b4d0c}
.job-application h2,.project-inquiry h2{margin:0 0 10px;font-size:clamp(28px,4vw,42px)}
.job-application>p,.project-inquiry>p{color:var(--muted);line-height:1.65}
.job-application form,.project-inquiry form{display:grid;gap:17px;margin-top:22px}
.job-application form>label:not(.check):not(.application-trap),.project-inquiry form>label:not(.check):not(.application-trap){display:grid;gap:7px;font-weight:600;line-height:1.45}
.checkbox-row,.check{display:flex!important;align-items:flex-start;gap:10px;font-size:14px;font-weight:400!important;line-height:1.5}
.checkbox-row input[type=checkbox],.check input[type=checkbox]{flex:0 0 18px;width:18px;min-width:18px;height:18px;margin:2px 0 0;accent-color:#0057ff}
.checkbox-row>span,.check>span{display:inline;min-width:0;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.checkbox-row a,.check a{display:inline;color:#0057ff;text-decoration:underline}
.heading-editor,.dynamic-builder{display:grid;gap:15px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fafbfd}
.heading-editor>legend,.dynamic-builder>legend{padding:0 7px;font-weight:750}
.heading-row,.dynamic-content-row,.dynamic-question-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;padding:15px;border:1px solid #e7eaf0;border-radius:14px;background:#fff}
.heading-row>strong{grid-column:1/-1}
.dynamic-content-row textarea,.dynamic-content-row label:last-of-type,.dynamic-question-row textarea{grid-column:1/-1}
.dynamic-question-row label:first-of-type,.dynamic-question-row label[data-question-options]{grid-column:1/-1}
.dynamic-question-row [data-question-options][hidden]{display:none!important}
.dynamic-question-row .check{align-items:center}
.remove-content-row,.remove-question-row{justify-self:start;min-height:40px;padding:8px 13px;border:1px solid #e6c7c7;border-radius:999px;background:#fff;color:#9b2727;font-weight:700}
.admin-answers{margin-top:8px;white-space:normal;overflow-wrap:anywhere}
.admin-answers summary{cursor:pointer;font-weight:700;color:#0057ff}
.preserve{white-space:pre-line;overflow-wrap:anywhere;line-height:1.75}

@media(min-width:1025px){
  header{position:sticky;top:0;z-index:100;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
  header nav.wrap{width:min(1280px,calc(100% - 48px));height:72px;margin:16px auto;padding:0 26px;border:1px solid #dce0e7;border-radius:999px;background:#ffffffdc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 36px #11131812}
  header nav>.logo{flex:0 0 auto}
  header .navlinks{justify-content:center;gap:clamp(8px,1.2vw,20px);flex:1}
  header .navlinks a{padding:10px 13px;border-radius:999px;transition:background .18s,color .18s}
  header .navlinks a:hover,header .navlinks a[aria-current=page]{background:#edf3ff;color:#0057ff}
  header nav>.nav-auth{flex:0 0 auto;margin:0}
  header nav>.nav-auth .nav-account{padding:10px 18px;background:#0057ff;border:1px solid #0057ff;border-radius:999px;color:#fff;font-weight:700}
}
@media(max-width:1024px){
  header{top:10px;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
  header nav.wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;width:calc(100% - 24px);min-height:62px;margin:10px 12px;padding:6px 10px;border:1px solid #dce0e7;border-radius:18px;background:#ffffffed;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px #11131813}
  header nav>.logo{grid-column:1;grid-row:1;justify-self:start;font-size:26px}
  header nav>.nav-auth{display:none}
  header nav>.menutoggle{grid-column:2;grid-row:1;justify-self:end;min-width:76px;min-height:44px;padding:8px 13px;border-radius:999px;white-space:nowrap}
  .navlinks{top:calc(100% + 8px);left:0;right:0;padding:12px 18px 16px;border:1px solid var(--line);border-radius:18px;background:#fffffffa;box-shadow:0 18px 36px #10182820}
}
@media(max-width:700px){
  .explore-toolbar{align-items:stretch;flex-direction:column;gap:8px}
  .portfolio-count,.job-count{text-align:right}
  .job-filters{flex-wrap:nowrap;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 12px}
  .job-filters::-webkit-scrollbar{display:none}
  .job-filters .portfolio-filter{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}
  .heading-row,.dynamic-content-row,.dynamic-question-row{grid-template-columns:minmax(0,1fr);padding:12px}
  .heading-row>strong,.dynamic-content-row textarea,.dynamic-content-row label:last-of-type,.dynamic-question-row label:first-of-type,.dynamic-question-row label[data-question-options]{grid-column:1}
  .job-detail-cover{border-radius:18px}
  .job-application,.project-inquiry{margin-top:24px;padding:20px 16px;border-radius:18px}
  .job-detail{padding:20px 0}
}

/* Unified account dropdown, modular dashboards, publication cards and app-free mobile navigation. */
body{padding-bottom:0!important}
.nav-auth{position:relative;z-index:102;margin-left:auto}
.nav-auth .nav-account{min-width:92px;padding:10px 18px;background:#0057ff;border:1px solid #0057ff;border-radius:999px;color:#fff;font-weight:700;cursor:pointer}
.nav-auth .nav-account:hover{background:#0048d8;color:#fff}
.account-menu{position:absolute;top:calc(100% + 12px);right:0;display:grid;gap:3px;width:min(290px,calc(100vw - 32px));padding:10px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 20px 50px #10182824}
.account-menu[hidden]{display:none!important}
.account-menu a,.account-menu .nav-signout{display:flex;align-items:center;min-height:44px;padding:11px 13px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left;text-decoration:none;font-size:13px;font-weight:600}
.account-menu a:hover,.account-menu .nav-signout:hover{background:#edf3ff;color:#0057ff}
.account-menu .nav-signout{border-top:1px solid #edf0f4;border-radius:0;padding-top:13px;color:#a32929}
.mobile-account-menu{display:none}
.mobile-menu-heading{padding:10px 4px 7px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.mobile-menu-divider{height:1px;margin:10px 0;background:var(--line)}
.dashboard-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:36px;align-items:start;width:100%;max-width:1280px;margin:0 auto}
.dashboard-sidebar{position:sticky;top:108px;display:flex;flex-direction:column;gap:20px;min-width:0;min-height:min(740px,calc(100vh - 136px));padding:20px 14px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 36px #11131808}
.dashboard-brand{display:grid;gap:5px;padding:4px 9px 15px;border-bottom:1px solid #edf0f4}
.dashboard-brand strong{font-size:20px;letter-spacing:-.03em}
.dashboard-nav{display:grid;gap:4px;min-width:0}
.dashboard-nav button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:10px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:#434a55;text-align:left;font-size:13px;font-weight:600;line-height:1.3}
.dashboard-nav button:hover{background:#f4f7fc;color:#0057ff}
.dashboard-nav button[aria-current=page]{border-color:#dae6ff;background:#edf3ff;color:#0057ff}
.dashboard-nav button>span{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:99px;background:#e8eef9;color:#415575;font-size:11px}
.dashboard-user{display:grid;gap:5px;margin-top:auto;padding:14px 9px 2px;border-top:1px solid #edf0f4;overflow-wrap:anywhere}
.dashboard-user strong{font-size:13px}
.dashboard-user>span{color:var(--muted);font-size:12px}
.dashboard-user button{justify-self:start;min-height:40px;margin-top:7px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#a32929;font-size:12px}
.dashboard-main{min-width:0}
.dashboard-content-head{margin:0 0 27px}
.dashboard-content-head h1{margin:8px 0 0;font-size:clamp(34px,4vw,54px);line-height:1.08}
.dashboard-view{min-width:0}
.dashboard-view>.profile-card{margin:0;padding:28px}
.dashboard-view>.profile-card h2{margin:5px 0 18px;font-size:27px}
.dashboard-view>.profile-card .profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 22px}
.dashboard-view>.profile-card .profile-details span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.dashboard-view>.profile-card .profile-details b{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.dashboard-view>.profile-card #edit-profile{align-self:flex-start;padding:10px 15px;border:1px solid #c9d8ff;border-radius:999px;background:#edf3ff;color:#0057ff;font-weight:700}
.dashboard-view>.account-summary{margin-bottom:18px}
.dashboard-view>.work-grid{margin-top:23px}
.dashboard-view .meeting-section,.dashboard-view .meeting-list,.dashboard-view .quote-request,.dashboard-view .quote-list{margin-left:0;margin-right:0}
.admin-overview{display:grid;gap:28px}
.admin-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.admin-stat{display:grid;gap:10px;min-width:0;padding:19px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 22px #11131807}
.admin-stat span{color:var(--muted);font-size:12px;line-height:1.4}
.admin-stat strong{color:#14171c;font-size:30px;letter-spacing:-.04em}
.admin-welcome{padding:28px;border-radius:20px;background:linear-gradient(125deg,#111318,#17243e 72%,#0057ff);color:#fff}
.admin-welcome .label,.admin-welcome p{color:#d4dcec}
.admin-welcome h2{margin:9px 0;font-size:clamp(27px,3vw,40px);color:#fff}
.admin-welcome p{max-width:620px;margin-bottom:0}
.admin-heading{align-items:center;margin:0 0 20px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.admin-heading h2{margin:4px 0 0}
.admin-table{margin-top:16px}
.portfolio-filter-wrap{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:18px}
.portfolio-filters,.job-filters{min-width:0;scrollbar-width:none;-ms-overflow-style:none}
.portfolio-filters::-webkit-scrollbar,.job-filters::-webkit-scrollbar{display:none}
.portfolio-filter-wrap .portfolio-filters{flex:1;margin:0}
.filter-arrow{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:#334056;font-size:22px;line-height:1}
.filter-arrow:hover{border-color:#aec5ff;background:#edf3ff;color:#0057ff}
.filter-arrow[hidden]{display:none!important}
.portfolio-filters.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.portfolio-filters:not(.is-dragging){cursor:grab}
.card-arrow,.job-view{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;min-height:40px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap;line-height:1}
.portfolio-card:hover .card-arrow,.job-card:hover .job-view{border-color:#0057ff;background:#0057ff;color:#fff}
.job-card{padding:0;overflow:hidden}
.job-cover{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;object-position:center;background:#e8edf5}
.job-cover-placeholder{display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 70% 30%,#3d6dff,#151b27 72%)}
.job-cover-placeholder span{font-size:64px;letter-spacing:-.09em;font-weight:800}
.job-card-content{display:flex;flex:1;flex-direction:column;gap:18px;min-width:0;padding:20px 22px}
.job-card-content h2{margin:0;font-size:clamp(20px,2vw,25px);line-height:1.23;overflow-wrap:anywhere}
.job-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto}
.job-modality{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:34px;padding:7px 11px;border:1px solid #e0e6ef;border-radius:999px;background:#f6f8fb;color:#384253;font-size:12px;font-weight:700;white-space:nowrap}
.job-detail-page{width:100%;max-width:none;margin:0 auto;padding-inline:0}
.job-detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:28px;margin:0 0 34px}
.job-detail-hero .job-detail-cover{width:100%;aspect-ratio:16/10;max-height:none;margin:0;border-radius:18px;object-fit:cover}
.job-detail-head{display:grid;justify-items:start;gap:12px;min-width:0}
.job-detail-head h1{margin:0;font-size:clamp(34px,4.4vw,54px);line-height:1.08;letter-spacing:-.05em}
.job-detail-head .job-location{margin:0;color:var(--muted);font-size:14px}
.job-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:start;gap:38px}
.job-detail-content{min-width:0}
.job-detail{padding:24px 0;border-top:1px solid var(--line)}
.job-detail h2{margin:6px 0 13px;font-size:25px}
.job-detail .label{font-size:12px}
.job-requirements{display:grid;gap:9px;padding-left:19px}
.job-application{position:sticky;top:105px;min-width:0;margin:0;padding:24px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 14px 40px #1113180d}
.job-application h2{margin:7px 0 8px;font-size:27px}
.job-application form{display:grid;gap:15px}
.job-application .form-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.job-application .check{display:flex;align-items:flex-start;gap:10px}
.job-application .check input{flex:0 0 18px}
.job-application .check span{min-width:0;line-height:1.5}
.account-page .check{display:flex;align-items:flex-start;gap:10px;line-height:1.5}
.account-page .check>input[type=checkbox]{flex:0 0 18px;margin-top:2px}
.account-page .check>span{min-width:0;overflow-wrap:anywhere}
.account-page .submission-message{white-space:normal;overflow-wrap:anywhere}
@media(min-width:1025px){header nav>.nav-auth{position:relative}.nav-auth .account-menu{top:calc(100% + 15px)}}
.mobile-account-menu,.mobile-signout{display:none}
@media(max-width:1024px){
  body{padding-bottom:0!important}
  header nav.wrap{grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important}
  header nav>.logo{grid-column:1!important;justify-self:start!important}
  header nav>.nav-auth{display:none!important}
  header nav>.menutoggle{grid-column:2!important;min-width:76px!important;width:auto!important;height:44px!important;padding:8px 13px!important;border-radius:999px!important;white-space:nowrap!important}
  header nav>.menutoggle .menu-icon{display:none}
  .navlinks{max-height:min(78dvh,680px);overflow:auto}
  .mobile-account-menu{display:grid;gap:0}
  .mobile-signout{display:block}
  .mobile-account-menu[hidden]{display:none!important}
  .mobile-signout[hidden]{display:none!important}
  .mobile-account-menu a,.navlinks>a{display:flex;align-items:center;min-height:46px;padding:11px 4px;border-bottom:1px solid #e9edf3;text-decoration:none}
  .mobile-account-menu .nav-signout{width:100%;min-height:46px;border:0;border-radius:8px;background:transparent;color:#a32929;text-align:left;font-weight:700}
  .mobile-signout{margin-top:5px;padding-top:9px;border-top:1px solid var(--line)}
  .mobile-signout .nav-signout{width:100%;min-height:46px;border:0;border-radius:8px;background:transparent;color:#a32929;text-align:left;font-weight:700}
  .dashboard-layout{grid-template-columns:1fr;gap:20px}
  .dashboard-sidebar{position:static;min-height:unset;padding:14px;gap:11px}
  .dashboard-brand{padding-bottom:10px}
  .dashboard-nav{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding:2px 1px 5px}
  .dashboard-nav::-webkit-scrollbar{display:none}
  .dashboard-nav button{flex:0 0 auto;width:auto;min-height:42px;white-space:nowrap}
  .dashboard-user{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;margin-top:0;padding:12px 4px 1px}
  .dashboard-user>span{grid-column:1;grid-row:2}
  .dashboard-user button{grid-column:2;grid-row:1/3;margin:0}
  .admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .dashboard-content-head{margin-bottom:18px}
  .dashboard-view>.profile-card{align-items:flex-start;flex-direction:column;padding:20px}
  .dashboard-view>.profile-card .profile-details{grid-template-columns:1fr}
  .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .admin-stat{padding:15px}
  .admin-stat strong{font-size:26px}
  .admin-welcome{padding:22px}
  .portfolio-filter-wrap{gap:5px}
  .filter-arrow{flex-basis:34px;width:34px;height:34px;min-width:34px;min-height:34px}
  .portfolio-filters{padding-bottom:8px}
  .jobs-grid,.portfolio-grid{grid-template-columns:minmax(0,1fr)}
  .job-detail-page{padding-inline:0}
  .job-detail-hero,.job-detail-layout{grid-template-columns:minmax(0,1fr);gap:20px}
  .job-detail-hero{margin-bottom:22px}
  .job-detail-head h1{font-size:clamp(31px,9vw,44px)}
  .job-application{position:static;padding:20px}
  .job-application .form-two{grid-template-columns:minmax(0,1fr)}
  .account-page .admin-heading{align-items:stretch}
}
.toast-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.file-icon{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.admin-stat{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px 9px}
.admin-stat-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf3ff;color:#0057ff}
.admin-stat-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.admin-stat>span,.admin-stat>strong{grid-column:2}
.admin-stat>strong{grid-row:2}
.check{display:flex!important;align-items:flex-start!important;gap:10px!important;line-height:1.5}
.check>input[type=checkbox],.check>input[type=radio]{flex:0 0 18px;width:18px;min-width:18px;height:18px;margin:2px 0 0}
.check>span{display:block;flex:1;min-width:0;overflow-wrap:anywhere}
.job-detail-hero .job-cover-placeholder{display:grid;place-items:center;aspect-ratio:16/10}
.marquee-mark{width:15px;height:15px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
@media(max-width:1024px){.whatsapp-contact{bottom:20px!important}.cookie-panel{bottom:20px!important}}
@media(max-width:767px){.admin-stat{grid-template-columns:26px minmax(0,1fr);gap:5px 8px}.admin-stat-icon{width:26px;height:26px}.admin-stat-icon svg{width:17px;height:17px}}

/* Jobs page editorial layout revision */
.jobs .sectionhead{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:end;gap:clamp(24px,5vw,72px);margin-bottom:34px}
.jobs .sectionhead h1{max-width:13ch}
.jobs .sectionhead p{max-width:48ch;margin:0;color:var(--muted);font-size:clamp(16px,1.4vw,19px);line-height:1.65}
.jobs-toolbar{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(260px,1.15fr) auto;align-items:center;gap:18px;margin:0 0 26px}
.jobs-toolbar .explore-search{width:100%;min-width:0}
.search-icon{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.jobs-note{margin:0;max-width:52ch;color:var(--muted);font-size:14px;line-height:1.55}
.jobs-toolbar .job-count{justify-self:end}
.portfolio-filter-wrap{min-width:0}
.portfolio-filters{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x}
.portfolio-filters::-webkit-scrollbar{display:none}
.portfolio-filters.is-dragging{cursor:grabbing;user-select:none}
.job-page-content{max-width:1280px;width:100%}
.job-detail-page{width:100%;max-width:1280px;margin:0 auto;padding-inline:0}
.job-detail-page>.back-link{margin:0 0 24px}
.job-detail-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(24px,4vw,52px);margin:0 0 34px}
.job-detail-media{min-width:0}
.job-detail-hero .job-detail-cover{display:block;width:100%;max-height:none;aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:20px;margin:0;background:#f3f5f8}
.job-detail-head{display:grid;align-content:start;justify-items:start;gap:12px;min-width:0;padding:6px 0 0;border:0}
.job-detail-badges{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.job-detail-head .job-modality,.job-detail-head .service-mode{margin:0}
.job-detail-head .job-location{margin:2px 0 0;color:var(--muted);font-size:14px}
.job-detail-head h1{margin:3px 0 0;font-size:clamp(36px,5vw,68px);line-height:1.02;letter-spacing:-.055em}
.job-detail-head>.job-detail{width:100%;margin-top:10px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#f8faff}
.job-detail-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px}
.job-detail-column{display:grid;align-content:start;gap:16px;min-width:0}
.job-detail-column>.job-detail,.job-detail-column>.custom-content-block{min-width:0;margin:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px #12265508}
.job-detail-column>.job-detail{border-top:1px solid var(--line)}
.job-detail .label,.custom-content-block .case-number{display:block;margin:0 0 7px;color:#5c6574;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.job-detail h2,.custom-content-block h2{margin:0 0 13px;font-size:clamp(22px,2.4vw,30px);line-height:1.15}
.job-detail p,.custom-content-body{margin:0;line-height:1.7;overflow-wrap:anywhere}
.job-requirements{display:grid;gap:10px;padding-left:20px;margin:0}
.job-application{position:static;width:100%;max-width:none;min-width:0;margin:34px 0 0;padding:clamp(22px,3vw,36px);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 40px #1113180d}
.application-heading{margin:0 0 24px}
.job-application h2{margin:7px 0 8px;font-size:clamp(27px,3vw,38px)}
.application-heading>p{margin:0;color:var(--muted)}
.job-application form,.application-form-grid{display:grid;gap:18px}
.job-application .form-two,.application-extra-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.application-extra-fields>label,.job-application .form-two>label,.application-message{display:grid;align-content:start;gap:7px;min-width:0}
.application-message{width:100%}
.application-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid var(--line)}
.application-actions .check{flex:1;min-width:0}
.application-actions .pill{flex:0 0 auto;min-width:190px;white-space:nowrap}
.application-status{min-height:20px;margin:0;color:var(--muted)}
.application-status.error{color:#a92828}
@media(max-width:900px){.jobs-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.jobs-toolbar .job-count{grid-column:1/-1;justify-self:end}.job-detail-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:767px){.jobs .sectionhead{grid-template-columns:minmax(0,1fr);gap:15px}.jobs .sectionhead p{font-size:16px}.jobs-toolbar{grid-template-columns:minmax(0,1fr);gap:11px}.jobs-toolbar .job-count{grid-column:1;justify-self:start;text-align:left}.job-detail-page{padding-inline:0}.job-detail-hero,.job-detail-layout{grid-template-columns:minmax(0,1fr);gap:20px}.job-detail-hero{margin-bottom:24px}.job-detail-head{padding:0}.job-detail-head h1{font-size:clamp(34px,9vw,48px)}.job-detail-head>.job-detail{margin-top:6px;padding:19px}.job-detail-column>.job-detail,.job-detail-column>.custom-content-block{padding:20px}.job-application{margin-top:24px;padding:20px}.job-application .form-two,.application-extra-fields{grid-template-columns:minmax(0,1fr)}.application-actions{align-items:stretch;flex-direction:column}.application-actions .pill{width:100%;min-width:0}.portfolio-filter-wrap{min-width:0}}

/* Vacancy editor: wide primary fields and ordered, fully configurable sections. */
.account-editor.job-editor{width:100%;max-width:1100px;margin-inline:0}
.job-editor #edit-form{width:100%;max-width:none;gap:22px}
.job-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;width:100%;min-width:0}
.job-primary-grid>label,.job-primary-grid>.job-cover-field{min-width:0}
.job-primary-grid>.job-cover-field{grid-column:1/-1;display:grid;gap:8px}
.job-primary-grid .field-help{display:block;margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.job-block-builder,.job-question-builder{width:100%;min-width:0;padding:clamp(16px,2.5vw,26px)}
#job-block-list,#custom-questions-list{display:grid;gap:15px;min-width:0}
.job-block-card{display:grid;gap:17px;min-width:0;padding:clamp(16px,2.3vw,24px);border:1px solid #e2e7ef;border-radius:17px;background:#fff;box-shadow:0 8px 24px #12265508}
.job-block-controls{display:grid;grid-template-columns:minmax(120px,auto) auto repeat(2,minmax(190px,1fr));align-items:end;gap:12px 14px;min-width:0}
.job-block-controls>strong{align-self:center;color:#202631;font-size:14px}
.job-block-move{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.job-block-move button,.job-block-controls>.remove-content-row,.job-block-controls>.remove-question-row{min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:700;white-space:nowrap}
.job-block-move button:hover{border-color:#a9c2ff;background:#edf3ff;color:#0057ff}
.job-block-move button:disabled{opacity:.45;cursor:not-allowed}
.job-block-controls>label{display:grid;gap:6px;min-width:0;font-size:12px;font-weight:650}
.job-block-controls select{width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid #b9c2d0;border-radius:10px;background:#fff;color:var(--ink);font:inherit}
.job-block-controls>.remove-content-row,.job-block-controls>.remove-question-row{justify-self:start;color:#9b2727;border-color:#e6c7c7}
.job-block-heading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.job-block-heading-grid>label,.job-block-card>label{display:grid;gap:7px;min-width:0}
.job-block-card>textarea{width:100%;min-height:145px;resize:vertical}
.job-block-card .job-block-active{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;font-weight:500}
.job-block-card .job-block-active input{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:#0057ff}
.job-question-builder .dynamic-question-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(200px,.6fr);gap:14px;padding:18px;border:1px solid #e2e7ef;border-radius:16px;background:#fff}
.job-question-builder .dynamic-question-row>.job-block-controls{grid-column:1/-1;grid-template-columns:auto auto 1fr;align-items:center}
.job-question-builder .dynamic-question-row>[data-question-options],.job-question-builder .dynamic-question-row>.check{grid-column:1/-1}
.job-question-builder .dynamic-question-row>[data-question-options] textarea{width:100%;min-height:88px}
.job-question-builder #add-custom-question,.job-block-builder #add-job-block{justify-self:start}
.job-detail-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px 28px}
.job-detail-layout>.job-detail{min-width:0;margin:0;padding:clamp(20px,2.4vw,29px);border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px #12265508}
.job-detail-layout>.job-detail h2{margin-top:5px}
@media(max-width:900px){.job-block-controls{grid-template-columns:minmax(100px,auto) auto repeat(2,minmax(150px,1fr))}.job-detail-layout{gap:18px}}
@media(max-width:700px){.job-primary-grid,.job-block-heading-grid,.job-question-builder .dynamic-question-row,.job-detail-layout{grid-template-columns:minmax(0,1fr)}.job-primary-grid>.job-cover-field{grid-column:1}.job-block-controls{grid-template-columns:minmax(0,1fr)}.job-block-controls>strong,.job-block-move,.job-block-controls>label,.job-block-controls>.remove-content-row,.job-block-controls>.remove-question-row{grid-column:1}.job-block-move button{flex:1 1 auto}.job-question-builder .dynamic-question-row>.job-block-controls{grid-column:1;grid-template-columns:minmax(0,1fr)}.job-question-builder .dynamic-question-row>[data-question-options],.job-question-builder .dynamic-question-row>.check{grid-column:1}}

.service{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.service>span:first-child{display:none}@media(max-width:767px){.service{grid-template-columns:minmax(0,1fr)}.service p{grid-column:auto}}

/* Vacancy detail: 50/50 hero, one full-width lead section, then balanced detail cards. */
.job-detail-page{width:100%;max-width:none;margin:0 auto;padding-inline:0}
.job-detail-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:32px;margin:0 0 28px}
.job-detail-media,.job-detail-head{min-width:0}
.job-detail-hero .job-detail-cover{display:block;width:100%;aspect-ratio:16/10;max-height:none;margin:0;border-radius:20px;object-fit:cover;object-position:center;background:#f3f5f8}
.job-detail-head{display:grid;align-content:center;justify-items:start;gap:16px;padding:0;border:0}
.job-detail-head h1{order:0;margin:0;font-size:clamp(36px,5vw,68px);line-height:1.02;letter-spacing:-.055em}
.job-detail-badges{order:1;display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.job-detail-head .job-modality-primary{min-height:36px;margin:0;padding:8px 13px;border:1px solid #0057ff;border-radius:999px;background:#0057ff;color:#fff;font-size:13px;font-weight:750;line-height:1.25}
.job-detail-head .job-collaboration-badge{display:inline-flex;align-items:center;min-height:36px;margin:0;padding:8px 13px;border:1px solid #dfe4ec;border-radius:999px;background:#fff;color:#384253;font-size:13px;font-weight:700;line-height:1.25}
.job-detail-head .job-location{order:2;margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.job-detail-lead{width:100%;margin:0;padding:clamp(22px,3vw,34px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 28px #12265508}
.job-detail-lead h2{margin:0 0 15px;font-size:clamp(24px,2.8vw,34px);line-height:1.15}
.job-detail-lead .job-detail-content{line-height:1.75}
.job-detail-layout{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin-top:24px}
.job-detail-layout>.job-detail{min-width:0;margin:0;padding:clamp(20px,2.5vw,30px);border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px #12265508}
.job-detail-layout>.job-detail h2{margin:0 0 14px;font-size:clamp(21px,2.2vw,28px);line-height:1.2}
.job-detail-layout>.job-detail .job-detail-content{line-height:1.7;overflow-wrap:anywhere}
.job-application{position:static;width:100%;max-width:none;margin:28px 0 0}
@media(max-width:767px){
  .job-detail-page{padding-inline:0}
  .job-detail-hero{grid-template-columns:minmax(0,1fr);gap:22px;margin-bottom:22px}
  .job-detail-hero .job-detail-cover{aspect-ratio:16/10}
  .job-detail-head{gap:13px;padding:0}
  .job-detail-head h1{font-size:clamp(34px,9vw,48px)}
  .job-detail-layout{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
  .job-detail-lead{padding:21px}
  .job-application{margin-top:22px;padding:20px}
}

/* Compact, single-instance notifications. */
.toast-region{position:fixed;top:16px;right:16px;bottom:auto;left:auto;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:min(420px,calc(100vw - 32px));pointer-events:none}
.cms-toast{box-sizing:border-box;display:flex;align-items:center;gap:11px;width:100%;min-width:0;min-height:48px;height:auto;max-height:80px;padding:12px 16px;border-radius:14px;overflow:hidden;pointer-events:auto}
.cms-toast.is-closing{opacity:0;transform:translateY(-5px);transition:opacity .2s ease,transform .2s ease}
.toast-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%}
.toast-icon svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.toast-message{display:-webkit-box;flex:1 1 auto;min-width:0;overflow:hidden;color:inherit;font-size:14px;line-height:1.4;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.toast-close{display:grid!important;place-items:center;flex:0 0 28px;width:28px;height:28px;min-width:28px;min-height:28px;padding:0!important;border:0!important;border-radius:50%!important;background:#f2f4f8!important;color:#667080!important;font-size:0!important;line-height:1;cursor:pointer}
.toast-close svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.toast-close:hover{background:#e8edf5!important;color:#17191d!important}
@media(max-width:1024px){.toast-region{top:12px;right:12px;bottom:auto;left:12px;width:min(420px,calc(100vw - 24px));max-width:420px;margin:0 auto;align-items:stretch}}



/* Dashboard shortcuts are easy to tap and remain usable at every viewport. */
.admin-stat{appearance:none;width:100%;text-align:left;font:inherit;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.admin-stat:hover{transform:translateY(-2px);border-color:#adc5ff;box-shadow:0 12px 28px #0057ff15}
.admin-stat:focus-visible,.admin-quicklinks button:focus-visible,.builder-icon-button:focus-visible{outline:3px solid #0057ff;outline-offset:3px}
.admin-quicklinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}
.admin-quicklinks button{min-height:40px;padding:9px 14px;border:1px solid #ffffff55;border-radius:999px;background:#ffffff12;color:#fff;font-size:13px;font-weight:650;cursor:pointer}
.admin-quicklinks button:hover{border-color:#fff;background:#fff;color:#0057ff}
body:has(main.account-page) .whatsapp-contact{display:none!important}

/* Shared compact block editor controls for vacancies, projects and form questions. */
.job-block-card,.project-content-card,.job-question-builder .dynamic-question-row{display:grid;gap:15px;min-width:0;padding:clamp(16px,2.3vw,24px);border:1px solid #e2e7ef;border-radius:17px;background:#fff;box-shadow:0 8px 24px #12265508}
.builder-block-header{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}
.builder-block-header>strong{color:#202631;font-size:14px}
.builder-icon-tools{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.builder-icon-button{display:grid!important;place-items:center;flex:0 0 34px;width:34px;height:34px;min-width:34px;min-height:34px;padding:0!important;border:1px solid var(--line)!important;border-radius:9px!important;background:#fff!important;color:#3d4859!important;cursor:pointer}
.builder-icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.builder-icon-button:hover{border-color:#adc5ff!important;background:#edf3ff!important;color:#0057ff!important}
.builder-icon-button[data-block-remove],.builder-icon-button[data-content-remove],.builder-icon-button[data-question-remove]{color:#a52c31!important}
.builder-icon-button[data-block-remove]:hover,.builder-icon-button[data-content-remove]:hover,.builder-icon-button[data-question-remove]:hover{border-color:#e9bcbc!important;background:#fff1f1!important;color:#a52c31!important}
.builder-icon-button:disabled{opacity:.4;cursor:not-allowed}
.builder-title-field input{width:100%;min-width:0}
.builder-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.builder-settings>label,.builder-title-field,.job-block-card>label,.project-content-card>label,.job-question-builder .dynamic-question-row>label{display:grid;align-content:start;gap:7px;min-width:0}
.builder-settings select{width:100%;min-width:0;min-height:44px}
.job-block-card textarea,.project-content-card textarea,.job-question-builder .dynamic-question-row textarea{width:100%;min-width:0;min-height:115px;resize:vertical}
.builder-active{display:flex!important;align-items:center;gap:9px!important;width:max-content;max-width:100%;font-weight:500!important}
.builder-active input{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:#0057ff}
.project-content-card{margin:0}
#custom-sections-list{display:grid;gap:15px}
.job-question-builder .dynamic-question-row{grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);align-items:start}
.job-question-builder .dynamic-question-row>.builder-block-header,.job-question-builder .dynamic-question-row>.question-options,.job-question-builder .dynamic-question-row>.builder-active{grid-column:1/-1}
.job-question-builder .dynamic-question-row>[hidden]{display:none!important}
.custom-content-block{display:grid;gap:10px;min-width:0}
.custom-content-block h2{margin:0}
.custom-content-body{line-height:1.7;overflow-wrap:anywhere}
.custom-content-block .job-requirements{margin:0}
.job-option-list{display:flex;flex-wrap:wrap;gap:8px}
.job-option-list span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid #d8e3f6;border-radius:999px;background:#f3f7ff;color:#263e65;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:700px){.job-question-builder .dynamic-question-row{grid-template-columns:minmax(0,1fr)}.job-question-builder .dynamic-question-row>.builder-block-header,.job-question-builder .dynamic-question-row>.question-options,.job-question-builder .dynamic-question-row>.builder-active{grid-column:1}.admin-quicklinks{gap:7px}.admin-quicklinks button{flex:1 1 auto}}

/* Public form manager: consistent consent, spacing, and mobile-safe submit actions. */
.managed-form-manager{width:100%;max-width:1100px;min-width:0;margin-top:20px}
.managed-form-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid var(--line)}
.managed-form-tabs button{min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#414957;font-size:13px;font-weight:700}
.managed-form-tabs button[aria-selected=true]{border-color:#0057ff;background:#edf3ff;color:#0057ff}
.managed-form-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 22px;padding:22px;border:1px solid var(--line);border-radius:17px;background:#f8faff}
.managed-form-top h3{margin:3px 0 7px;font-size:24px}
.managed-form-top p{max-width:680px;margin:0}
.managed-form-enabled{display:flex!important;align-items:center;gap:10px;flex-shrink:0;padding:10px 13px;border:1px solid #dbe5fa;border-radius:12px;background:#fff}
.managed-form-enabled input,.managed-field-controls .check input{width:18px!important;height:18px;flex:0 0 18px;margin:0;accent-color:#0057ff}
.managed-form-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 22px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.managed-form-settings>label,.managed-field-row>label,.managed-field-controls>label{display:grid;min-width:0;gap:7px;font-weight:650;line-height:1.45}
.managed-form-settings>label:nth-child(2),.managed-form-settings>label:last-child{grid-column:1/-1}
.managed-form-settings small{color:var(--muted);font-size:12px;font-weight:400}
.managed-form-settings input,.managed-form-settings textarea,.managed-form-settings select,.managed-field-row input,.managed-field-row textarea,.managed-field-row select{width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #cbd3df;border-radius:10px;background:#fff;color:var(--ink);font-size:16px}
.managed-form-settings textarea,.managed-field-row textarea{resize:vertical}
.managed-form-settings .form-two{min-width:0}
.managed-fields-builder{min-width:0;padding:22px}
.managed-fields-list{display:grid;gap:13px}
.managed-field-row{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;min-width:0;padding:17px;border:1px solid #e4e8ef;border-radius:15px;background:#fff}
.managed-field-row .builder-block-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.managed-field-row .managed-field-controls{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(120px,.8fr));align-items:end;gap:12px}
.managed-field-row .managed-field-controls .check{display:flex!important;align-items:center;gap:8px;min-height:48px;font-weight:600}
.managed-field-row .managed-field-options{display:grid;gap:7px}
.managed-field-row [data-managed-options][hidden]{display:none!important}
.managed-form-manager #add-managed-field{justify-self:start;margin-top:14px}
.public-managed-form{display:grid;gap:17px;width:100%;min-width:0}
.managed-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:15px;width:100%;min-width:0}
.managed-form-field{display:grid;min-width:0;gap:7px;font-weight:600;line-height:1.45}
.managed-form-field input,.managed-form-field textarea,.managed-form-field select{width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid #cbd3df;border-radius:10px;background:#fff;color:var(--ink);font-size:16px}
.managed-form-field textarea{resize:vertical}
.public-managed-form .privacy-consent{display:flex!important;grid-column:1/-1;align-items:flex-start;gap:10px;min-width:0;font-size:14px;font-weight:400;line-height:1.55}
.public-managed-form .privacy-consent input{flex:0 0 18px;width:18px;height:18px;min-width:18px;margin:2px 0 0;accent-color:#0057ff}
.public-managed-form .privacy-consent span{min-width:0;overflow-wrap:anywhere}
.privacy-consent a{color:#0057ff;text-decoration:underline}
.brief.public-managed-form{max-width:620px;margin-left:auto}
.brief.public-managed-form .brief-status{grid-column:1/-1;margin:0;min-height:0;color:#174d32}
.public-managed-form button[type=submit],.project-inquiry form>button[type=submit],.account-page form>button[type=submit],.account-auth form>button[type=submit]{display:flex;width:100%;min-width:0;min-height:52px;justify-content:center;align-items:center;margin:0 0 26px;padding:13px 18px;white-space:normal;line-height:1.35}
.account-auth form .check{display:flex;align-items:flex-start;gap:10px;line-height:1.55}
.account-auth form .check input{flex:0 0 18px;margin-top:2px}
.account-auth form .check span{min-width:0;overflow-wrap:anywhere}
.admin-table td{overflow-wrap:anywhere}
.admin-table td small.submission-message{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){
  .managed-form-top{display:grid;padding:17px}
  .managed-form-enabled{justify-self:start}
  .managed-form-settings{grid-template-columns:minmax(0,1fr);padding:16px}
  .managed-form-settings>label:nth-child(2),.managed-form-settings>label:last-child{grid-column:1}
  .managed-form-settings .form-two{grid-template-columns:minmax(0,1fr)}
  .managed-fields-builder{padding:16px}
  .managed-field-row{padding:14px}
  .managed-field-row .managed-field-controls{grid-template-columns:minmax(0,1fr)}
  .managed-field-row .managed-field-controls .check{min-height:40px}
  .managed-field-grid{grid-template-columns:minmax(0,1fr)}
  .managed-field-grid .privacy-consent{grid-column:1}
  .public-managed-form{padding-bottom:max(84px,calc(84px + env(safe-area-inset-bottom)))}
  .public-managed-form button[type=submit],.project-inquiry form>button[type=submit],.account-page form>button[type=submit],.account-auth form>button[type=submit]{margin-bottom:16px}
}

/* Account panels and mobile dock refresh */
.account-page .password-field{position:relative;display:flex;align-items:center;width:100%;min-width:0}
.account-page .password-field-input{display:block;width:100%;min-width:0}
.account-page .password-field input{padding-right:44px!important}
.account-page .password-toggle{position:absolute;right:12px;top:50%;display:grid!important;place-items:center;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:7px!important;transform:translateY(-50%);border:0!important;border-radius:50%!important;background:transparent!important;color:#626872!important;z-index:1}
.account-page .password-toggle:hover{background:#edf3ff!important;color:#0057ff!important}
.password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dashboard-app-shell{display:grid;gap:15px;margin:0 0 28px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 12px 32px #11131808}
.dashboard-app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.dashboard-app-header>div{display:grid;gap:8px;min-width:0}
.dashboard-app-header>div>strong{font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-.045em;overflow-wrap:anywhere}
.dashboard-role{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:27px;padding:5px 11px;border-radius:999px;background:#edf3ff;color:#31548f;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.dashboard-avatar{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:#edf3ff;color:#0057ff}
.dashboard-avatar svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dashboard-profile-details{overflow:hidden;border:1px solid #e5e9f0;border-radius:15px;background:#fff}
.dashboard-profile-details summary{display:flex;align-items:center;gap:11px;min-height:54px;padding:12px 15px;list-style:none;cursor:pointer;font-size:14px;font-weight:700}
.dashboard-profile-details summary::-webkit-details-marker{display:none}
.dashboard-profile-details summary>svg:first-child{width:19px;height:19px;fill:none;stroke:#0057ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dashboard-profile-details summary>svg:last-child{width:18px;height:18px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}
.dashboard-profile-details[open] summary>svg:last-child{transform:rotate(180deg)}
.dashboard-profile-content{padding:0 15px 15px;border-top:1px solid #edf0f4}
.dashboard-profile-content dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:14px 0}
.dashboard-profile-content dl>dt{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.dashboard-profile-content dl>dd{min-width:0;margin:-8px 0 0;overflow-wrap:anywhere;font-size:13px}
.dashboard-profile-content .text-button{min-height:42px;padding:9px 14px;border:1px solid #c9d8ff;border-radius:999px;background:#edf3ff;color:#0057ff;font-weight:700}
.dashboard-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dashboard-quick-tile{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:65px;padding:14px 16px;border:1px solid #e4e8ef;border-radius:16px;background:#fff;color:#20242b;text-align:left;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .18s,background .18s,transform .18s}
.dashboard-quick-tile:hover,.dashboard-quick-tile[aria-current=page]{border-color:#aac4ff;background:#f0f5ff;color:#0057ff}
.dashboard-quick-tile:active{transform:translateY(1px)}
.dashboard-quick-tile>svg{flex:0 0 21px;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dashboard-quick-tile>span{min-width:0;line-height:1.3;overflow-wrap:anywhere}
.dashboard-quick-tile>i{position:absolute;top:11px;right:11px;width:7px;height:7px;border-radius:50%;background:#0057ff}
.dashboard-summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:18px 20px;border:1px solid #17243e;border-radius:16px;background:linear-gradient(120deg,#111318,#17243e 75%,#0057ff);color:#fff}
.dashboard-summary-row>span{display:grid;gap:5px;min-width:0;font-size:14px;font-weight:700;line-height:1.35}
.dashboard-summary-row small{color:#cdd7e8;font-size:11px;font-weight:500}
.dashboard-summary-row>strong{flex:0 0 auto;font-size:clamp(22px,3vw,30px);letter-spacing:-.04em;white-space:nowrap}
.dashboard-app-logout{display:none}
.account-menu[hidden]{display:none!important}
.account-menu-heading{display:flex;align-items:center;gap:11px;margin:-2px 0 7px;padding:10px 9px 14px;border-bottom:1px solid #edf0f4}
.account-menu-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#edf3ff;color:#0057ff}
.account-menu-avatar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.account-menu-heading>span:last-child{display:grid;gap:4px;min-width:0}
.account-menu-heading strong{font-size:14px;overflow-wrap:anywhere}
.account-menu-heading small{font-size:11px;color:var(--muted)}
@media(max-width:1024px){
  body{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
  header nav.wrap{grid-template-columns:minmax(0,1fr)!important;justify-content:start!important}
  header nav>.menutoggle{display:none!important}
  header nav>.nav-auth{display:none!important}
  header nav>.navlinks{display:none!important}
  .dashboard-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .dashboard-sidebar{display:none!important}
  .dashboard-main{width:100%;min-width:0}
  .dashboard-app-shell{margin-bottom:22px;padding:18px}
  .dashboard-content-head{margin-bottom:18px}
  .dashboard-app-logout{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:24px 0 8px;padding:12px;border:1px solid #ead1d1;border-radius:13px;background:#fff;color:#a32929;font-weight:700}
  .mobile-dock{position:fixed;z-index:9990;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));left:16px;display:grid;height:auto;min-height:0;align-items:stretch;justify-content:stretch;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:min(400px,calc(100vw - 32px));margin:0 auto;padding:8px 12px;border:1px solid #ffffffb8;border-radius:999px;background:#fffffff0;box-shadow:0 10px 30px #0000002e;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-dock-item{position:relative;display:grid;place-items:center;align-content:center;gap:3px;min-width:0;min-height:54px;padding:6px 4px;border:0;border-radius:999px;background:transparent;color:#606875;text-decoration:none;font-size:10px;font-weight:700;line-height:1.15;white-space:nowrap;cursor:pointer}
  .mobile-dock-item svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-dock-item:hover,.mobile-dock-item.is-active,.mobile-dock-item[aria-expanded=true]{background:#edf3ff;color:#0057ff}
  .mobile-dock-options{position:absolute;right:5px;bottom:calc(100% + 12px);left:5px;display:grid;gap:4px;padding:9px;border:1px solid #e2e7ef;border-radius:18px;background:#fffffffa;box-shadow:0 16px 38px #10182824;backdrop-filter:blur(16px)}
  .mobile-dock-options[hidden]{display:none!important}
  .mobile-dock-options a{display:flex;align-items:center;min-height:48px;padding:11px 13px;border-radius:11px;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}
  .mobile-dock-options a:hover{background:#edf3ff;color:#0057ff}
  .whatsapp-contact{bottom:calc(88px + env(safe-area-inset-bottom))!important}
  .cookie-panel{bottom:calc(88px + env(safe-area-inset-bottom))!important}
}
@media(min-width:1025px){.mobile-dock{display:none}.account-menu{width:min(320px,calc(100vw - 32px));padding:9px;border:1px solid #e3e7ee;border-radius:18px;background:#fff;box-shadow:0 18px 42px #10182820}}
@media(max-width:650px){
  .dashboard-app-shell{gap:12px;padding:15px;border-radius:19px}
  .dashboard-app-header>div>strong{font-size:25px}
  .dashboard-quick-grid{gap:10px}
  .dashboard-quick-tile{gap:9px;min-height:61px;padding:12px;border-radius:15px;font-size:12px}
  .dashboard-summary-row{gap:10px;padding:16px;border-radius:15px}
  .dashboard-summary-row>span{font-size:13px}
  .dashboard-summary-row>strong{font-size:22px}
  .dashboard-profile-content dl{grid-template-columns:1fr;gap:10px}
  .dashboard-profile-content dl>dd{margin-top:-7px}
}
/* One shared page container: align every page and dashboard with the header's content edges. */
:root{--site-container-max:1280px;--site-container-gutter:26px}
.wrap{box-sizing:border-box;width:min(var(--site-container-max),calc(100% - 48px));max-width:var(--site-container-max);margin-left:auto;margin-right:auto;padding-left:var(--site-container-gutter);padding-right:var(--site-container-gutter)}
.account-page{box-sizing:border-box;width:min(var(--site-container-max),calc(100% - 48px));max-width:var(--site-container-max);margin-left:auto;margin-right:auto;padding-left:var(--site-container-gutter);padding-right:var(--site-container-gutter)}
.dashboard-layout{width:100%;max-width:none;margin-left:0;margin-right:0}
.job-page-content{max-width:none}
.job-page-content.wrap{width:min(var(--site-container-max),calc(100% - 48px));max-width:var(--site-container-max)}
.job-detail-page{box-sizing:border-box;width:100%;max-width:none;margin:0;padding-left:0;padding-right:0}
.job-detail-hero,.job-detail-lead,.job-detail-layout,.job-application{width:100%;max-width:none}
.account-editor.job-editor{width:100%;max-width:none}
.legal{max-width:none}
@media(max-width:1024px){
  :root{--site-container-gutter:10px}
  .wrap,.account-page{width:calc(100% - 24px);max-width:var(--site-container-max);padding-left:var(--site-container-gutter);padding-right:var(--site-container-gutter)}
  .job-page-content.wrap{width:calc(100% - 24px);max-width:var(--site-container-max)}
}
@media(max-width:767px){
  .job-detail-page{padding-left:0;padding-right:0}
}

/* Vacancy detail only: editorial hero, readable accordions and an application rail. */
.job-detail-page{display:block;min-width:0;color:var(--ink,#15181d)}
.job-detail-top-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;min-width:0}
.job-detail-top-actions .back-link{margin:0;flex:0 0 auto}
.job-breadcrumb{display:flex;align-items:center;justify-content:center;min-width:0;color:var(--muted,#707987);font-size:13px}
.job-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.job-breadcrumb li{min-width:0;overflow-wrap:anywhere}
.job-breadcrumb li+li::before{content:"/";margin-right:8px;color:#a3aab4}
.job-breadcrumb a{color:inherit;text-decoration:none}
.job-breadcrumb [aria-current=page]{color:var(--ink,#15181d);font-weight:650}
.job-share-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--line,#dce2eb);border-radius:999px;background:#fff;color:var(--ink,#15181d);font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.job-share-button:hover{border-color:#0057ff;background:#f5f8ff}
.job-share-button:active{transform:scale(.98)}
.job-share-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.job-detail-hero{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,52px);margin:0 0 28px}
.job-detail-media{min-width:0;overflow:hidden;border-radius:20px;background:#f1f4f8}
.job-detail-hero .job-detail-cover{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/10;object-fit:cover;object-position:center;margin:0;border-radius:20px}
.job-detail-head{display:grid;align-content:center;gap:16px;min-width:0;padding:0}
.job-contract-label{width:fit-content;max-width:100%;padding:7px 11px;border-radius:999px;background:#eff4ff;color:#174dbd;font-size:12px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.job-detail-head h1{margin:0;font-size:clamp(34px,4.4vw,58px);line-height:1.04;letter-spacing:-.045em;overflow-wrap:anywhere}
.job-company{display:flex;align-items:center;gap:12px;min-width:0}
.job-company>img,.job-company-mark{display:grid;flex:0 0 48px;place-items:center;width:48px;height:48px;object-fit:contain;border:1px solid var(--line,#e0e5ec);border-radius:14px;background:#fff}
.job-company-mark{color:#0057ff;font-size:14px;font-weight:850;letter-spacing:-.05em}
.job-company>div{display:grid;gap:3px;min-width:0}
.job-company strong{font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.job-company a{color:#0057ff;font-size:13px;text-decoration:none;overflow-wrap:anywhere}
.job-detail-badges{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.job-detail-badges>span{display:inline-flex;align-items:center;max-width:100%;min-height:34px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:650;line-height:1.25;overflow-wrap:anywhere}
.job-detail-page .job-modality-primary{border:1px solid #0057ff;background:#0057ff;color:#fff}
.job-detail-page .job-collaboration-badge{border:1px solid #dce2eb;background:#fff;color:#343a44}
.job-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0}
.job-facts>div{display:grid;align-content:start;gap:5px;min-width:0;padding:12px 14px;border:1px solid var(--line,#e3e7ed);border-radius:14px;background:#fff}
.job-facts dt{color:var(--muted,#707987);font-size:12px;font-weight:650}
.job-facts dd{margin:0;font-size:14px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.job-company-description{margin:0;color:var(--muted,#5f6876);font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.job-apply-jump{display:none}
.job-detail-columns{display:grid;width:100%;grid-template-columns:minmax(0,1.78fr) minmax(320px,.92fr);align-items:start;gap:clamp(24px,4vw,56px);margin-top:18px}
.job-detail-main{display:grid;gap:14px;min-width:0}
.job-sections-heading{margin:0 0 5px}
.job-sections-heading h2{margin:7px 0 0;font-size:clamp(27px,3vw,38px);line-height:1.12;letter-spacing:-.035em}
.job-accordion,.job-skills,.job-about-company{min-width:0;margin:0;padding:clamp(18px,2.3vw,28px);border:1px solid var(--line,#e1e6ed);border-radius:18px;background:#fff;box-shadow:0 10px 28px #12265508}
.job-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px;font-size:clamp(19px,2vw,24px);font-weight:730;line-height:1.25;list-style:none;cursor:pointer}
.job-accordion>summary::-webkit-details-marker{display:none}
.job-accordion>summary span{min-width:0;overflow-wrap:anywhere}
.job-accordion>summary svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:#657081;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.job-accordion[open]>summary svg{transform:rotate(180deg)}
.job-accordion-content{padding-top:16px}
.job-accordion-content .job-detail-content{margin:0;color:#3d4550;font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.job-accordion-content .job-requirements{display:grid;gap:10px;margin:0;padding-left:22px;color:#3d4550;font-size:16px;line-height:1.65}
.job-accordion-content .job-option-list{display:flex;flex-wrap:wrap;gap:8px}
.job-accordion-content .job-option-list span,.job-skills li{padding:8px 12px;border:1px solid #e0e6f0;border-radius:999px;background:#f7f9fc;font-size:13px;line-height:1.25}
.job-skills h2,.job-about-company h2{margin:0 0 14px;font-size:22px;line-height:1.2}
.job-skills ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.job-about-company p{margin:0;color:#3d4550;font-size:15px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.job-detail-aside{display:grid;gap:18px;min-width:0;align-self:start;position:sticky;top:92px}
.job-detail-page .job-application{position:static;width:100%;max-width:none;margin:0;padding:clamp(20px,2.5vw,30px);border:1px solid #dce5f6;border-radius:19px;background:#f8faff;box-shadow:0 14px 38px #142b4d10}
.job-detail-page .job-application h2{margin:7px 0 8px;font-size:clamp(26px,2.6vw,34px);line-height:1.1;letter-spacing:-.035em}
.job-detail-page .job-application .application-heading p{margin:0;color:var(--muted,#667080);font-size:14px;line-height:1.6}
.job-detail-page .job-application form{display:grid;gap:17px;margin-top:20px}
.application-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.application-form-grid>label{display:grid;align-content:start;gap:7px;min-width:0;font-size:13px;font-weight:650;line-height:1.4}
.application-form-grid>.application-wide,.application-form-grid>.application-message{grid-column:1/-1}
.application-form-grid input:not([type=file]),.application-form-grid textarea,.application-form-grid select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid #cfd8e6;border-radius:12px;background:#fff;color:#17191d;font:inherit;font-size:16px}
.application-form-grid textarea{min-height:118px;resize:vertical}
.application-form-grid input[type=file]{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:9px;border:1px dashed #b9c5d8;border-radius:12px;background:#fff;font:inherit;font-size:14px}
.application-upload small{color:var(--muted,#6a7483);font-size:12px;font-weight:450;line-height:1.45}
.job-detail-page .privacy-consent{display:flex;align-items:flex-start;gap:10px;min-width:0}
.job-detail-page .privacy-consent input{flex:0 0 18px;margin-top:3px}
.job-detail-page .privacy-consent span{min-width:0;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.job-detail-page .job-application form>.pill{width:100%;min-height:52px;justify-content:center}
.job-application .application-status{margin:0;color:#2b7047;font-size:14px;line-height:1.45}
.job-application .application-status.error{color:#ad2634}
.job-closed-panel{display:grid;gap:12px;padding:24px;border:1px solid #dce2eb;border-radius:18px;background:#fff}
.job-closed-panel h2,.job-closed-panel p{margin:0}
.job-closed-panel p{color:var(--muted,#667080);line-height:1.6}
.job-closed-panel .pill{width:100%;justify-content:center}
.job-related{display:grid;gap:12px;min-width:0}
.job-related h2{margin:-4px 0 2px;font-size:23px;line-height:1.2}
.job-related-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:10px;border:1px solid var(--line,#e1e6ed);border-radius:14px;background:#fff;color:inherit;text-decoration:none}
.job-related-card>img,.job-related-mark{display:grid;place-items:center;width:64px;height:54px;object-fit:cover;border-radius:9px;background:#f0f4fa}
.job-related-mark{color:#0057ff;font-size:13px;font-weight:800}
.job-related-card>span:nth-child(2){display:grid;gap:4px;min-width:0}
.job-related-card strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.job-related-card small{color:var(--muted,#707987);font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.job-related-card>b{color:#0057ff;font-size:11px;white-space:nowrap}
.job-whatsapp-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #dbe4ef;border-radius:999px;background:#fff;color:#125b41;font-weight:700;text-align:center;text-decoration:none}
.job-editor .job-application-options,.job-editor .job-seo-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin:20px 0;padding:20px;border:1px solid var(--line,#dfe4eb);border-radius:16px}
.job-editor .job-application-options legend,.job-editor .job-seo-options legend{padding:0 8px;font-weight:750}
.job-editor .job-option-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-column:1/-1}
.job-editor .job-option-toggles .check{display:flex;align-items:flex-start;gap:9px;min-width:0}
.job-editor .job-option-toggles .check span{overflow-wrap:anywhere}
.job-editor .job-seo-options>label,.job-editor .job-seo-options>.field{min-width:0}
@media(max-width:900px){.job-detail-columns{grid-template-columns:minmax(0,1fr);gap:26px}.job-detail-aside{position:static}.job-detail-aside .job-application{max-width:none}.job-editor .job-application-options,.job-editor .job-seo-options{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){.job-detail-top-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:16px}.job-detail-top-actions .job-breadcrumb{grid-column:1/-1;grid-row:2;justify-content:flex-start}.job-detail-top-actions .back-link{grid-column:1;grid-row:1}.job-detail-top-actions .job-share-button{grid-column:2;grid-row:1}.job-detail-hero{grid-template-columns:minmax(0,1fr);gap:19px;margin-bottom:18px}.job-detail-head{gap:13px}.job-detail-head h1{font-size:clamp(34px,9.5vw,48px)}.job-detail-badges{gap:7px}.job-facts{gap:9px}.job-facts>div{padding:11px;border-radius:12px}.job-facts dd{font-size:13px}.job-apply-jump{display:flex;width:100%;min-height:52px;justify-content:center;margin:0 0 18px}.job-detail-columns{gap:22px;margin-top:0}.job-detail-main{gap:11px}.job-accordion,.job-skills,.job-about-company{padding:18px;border-radius:16px}.job-accordion>summary{font-size:19px}.job-accordion-content{padding-top:12px}.job-detail-aside{gap:16px}.job-detail-page .job-application{padding:20px 17px}.application-form-grid{grid-template-columns:minmax(0,1fr);gap:13px}.application-form-grid>.application-wide,.application-form-grid>.application-message{grid-column:1}.job-related-card{grid-template-columns:56px minmax(0,1fr) auto}.job-related-card>img,.job-related-mark{width:56px;height:50px}.job-editor .job-option-toggles{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.job-detail-page *{scroll-behavior:auto!important;transition:none!important}}
.job-preview-notice{margin:0 0 16px;padding:13px 16px;border:1px solid #c7d8ff;border-radius:13px;background:#eff4ff;color:#194bbb;font-size:14px;font-weight:700}
.job-related-bottom{margin-top:clamp(32px,5vw,60px)}
.job-related-bottom .job-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.job-related-info{grid-column:2;display:grid;gap:5px;min-width:0}
.job-related-tags{display:flex;flex-wrap:wrap;gap:5px}
.job-related-tags>span{padding:4px 7px;border-radius:999px;background:#eff4ff;color:#2856a9;font-size:10px;line-height:1.2}
.job-related-card>b{grid-column:3;grid-row:1;align-self:center}
.job-editor #preview-job{min-height:44px;padding:10px 16px;border:1px solid #d3dce9;border-radius:999px;background:#fff;color:#1f2937;font-weight:700}
.job-editor #preview-job:hover{border-color:#0057ff;background:#f4f7ff;color:#0057ff}
@media(min-width:768px) and (max-width:1024px){.job-related-bottom .job-related-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.job-related-bottom .job-related-list{grid-template-columns:minmax(0,1fr)}}

/* Vacancy detail: cinematic hero and editorial 65/35 layout. Scoped to this route. */
.job-detail-body,
.job-detail-body .pagecontent{width:100%;max-width:none;margin:0;padding:0;overflow-x:hidden}
.job-detail-body .pagecontent>.job-page-content.section.wrap{width:100%;max-width:none;margin:0;padding:0}
.job-detail-body .job-detail-page{position:relative;display:block;width:100%;max-width:none;margin:0;padding:0;color:#111827}
.job-detail-body .job-detail-top-actions{position:absolute;z-index:8;top:18px;left:50%;transform:translateX(-50%);display:grid;width:min(90%,1296px);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0}
.job-detail-body .job-detail-top-actions .back-link{justify-self:start;display:inline-flex;align-items:center;min-height:42px;margin:0;padding:8px 14px;border:1px solid #ffffff55;border-radius:999px;background:#0713215c;color:#fff;font-size:13px;font-weight:650;text-decoration:none;backdrop-filter:blur(10px)}
.job-detail-body .job-detail-top-actions .back-link:hover,
.job-detail-body .job-share-button:hover{border-color:#fff;background:#ffffff1c;color:#fff}
.job-detail-body .job-breadcrumb{min-width:0;color:#ffffffc7;font-size:12px}
.job-detail-body .job-breadcrumb ol{justify-content:center;gap:7px}
.job-detail-body .job-breadcrumb li+li::before{color:#ffffff70}
.job-detail-body .job-breadcrumb [aria-current=page]{color:#fff}
.job-detail-body .job-share-button{justify-self:end;min-height:42px;border-color:#ffffff70;background:#0713215c;color:#fff;backdrop-filter:blur(10px)}
.job-detail-body .job-share-button svg{stroke:currentColor}
.job-detail-body .job-detail-hero{position:relative;isolation:isolate;display:block;width:100%;min-height:408px;margin:0;padding:94px 0 30px;overflow:hidden;background:#071321;color:#fff}
.job-detail-body .job-detail-hero::before{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,#071321e8 0%,#071321c9 36%,#07132159 68%,#07132118 100%),linear-gradient(0deg,#071321cb 0%,transparent 62%)}
.job-detail-body .job-detail-media{position:absolute;z-index:0;inset:0;min-width:0;overflow:hidden;border-radius:0;background:#071321}
.job-detail-body .job-detail-hero .job-detail-cover{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;margin:0;border-radius:0;object-fit:cover;object-position:center 42%;opacity:.9}
.job-detail-body .job-detail-hero .job-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;aspect-ratio:auto;background:radial-gradient(circle at 65% 25%,#20395b,#071321 58%);color:#fff}
.job-detail-body .job-detail-head{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:13px;width:min(90%,1296px);min-height:284px;margin:0 auto;padding:0;color:#fff}
.job-detail-body .job-detail-head .job-contract-label{display:none}
.job-detail-body .job-detail-head h1{order:1;width:min(850px,100%);margin:0;color:#fff;font-size:clamp(42px,5.2vw,74px);font-weight:750;line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}
.job-detail-body .job-detail-head .job-detail-badges{order:0;gap:8px}
.job-detail-body .job-detail-head .job-company{order:2}
.job-detail-body .job-detail-head .job-facts{order:3}
.job-detail-body .job-detail-head .job-company-description{order:4;max-width:650px;color:#ffffffbd}
.job-detail-body .job-detail-badges>span{min-height:31px;padding:6px 12px;font-size:12px}
.job-detail-body .job-modality-primary{border-color:#0659ff;background:#0659ff;color:#fff}
.job-detail-body .job-collaboration-badge{border-color:#ffffff55;background:#ffffffed;color:#111827}
.job-detail-body .job-company{gap:12px;color:#fff}
.job-detail-body .job-company>img,
.job-detail-body .job-company-mark{flex-basis:52px;width:52px;height:52px;border:1px solid #ffffff72;border-radius:50%;background:#fff;color:#071321}
.job-detail-body .job-company strong{color:#fff;font-size:16px}
.job-detail-body .job-company a,
.job-detail-body .job-company small{display:block;color:#ffffffc7;font-size:13px;line-height:1.4}
.job-detail-body .job-facts{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:10px;margin-top:5px}
.job-detail-body .job-facts>div{position:relative;display:grid;align-content:start;gap:5px;min-width:0;min-height:70px;padding:11px 13px;border-color:#ffffff2b;border-radius:13px;background:#07132175;color:#fff;backdrop-filter:blur(9px)}
.job-detail-body .job-facts dt{display:flex;align-items:center;gap:7px;color:#ffffffb5;font-size:11px}
.job-detail-body .job-facts dt::before{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#3180ff;content:""}
.job-detail-body .job-facts dd{color:#fff;font-size:13px;font-weight:600;line-height:1.4}
.job-detail-body .job-detail-content-wrap{box-sizing:border-box;width:min(100%,1440px);max-width:1440px;margin-right:auto;margin-left:auto;padding-right:5%;padding-left:5%}
.job-detail-body .job-detail-columns{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(315px,.98fr);align-items:start;gap:clamp(28px,4vw,58px);margin-top:0;padding-top:38px}
.job-detail-body .job-detail-main{display:grid;gap:23px;min-width:0}
.job-detail-body .job-accordion,
.job-detail-body .job-skills,
.job-detail-body .job-about-company{min-width:0;margin:0;padding:0;border:0;border-bottom:1px solid #e5eaf1;border-radius:0;background:transparent;box-shadow:none}
.job-detail-body .job-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:34px;padding:2px 0;font-size:clamp(19px,1.8vw,23px);font-weight:750;line-height:1.25;list-style:none;cursor:pointer}
.job-detail-body .job-accordion>summary::-webkit-details-marker{display:none}
.job-detail-body .job-accordion>summary span:first-child{min-width:0;overflow-wrap:anywhere}
.job-detail-body .job-accordion>summary::before{display:block;flex:0 0 4px;width:4px;height:24px;border-radius:8px;background:#0659ff;content:""}
.job-detail-body .job-accordion>summary svg{flex:0 0 19px;width:19px;height:19px;fill:none;stroke:#657081;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.job-detail-body .job-accordion>summary .job-accordion-chevron{margin-left:auto}
.job-detail-body .job-accordion[open]>summary .job-accordion-chevron{transform:rotate(180deg)}
.job-detail-body .job-accordion-content{padding:10px 0 22px 20px}
.job-detail-body .job-accordion-content .job-detail-content{margin:0;color:#384252;font-size:15px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}
.job-detail-body .job-accordion-content .job-requirements{display:grid;gap:7px;margin:0;padding:0;list-style:none;color:#384252;font-size:15px;line-height:1.6}
.job-detail-body .job-accordion-content .job-requirements li{position:relative;padding-left:21px}
.job-detail-body .job-accordion-content .job-requirements li::before{position:absolute;top:.55em;left:0;width:10px;height:10px;border-radius:50%;background:#0659ff;box-shadow:inset 0 0 0 3px #fff;outline:2px solid #0659ff;content:""}
.job-detail-body .job-accordion-content .job-option-list{display:flex;flex-wrap:wrap;gap:8px}
.job-detail-body .job-accordion-content .job-option-list span,
.job-detail-body .job-skill-pills li{padding:7px 12px;border:1px solid #dce7f9;border-radius:999px;background:#eff5ff;color:#34527e;font-size:12px;line-height:1.3}
.job-detail-body .job-skill-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.job-detail-body .job-meta-strip{display:flex;flex-wrap:wrap;gap:0;padding:16px;border-radius:15px;background:#f1f6ff}
.job-detail-body .job-meta-strip>div{display:flex;flex:1 1 190px;align-items:center;gap:12px;min-width:0;padding:2px 14px}
.job-detail-body .job-meta-strip>div+div{border-left:1px solid #d7e1f3}
.job-detail-body .job-meta-strip>div>span{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#0659ff}
.job-detail-body .job-meta-strip svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.job-detail-body .job-meta-strip p{display:grid;gap:2px;margin:0;line-height:1.35}
.job-detail-body .job-meta-strip strong{font-size:12px}
.job-detail-body .job-meta-strip small{color:#64748b;font-size:12px}
.job-detail-body .job-company-profile{display:grid;grid-template-columns:minmax(130px,.72fr) minmax(0,1fr);gap:20px;align-items:center}
.job-detail-body .job-company-profile>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:13px}
.job-detail-body .job-company-profile>div{min-width:0}
.job-detail-body .job-company-profile>div>strong{display:block;margin-bottom:6px;font-size:17px}
.job-detail-body .job-company-profile p{margin:0 0 9px;color:#596477;font-size:13px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
.job-detail-body .job-company-profile a{color:#0659ff;font-size:13px;font-weight:700}
.job-detail-body .job-detail-aside{position:sticky;top:100px;display:grid;gap:14px;min-width:0;align-self:start}
.job-detail-body .job-application{width:100%;max-width:none;margin:0;padding:24px;border:1px solid #dce5f6;border-radius:18px;background:#fff;box-shadow:0 12px 34px #142b4d12}
.job-detail-body .job-application .label{margin:0;color:#0659ff}
.job-detail-body .job-application h2{margin:6px 0 7px;font-size:clamp(22px,2vw,29px);line-height:1.15;letter-spacing:-.035em}
.job-detail-body .job-application .application-heading p{margin:0;color:#647084;font-size:14px;line-height:1.55}
.job-detail-body .job-application form{display:grid;gap:14px;margin-top:18px}
.job-detail-body .application-form-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.job-detail-body .application-form-grid>.application-wide,
.job-detail-body .application-form-grid>.application-message{grid-column:1}
.job-detail-body .application-form-grid>label{font-size:12px}
.job-detail-body .application-form-grid input:not([type=file]),
.job-detail-body .application-form-grid textarea,
.job-detail-body .application-form-grid select{min-height:44px;padding:10px 12px;border-radius:9px}
.job-detail-body .application-form-grid textarea{min-height:86px}
.job-detail-body .application-form-grid input[type=file]{min-height:44px;font-size:13px}
.job-detail-body .application-upload small{font-size:11px}
.job-detail-body .privacy-consent{align-items:flex-start;gap:8px}
.job-detail-body .privacy-consent input{flex:0 0 17px;margin-top:3px}
.job-detail-body .privacy-consent span{font-size:11px;line-height:1.5}
.job-detail-body .job-application form>.pill{width:100%;min-height:50px;justify-content:center;border-color:#0659ff;background:#0659ff;color:#fff;font-weight:700}
.job-detail-body .job-application form>.pill:hover{background:#004be0;box-shadow:0 10px 24px #0659ff35}
.job-detail-body .job-application .application-status{margin:0;font-size:13px}
.job-detail-body .job-application .application-status.error{color:#b42332}
.job-detail-body .job-closed-panel{display:grid;gap:10px;margin:0;padding:22px;border:1px solid #dce5f6;border-radius:18px;background:#f8faff}
.job-detail-body .job-closed-panel h2,
.job-detail-body .job-closed-panel p{margin:0}
.job-detail-body .job-closed-panel .pill{width:100%;justify-content:center}
.job-detail-body .job-whatsapp-link{min-height:46px}
.job-detail-body .job-apply-jump{display:none}
.job-detail-body .job-related-bottom{margin-top:0;padding-top:34px;padding-bottom:82px}
.job-detail-body .job-related-bottom .label{margin:0 0 8px;color:#0659ff}
.job-detail-body .job-related-bottom h2{margin:0 0 19px;font-size:clamp(26px,3vw,38px);line-height:1.15}
.job-detail-body .job-related-bottom .job-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.job-detail-body .job-related-card{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:0;min-width:0;overflow:hidden;padding:0;border:1px solid #e1e7ef;border-radius:16px;background:#fff;box-shadow:0 8px 22px #1325460b;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.job-detail-body .job-related-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #13254618}
.job-detail-body .job-related-card>img,
.job-detail-body .job-related-card>.job-related-mark{display:grid;grid-column:1;grid-row:auto;place-items:center;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0;background:#f0f4fa}
.job-detail-body .job-related-info{display:grid;grid-column:1;gap:6px;min-width:0;padding:13px 14px 8px}
.job-detail-body .job-related-card strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.job-detail-body .job-related-card small{color:#647084;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.job-detail-body .job-related-tags{display:flex;flex-wrap:wrap;gap:5px}
.job-detail-body .job-related-tags>span{padding:4px 7px;border-radius:999px;background:#eff4ff;color:#31538b;font-size:10px}
.job-detail-body .job-related-card>b{grid-column:1;grid-row:auto;justify-self:end;margin:0 14px 13px;color:#0659ff;font-size:12px}
.job-detail-body .job-preview-notice{width:min(90%,1296px);margin:14px auto;padding:12px 15px;border:1px solid #c7d8ff;border-radius:13px;background:#eff4ff;color:#194bbb;font-size:13px}
@media(min-width:1025px){
  .job-detail-body .job-detail-hero .job-detail-head{padding-left:0}
  .job-detail-body .job-detail-head .job-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1024px){
  .job-detail-body .job-detail-top-actions{width:calc(100% - 44px)}
  .job-detail-body .job-detail-head{width:calc(100% - 44px)}
  .job-detail-body .job-detail-content-wrap{width:calc(100% - 24px);max-width:none;padding-right:10px;padding-left:10px}
  .job-detail-body .job-detail-columns{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:30px}
  .job-detail-body .job-detail-aside{position:static}
  .job-detail-body .job-application{max-width:none}
  .job-detail-body .job-related-bottom{padding-top:28px}
}
@media(min-width:768px) and (max-width:1024px){
  .job-detail-body .job-detail-hero{min-height:390px}
  .job-detail-body .job-detail-head{min-height:272px}
  .job-detail-body .job-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .job-detail-body .job-related-bottom .job-related-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .job-detail-body .job-detail-top-actions{top:12px;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .job-detail-body .job-detail-top-actions .back-link{min-height:40px;padding:7px 11px;font-size:12px}
  .job-detail-body .job-detail-top-actions .job-breadcrumb{display:none}
  .job-detail-body .job-share-button{min-height:40px;padding:7px 11px;font-size:12px}
  .job-detail-body .job-detail-hero{min-height:0;padding:0}
  .job-detail-body .job-detail-hero::before{background:linear-gradient(180deg,#07132105 0%,#07132110 62%,#071321 100%)}
  .job-detail-body .job-detail-media{inset:54px 0 auto;height:clamp(240px,68vw,330px)}
  .job-detail-body .job-detail-hero .job-detail-cover{object-position:center 40%}
  .job-detail-body .job-detail-head{width:calc(100% - 44px);min-height:0;margin:0 auto;padding:clamp(250px,70vw,335px) 0 24px;gap:12px}
  .job-detail-body .job-detail-head h1{font-size:clamp(34px,9vw,48px);line-height:1.04}
  .job-detail-body .job-detail-head .job-detail-badges{gap:7px}
  .job-detail-body .job-detail-badges>span{min-height:31px;font-size:11px}
  .job-detail-body .job-company>img,
  .job-detail-body .job-company-mark{flex-basis:48px;width:48px;height:48px}
  .job-detail-body .job-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}
  .job-detail-body .job-facts>div{min-height:68px;padding:10px;border-radius:12px}
  .job-detail-body .job-facts dt{font-size:10px}
  .job-detail-body .job-facts dd{font-size:12px}
  .job-detail-body .job-apply-jump{display:flex;width:calc(100% - 44px);min-height:52px;justify-content:center;margin:16px auto 0;border-color:#0659ff;background:#0659ff;color:#fff}
  .job-detail-body .job-detail-columns{gap:22px;padding-top:23px}
  .job-detail-body .job-detail-main{gap:0}
  .job-detail-body .job-accordion,
  .job-detail-body .job-skills,
  .job-detail-body .job-about-company{padding:0;border-bottom:1px solid #e3e9f1}
  .job-detail-body .job-accordion>summary{min-height:58px;gap:11px;padding:11px 0;font-size:17px}
  .job-detail-body .job-accordion>summary::before{flex-basis:3px;width:3px;height:22px}
  .job-detail-body .job-accordion>summary svg{flex-basis:18px;width:18px;height:18px}
  .job-detail-body .job-accordion-content{padding:0 0 18px 14px}
  .job-detail-body .job-accordion-content .job-detail-content,
  .job-detail-body .job-accordion-content .job-requirements{font-size:14px}
  .job-detail-body .job-meta-strip{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:18px 0;padding:13px}
  .job-detail-body .job-meta-strip>div{padding:2px 0}
  .job-detail-body .job-meta-strip>div+div{border:0}
  .job-detail-body .job-company-profile{grid-template-columns:minmax(0,1fr);gap:13px}
  .job-detail-body .job-company-profile>img{max-height:220px}
  .job-detail-body .job-detail-aside{gap:12px}
  .job-detail-body .job-application{padding:19px 16px;border-radius:16px}
  .job-detail-body .job-application h2{font-size:25px}
  .job-detail-body .job-application form{gap:13px}
  .job-detail-body .application-form-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .job-detail-body .application-form-grid>label{font-size:13px}
  .job-detail-body .application-form-grid input:not([type=file]),
  .job-detail-body .application-form-grid textarea,
  .job-detail-body .application-form-grid select{min-height:48px;font-size:16px}
  .job-detail-body .application-form-grid textarea{min-height:100px}
  .job-detail-body .privacy-consent span{font-size:12px}
  .job-detail-body .job-related-bottom{padding-top:28px;padding-bottom:70px}
  .job-detail-body .job-related-bottom .job-related-list{grid-template-columns:minmax(0,1fr);gap:13px}
  .job-detail-body .job-related-card{grid-template-columns:120px minmax(0,1fr);align-items:center;padding:0}
  .job-detail-body .job-related-card>img,
  .job-detail-body .job-related-card>.job-related-mark{grid-column:1;grid-row:1 / span 2;width:120px;height:100%;min-height:114px;aspect-ratio:auto}
  .job-detail-body .job-related-info{grid-column:2;grid-row:1;padding:11px 11px 4px}
  .job-detail-body .job-related-card>b{grid-column:2;grid-row:2;justify-self:start;margin:0 11px 11px}
  .job-detail-body .job-preview-notice{width:calc(100% - 32px);margin:12px auto}
}
@media(prefers-reduced-motion:reduce){
  .job-detail-body .job-detail-page *{scroll-behavior:auto!important;transition:none!important}
}

.job-detail-body .job-detail-columns,
.job-detail-body .job-related-bottom{box-sizing:border-box;width:min(100%,1440px);max-width:1440px;margin-right:auto;margin-left:auto;padding-right:5%;padding-left:5%}
.job-detail-body .job-detail-columns{padding-top:38px}
.job-detail-body .job-related-bottom{padding-top:34px;padding-bottom:82px}
.job-detail-body .job-sections-heading{display:none}
@media(max-width:1024px){
  .job-detail-body .job-detail-columns,
  .job-detail-body .job-related-bottom{width:calc(100% - 24px);max-width:none;padding-right:10px;padding-left:10px}
  .job-detail-body .job-detail-columns{padding-top:30px}
  .job-detail-body .job-related-bottom{padding-top:28px}
}