/* Hallmark · macrostructure: Catalogue, single-column rows · tone: Viva editorial · anchor hue: canonical lavender
 * Existing Viva tokens, navigation and room rules take precedence over catalog rotation.
 * Local copy review. Pre-emit critique: P4 H4 E4 S5 R5 V4.
 */
html,body{overflow-x:clip}
html{scroll-behavior:smooth}
body{background:var(--vm-warm)}
[hidden]{display:none!important}
h1,h2,h3{min-width:0;overflow-wrap:anywhere}
.wf-container{width:min(var(--vm-container),calc(100% - var(--vm-gutter) - var(--vm-gutter)));margin-inline:auto}
.wf-label{margin:0 0 var(--vm-stack-xl);font:400 12px/20px var(--vm-font-body);letter-spacing:0;color:var(--vm-pencil-strong)}
.wf-hero .wf-label{color:var(--vm-text-muted-dark)}
.wf-hero .vb-shr-lead{margin-top:0}
.wf-hero .vb-shr-intro{padding-top:4px}
.wf-hero .wf-hero-action{margin-top:var(--vm-space-text-action);color:var(--vm-black);text-decoration:none;padding:16px 28px;min-height:56px;white-space:nowrap}
.wf-hero .wf-hero-action:active{background:var(--vm-lavender)}
.wf-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--vm-stack-xl);align-items:start}
.wf-section-head .vm-lead{max-width:var(--vm-measure-lead);margin:0;color:var(--vm-ink)}
.wf-department-list{list-style:none;margin:var(--vm-space-header-content) 0 0;padding:0}
.wf-department{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) 48px;align-items:center;gap:var(--vm-stack-xl);padding:var(--vm-stack-l) 0;border-top:1px solid var(--vm-rule)}
.wf-department:last-child{border-bottom:1px solid var(--vm-rule)}
.wf-department .vm-body{color:var(--vm-pencil-strong);max-width:46ch;margin:0}
.wf-link-slot{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--vm-rule);border-radius:var(--vm-radius-pill);font:400 22px/1 var(--vm-font-body);color:var(--vm-black)}
.wf-note{margin:var(--vm-stack-l) 0 0;max-width:70ch}
.wf-footer{padding:var(--vm-stack-xl) 0 var(--vm-stack-2xl)}
.wf-footer .wf-label{color:var(--vm-text-muted-dark);margin-bottom:var(--vm-stack-l)}
.wf-footer-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:var(--vm-stack-xl);align-items:start}
.wf-wordmark{font:600 40px/1.1 var(--vm-font-display);color:var(--vm-white)}
.wf-footer-placeholder{display:grid;gap:18px;max-width:180px}
.wf-footer-placeholder span{height:8px;background:var(--vm-rule-dark);display:block}
.wf-footer-placeholder span:nth-child(2){width:75%}
.wf-footer-placeholder span:nth-child(3){width:60%}
body[data-block-labels=false] .wf-label{display:none}
.wf-skip{position:absolute;top:-100px;left:20px;z-index:20;background:var(--vm-white);color:var(--vm-black);padding:16px}
.wf-skip:focus{top:12px}
/* Existing navigation remains a layout specimen; its links stay within the wireframe. */
.vm-nav__link,.vm-nav__pill{white-space:nowrap}
@media(max-width:991px){.wf-department{gap:var(--vm-stack-l)}.wf-footer-layout{gap:var(--vm-stack-l)}}
@media(max-width:767px){
 .wf-review-bar{padding:12px 20px;gap:16px;align-items:flex-start}.wf-review-bar>div{display:block}.wf-review-bar>div>span{display:block;font-size:10px;margin-top:2px}.wf-review-bar label{font-size:11px}
 .wf-label{margin-bottom:var(--vm-stack-l);font-size:11px}
 .wf-hero .vb-shr-lead{gap:var(--vm-stack-l)}
 .wf-section-head{grid-template-columns:minmax(0,1fr);gap:var(--vm-stack-m)}
 .wf-department-list{margin-top:var(--vm-stack-l)}
 .wf-department{grid-template-columns:minmax(0,1fr) 44px;gap:var(--vm-stack-s) var(--vm-stack-m);padding:var(--vm-stack-l) 0}
 .wf-department h3{grid-column:1;grid-row:1}.wf-department p{grid-column:1;grid-row:2;font-size:14px;line-height:1.7}.wf-link-slot{grid-column:2;grid-row:1/3;width:44px;height:44px;font-size:20px}
 .wf-department .vm-h4{font-size:28px}
 .wf-note{margin-top:var(--vm-stack-l);margin-bottom:0}
 .wf-footer{padding:var(--vm-stack-l) 0 var(--vm-stack-xl)}
 .wf-footer-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--vm-stack-l)}.wf-wordmark{grid-column:1/-1;font-size:32px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Collapse the editorial split before its supporting column becomes too narrow. */
@media(max-width:991px){
 .wf-hero .vb-shr-lead{grid-template-columns:minmax(0,1fr);gap:var(--vm-stack-l);align-items:start}
 .wf-hero .vb-shr-intro{max-width:var(--vm-measure-lead)}
 .wf-section-head{grid-template-columns:minmax(0,1fr);gap:var(--vm-stack-m)}
}
/* User-selected header treatment: moving Viva footage + one 80% black overlay. */
.wf-hero{--wf-header-overlay-opacity:.8;position:relative;isolation:isolate;overflow:clip;container-type:inline-size}
.wf-motion,.wf-motion picture,.wf-motion-mount,.wf-motion-overlay{position:absolute;inset:0}
.wf-motion{z-index:0;pointer-events:none}
.wf-motion img{width:100%;height:100%;object-fit:cover;object-position:center}
.wf-motion-mount{opacity:0}
.wf-motion[data-playing=true] .wf-motion-mount{opacity:1}
.wf-motion iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.wf-motion-overlay{z-index:1;background:var(--vm-night);opacity:var(--wf-header-overlay-opacity);pointer-events:none}
.wf-hero>.vb-container{position:relative;z-index:2}
.wf-hero :is(.vb-shr-title,.vb-shr-sub,.wf-label){color:var(--vm-white)}

/* Creative department: shared Viva hero, role index and application placement.
 * Pre-emit critique: P4 H4 E4 S4 R5 V4. Layout and placeholder copy are user-directed.
 */
.wf-breadcrumb{display:flex;align-items:center;gap:var(--vm-stack-s);margin-bottom:var(--vm-stack-l);font:400 14px/1.5 var(--vm-font-body);color:var(--vm-white)}
.wf-breadcrumb a{display:inline-flex;align-items:center;gap:var(--vm-stack-xs);min-height:44px;color:inherit;text-decoration:none;white-space:nowrap}
.wf-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.wf-breadcrumb a:focus-visible{outline-color:var(--vm-focus-on-dark)}
.wf-breadcrumb [aria-current]{color:var(--vm-lavender)}
.wf-department--available{position:relative}
.wf-department-link{color:inherit;text-decoration:none}
.wf-department-link::after{content:"";position:absolute;inset:0}
.wf-department-link:focus-visible{outline:none}
.wf-department-link:focus-visible::after{outline:2px solid var(--vm-focus);outline-offset:4px}
.wf-department--available:hover .wf-link-slot{background:var(--vm-black);border-color:var(--vm-black);color:var(--vm-white)}
.wf-department--available:active .wf-link-slot{background:var(--vm-indigo);color:var(--vm-white)}
.wf-role-list{margin-top:var(--vm-space-header-content);border-bottom:1px solid var(--vm-rule)}
.wf-role{border-top:1px solid var(--vm-rule)}
.wf-role>summary{display:flex;justify-content:space-between;align-items:center;gap:var(--vm-stack-m);padding:var(--vm-stack-l) 0;list-style:none;cursor:pointer}
.wf-role>summary::-webkit-details-marker{display:none}
.wf-role>summary h3{margin:0;white-space:nowrap}
.wf-role>summary:hover{color:var(--vm-indigo)}
.wf-role>summary:active .wf-role-toggle{background:var(--vm-black);color:var(--vm-white)}
.wf-role-toggle{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid var(--vm-rule);border-radius:var(--vm-radius-pill);font:400 24px/1 var(--vm-font-body)}
.wf-role-toggle::before{content:"+"}
.wf-role[open] .wf-role-toggle::before{content:"−"}
.wf-role[open] .wf-role-toggle{background:var(--vm-lavender);border-color:var(--vm-lavender);color:var(--vm-black)}
.wf-role-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--vm-stack-xl);padding:0 0 var(--vm-stack-xl)}
.wf-role-detail h5{margin:0 0 var(--vm-space-title-text)}
.wf-role-detail p{margin:0;max-width:var(--vm-measure-lead);color:var(--vm-pencil-strong)}
.wf-role-detail ul{margin:0;padding-left:var(--vm-stack-m);color:var(--vm-pencil-strong)}
.wf-role-detail li+li{margin-top:var(--vm-stack-2xs)}
.wf-application-room{background:var(--vm-white)}
.wf-application-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--vm-stack-xl);align-items:start}
.wf-application-intro .vm-lead{margin:var(--vm-space-display-text) 0 0;max-width:var(--vm-measure-lead)}
.wf-form-slot{padding:var(--vm-card-pad);border:1px dashed var(--vm-pencil);background:var(--vm-cream);border-radius:var(--vm-radius-card)}
.wf-form-slot p{margin:0;color:var(--vm-pencil-strong)}
.wf-form-slot p:first-child{font-weight:600;color:var(--vm-black)}
.wf-form-lines{display:grid;gap:var(--vm-stack-m);margin:var(--vm-stack-l) 0}
.wf-form-lines span{height:40px;background:var(--vm-warm);border-bottom:1px solid var(--vm-rule)}
.wf-form-lines span:last-child{height:80px}
.wf-back-link{display:inline-flex;align-items:center;gap:var(--vm-stack-xs);min-height:44px;margin-top:var(--vm-stack-xl);color:var(--vm-black);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.wf-back-link:hover{color:var(--vm-indigo)}
@media(max-width:991px){
 .wf-application-layout{grid-template-columns:minmax(0,1fr);gap:var(--vm-stack-l)}
 .wf-role-detail{gap:var(--vm-stack-l)}
}
@media(max-width:767px){
 .wf-breadcrumb{gap:var(--vm-stack-xs);font-size:12px;margin-bottom:var(--vm-stack-m)}
 .wf-role-list{margin-top:var(--vm-stack-l)}
 .wf-role>summary{gap:var(--vm-stack-s);padding:var(--vm-stack-m) 0}
 .wf-role>summary h3{font-size:clamp(22px,6vw,28px);line-height:1.2}
 .wf-role-toggle{width:44px;height:44px;font-size:22px}
 .wf-role-detail{grid-template-columns:minmax(0,1fr);gap:var(--vm-stack-l);padding-bottom:var(--vm-stack-l)}
 .wf-role-detail h5{font-size:24px}
 .wf-back-link{margin-top:var(--vm-stack-l)}
}

/* Approved department pattern extended with catalogue search and role groups.
 * Existing Viva tokens, spacing, and hero are retained. Critique: P4 H4 E4 S4 R5 V4.
 */
.wf-role-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--vm-stack-l);margin-top:var(--vm-space-header-content)}
.wf-role-search{width:min(100%,520px);min-width:0}
.wf-role-search-control{display:flex;align-items:center;gap:var(--vm-stack-m)}
.wf-role-search-control input{min-width:0;border-color:var(--vm-pencil);color:var(--vm-ink);transition:none}
.wf-role-search-control input:focus-visible{outline:2px solid var(--vm-focus);outline-offset:2px}
.wf-role-search-control button:disabled{color:var(--vm-pencil);cursor:default;text-decoration:none}
.wf-role-count{margin:var(--vm-stack-xs) 0 0;color:var(--vm-pencil-strong)}
.wf-ai-jump{display:inline-flex;align-items:center;gap:var(--vm-stack-xs);min-height:44px;color:var(--vm-ink);white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.wf-ai-jump:hover,.wf-ai-jump:active{color:var(--vm-indigo)}
.wf-role-group{margin-top:var(--vm-stack-xl);scroll-margin-top:var(--vm-stack-l)}
.wf-role-group-heading{color:var(--vm-black);margin:0 0 var(--vm-stack-l)}
.wf-role-group .wf-role-list{margin-top:0}
.wf-role>summary .wf-role-title{margin:0;white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:var(--vm-type-h5-size);line-height:var(--vm-type-h5-lh);color:var(--vm-pencil)}
.wf-role>summary:hover .wf-role-title{color:var(--vm-indigo)}
.wf-role-empty{margin:var(--vm-stack-xl) 0 0;color:var(--vm-pencil-strong)}
@media(max-width:767px){
 .wf-role-tools{align-items:flex-start;flex-direction:column;gap:var(--vm-stack-m);margin-top:var(--vm-stack-l)}
 .wf-role-search-control{gap:var(--vm-stack-s)}
 .wf-role-group{margin-top:var(--vm-stack-l)}
 .wf-role>summary .wf-role-title{font-size:var(--vm-type-h6-size);line-height:var(--vm-type-h6-lh)}
}
.wf-role-search-control button{min-height:52px}
.wf-role-search-control input:hover{background:var(--vm-cream)}

/* Production specialty index: existing Viva catalogue, type and spacing.
 * Hallmark pre-emit critique: P4 H4 E4 S5 R5 V4.
 */
.wf-role-index{margin-top:var(--vm-stack-l)}
.wf-role-index-label{margin:0 0 var(--vm-stack-s);color:var(--vm-pencil-strong)}
.wf-role-index ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--vm-stack-xl);list-style:none;margin:0;padding:0}
.wf-role-index li{border-bottom:1px solid var(--vm-rule);min-width:0}
.wf-role-index a{display:flex;align-items:center;justify-content:space-between;gap:var(--vm-stack-s);min-height:56px;padding:var(--vm-stack-xs) 0;color:var(--vm-ink);font:400 16px/1.5 var(--vm-font-body);text-decoration:none;white-space:nowrap}
.wf-role-index a:hover,.wf-role-index a:active{color:var(--vm-indigo);text-decoration:underline;text-underline-offset:4px}
.wf-role-index a:focus-visible{outline:2px solid var(--vm-focus);outline-offset:2px}
.wf-role-index-count{color:var(--vm-pencil-strong);font-variant-numeric:tabular-nums}
@media(max-width:767px){.wf-role-index ul{grid-template-columns:minmax(0,1fr)}}

