.keyboard-studio{position:absolute;inset:64px 0 0;z-index:12;isolation:isolate;overflow:clip;background:#121212;color:#f7f5ee;font-family:CareerDisplay,Arial,sans-serif}.keyboard-studio[hidden]{display:none}.keyboard-studio *{box-sizing:border-box}.ks-render{position:absolute;inset:0}.ks-render canvas{display:block;width:100%;height:100%}.ks-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#121212bd,transparent 30%,transparent 75%,#121212dc)}.ks-heading{position:absolute;top:5%;left:5%;right:5%;display:flex;justify-content:space-between;pointer-events:none;gap:20px}.ks-heading span{font:11px monospace;letter-spacing:.16em;color:#d4d1c8}.ks-heading h1{font-size:clamp(30px,3.2vw,56px);line-height:1.08;letter-spacing:-.035em;font-weight:500;margin:18px 0}.ks-heading em{font-style:normal;color:#f2cf36}.ks-heading p{font-size:15px;line-height:1.6;margin:0;color:#d4d1c8}.ks-controls{position:absolute;left:5%;right:5%;bottom:24px;display:flex;gap:24px;align-items:center;justify-content:space-between}.ks-controls button,.ks-controls a{color:#f7f5ee;background:#181818c9;border:1px solid #f7f5ee33;border-radius:30px;padding:12px 18px;min-height:44px;text-decoration:none;font:13px Arial;cursor:pointer;white-space:nowrap}.ks-controls button:hover,.ks-controls a:hover{background:#33322c}.ks-controls a{background:#f2cf36;color:#121212;border:0}.ks-timeline{width:min(440px,45%);display:flex;flex-direction:column;gap:10px}.ks-steps{display:flex;justify-content:space-between;gap:8px}.ks-steps button{background:transparent;border:0;padding:8px 10px;font:11px monospace;min-height:44px}.ks-steps b{font:13px Arial;margin-left:7px}.ks-steps button[aria-pressed=true]{color:#f2cf36;background:#f2cf361c}.ks-timeline input{width:100%;accent-color:#f2cf36;cursor:ew-resize;height:14px;margin:0}.ks-loading{position:absolute;inset:0;display:grid;place-items:center;background:#121212;font:16px Arial}.ks-loading[hidden]{display:none}.ks-fallback{display:none}.ks-failed .ks-fallback{display:block;position:absolute;top:45%;left:8%;font-size:26px}.ks-failed .ks-loading,.ks-failed .ks-controls,.ks-failed .ks-heading{display:none}.keyboard-studio :focus-visible{outline:2px solid #f2cf36;outline-offset:5px}#stage.digital-active{overflow:clip}#stage.digital-active :is(#architecture,#bulb-model,#intro,#craft,#possibilities,#feather,#shadow,#rings,#organic-wipe,.brand-orbit-layer,#skip,.search-hero){visibility:hidden!important;pointer-events:none!important}
@media(max-width:700px){.keyboard-studio{inset:60px 0 0}.ks-heading{top:25px;left:6%;right:6%}.ks-heading span{font-size:9px;letter-spacing:.06em}.ks-heading h1{font-size:32px;margin-top:14px}.ks-heading p{display:none}.ks-controls{left:5%;right:5%;bottom:15px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.ks-timeline{grid-column:1/-1;grid-row:1;width:100%}.ks-controls button,.ks-controls a{font-size:12px;padding:11px;text-align:center}.ks-steps button{font-size:10px}.ks-steps b{font-size:12px}.ks-replay{grid-column:1}.ks-pause{grid-column:2}.ks-controls a{grid-column:3}.ks-shade{background:linear-gradient(180deg,#121212cc,transparent 35%,transparent 65%,#121212ee)}}

.keyboard-studio .ks-heading h1{color:#f7f5ee!important;background:none!important;-webkit-text-fill-color:initial!important}.keyboard-studio .ks-heading h1 em{color:#f2cf36!important}.ks-controls{z-index:5;pointer-events:auto}.keyboard-studio{pointer-events:auto}.ks-render{z-index:0}.ks-heading{z-index:2}.ks-shade{z-index:1}.ks-loading{z-index:6}.ks-loading[hidden]{display:none}

/* Quiet film controls: no chapter tabs, dots or progress strip. */
.ks-controls{justify-content:flex-start;gap:10px}.ks-controls a{margin-left:auto}.ks-controls button{background:#12121280}.ks-controls{transition:opacity .2s}.ks-controls:hover{opacity:1}@media(max-width:700px){.ks-controls{display:flex;gap:8px}.ks-replay,.ks-pause,.ks-controls a{grid-column:auto}.ks-controls a{margin-left:auto}}

.ks-idea{position:absolute;z-index:2;left:7%;top:34%;width:36%;opacity:0;pointer-events:none}.ks-idea span{font:10px monospace;letter-spacing:.15em;color:#f2cf36}.ks-idea h2{font:500 clamp(28px,3.8vw,68px)/1.08 CareerDisplay,Arial,sans-serif;letter-spacing:-.04em;margin:20px 0;color:#f7f5ee!important;background:none!important;-webkit-text-fill-color:initial!important}.ks-idea em{font-style:normal;color:#f2cf36}.ks-idea p{font:15px/1.6 Arial;color:#c9c7be;max-width:330px}@media(max-width:700px){.ks-idea{top:17%;left:6%;width:50%}.ks-idea h2{font-size:28px}.ks-idea p{font-size:12px}.ks-idea span{font-size:8px}}

/* Restore the original feather before the light-bulb chapter. */
.home1 #feather .vane,.home1 .small-feather{mask:url('/wp-content/themes/digitoria-motion/assets/img/career2/alpha.jpg') center/100% 100% luminance!important;background-size:100% 100%!important}.home1 #feather .white,.home1 .small-feather{background-image:url('/wp-content/themes/digitoria-motion/assets/img/career2/white.png')!important}.home1 #feather .black{background-image:url('/wp-content/themes/digitoria-motion/assets/img/career2/black.png')!important}.home1 #feather{filter:none!important}

/* The outgoing monitor is fully covered by light before the bulb is revealed. */
.ks-light-bridge{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 34% 46%,#fff7d6 0%,#f7f5ee 65%);will-change:opacity}.ks-controls{z-index:5}.ks-sound[aria-pressed=true]{border-color:#f2cf36;color:#f2cf36}@media(max-width:700px){.ks-controls{gap:5px}.ks-controls button,.ks-controls a{font-size:11px;padding:10px 9px}}

@media(max-width:700px){.ks-heading{top:24px;left:6%;right:6%}.ks-heading h1{font-size:clamp(27px,7.5vw,40px);max-width:90%;line-height:1.1}.ks-heading span{font-size:9px}.ks-controls{bottom:max(18px,env(safe-area-inset-bottom));gap:8px}.ks-controls button,.ks-controls a{min-height:44px;padding:12px 14px;font-size:12px}.ks-render{touch-action:pan-y}}@media(max-width:360px){.ks-controls button,.ks-controls a{padding:10px 11px}.ks-heading span{font-size:8px}}@media(max-height:500px) and (orientation:landscape){.ks-heading{top:12px}.ks-heading h1{font-size:25px;margin:8px 0}.ks-heading p{display:none}.ks-controls{bottom:10px}}