/* Additional work uses the portfolio's shared Suisse fonts, colors and controls. */
.more-work h2{padding:16px;font-size:13px;line-height:16.9px;font-weight:400;letter-spacing:1.04px;text-transform:uppercase;color:var(--muted)}
.more-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.more-work-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:20px;background:var(--surface);text-decoration:none;overflow:hidden;transition:transform .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}
.more-work-cover{position:relative;width:calc(100% + 2px);aspect-ratio:277/172;overflow:hidden;border-radius:12px}
.more-work-cover img{width:100%;height:100%;object-fit:cover}
.pokupochka-cover{background:#ffc400}
.pokupochka-cover img{position:absolute;left:23.05%;top:7.09%;width:53.4%;height:130.06%;object-fit:fill}
.more-work-category{font-size:10px;line-height:16px;font-weight:500;color:var(--muted)}
.more-work-card h3{margin:0;min-height:68px;font-size:22px;line-height:22.5px;font-weight:500}
.more-work-description{width:calc(100% + 10px);margin-top:auto;font-size:13px;line-height:16.9px;font-weight:450;color:var(--muted)}
@media(hover:hover){.more-work-card:hover{background:var(--card-hover);border-color:var(--hover-border);transform:translateY(-3px);box-shadow:0 10px 26px #1313130b}}
.more-work-card:active{transform:scale(.992);background:var(--card-pressed);box-shadow:none}
.builder-article{gap:56px;padding-top:104px;padding-bottom:80px}
.builder-article .case-text{padding:0;font-size:18px;line-height:28px}
.builder-article .case-header{gap:20px}
.builder-article .case-text h2{margin-bottom:16px}
.builder-article .case-text p+p{margin-top:16px}
.builder-result{display:flex;align-items:center;gap:32px;width:min(618px,100%);padding:24px;border-radius:20px;background:var(--surface)}
.builder-number{font-size:88px;font-weight:500;line-height:106px;flex:none}
.builder-result>div{min-width:0}
.builder-result p{font-size:20px;line-height:31px;font-weight:500}
.builder-result .builder-result-note{margin-top:8px;font-size:14px;line-height:22px;font-weight:400;color:var(--muted)}
.builder-steps{width:min(850px,100%);display:flex;flex-direction:column;gap:32px}
.builder-step{display:flex;flex-direction:column;align-items:center;gap:16px}
.builder-step-copy{display:flex;flex-direction:column;gap:8px;width:min(618px,100%)}
.builder-step h2{font-size:26px;line-height:40px;font-weight:500}
.builder-step p{font-size:16px;line-height:25px;color:var(--muted)}
.builder-step .image-zoom{width:100%}
.builder-step img{height:auto;object-fit:contain;box-shadow:none}
.builder-step:nth-child(2) .image-zoom{aspect-ratio:850/611;overflow:hidden}
.builder-step:nth-child(2) img{height:99.99%;position:absolute;top:-.07%;left:0;object-fit:fill}
.presentation{width:min(1126px,calc(100% - 48px));margin:auto;padding:104px 0 80px}
.presentation-heading{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}
.presentation-heading h1{font-size:32px;line-height:38px;font-weight:500;margin:0}
.presentation-gallery{display:flex;flex-direction:column;align-items:center;gap:28px}
.presentation-stage{width:100%;aspect-ratio:16/9;touch-action:pan-y;border-radius:12px}
.presentation-stage:focus-visible{outline:2px solid #0073eb;outline-offset:5px}
.presentation-slide{width:100%;height:100%;border-radius:12px;overflow:hidden}
.presentation-slide[hidden]{display:none}
.presentation-slide img{width:100%;height:100%;object-fit:contain;box-shadow:none;background:#ffc000}
.presentation-controls{display:flex;align-items:center;justify-content:center;gap:20px}
.presentation-controls .pill{width:44px;height:44px;min-height:44px;padding:0;flex:none}
.presentation-controls>span{width:44px;text-align:center;font-size:14px;line-height:22px;color:var(--muted);font-variant-numeric:tabular-nums}
.presentation-thumbs{width:min(618px,100%);display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.presentation-thumbs button{width:78px;height:44px;flex:none;padding:0;border:2px solid transparent;border-radius:5px;overflow:hidden;background:#ffc400;opacity:.65;transition:opacity .18s var(--ease),border-color .18s var(--ease)}
.presentation-thumbs img{width:100%;height:100%;object-fit:contain}
.presentation-thumbs button[aria-current=true]{opacity:1;border-color:var(--ink)}
.presentation-thumbs button:hover{opacity:1}
.otus-extra{display:flex;flex-direction:column;align-items:center;gap:40px;width:min(850px,100%);padding:64px 0}
.otus-extra-intro{width:min(618px,100%);font-size:18px;line-height:28px;font-weight:450}
.otus-extra-intro h2{font-size:12px;line-height:19px;font-weight:500;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.otus-extra-intro a{color:#0088ff;text-underline-offset:3px}
.otus-extra-catalog,.otus-extra-teachers,.otus-extra-events{width:100%;overflow:hidden;border-radius:20px;background:#f8f8f8}
.otus-extra-catalog{aspect-ratio:850/477.941}
.otus-extra .image-zoom img{border-radius:0;box-shadow:none}
.otus-extra-catalog img,.otus-extra-teachers img,.otus-extra-events img{position:absolute;top:0;left:13.036%;width:72.751%;height:auto;max-width:none;object-fit:contain}
.otus-extra-catalog::before{content:'';position:absolute;inset:0 0 auto;height:8.46%;background:white;box-shadow:0 2px 3px #0000000d}
.otus-extra-mobile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.73%;width:100%}
.otus-extra-mobile .image-zoom{width:100%;border-radius:6px;overflow:hidden}
.otus-extra-mobile img{height:auto}
.otus-extra-content{width:100%;display:flex;flex-direction:column;gap:16px}
.otus-extra-teachers{aspect-ratio:850/445.588}
.otus-extra-events{aspect-ratio:850/332.353}
.otus-extra-events img{top:-177.72%}
@media(max-width:699.98px){
 .builder-article{gap:36px;padding-top:112px;padding-bottom:64px}
 .builder-article .case-text{font-size:17px;line-height:28px}
 .builder-article .case-text h1{font-size:32px;line-height:38px}
 .builder-article .case-text h2{font-size:26px;line-height:32px}
 .builder-result{gap:20px;padding:20px}
 .builder-number{font-size:64px;line-height:77px}
 .builder-result p{font-size:17px;line-height:24px}
 .builder-result .builder-result-note{font-size:13px;line-height:19px}
 .builder-step h2{font-size:22px;line-height:30px}
 .presentation{padding-top:112px;padding-bottom:48px}
 .presentation-heading{margin-bottom:24px}
 .presentation-heading h1{font-size:26px;line-height:40px}
 .presentation-gallery{gap:24px}
 .presentation-thumbs{gap:8px}
 .presentation-thumbs button{width:72px}
 .otus-extra{gap:32px;padding-block:40px}
 .otus-extra-intro{font-size:17px;line-height:28px}
 .otus-extra-mobile{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .otus-extra-catalog,.otus-extra-teachers,.otus-extra-events{border-radius:10px}
}
@media(max-width:599.98px){.more-work-grid{grid-template-columns:minmax(0,1fr)}.more-work-card h3{min-height:0}.more-work-cover,.more-work-description{width:100%}.more-work-description{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.more-work-card:hover,.more-work-card:active{transform:none}}