.models{background:#121413;color:#f2f0ea;padding:110px 5.2vw;overflow:hidden}
.models .section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px}
.models .section-intro{max-width:460px;color:#b9bcb3;font-size:15px;line-height:1.65}
.models-carousel{position:relative;max-width:740px;margin:0 auto}
.model-head{display:flex;align-items:center;gap:22px;margin-bottom:26px}
.model-index{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:30px;color:var(--orange,#ed4d18);letter-spacing:1px}
.model-index small{font-family:"DM Sans",sans-serif;font-size:13px;font-weight:600;color:#6f736a}
.model-tabs{display:flex;gap:8px;flex:1}
.model-tab{background:none;border:1px solid rgba(255,255,255,.18);color:#b9bcb3;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:600;padding:10px 20px;cursor:pointer;letter-spacing:.4px;transition:.2s}
.model-tab:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.model-tab.active{background:var(--orange,#ed4d18);border-color:var(--orange,#ed4d18);color:#111312}
.model-nav{width:54px;height:54px;border:1px solid rgba(255,255,255,.22);background:none;color:#fff;font-size:22px;cursor:pointer;transition:.2s;line-height:1}
.model-nav:hover{background:var(--orange,#ed4d18);border-color:var(--orange,#ed4d18);color:#111312}
.model-stage{position:relative;background:#0a0b0a}
.model-photos{display:none;position:relative;aspect-ratio:16/9;overflow:hidden}
.model-photos.active{display:block}
.model-photo{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;z-index:0}
.model-photo.active{opacity:1;z-index:1}
.model-photo img{width:100%;height:100%;object-fit:cover;display:block}
.photo-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border:none;border-radius:50%;background:rgba(10,11,10,.55);color:#fff;font-size:26px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s}
.photo-nav:hover{background:var(--orange,#ed4d18);color:#111312}
.photo-prev{left:18px}
.photo-next{right:18px}
.photo-counter{position:absolute;left:22px;bottom:18px;z-index:2;font-family:"DM Sans",sans-serif;font-size:12px;letter-spacing:2px;color:#fff;background:rgba(10,11,10,.6);padding:7px 14px}
.photo-counter b{color:var(--orange,#ed4d18)}
.model-info{margin-top:34px;min-height:120px;text-align:center}
.model-description{display:none}
.model-description.active{display:block;animation:modelFade .4s ease}
.model-description h3{font-family:"Barlow Condensed",sans-serif;font-size:38px;font-weight:800;letter-spacing:.5px;margin-bottom:10px}
.model-description p{color:#b9bcb3;max-width:640px;line-height:1.6;margin:0 auto 18px}
.model-description .text-link{color:#fff}
@keyframes modelFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.volume-field .volume-counter{display:flex;align-items:stretch;border:1px solid #d3d3cc;background:#fff;width:100%}
.volume-counter b{flex:1;text-align:center;font-size:15px;font-weight:600;color:var(--ink);padding:10px 8px;display:flex;align-items:center;justify-content:center}
.volume-btn{width:52px;background:#121413;border:none;color:#fff;font-size:22px;font-weight:700;cursor:pointer;line-height:1;transition:.2s}
.volume-btn:hover{background:var(--orange,#ed4d18)}
@media(max-width:820px){.models{padding:80px 6vw}.section-top{flex-direction:column;align-items:flex-start}.model-head{flex-wrap:wrap}.model-tabs{order:3;flex-basis:100%}.model-index small{display:none}.model-info h3{font-size:30px}}
