/* Wolf Makina — model detay sayfaları */
.m-page{background:#000}
.m-nav{padding:1rem 5%!important}
.m-nav .nav-links a{font-size:.72rem}
.m-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#000}
.m-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.04);animation:mZoom 14s ease-out forwards}
@keyframes mZoom{to{transform:scale(1)}}
.m-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.6) 38%,rgba(0,0,0,0) 70%),linear-gradient(to top,#000 0%,rgba(0,0,0,0) 40%)}
.m-hero-in{position:relative;z-index:2;width:100%;padding-top:7rem;padding-bottom:5rem}
.m-crumb{font:500 .7rem var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0 0 2rem}
.m-crumb a{color:inherit;text-decoration:none}.m-crumb a:hover{color:#fff}.m-crumb span{color:#fff}
.m-title{font:700 clamp(3rem,10vw,9rem)/.88 var(--font-heading);letter-spacing:-.05em;color:#fff;margin:0;text-transform:uppercase}
.m-lead{color:#cfcfcf;font:300 clamp(1rem,1.5vw,1.25rem)/1.7 var(--font-body);max-width:52ch;margin:1.6rem 0 0}
.m-hero .v4-chips{margin-top:1.8rem}
.m-pager{position:relative;z-index:2;width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:1.6rem;font:600 .66rem var(--font-body);letter-spacing:.2em;text-transform:uppercase}
.m-pager a{color:rgba(255,255,255,.6);text-decoration:none}.m-pager a:hover{color:var(--v4-red)}
.m-pager span{color:rgba(255,255,255,.35);font-family:var(--font-heading)}
.m-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.m-who{margin-top:2rem;border-left:2px solid var(--v4-red);padding:.2rem 0 .2rem 1.3rem}
.m-who span{font:600 .64rem var(--font-body);letter-spacing:.28em;text-transform:uppercase;color:var(--v4-red)}
.m-who p{color:#fff;font:400 1.05rem/1.6 var(--font-body);margin:.5rem 0 0}
.m-sts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,1.6vw,1.2rem)}
.m-st{border:1px solid var(--v4-line);border-radius:18px;background:var(--v4-card);overflow:hidden;display:flex;flex-direction:column;transition:border-color .4s,transform .6s var(--v4-ease)}
.m-st:hover{border-color:rgba(255,26,26,.45);transform:translateY(-4px)}
.m-st .v4-fig{border-radius:0;aspect-ratio:4/3}
.m-st-tx{padding:1.3rem 1.3rem 1.5rem;display:flex;flex-direction:column;gap:.55rem}
.m-no{font:700 .72rem var(--font-heading);color:var(--v4-red);letter-spacing:.14em}
.m-st h3{font:700 1.05rem var(--font-heading);color:#fff;margin:0;letter-spacing:.01em}
.m-st p{color:var(--v4-mute);font:300 .92rem/1.6 var(--font-body);margin:0}
.m-spec{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.m-spec span{font:500 .7rem var(--font-body);color:#ddd;border:1px solid rgba(255,255,255,.14);padding:.4rem .65rem;border-radius:999px}
.m-tech{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.m-tech-img{margin-top:2rem;aspect-ratio:4/3}
.m-table{width:100%;border-collapse:collapse;font-family:var(--font-body);border-top:1px solid var(--v4-line)}
.m-table th,.m-table td{padding:1rem 0;border-bottom:1px solid var(--v4-line);text-align:left;vertical-align:top}
.m-table th{color:var(--v4-mute);font:400 .82rem var(--font-body);letter-spacing:.08em;text-transform:uppercase;width:42%;padding-right:1rem}
.m-table td{color:#fff;font:400 1rem var(--font-body)}
.m-cta{background:radial-gradient(70% 90% at 50% 100%,rgba(255,26,26,.16),transparent 60%),#000}
.m-cta-in{max-width:900px;text-align:center}
.m-others{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.m-other{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;border:1px solid var(--v4-line);border-radius:16px;background:var(--v4-card);overflow:hidden;padding-bottom:1.1rem;transition:border-color .4s,transform .6s var(--v4-ease)}
.m-other:hover{border-color:rgba(255,26,26,.45);transform:translateY(-4px)}
.m-other img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:.6rem}
.m-other span{font:600 .6rem var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--v4-red);padding:0 1rem}
.m-other b{font:700 1rem var(--font-heading);color:#fff;padding:0 1rem}
.m-other em{font:300 .8rem var(--font-body);color:var(--v4-mute);font-style:normal;padding:0 1rem}
.m-foot{flex-direction:column;gap:1rem;text-align:center;align-items:center}
.m-foot p{margin:0;font-size:.72rem;line-height:1.7}
.m-foot a{color:inherit}
@media (max-width:1100px){.m-sts{grid-template-columns:repeat(2,1fr)}.m-others{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
  .m-hero{min-height:auto}
  .m-hero-bg{position:relative;height:52vh;object-position:50% 50%}
  .m-hero::after{background:linear-gradient(to top,#000 0%,#000 46%,rgba(0,0,0,0) 62%)}
  .m-hero-in{margin-top:-14vh;padding-top:0;padding-bottom:2.4rem}
  .m-crumb{margin-bottom:1rem}
  .m-why-grid,.m-tech{grid-template-columns:1fr}
  .m-sts{grid-template-columns:1fr}
  .m-others{grid-template-columns:repeat(2,1fr)}
  .m-table th{width:46%;font-size:.72rem}.m-table td{font-size:.92rem}
  .m-pager{padding-top:.4rem}
}