.work-index{padding:75px var(--gutter) 100px}
.work-index-head h1{font-size:clamp(70px,11vw,170px);line-height:1;letter-spacing:-.07em;margin:30px 0 40px;max-width:1300px}
.work-intro{display:flex;justify-content:space-between;gap:50px;align-items:center}
.work-intro>p{max-width:650px;font-size:19px;line-height:1.7}
.work-intro-mark{font-size:12px;letter-spacing:.12em;display:flex;align-items:center;gap:20px}
.work-intro-mark>span{font-size:66px;line-height:1;letter-spacing:0;color:var(--ink)}
.work-toolbar{margin:45px 0 30px;border-bottom:1px solid var(--ink);padding-bottom:20px}
.work-filters{display:flex;flex-wrap:wrap;gap:8px}
.work-filters button{border:1px solid #b8bdb0;background:transparent;padding:16px 20px;min-height:52px;font-size:14px;display:flex;gap:20px;align-items:center;color:var(--ink)}
.work-filters button>span{font-size:11px;opacity:.65}
.work-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.work-count{font-size:12px!important;margin:22px 0 0;color:#656c5c}
.work-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 30px}
.work-case{min-width:0}
.work-case[hidden],.work-more[hidden],.work-process[hidden]{display:none}
.work-case-meta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:11px;letter-spacing:.08em;margin-bottom:13px}
.work-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#e4e6dd;overflow:hidden;cursor:zoom-in;color:white;text-align:left}
.work-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s ease}
.work-combined .work-photo{aspect-ratio:4/3}
.work-photo-zoom{position:absolute;right:14px;bottom:14px;width:38px;height:38px;border:1px solid #fff8;background:#111b;display:grid;place-items:center;font-size:24px;pointer-events:none}
.work-photo-label{position:absolute;top:12px;left:12px;background:var(--ink);padding:8px 12px;font-size:12px;pointer-events:none}
.work-photo:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.work-case-heading{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-top:22px}
.work-case-heading h2{font-size:clamp(25px,2.5vw,38px);line-height:1.16;font-weight:500;letter-spacing:-.04em;min-width:0;overflow-wrap:break-word}
.work-case-heading .text-link{font-size:12px;min-height:40px;flex-shrink:0}
.work-case-heading .ui-arrow{width:17px;height:17px}
.work-description,.work-caption{font-size:14px;line-height:1.6;color:#606558;margin-top:14px}
.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#e4e6dd}
.work-pair .work-photo{aspect-ratio:3/4}
.work-pair .work-photo img{position:absolute;inset:0;max-width:none;max-height:none}
.work-pair .work-photo[data-rotation="90"] img,.work-pair .work-photo[data-rotation="270"] img{inset:auto;left:50%;top:50%;width:133.333333%;height:75%;translate:-50% -50%}
.work-pair .work-photo[data-rotation="90"] img{rotate:90deg}
.work-pair .work-photo[data-rotation="180"] img{rotate:180deg}
.work-pair .work-photo[data-rotation="270"] img{rotate:270deg}
.work-pair-switch{display:none}
.work-details summary:after{content:none}
.work-details>div{padding:0}
.work-pair .work-photo{min-height:0;min-width:0}
.work-details{border-top:1px solid #b8bdb0;margin-top:20px}
.work-details summary{font-size:13px;padding:17px 0;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px}
.work-details summary::-webkit-details-marker{display:none}
.work-details summary>span{color:#606558;white-space:nowrap}
.work-details-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.work-details-photos .work-photo{aspect-ratio:3/4}
.work-details-photos figcaption{font-size:12px;line-height:1.5;margin-top:9px;color:#606558}
.work-more{margin:45px auto 0;padding:20px 30px;display:flex;gap:50px;align-items:center;justify-content:space-between;width:min(100%,420px);background:var(--ink);border:0;color:#fff;min-height:65px;font-size:15px}
.work-more>span{font-size:26px}
.work-note{font-size:13px!important;line-height:1.7;max-width:730px;color:#606558;margin-top:35px}
.work-process{margin-top:90px;padding-top:45px;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 2fr;gap:50px}
.work-process h2{font-size:clamp(36px,4vw,65px);margin:25px 0;font-weight:500;line-height:1.05;letter-spacing:-.055em}
.work-process p{font-size:15px;line-height:1.7;max-width:300px;margin-bottom:25px}
.work-process>.work-details-photos{grid-template-columns:repeat(3,minmax(0,1fr))}
.work-lightbox{position:fixed;inset:0;margin:auto;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;padding:20px 30px;border:0;background:#111;color:white;overflow:hidden}
.work-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:15px}
.work-lightbox::backdrop{background:#111e}
.work-lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:30px;min-width:0}
.work-lightbox-caption{font-size:14px;line-height:1.5}
.work-lightbox button{font:inherit;font-size:14px;background:none;color:inherit;border:1px solid #666;padding:12px 18px;min-height:46px;cursor:pointer;flex-shrink:0}
.work-lightbox button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.work-lightbox button:disabled{opacity:.3;cursor:default}
.work-lightbox-image{min-height:0;display:flex;align-items:center;justify-content:center}
.work-lightbox-image img{width:100%;height:100%;object-fit:contain}
.work-lightbox-nav{display:flex;justify-content:space-between;align-items:center;font-size:12px}
body.gallery-open{overflow:hidden}
@media(hover:hover){.work-photo:hover img{transform:scale(1.015)}.work-filters button:not([aria-pressed=true]):hover{background:#e4e6dd}}
@media(max-width:800px){
 .work-index{padding-top:45px}.work-intro-mark{display:none}.work-intro>p{font-size:17px}
 .work-cases{gap:40px 20px}.work-case-heading{flex-direction:column;gap:5px}.work-case-heading h2{font-size:29px}
 .work-process{grid-template-columns:1fr;gap:30px}
}
@media(max-width:600px){
 .work-index{padding:40px 20px 65px}.work-index-head h1{font-size:clamp(64px,18vw,105px);margin:25px 0 30px}
 .work-intro>p{font-size:16px}.work-toolbar{margin-top:30px}.work-filters{display:grid;grid-template-columns:1fr 1fr}
 .work-filters button{padding:12px;font-size:12px;gap:10px;min-height:49px;justify-content:space-between}
 .work-cases{grid-template-columns:1fr;gap:40px}.work-case-meta{font-size:10px}
 .work-case-heading{flex-direction:row;gap:16px}.work-case-heading h2{font-size:28px}.work-case-heading .text-link{font-size:11px}
 .work-photo-zoom{width:32px;height:32px;font-size:21px;right:10px;bottom:10px}
 .work-photo-label{font-size:11px;padding:7px 10px}
 .work-comparison.is-switchable .work-pair{grid-template-columns:1fr}
 .work-comparison.is-switchable[data-side="before"] .work-photo:nth-child(2),.work-comparison.is-switchable[data-side="after"] .work-photo:first-child{display:none}
 .work-comparison.is-switchable .work-pair-switch{display:grid;grid-template-columns:1fr 1fr;margin-bottom:8px;border:1px solid #b8bdb0}
 .work-pair-switch button{border:0;background:transparent;color:var(--ink);min-height:48px;font-size:14px}
 .work-pair-switch button[aria-pressed="true"]{color:white;background:var(--ink)}
 .work-pair-switch button:focus-visible{outline:2px solid var(--green);outline-offset:-4px}
 .work-process{margin-top:60px}.work-process h2{font-size:50px}
 .work-process>.work-details-photos{grid-template-columns:1fr 1fr}.work-process>.work-details-photos>figure:first-child{grid-column:1/-1}
 .work-lightbox{padding:15px 12px}.work-lightbox-bar{gap:15px;align-items:start}.work-lightbox-caption{font-size:12px}
 .work-lightbox button{font-size:12px;padding:10px 12px}.work-lightbox-nav{gap:10px}
}
@media(prefers-reduced-motion:reduce){.work-photo img{transition:none}.work-photo:hover img{transform:none}}
.portfolio-teaser{padding:40px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:var(--ink)!important;border-bottom:1px solid var(--ink)}.portfolio-teaser strong{font-size:clamp(30px,4vw,60px);font-weight:500;letter-spacing:-.045em}.portfolio-teaser span{font-size:14px;max-width:280px;line-height:1.6}.portfolio-teaser .ui-arrow{width:40px;height:40px}.panchist .portfolio-teaser{background:#e7e7e3;color:#111!important}.step-diagram{display:block;max-width:100%;margin:0 0 20px;color:#e9ede3}.step-diagram .diagram-accent{stroke:var(--green)}.steps-list li>.step-diagram{grid-column:2}.price-service-link{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:34px}.price-service-link>span{border-bottom:1px solid #8b927e}.price-service-link:hover>span{border-color:var(--ink)}.price-service-link>.ui-arrow{width:18px;height:18px}.price-table tr:hover{background:#f2f4eb}.article-directory{padding:60px var(--gutter);background:#f4f5ee}.article-directory h2{margin-bottom:32px}.article-directory a{padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:24px}

@media(max-width:800px){.portfolio-teaser span{display:none}}
@media(max-width:540px){.portfolio-teaser{padding:30px 20px}.portfolio-teaser strong{font-size:34px}.portfolio-teaser .ui-arrow{width:30px;height:30px}.steps-list li>.step-diagram{width:120px;height:104px;margin-bottom:0}.price-service-link{gap:8px}.price-service-link>.ui-arrow{width:14px;height:14px}.price-service-link>span{border:0;text-decoration:underline;text-decoration-color:#a3ab96;text-underline-offset:4px}}
@media(max-width:540px){.work-case-heading{display:block}.work-case-heading .text-link{margin-top:8px}}