.work-studio{background:#ebe8da;padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(5rem,8vw,8rem);position:relative;isolation:isolate}
.work-studio::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(23,63,64,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,63,64,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(115deg,transparent,#000 22%,#000 78%,transparent)}
.work-studio-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);align-items:end;gap:clamp(2rem,8vw,8rem);max-width:1480px;margin:0 auto 2.75rem}
.work-studio-intro h2{font-size:clamp(3.6rem,7vw,8rem);line-height:.98;letter-spacing:-.09em;font-weight:600;margin:1.3rem 0 0}
.work-studio-intro h2 em{font-style:normal;color:#a77a35}
.work-studio-intro p{font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.7;max-width:45ch;color:#344c48;margin:0 0 1.6rem}
.work-studio-note{display:block;padding-top:.8rem;border-top:1px solid rgba(23,63,64,.28);font-size:.64rem;line-height:1.4;letter-spacing:.16em;font-weight:700;color:#496760}
.work-studio-console{max-width:1480px;margin:auto;color:#f6f1e5;background:#102f31;border:1px solid #30595a;box-shadow:0 26px 70px rgba(26,60,56,.18),16px 16px 0 rgba(175,134,70,.22);position:relative;overflow:hidden}
.work-studio-console::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 18%,rgba(191,146,68,.15),transparent 32%),linear-gradient(rgba(210,230,220,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(210,230,220,.045) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px}
.work-studio-console>*{position:relative;z-index:1}
.work-studio-top,.work-studio-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1.25rem,2.5vw,2.4rem);font-size:.64rem;line-height:1.4;letter-spacing:.14em;font-weight:700;color:#b5cac1}
.work-studio-top{border-bottom:1px solid rgba(220,235,224,.2)}
.work-studio-top>span:first-child{color:#f2ead7}.work-studio-top i{display:inline-block;width:7px;height:7px;background:#ddb36a;transform:rotate(45deg);margin-right:.65rem;vertical-align:middle}
.work-studio-foot{border-top:1px solid rgba(220,235,224,.2);color:#93ada8}
.work-studio-foot>span:first-child{color:#dcb164}
.work-studio-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(220,235,224,.18);border-bottom:1px solid rgba(220,235,224,.2)}
.work-studio-scene:not(:first-child):not(.is-active){display:none}
.work-studio.is-enhanced .work-studio-switch{display:grid}
.work-studio-choice{min-width:0;min-height:96px;text-align:left;display:grid;align-content:center;gap:.18rem;background:#14393a;border:0;border-bottom:2px solid transparent;color:#f7f1e3;padding:1.2rem clamp(1rem,2vw,2rem);cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease}
.work-studio-choice span{color:#c1b38c;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.work-studio-choice strong{font-size:clamp(.9rem,1.3vw,1.18rem);line-height:1.28;letter-spacing:-.03em;font-weight:600}
.work-studio-choice:hover,.work-studio-choice.is-active{background:#e7c586;color:#112f30;border-bottom-color:#8d621f}
.work-studio-choice:hover span,.work-studio-choice.is-active span{color:#5e4b2f}
.work-studio-choice:focus-visible,.work-studio-replay:focus-visible,.work-studio-outcome a:focus-visible{outline:3px solid #f6c776;outline-offset:-5px;position:relative;z-index:4}
.work-studio-scene{padding:clamp(1.2rem,2.5vw,2.5rem)}
.work-studio-scene[hidden]{display:none!important}
.work-studio-scene+.work-studio-scene{border-top:1px solid rgba(220,235,224,.25)}
.work-studio-scene-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:2.2rem}
.work-studio-scene-head>span{color:#e6bb70;font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;white-space:nowrap}
.work-studio-scene-head>strong{font-size:clamp(1.4rem,2.1vw,2.2rem);line-height:1.15;letter-spacing:-.06em;font-weight:600}
.work-studio-replay{display:none;margin-left:auto;align-items:center;padding:.35rem 0;background:transparent;color:#f0e7d6;border:0;border-bottom:1px solid rgba(220,235,224,.55);font-size:.68rem;font-weight:700;letter-spacing:.06em;cursor:pointer}
.work-studio.is-enhanced .work-studio-replay{display:inline-flex}
.work-studio-replay:hover{color:#e7c586;border-color:#e7c586}
.work-studio-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.65rem,1.2vw,1.35rem);position:relative}
.work-studio-flow::before,.work-studio-flow::after{content:"";position:absolute;top:11px;left:7%;right:7%;height:1px;pointer-events:none}
.work-studio-flow::before{background:rgba(225,194,128,.34)}
.work-studio-flow::after{background:#e2b164;transform-origin:left;transform:scaleX(1)}
.work-studio-stage{position:relative;min-width:0;min-height:224px;padding:2.2rem clamp(.9rem,1.45vw,1.6rem) 1.25rem;background:#e9e8dc;color:#153536;border:1px solid #b9c9be;box-shadow:7px 7px 0 rgba(0,0,0,.12)}
.work-studio-stage:last-child{background:#dfbd7a;border-color:#d9bd88}
.work-studio-node{position:absolute;top:-7px;left:clamp(.9rem,1.45vw,1.6rem);z-index:2;width:15px;height:15px;background:#e6bc72;border:3px solid #103233;border-radius:50%;box-shadow:0 0 0 3px #e6bc72}
.work-studio-stage:last-child .work-studio-node{background:#103233;box-shadow:0 0 0 3px #e6bc72}
.work-studio-stage-index{display:block;font-size:.6rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#4b6e69}
.work-studio-stage:last-child .work-studio-stage-index{color:#624a28}
.work-studio-stage p{font-size:clamp(.84rem,1vw,.99rem);font-weight:500;line-height:1.55;letter-spacing:-.018em;margin:2.3rem 0 0;max-width:28ch}
.work-studio-outcome{margin-top:clamp(1.1rem,1.8vw,1.8rem);display:grid;grid-template-columns:minmax(140px,.4fr) minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;padding:1.5rem 0 .3rem;border:0;border-top:1px solid rgba(229,192,112,.5);background:transparent}
.work-studio-outcome>span{font-size:.61rem;font-weight:700;letter-spacing:.15em;color:#e3bd78}
.work-studio-outcome>strong{font-size:clamp(1.4rem,2.1vw,2.2rem);line-height:1.14;letter-spacing:-.055em;font-weight:600;max-width:34ch}
.work-studio-outcome>div{display:grid;justify-items:start;gap:.6rem}.work-studio-outcome a{font-size:.875rem;line-height:1.4;font-weight:700;white-space:nowrap;color:#f6e2b9;padding:.25rem 0;border:0;border-bottom:1px solid rgba(246,226,185,.6);text-decoration:none}.work-studio-outcome a:first-child{background:#e7c586;color:#173a39;border:1px solid #e7c586;padding:.72rem 1.1rem;text-align:center}.work-studio-outcome a:first-child:hover{background:#f3d7a0;border-color:#f3d7a0}.work-studio-outcome a:not(:first-child):hover{color:#f3d7a0;border-color:#f3d7a0;text-decoration:none}
.work-studio-scene.is-playing .work-studio-flow::after{animation:studio-trace .7s cubic-bezier(.2,.7,.2,1) both}
.work-studio-scene.is-playing .work-studio-stage{animation:studio-stage-in .56s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--stage)*.07s)}
.work-studio-scene.is-playing .work-studio-outcome{animation:studio-stage-in .55s .2s cubic-bezier(.2,.7,.2,1) both}
@keyframes studio-stage-in{from{opacity:.62;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes studio-trace{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1050px){.work-studio-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.work-studio-flow::before,.work-studio-flow::after{display:none}.work-studio-stage{min-height:185px}.work-studio-outcome{grid-template-columns:minmax(130px,.35fr) 1fr}.work-studio-outcome>div{grid-column:2;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem}.work-studio-choice{padding:1.1rem}}
@media(max-width:700px){.work-studio{padding-top:3.5rem;padding-bottom:3.5rem}.work-studio-intro{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.work-studio-intro h2{font-size:clamp(3.5rem,13vw,6.2rem)}.work-studio-intro p{margin:0 0 .7rem}.work-studio-console{box-shadow:7px 7px 0 rgba(175,134,70,.22)}.work-studio-top,.work-studio-foot{font-size:.51rem;padding:.8rem 1rem}.work-studio-top>span:last-child,.work-studio-foot>span:last-child{display:none}.work-studio-switch{grid-template-columns:1fr}.work-studio-choice{min-height:72px;grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.8rem 1rem}.work-studio-choice span{font-size:.55rem;line-height:1.4}.work-studio-choice strong{font-size:.92rem}.work-studio-scene{padding:1rem}.work-studio-scene-head{flex-wrap:wrap;align-items:center;gap:.35rem .7rem;margin-bottom:1.3rem}.work-studio-scene-head>span{width:100%}.work-studio-replay{margin-left:auto}.work-studio-flow{grid-template-columns:1fr;gap:.55rem}.work-studio-stage{min-height:0;padding:1rem 1.1rem 1rem 2.8rem;box-shadow:none}.work-studio-stage p{font-size:.85rem;margin:.5rem 0 0;max-width:none}.work-studio-node{top:1.2rem;left:1rem;width:11px;height:11px;border:2px solid #103233;box-shadow:0 0 0 2px #e6bc72}.work-studio-outcome{grid-template-columns:1fr;gap:.75rem;padding:1.15rem 0 0}.work-studio-outcome>strong{font-size:1.5rem}.work-studio-outcome>div{grid-column:1;display:grid;justify-items:stretch;gap:.65rem;width:100%;margin-top:.3rem}.work-studio-outcome a{white-space:normal;text-align:left}.work-studio-outcome a:first-child{text-align:center}}
@media(prefers-reduced-motion:reduce){.work-studio-choice,.work-studio-replay,.work-studio-scene.is-playing .work-studio-flow::after,.work-studio-scene.is-playing .work-studio-stage,.work-studio-scene.is-playing .work-studio-outcome{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.work-studio.is-enhanced .work-studio-replay{display:none}}