/* MediaMine — services page */
.acc{border-top:1px solid var(--ink)}
.acc-item{border-bottom:1px solid var(--line)}
.acc-head{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center; padding:30px 6px;cursor:pointer;transition:padding .3s ease}
.acc-head:hover{padding-left:16px}
.acc-head .n{font-family:var(--serif);font-size:22px;color:var(--accent);line-height:1}
.acc-head .t{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,40px);line-height:1.05}
.acc-head .t small{display:block;font-family:var(--sans);font-weight:500;font-size:14px; letter-spacing:0;text-transform:none;color:var(--ink-3);margin-top:6px}
.acc-head:hover .t{color:var(--accent-ink)}
.tog{position:relative;width:22px;height:22px;flex:none}
.tog::before,.tog::after{content:"";position:absolute;background:var(--accent);transition:transform .35s ease,opacity .3s}
.tog::before{left:0;top:10px;width:22px;height:2px}
.tog::after{left:10px;top:0;width:2px;height:22px}
.acc-item.open .tog::after{transform:scaleY(0)}
.acc-panel{max-height:0;overflow:hidden;transition:max-height .55s cubic-bezier(.4,0,.2,1)}
.acc-item.open .acc-panel{max-height:760px}
.acc-body{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;padding:6px 6px 48px}
.acc-body p{color:var(--ink-2);max-width:46ch}
.acc-body .bul{list-style:none;margin:0;padding:0;color:var(--ink-2);max-width:60ch}
.acc-body .bul li{position:relative;padding-left:22px;margin-bottom:12px;line-height:1.6}
.acc-body .bul li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;background:var(--accent);transform:rotate(45deg)}
.spec{display:flex;flex-direction:column;gap:24px}
.spec .row{display:grid;grid-template-columns:118px 1fr;gap:20px;align-items:baseline; padding-top:18px;border-top:1px solid var(--line)}
.spec .lab{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.spec .vals{color:var(--ink-2);font-size:14.5px;line-height:1.85}
@media(max-width:820px){
  .acc-head{grid-template-columns:1fr auto;gap:16px}
  .acc-body{grid-template-columns:1fr;gap:28px;padding-bottom:36px}
  .acc-item.open .acc-panel{max-height:1400px}
  .spec .row{grid-template-columns:1fr;gap:6px}
}
.other{background:var(--paper-2);padding:clamp(70px,9vw,120px) 0}
.other h2{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4vw,46px)}
.other .grid{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}
.other .oi{display:flex;gap:16px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.other .oi .dm{width:6px;height:6px;background:var(--accent);transform:rotate(45deg);flex:none;margin-top:9px}
.other .oi .txt strong{font-weight:600;font-size:15.5px}
.other .oi .txt span{display:block;color:var(--ink-3);font-size:13.5px;margin-top:2px}
@media(max-width:680px){
  .other .grid{grid-template-columns:1fr}
}
.mast{position:relative;overflow:hidden;isolation:isolate;background:var(--dark);color:var(--on-dark);padding:clamp(150px,15vw,210px) 0 clamp(56px,6vw,88px)}
.mast-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:-2;filter:brightness(.5) contrast(1.1) saturate(.8) sepia(.14)}
.mast::after{content:"";position:absolute;inset:0;z-index:-1;background: linear-gradient(90deg,rgba(11,12,14,.86) 0%,rgba(11,12,14,.6) 30%,rgba(11,12,14,.2) 62%,rgba(11,12,14,.06) 100%), linear-gradient(180deg,rgba(11,12,14,.5) 0%,rgba(11,12,14,.04) 30%,rgba(11,12,14,.04) 60%,rgba(11,12,14,.5) 100%)}
.mast .eyebrow{margin-bottom:22px}
.mast h1{font-family:var(--serif);font-weight:500;font-size:clamp(52px,8vw,104px);line-height:.98;letter-spacing:-.02em;color:#fff}
.mast .sub{font-family:var(--serif);font-style:italic;color:#fff;font-size:clamp(24px,3.2vw,38px);line-height:1.15;margin-top:20px;max-width:20ch}
.mast .lead{color:rgba(255,255,255,.86);font-size:18px;max-width:64ch;margin-top:30px}
@media(max-width:760px){
  .mast::after{background:linear-gradient(180deg,rgba(11,12,14,.64) 0%,rgba(11,12,14,.3) 42%,rgba(11,12,14,.8) 100%)}
  .mast-bg{object-position:60% 45%}
  .mast{min-height:74svh;display:flex;align-items:flex-end}
  .mast>.wrap{width:100%}
}
.grp{padding:clamp(72px,9vw,120px) 0 0;scroll-margin-top:40px}
.grp-head{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:12px 40px;align-items:baseline;margin-bottom:28px}
.grp-head .eyebrow{grid-column:1/-1}
.grp-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(46px,6vw,76px);line-height:1;letter-spacing:-.015em}
.grp-head p{color:var(--ink-2);font-size:18px;max-width:44ch}
@media(max-width:760px){
  .grp-head{grid-template-columns:1fr}
}
.also{display:flex;gap:16px;align-items:baseline;padding:22px 6px;border-bottom:1px solid var(--line)}
.also .dm,.other .oi .dm{width:6px;height:6px;background:var(--accent);transform:rotate(45deg);flex:none;margin-top:9px}
.also strong{font-weight:600;font-size:15.5px}
.also span.s{color:var(--ink-3);font-size:13.5px;margin-left:10px}
.grp.manage{padding-bottom:clamp(72px,9vw,120px)}
.other{background:transparent;padding:0}
.other .grid{border-top:1px solid var(--ink)}
.acc-head:focus-visible{outline-offset:-2px}
.close .bg img,.mast-bg{height:100%}
.quality{margin-top:0;padding:30px 6px 0;display:block}
.quality h3{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,40px);line-height:1.05;margin:0 0 10px}
.quality p{color:var(--ink-2);max-width:76ch}