/* Contact routing reuses Viva's outlined pill and canonical contact form layout.
 * Hallmark component scope: no new macrostructure; P4 H4 E4 S5 R5 V4.
 * A native navigation link has hover/focus/active states; async states do not apply.
 */
.wf-careers-callout{--wf-callout-surface:var(--vm-gold);display:flex;align-items:center;justify-content:space-between;gap:var(--vm-stack-l);padding:var(--vm-stack-l);background:var(--wf-callout-surface);border-radius:var(--vm-radius-card)}
.wf-careers-callout[data-tone="gold"]{--wf-callout-surface:var(--vm-gold)}
.wf-careers-callout[data-tone="lavender"]{--wf-callout-surface:var(--vm-lavender)}
.wf-careers-callout[data-tone="rose"]{--wf-callout-surface:var(--vm-rose)}
.wf-careers-callout h2{margin:0 0 var(--vm-stack-xs);color:var(--vm-black)}
.wf-careers-callout p{margin:0;max-width:var(--vm-measure-lead);color:var(--vm-ink)}
.wf-routing-button{min-height:48px;flex-shrink:0;transition:none}
.wf-routing-button:focus-visible{outline:2px solid var(--vm-focus);outline-offset:4px}
.wf-routing-button:active{background:var(--vm-indigo);color:var(--vm-white)}
.wf-contact-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;margin-top:var(--vm-stack-xl)}
.wf-contact-layout .vm-form__card h2{margin:0}
.wf-contact-layout textarea.vm-form__field{padding-inline:16px}
.wf-contact-layout :disabled{opacity:.55;cursor:not-allowed}
.wf-contact-note{margin:0 0 var(--vm-stack-l);color:var(--vm-pencil-strong)}
.wf-careers-intro>.wf-routing-button{margin-top:var(--vm-stack-l)}
.wf-careers-intro>.wf-contact-note{margin:var(--vm-stack-m) 0 0;max-width:var(--vm-measure-lead)}
.wf-careers-detail{margin:var(--vm-stack-m) 0 0;max-width:var(--vm-measure-lead);color:var(--vm-ink)}
.wf-group-intro{margin:0 0 var(--vm-stack-l);max-width:var(--vm-measure-lead);color:var(--vm-ink)}
@media(max-width:991px){.wf-contact-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){.wf-careers-callout{flex-direction:column;align-items:flex-start;gap:var(--vm-stack-m);padding:var(--vm-stack-m)}.wf-contact-layout{margin-top:var(--vm-stack-l)}}

.careers-page{background:var(--vm-warm)}
.careers-page .wf-field-error{color:var(--vm-ink)}
.careers-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}