/* text-size:+2b *//* text-size:+2 *//* text-size:+1 */.ba-index{display:flex;flex-wrap:wrap;gap:12px 27px;padding:5px 0 30px;border-bottom:1px solid var(--line)}.ba-index a{font-size:15.5px;display:flex;gap:12px;align-items:center;padding:9px 0}.ba-index a span{font-size:11.5px;color:var(--muted)}.ba-index a:hover{text-decoration:underline;text-underline-offset:5px}.ba-collection{padding-bottom:70px}.ba-project{padding:65px 0;border-bottom:1px solid var(--line);scroll-margin-top:25px}.ba-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:28px}.ba-heading h2{font-size:clamp(30px,3.2vw,46px);margin-top:18px}.ba-heading h3{font-size:28px;margin-top:13px}.ba-heading p{color:var(--muted);font-size:17px;max-width:490px}.ba-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.ba-frame{min-width:0}.ba-frame figcaption{padding:9px 0 13px;font-size:15.5px;font-weight:600}.ba-frame .photo-button{background:#e9eeea}.ba-frame img{aspect-ratio:4/3;width:100%;height:auto;object-fit:contain}.ba-portrait{max-width:930px;margin:auto}.ba-portrait img{aspect-ratio:2/3}.ba-frame .photo-button:hover img{transform:none}.ba-compact{padding:0;border:0}.ba-teaser>.section-head{margin-bottom:30px}.ba-compact .ba-heading{margin-bottom:18px}.ba-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ba-stages .ba-frame img{aspect-ratio:4/3}.ba-teaser .ba-heading h3{font-size:25px}.ba-teaser .ba-heading p{font-size:16px}
@media(max-width:760px){.ba-index{gap:5px 20px}.ba-index a{font-size:12.5px}.ba-project{padding:40px 0;scroll-margin-top:15px}.ba-heading{grid-template-columns:1fr;gap:18px;margin-bottom:20px}.ba-heading h2{font-size:32px}.ba-pair{grid-template-columns:1fr;gap:18px}.ba-frame figcaption{padding-top:0}.ba-portrait{max-width:450px}.ba-stages{grid-template-columns:1fr;gap:30px}.ba-collection{padding-bottom:40px}.ba-compact{padding:0}.ba-teaser .section-head>.text-link{margin-top:20px}}
.ba-comparison{position:relative;isolation:isolate;aspect-ratio:4/3;max-height:680px;max-width:100%;margin-inline:auto;background:#e9eeea;overflow:hidden}.ba-comparison.ba-portrait{aspect-ratio:2/3;max-width:480px;max-height:none}.ba-layer{position:absolute;inset:0;background:#e9eeea}.ba-layer img{width:100%;height:100%;object-fit:contain}.ba-after{z-index:0}.ba-before{z-index:1;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.ba-label{position:absolute;top:18px;padding:6px 13px;background:#fafbf9ee;color:#202928;font-size:13.5px;font-weight:600;pointer-events:none}.ba-label-before{left:18px}.ba-label-after{right:18px}.ba-divider{position:absolute;inset-block:0;left:var(--split);width:3px;background:white;z-index:2;transform:translateX(-50%);box-shadow:0 0 8px #0003;pointer-events:none}.ba-divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fafbf9;color:#202928;box-shadow:0 2px 10px #0003;display:grid;place-items:center;font-size:21px;white-space:nowrap}.ba-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;z-index:3;cursor:ew-resize;touch-action:pan-y}.ba-comparison:has(.ba-slider:focus-visible){outline:3px solid #587f92;outline-offset:5px}.ba-comparison:has(.ba-slider:focus-visible) .ba-divider>span{outline:3px solid #587f92;outline-offset:3px}.ba-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:12.5px}.ba-tools p{color:var(--muted);margin-right:auto}.ba-tools a{text-decoration:underline;text-underline-offset:3px}.ba-mode{border:1px solid #aebbb4;background:transparent;padding:9px 13px;cursor:pointer;font-size:15.5px}.ba-comparison.is-side-by-side{aspect-ratio:auto;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;background:transparent}.ba-comparison.is-side-by-side .ba-layer{position:relative;inset:auto;clip-path:none;aspect-ratio:4/3}.ba-comparison.is-side-by-side .ba-before{order:0}.ba-comparison.is-side-by-side .ba-after{order:1}.ba-comparison.is-side-by-side .ba-slider,.ba-comparison.is-side-by-side .ba-divider{display:none}.ba-comparison.ba-portrait.is-side-by-side{max-width:930px}.ba-comparison.ba-portrait.is-side-by-side .ba-layer{aspect-ratio:2/3}
@media(max-width:760px){.ba-tools{gap:14px}.ba-tools p{width:100%;font-size:12.5px}.ba-label{top:10px;padding:4px 9px;font-size:12.5px}.ba-label-before{left:10px}.ba-label-after{right:10px}.ba-divider>span{width:42px;height:42px}.ba-comparison.is-side-by-side{grid-template-columns:1fr;gap:18px}}