.work-page{background:#1d1d1f;color:#fff}.work-page__hero{padding:105px 0 115px;background:#1d1d1f}.work-page__hero-content{max-width:900px}.work-page__hero-eyebrow{margin-bottom:28px}.work-page__hero-title{max-width:900px;margin:0;color:#fff;font-size:clamp(52px,6vw,84px);font-weight:600;line-height:.98;letter-spacing:-.055em}.work-page__hero-title span{display:block;color:var(--color-accent)}.work-page__hero-description{max-width:680px;margin:32px 0 0;color:#ffffffad;font-size:16px;line-height:1.7}.work-page__projects{padding:20px 0 120px;background:#1d1d1f}.work-page__project-list{display:flex;flex-direction:column;gap:150px}.work-project{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:58px}.work-project__visual{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#252527;border-radius:4px;opacity:0;transform:translate3d(-45px,0,0);transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease)}.work-project__visual.is-visible{opacity:1;transform:translateZ(0)}.work-project__visual img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.1s var(--motion-ease)}.work-project__visual.is-visible img{transform:scale(1)}.work-project__content{position:relative;padding-top:2px;opacity:0;transform:translate3d(45px,0,0);transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease)}.work-project__content.is-visible{opacity:1;transform:translateZ(0)}.work-project__meta-header{display:flex;align-items:center;justify-content:space-between;width:100%}.work-project__category{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff12;color:#ffffffc7;font-size:12px;font-weight:500;line-height:1}.work-project__number{color:var(--color-accent);font-size:13px;font-weight:600;letter-spacing:.12em}.work-project__title{margin:14px 0 0;color:#fff;font-size:clamp(40px,4vw,58px);font-weight:600;line-height:1;letter-spacing:-.045em}.work-project__subtitle{margin-top:10px;color:#ffffff85;font-size:14px;font-weight:500;letter-spacing:.02em}.work-project__overview{max-width:620px;margin:18px 0 0;color:#ffffffad;font-size:15px;line-height:1.7}.work-project__details{display:flex;flex-direction:column;margin-top:36px;border-top:1px solid rgba(255,255,255,.12)}.work-project__detail{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.12)}.work-project__detail h3{margin:0 0 9px;color:#fff;font-size:14px;font-weight:600;line-height:1.3}.work-project__detail p{max-width:600px;margin:0;color:#ffffff9e;font-size:14px;line-height:1.7}.work-project__detail ul{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none}.work-project__detail li{position:relative;padding-left:17px;color:#ffffffad;font-size:14px;line-height:1.55}.work-project__detail li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--color-accent)}.work-project__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.work-project__link{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 20px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0d;color:#fff;font-size:13px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.work-project__link:hover{background:#ffffff1f;border-color:#ffffff59;transform:translateY(-2px)}.work-project__link-arrow{color:var(--color-accent);font-size:14px;line-height:1}.work-page__closing{padding:0 0 110px;background:#1d1d1f}.work-page__closing-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:54px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);opacity:0;transform:translate3d(0,35px,0);transition:opacity .75s var(--motion-ease),transform .75s var(--motion-ease)}.work-page__closing-inner.is-visible{opacity:1;transform:translateZ(0)}.work-page__closing-label{display:block;margin-bottom:12px;color:var(--color-accent);font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.2}.work-page__closing-inner h2{margin:0;color:#fff;font-size:clamp(34px,4vw,52px);font-weight:600;line-height:1.05;letter-spacing:-.045em}.work-page__closing-inner h2 span{display:block;color:var(--color-accent)}.work-page__closing-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:132px;padding:0 22px;border:1px solid var(--color-accent);border-radius:9px;background:var(--color-accent);color:#fff;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,transform .25s var(--motion-ease),box-shadow .25s var(--motion-ease)}.work-page__closing-button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff;transform:translate3d(0,-2px,0);box-shadow:0 10px 25px #156bff33}@media (max-width: 1000px){.work-project{grid-template-columns:1fr;gap:38px}.work-project__visual{aspect-ratio:16 / 10}.work-project__content{transform:translate3d(0,35px,0)}.work-project__content.is-visible{transform:translateZ(0)}.work-page__project-list{gap:110px}}@media (max-width: 767px){.work-page__hero{padding:82px 0 78px}.work-page__hero-eyebrow{margin-bottom:22px}.work-page__hero-title{font-size:clamp(44px,12vw,62px);line-height:1}.work-page__hero-description{margin-top:26px;font-size:15px;line-height:1.65}.work-page__projects{padding:0 0 82px}.work-page__project-list{gap:90px}.work-project{gap:28px}.work-project__visual{aspect-ratio:4 / 3}.work-project__category{min-height:28px;padding:0 10px;font-size:11px}.work-project__number{margin-top:22px}.work-project__title{margin-top:7px;font-size:40px}.work-project__description{margin-top:16px;font-size:14px}.work-project__details{margin-top:32px}.work-project__detail{padding:20px 0}.work-page__closing{padding-bottom:76px}.work-page__closing-inner{align-items:flex-start;flex-direction:column;gap:28px;padding:42px 0}.work-page__closing-inner h2{font-size:38px}.work-page__closing-button{width:100%}}@media (prefers-reduced-motion: reduce){.work-project__visual,.work-project__visual img,.work-project__content,.work-page__closing-inner,.work-page__closing-button{transition:none}.work-project__visual,.work-project__content,.work-page__closing-inner{opacity:1;transform:none}}