/* Five project stories. Scoped independently from the homepage motion system. */
.yu-site .behind-work{background:var(--ch-bg,#0e0e0e);color:var(--ch-text,#f5f5f5);padding:100px 0 24px;overflow:clip;scroll-margin-top:100px}
.yu-site .bw-heading{padding:0 4vw;max-width:1600px;margin:auto}
.yu-site .bw-eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--ch-copy,#b8b8b8);letter-spacing:.04em}
.yu-site .bw-heading h2{font-size:clamp(32px,4.4vw,68px);line-height:1.3;font-weight:500;margin:48px 0 20px;letter-spacing:-.035em}
.yu-site .bw-heading>p{max-width:690px;font-size:16px;line-height:1.9;color:var(--ch-copy,#b8b8b8);margin:0}
.yu-site .bw-carousel{margin-top:22px}
.yu-site .bw-stage{position:relative;height:clamp(370px,44vw,650px);isolation:isolate;touch-action:pan-y;max-width:1700px;margin:auto}
.yu-site .bw-card{position:absolute;left:50%;top:50%;width:clamp(300px,45vw,650px);padding:0;overflow:hidden;border:1px solid #666;border-radius:18px;background:#202020;color:#f5f5f5;text-align:left;cursor:pointer;box-shadow:0 24px 60px #0007;transform:translate(-50%,-50%);transition:transform .5s cubic-bezier(.22,.7,.25,1),filter .5s,opacity .5s;filter:brightness(1);z-index:5}
.yu-site .bw-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e6e6e6;pointer-events:none;filter:none}
.yu-site .bw-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;min-height:106px}
.yu-site .bw-card-footer>span:first-child{min-width:0}
.yu-site .bw-number{display:block;color:#b8b8b8;font-size:14px;margin-bottom:8px}
.yu-site .bw-card strong{display:block;font-size:clamp(17px,1.65vw,24px);font-weight:500;line-height:1.4}
.yu-site .bw-circle{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #777;border-radius:50%;font-size:23px}
.yu-site .bw-card[data-position="-1"]{transform:translate(-102%,-48%) rotate(-9deg) scale(.82);z-index:4;filter:brightness(.62)}
.yu-site .bw-card[data-position="1"]{transform:translate(2%,-48%) rotate(9deg) scale(.82);z-index:4;filter:brightness(.62)}
.yu-site .bw-card[data-position="-2"]{transform:translate(-140%,-42%) rotate(-16deg) scale(.66);z-index:3;filter:brightness(.4)}
.yu-site .bw-card[data-position="2"]{transform:translate(40%,-42%) rotate(16deg) scale(.66);z-index:3;filter:brightness(.4)}
.yu-site .bw-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:12px 22px 26px}
.yu-site .bw-arrow{width:48px;height:48px;border:1px solid #777;border-radius:50%;font-size:23px;background:transparent;color:inherit;cursor:pointer}
.yu-site .bw-pagination{display:flex;gap:8px}
.yu-site .bw-pagination button{width:36px;height:40px;padding:0;border:0;border-bottom:1px solid transparent;background:transparent;color:#b8b8b8;font-size:14px;cursor:pointer}
.yu-site .bw-pagination button[aria-pressed=true]{color:#fff;border-color:#fff}
.yu-site .bw-active-copy{text-align:center;max-width:670px;padding:0 22px;margin:auto}
.yu-site .bw-active-name{font-size:18px;line-height:1.6;margin:0 0 8px}
.yu-site .bw-active-intro{font-size:14px;line-height:1.9;color:var(--ch-copy,#b8b8b8);min-height:54px;margin:0 0 20px}
.yu-site .bw-read{display:inline-flex;align-items:center;gap:30px;padding:14px 24px;border:1px solid #999;border-radius:30px;font-size:14px;color:#171717;background:#eaeaea;cursor:pointer}
.yu-site .behind-work button:focus-visible,.yu-site .bw-dialog :focus-visible{outline:3px solid #aaa;outline-offset:5px}
.yu-site .bw-dialog{position:fixed;inset:0;margin:auto;width:calc(100vw - 32px);max-width:1800px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #888;border-radius:16px;background:#f3f3f3;color:#202020;overflow:hidden;box-shadow:0 30px 100px #0008}
.yu-site .bw-dialog::backdrop{background:#000b}
.yu-site .bw-dialog[open]{display:flex;flex-direction:column}
.yu-site .bw-toolbar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid #ccc;background:#f3f3f3;font-size:14px}
.yu-site .bw-device{display:flex;gap:4px;background:#e1e1e1;padding:4px;border-radius:30px}
.yu-site .bw-device button{background:transparent;color:#333;border:0;border-radius:24px;padding:10px 20px;font-size:14px;cursor:pointer}
.yu-site .bw-device button[aria-pressed=true]{background:#242424;color:#fff}
.yu-site .bw-close{border:1px solid #999;border-radius:30px;background:transparent;padding:12px 20px;font-size:14px;color:#202020;cursor:pointer}
.yu-site .bw-dialog-content{flex:1;min-height:0}
.yu-site .bw-modal-body{height:100%;display:grid;grid-template-columns:minmax(0,7fr) minmax(310px,3fr)}
.yu-site .bw-preview{overflow:auto;overscroll-behavior:contain;background:#ddd;padding:24px;min-width:0;scrollbar-gutter:stable}
.yu-site .bw-preview img{display:block;width:100%;height:auto;filter:none;box-shadow:0 4px 24px #0001;margin:auto}
.yu-site .bw-preview img[data-bw-view=mobile]{max-width:425px}
.yu-site .bw-preview img[hidden],.yu-site .bw-device button[hidden]{display:none}
.yu-site .bw-story{overflow:auto;overscroll-behavior:contain;padding:32px 28px 48px;border-left:1px solid #ccc;min-width:0}
.yu-site .bw-case-number{font-size:14px;letter-spacing:.06em;color:#555;margin:0 0 16px}
.yu-site .bw-story h2{font-size:28px;line-height:1.4;font-weight:600;letter-spacing:-.03em;margin:0 0 20px}
.yu-site .bw-story p{font-size:14px;line-height:1.9;margin:0 0 20px;color:#444}
.yu-site .bw-story .bw-case-intro{font-size:16px;color:#222}
.yu-site .bw-role{padding-block:18px;border-block:1px solid #ccc}
.yu-site .bw-story section{margin-top:30px}
.yu-site .bw-story h3{font-size:16px;line-height:1.6;font-weight:650;margin:0 0 10px;color:#171717}
.yu-site .bw-story .bw-evidence{border-top:1px solid #ccc;padding-top:18px;margin-top:24px;color:#555}
@media(max-width:800px){
.yu-site .behind-work{padding-top:65px}.yu-site .bw-heading{padding:0 22px}.yu-site .bw-eyebrow>span:last-child{display:none}.yu-site .bw-heading h2{margin-top:32px}.yu-site .bw-heading>p{font-size:14px}.yu-site .bw-stage{height:clamp(350px,95vw,570px)}.yu-site .bw-card{width:72vw;max-width:440px;border-radius:12px}.yu-site .bw-card-footer{padding:16px;min-height:110px;gap:10px}.yu-site .bw-card strong{font-size:17px}.yu-site .bw-circle{width:36px;height:36px;font-size:20px}.yu-site .bw-card[data-position="-1"]{transform:translate(-88%,-48%) rotate(-8deg) scale(.82)}.yu-site .bw-card[data-position="1"]{transform:translate(-12%,-48%) rotate(8deg) scale(.82)}.yu-site .bw-card[data-position="-2"]{transform:translate(-116%,-44%) rotate(-14deg) scale(.66)}.yu-site .bw-card[data-position="2"]{transform:translate(16%,-44%) rotate(14deg) scale(.66)}.yu-site .bw-controls{gap:12px}.yu-site .bw-pagination{gap:2px}.yu-site .bw-arrow{width:42px;height:42px}.yu-site .bw-active-name{font-size:17px}.yu-site .bw-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.yu-site .bw-toolbar{padding:10px;gap:8px}.yu-site .bw-toolbar>span{display:none}.yu-site .bw-device button{padding:9px 16px}.yu-site .bw-close{padding:12px}.yu-site .bw-dialog-content{overflow:auto;overscroll-behavior:contain}.yu-site .bw-modal-body{display:block;height:auto}.yu-site .bw-preview{height:46dvh;min-height:220px;padding:12px;border-bottom:1px solid #bbb}.yu-site .bw-story{overflow:visible;padding:26px 20px;border-left:0}.yu-site .bw-story h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.yu-site .bw-card{transition:none}}

.yu-site .bw-dialog :focus-visible{outline-color:#333}