.work-access{--cs-ink: #2f2c29;--cs-muted: #625b52;--cs-header-muted: #4b453e;--cs-accent: #b44329;--cs-ground: #f7f4ed;--cs-soft: #eee8de;min-height:100svh;color:var(--cs-ink);background-color:var(--cs-ground);background-image:url(/images/case-study/noise.svg),url(/images/case-study/noise.svg),url(/images/case-study/noise.svg);background-size:180px 180px,126px 126px,154px 154px;background-position:0 0,47px 29px,91px 71px;font-family:Inter,sans-serif}.work-access :is(a,button):focus-visible{outline:3px solid var(--cs-accent);outline-offset:4px}.work-access-main{padding-bottom:clamp(68px,10vh,120px)}.work-access-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:20px;color:var(--cs-muted);font-size:13px;font-weight:500;text-decoration:none;transition:color .16s ease-out}.work-access-back:hover{color:var(--cs-accent)}.work-access-back svg{width:18px;height:18px;flex:none}.work-access-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(64px,7vw,120px);min-height:calc(100svh - 160px)}.work-access-grid--plain{grid-template-columns:minmax(0,700px)}.work-access-content h1{max-width:650px;margin:0;font-size:clamp(52px,5.3vw,72px);font-weight:700;letter-spacing:-.04em;line-height:1.05;text-wrap:balance}.work-access-title-accent{color:var(--cs-accent)}.work-access-intro{max-width:38ch;margin:24px 0 0;color:var(--cs-muted);font-size:clamp(17px,1.45vw,19px);line-height:1.55}.work-access-form,.work-access-unavailable{width:min(100%,435px);margin-top:clamp(40px,7vh,68px)}.work-access-form label{display:block;margin-bottom:12px;font-size:14px;font-weight:600}.work-access-field{display:flex;align-items:center;height:58px;border-radius:10px;background:var(--cs-soft);outline:2px solid transparent;outline-offset:2px;transition:background-color .16s ease-out,outline-color .16s ease-out}.work-access-field:has(.work-access-input:focus){background:#e9e1d5;outline-color:var(--cs-ink)}.work-access-field:has(.work-access-input[aria-invalid=true]){outline-color:var(--cs-accent)}.work-access .work-access-input{flex:1;height:100%;border:0;border-radius:10px;background:transparent;color:var(--cs-ink);padding:0 18px;font-size:17px;box-shadow:none}.work-access .work-access-input:focus-visible{outline:none;box-shadow:none}.work-access .work-access-visibility{width:48px;height:48px;margin-right:5px;padding:0;border-radius:8px;color:var(--cs-muted)}.work-access .work-access-visibility:hover{background:transparent;color:var(--cs-ink)}.work-access-visibility svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.work-access-help,.work-access-error{min-height:24px;margin:11px 0 25px;font-size:13px;line-height:1.5}.work-access-help{color:var(--cs-muted)}.work-access-error{color:var(--cs-accent)}.work-access .work-access-submit{display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:58px;border-radius:10px;padding-inline:19px;background:var(--cs-ink);color:var(--cs-ground);font-size:16px;font-weight:600}.work-access .work-access-submit:hover:not(:disabled){background:#45403a}.work-access-submit svg{width:21px;height:21px}.work-access-unavailable{color:var(--cs-muted);font-size:17px;line-height:1.6}.work-access-preview{min-width:0;margin:0}.work-access-preview-frame{height:clamp(390px,38vw,520px);overflow:hidden;border-radius:16px;background:#eae3d8;padding-top:clamp(55px,6vw,84px)}.work-access-preview-frame img{display:block;width:138%;max-width:none;height:auto;margin-left:9%;border-radius:12px 0 0}.work-access-preview figcaption{margin-top:13px;color:var(--cs-muted);font-size:13px;line-height:1.5}@media(max-width:900px){.work-access-grid{grid-template-columns:minmax(0,1fr);gap:60px;min-height:0;padding-top:clamp(52px,8vw,96px)}.work-access-preview{max-width:680px}}@media(max-width:760px){.work-access-back{margin-top:6px}.work-access-grid{gap:52px;padding-top:48px}.work-access-content h1{font-size:clamp(43px,11.3vw,58px)}.work-access-intro{margin-top:20px}.work-access-form,.work-access-unavailable{margin-top:42px}.work-access-preview-frame{height:clamp(260px,70vw,390px);padding-top:42px}}@media(prefers-reduced-motion:reduce){.work-access *,.work-access *:before,.work-access *:after{transition:none!important}}