.portfolio-case{--case-muted:#a8b2c5;background:#070a12;color:#f6f7fa}.portfolio-case ::selection{background:#d4fa7c;color:#12161d}.portfolio-case a:focus-visible,.screen-viewer button:focus-visible,.screen-viewer a:focus-visible{outline:3px solid #d4fa7c;outline-offset:5px}.portfolio-case a{text-underline-offset:5px}.project-case-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;border-bottom:1px solid #ffffff20}.project-case-header>a:last-child{font-size:14px}.project-case-hero{padding-block:64px 44px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.project-case-hero h1{font-size:clamp(40px,5.2vw,76px);line-height:1.08;letter-spacing:-.03em;max-width:12ch;text-wrap:balance}.project-case-hero p{max-width:65ch;font-size:18px;line-height:1.75;color:var(--case-muted)}.project-case-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}.project-case-links .button{padding:14px 22px;font-size:14px}.project-case-links>a:not(.button){font-size:14px;padding:10px 0;color:#d4fa7c}.project-case-note{margin-top:16px;font-size:13px!important;color:var(--case-muted)}.project-cover{margin:0}.screen-link{display:block;position:relative;overflow:hidden;border-radius:14px;background:#101622;cursor:zoom-in}.screen-link img{display:block;width:100%;height:auto}.screen-zoom{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:#070a12ed;color:#fff;font-size:12px;font-weight:700}.screen-zoom svg{width:16px;height:16px}.project-cover figcaption,.project-screen-grid figcaption{margin-top:14px;color:var(--case-muted);font-size:14px;line-height:1.7}.project-screen-section{padding-block:68px}.project-screen-section h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.025em;margin-bottom:12px}.project-screen-section>p{color:var(--case-muted);max-width:65ch;margin-bottom:30px}.project-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.project-screen-grid figure{margin:0;min-width:0}.project-screen-grid .screen-link{aspect-ratio:3/2;display:flex;align-items:center}.project-screen-grid img{max-height:100%;object-fit:contain}.project-case-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:44px;border-top:1px solid #ffffff20}.project-case-bottom h2{font-size:30px;letter-spacing:-.025em;line-height:1.3}.project-case-bottom p{margin-top:10px;color:var(--case-muted)}.project-case-footer{padding-block:28px;border-top:1px solid #ffffff20;font-size:13px;color:var(--case-muted);display:flex;justify-content:space-between;gap:20px}
.screen-viewer{background:#101622;color:#f6f7fa;border:0;border-radius:14px;padding:0;width:min(1480px,96vw);max-width:none;max-height:94dvh;box-shadow:0 20px 80px #0008;overflow:auto}.screen-viewer::backdrop{background:#02040be8}.screen-viewer-head,.screen-viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px}.screen-viewer-head h2{font:700 16px/1.4 Manrope,Arial,sans-serif;margin:0}.screen-viewer button{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;border:1px solid #647087;background:#182133;color:#fff;border-radius:8px;cursor:pointer;padding:8px 14px;font:700 13px Manrope,Arial,sans-serif}.screen-viewer button:hover{background:#293953}.screen-viewer button:disabled{opacity:.4;cursor:default}.screen-viewer-media{min-height:180px;display:grid;place-items:center;background:#070a12}.screen-viewer-media img{display:block;max-width:100%;max-height:calc(94dvh - 160px);width:auto;object-fit:contain}.screen-viewer-media img[hidden],.screen-viewer [hidden]{display:none}.screen-viewer-status{padding:36px 24px;color:#a8b2c5}.screen-viewer-foot{font-size:13px;color:#c0c8d7}.screen-viewer-foot a{color:#d4fa7c}.screen-viewer-nav{display:flex;align-items:center;gap:12px}.screen-viewer-count{font-variant-numeric:tabular-nums;white-space:nowrap}.screen-viewer svg{width:18px;height:18px}.screen-viewer-open{overflow:hidden}
@media(max-width:760px){.project-case-header .brand-word{display:none}.project-case-header>a:last-child{font-size:12px}.project-case-hero{grid-template-columns:1fr;gap:24px;padding-block:40px 32px}.project-case-hero h1{max-width:16ch}.project-case-hero p{font-size:16px}.project-screen-section{padding-block:44px}.project-screen-grid{grid-template-columns:1fr;gap:30px}.project-case-bottom{align-items:start;flex-direction:column}.project-case-footer{flex-direction:column;gap:8px}.screen-zoom{right:10px;bottom:10px;padding:8px 10px}.screen-viewer-head,.screen-viewer-foot{padding:12px;gap:12px}.screen-viewer-foot{flex-wrap:wrap}.screen-viewer-media img{max-height:65dvh}}

.project-case-header .brand-word,.case-header .brand-word{font-size:11px}