.about-working{background:#15132d;color:#f8f5fc;padding:100px 40px 110px}.working-inner{max-width:1360px;margin:auto}.working-header{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:end;margin-bottom:65px}.working-header .eyebrow{font-size:9px;letter-spacing:.12em;color:#a39ab6;margin:0 0 24px}.about-page .working-header h2{font:700 clamp(36px,4.1vw,60px)/1.1 "Chakra Petch",Arial,sans-serif;letter-spacing:-.03em;margin:0}.working-header h2 span{color:#f26528}.working-header>p{font-size:16px;line-height:1.75;color:#b6adc7;max-width:380px;margin:0}.working-composition{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.working-art{position:relative;aspect-ratio:1.05;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;background:radial-gradient(ellipse at center,#f2652808,transparent 68%)}.working-art-top{display:flex;justify-content:space-between;padding:23px 0;color:#aaa0bd;font-size:9px;letter-spacing:.1em}.working-art-index{color:#f26528}.working-visual{position:absolute;inset:45px 0 20px;opacity:0;visibility:hidden;transform:translateY(12px) scale(.97);transition:opacity .4s,transform .65s cubic-bezier(.22,1,.36,1),visibility .4s}.working-visual.is-active{opacity:1;visibility:visible;transform:none}.working-visual svg{width:100%;height:calc(100% - 40px);display:block;font-family:var(--font-site)}.working-art-note{display:block;text-align:center;font-size:12px;line-height:1.6;color:#c7bfd6;margin-top:6px}.working-commitment{padding:25px 0;border-bottom:1px solid #ffffff20;position:relative}.working-commitment:first-child{border-top:1px solid #ffffff20}.working-select{width:100%;display:flex;align-items:center;gap:20px;border:0;background:none;text-align:left;color:#f5f0fc;padding:0;cursor:pointer}.working-index{color:#8b809f;font-size:11px;letter-spacing:.06em;transition:color .3s}.working-title{font:700 clamp(23px,2.1vw,31px)/1.2 "Chakra Petch",Arial,sans-serif;letter-spacing:-.025em}.working-plus{margin-left:auto;font-size:24px;color:#9c91af;transform:rotate(0);transition:transform .4s,color .3s}.working-select:focus-visible{outline:2px solid #f26528;outline-offset:9px}.working-commitment p{font-size:14px;line-height:1.8;color:#aaa0bc;max-width:470px;margin:16px 0 12px 36px}.working-detail{font-size:10px;letter-spacing:.025em;color:#827692;margin-left:36px}.working-commitment:before{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:#f26528;transition:width .6s cubic-bezier(.22,1,.36,1)}.working-commitment.is-active:before{width:100%}.working-commitment.is-active .working-index,.working-commitment.is-active .working-plus{color:#f26528}.working-commitment.is-active .working-plus{transform:translate(2px,-2px)}.working-commitment.is-active p{color:#d0c7df}
@media(max-width:1000px){.working-composition{gap:35px}.working-header{gap:35px}.working-title{font-size:25px}.working-art{aspect-ratio:.85}}
@media(max-width:700px){.about-working{padding:70px 20px}.working-header{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.about-page .working-header h2{font-size:36px}.working-header>p{font-size:15px}.working-composition{grid-template-columns:1fr;gap:30px}.working-art{aspect-ratio:1.1;max-width:500px;width:100%;justify-self:center}.working-art-note{font-size:11px}.working-title{font-size:25px}.working-commitment p{margin-left:0;font-size:14px}.working-detail{margin-left:0}.working-select{gap:14px}.working-commitment{padding:24px 0}}
@media(prefers-reduced-motion:reduce){.working-visual,.working-commitment:before,.working-plus,.working-index{transition:none}.working-visual{transform:none}}

/* Scroll-led version: the accepted composition stays in frame as the story advances. */
.working-select{margin:0;cursor:default}.working-commitment{transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1)}
.about-working.working-scroll{height:280svh;padding:0 40px;--working-progress:0}.working-scroll .working-inner{position:sticky;top:0;height:100svh;min-height:780px;padding:105px 0 45px;display:flex;flex-direction:column}.working-scroll .working-header{margin-bottom:36px;flex:none}.working-scroll .working-composition{flex:1;min-height:0;align-items:center}.working-scroll .working-art{height:100%;max-height:520px;aspect-ratio:auto;width:100%}.working-scroll .working-commitment{padding:18px 0}.working-scroll .working-commitment p{margin-top:12px;margin-bottom:8px}.working-scroll .working-art:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:calc(var(--working-progress)*100%);background:#f26528}.working-scroll .working-plus{font-size:23px}.working-visual{transition:opacity .5s ease,transform .75s cubic-bezier(.22,1,.36,1),visibility .5s}
@media(max-width:700px){.about-working.working-mobile .working-composition{display:block}.working-mobile .working-art{position:sticky;top:86px;z-index:2;height:235px;aspect-ratio:auto;max-width:none;background:#15132d;box-shadow:0 12px 20px #15132d}.working-mobile .working-art-top{padding:14px 0;font-size:8px}.working-mobile .working-visual{inset:30px 0 10px}.working-mobile .working-art-note{font-size:10px;margin-top:0}.working-mobile .working-commitments{padding-top:30px}.working-mobile .working-commitment{padding:30px 0}.working-mobile .working-art:after{content:"";position:absolute;bottom:0;left:0;width:calc(var(--working-progress)*100%);height:1px;background:#f26528}}
@media(prefers-reduced-motion:reduce){.working-commitment,.working-visual{transition:none}}