.photo.work-exclusive{background-image:url('assets/work-exclusive.jpg');background-size:400% 400%;background-repeat:no-repeat}.wx1{background-position:0 0}.wx2{background-position:33.3333% 0}.wx3{background-position:66.6667% 0}.wx4{background-position:100% 0}.wx5{background-position:0 33.3333%}.wx6{background-position:33.3333% 33.3333%}.wx7{background-position:66.6667% 33.3333%}.wx8{background-position:100% 33.3333%}.wx9{background-position:0 66.6667%}.wx10{background-position:33.3333% 66.6667%}.wx11{background-position:66.6667% 66.6667%}.wx12{background-position:100% 66.6667%}.wx13{background-position:0 100%}.wx14{background-position:33.3333% 100%}.wx15{background-position:66.6667% 100%}.wx16{background-position:100% 100%}
.work-index-hero{background:linear-gradient(117deg,white 48%,#ebecec 48%);padding:55px 0 65px;overflow:hidden}.work-index-hero .wrap{position:relative;display:grid;grid-template-columns:51% 49%;align-items:center;min-height:500px}.work-index-title{z-index:1;padding-right:25px}.work-index-title h1{font-size:clamp(38px,4.5vw,63px);line-height:1.5;margin:25px 0 30px}.work-index-title p:not(.eyebrow){font-size:15px;line-height:2}.work-index-title em{position:relative}.work-index-title em:after{content:"";position:absolute;left:0;right:15%;bottom:-5px;height:3px;background:var(--orange);transform:rotate(-3deg)}.work-index-hero .photo{border:8px solid white;transform:rotate(3deg);border-radius:4px;box-shadow:0 20px 50px #27335018}.work-index-scroll{display:inline-block;padding:15px 0;border-bottom:1px solid var(--ink);font-size:14px;font-weight:700}.work-index-caption{position:absolute;right:10px;bottom:-20px;font-size:12px;color:#727a8a;letter-spacing:.1em}.work-flow{padding-top:65px}.flow-track{list-style:none;padding:0;margin:40px 0 25px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.flow-track li{position:relative}.flow-track li:not(:last-child):after{content:"→";position:absolute;right:-17px;top:55px;color:#8f96a3}.flow-track a{display:flex;flex-direction:column;position:relative;padding:20px;border-top:2px solid var(--blue);background:#f1f1f0;min-height:160px;transition:transform .2s}.flow-track a:hover{transform:translateY(-5px);background:#eceded}.flow-track span{font-size:12px;color:var(--blue);font-weight:700}.flow-track strong{font-size:23px;margin:13px 0 4px;letter-spacing:-.04em}.flow-track small{font-size:12px;color:#6d7585}.flow-track b{position:absolute;right:15px;bottom:12px;color:var(--blue)}.work-interests{background:var(--ink);color:white}.interest-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.work-interests .eyebrow,.work-interests em{color:#c4c9d0}.work-interests .eyebrow:before{background:#c4c9d0}.work-interests p{font-size:14px;color:#d2d5da}.interest-tabs{display:flex;flex-direction:column;gap:10px}.interest-tabs button{padding:17px 22px;text-align:left;border:1px solid #636b7c;background:#ffffff08;color:white;font-size:15px;transition:background .2s}.interest-tabs button:after{content:"↓";float:right;color:#bbc0c9}.interest-tabs button[aria-selected=true]{background:#eff0ef;color:var(--ink);border-color:#eff0ef}.interest-panel{padding:25px 22px 0}.interest-panel>span{font-size:12px;color:#b6bcc5}.interest-panel h3{font-size:27px;margin:12px 0 18px}.interest-panel p{font-size:15px}.interest-panel .text-link{color:#c9cdd3}.work-scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 55px;margin:45px 0}.work-scene{display:block;background:white}.work-scene:nth-child(even){padding-top:45px}.work-scene .photo{border-radius:4px;transition:transform .3s}.work-scene:hover .photo{transform:translateY(-5px)}.work-scene>div:last-child{padding:25px 0 0;max-width:470px}.work-scene span{color:var(--blue);font-size:12px;font-weight:700}.work-scene h3{font-size:27px;margin:15px 0 20px}.work-scene p{font-size:15px;line-height:2;margin-bottom:20px}.work-scene b{font-size:13px;color:var(--blue);border-bottom:1px solid #c7ccd2;padding-bottom:5px}.design-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px;border:1px solid #d3d6db;border-left:4px solid var(--orange);background:#f2f3f1}.design-banner>span{font-size:12px;color:#6a7282}.design-banner strong{font-size:23px;letter-spacing:-.035em}.design-banner small{font-size:12px;color:var(--blue)}.design-banner:hover{background:#eeeeee}.work-cooperation{background:linear-gradient(158deg,#eff0ef 65%,#eaebeb 65%)}.work-cooperation .photo{border:8px solid white;transform:rotate(-2deg);box-shadow:0 18px 40px #1b274515}.work-cooperation p{font-size:15px;line-height:2}.work-ending{background:#ebecec;text-align:center}.work-ending .eyebrow{justify-content:center}.work-ending .button{margin:8px}.work-detail-hero{background:linear-gradient(116deg,white 54%,#eceeed 54%);position:relative;overflow:hidden}.work-detail-hero .photo{border:7px solid white;box-shadow:15px 15px 0 #e5e7e9;transform:rotate(2deg)}.work-detail-hero h1{font-size:clamp(35px,3.9vw,53px);line-height:1.6}.work-role-note{margin-top:35px;border-left:3px solid var(--orange);padding:25px 30px;background:#f7f7f3}.work-role-note strong{font-size:17px}.work-role-note p{font-size:14px;line-height:1.9;margin:15px 0 0}.work-detail-hero~section .tasks-grid article{border:0;border-top:2px solid var(--blue);background:#f1f2f0;padding:30px}.work-detail-hero~section#voice .photo{border-radius:5px}.work-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.work-reveal.shown{opacity:1;transform:none}
@media(max-width:800px){.work-index-hero{padding:25px 0 45px;background:linear-gradient(155deg,white 55%,#ebecec 55%)}.work-index-hero .wrap{grid-template-columns:1fr;gap:35px;min-height:0}.work-index-title{padding:0}.work-index-title h1{font-size:37px}.work-index-title p:not(.eyebrow){font-size:14px}.work-index-hero .photo{width:90%;justify-self:center;border-width:6px}.work-index-caption{font-size:12px;bottom:-25px}.flow-track{grid-template-columns:1fr;gap:12px}.flow-track a{min-height:0;display:grid;grid-template-columns:30px 1fr 100px;align-items:center;gap:15px;padding:16px 20px}.flow-track strong{margin:0;font-size:21px}.flow-track li:not(:last-child):after{display:none}.flow-track b{position:static;font-size:14px;display:none}.interest-layout{grid-template-columns:1fr;gap:25px}.interest-tabs button{font-size:14px;padding:16px}.interest-panel{padding:23px 0 0}.work-scene-grid{grid-template-columns:1fr;gap:38px}.work-scene:nth-child(even){padding:0}.work-scene>div:last-child{max-width:none}.work-scene h3{font-size:25px}.work-scene p{font-size:14px}.design-banner{display:block;padding:25px}.design-banner span,.design-banner strong,.design-banner small{display:block}.design-banner strong{font-size:23px;margin:14px 0 20px}.work-detail-hero .photo{width:95%;justify-self:center;box-shadow:10px 10px 0 #e5e7e9}.work-detail-hero h1{font-size:33px}.work-cooperation .photo{transform:none;border-width:5px}.work-role-note{padding:22px}.work-ending h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.work-reveal{opacity:1;transform:none}}