/* MediaMine — licensing page */
.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(1.22) contrast(1.02)}
.mast::after{content:"";position:absolute;inset:0;z-index:-1;background: linear-gradient(90deg,rgba(11,12,14,.9) 0%,rgba(11,12,14,.62) 26%,rgba(11,12,14,.2) 55%,rgba(11,12,14,.05) 100%), linear-gradient(180deg,rgba(11,12,14,.55) 0%,rgba(11,12,14,0) 30%,rgba(11,12,14,0) 60%,rgba(11,12,14,.45) 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 .lead{color:rgba(255,255,255,.86);font-size:18px;max-width:56ch;margin-top:30px}
@media(max-width:760px){
  .mast::after{background:linear-gradient(180deg,rgba(11,12,14,.72) 0%,rgba(11,12,14,.38) 42%,rgba(11,12,14,.86) 100%)}
  .mast-bg{object-position:60% 45%}
  .mast{min-height:74svh;display:flex;align-items:flex-end}
  .mast>.wrap{width:100%}
}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
.btn.ghost:hover{background:#fff;color:var(--ink)}
.mast.lic{padding-top:clamp(150px,17vw,230px)}
.mast.lic .mast-bg{object-position:center 30%;filter:none}
.mast.lic::after{background: linear-gradient(180deg,rgba(11,12,14,.6) 0%,rgba(11,12,14,.12) 22%,rgba(11,12,14,.55) 58%,rgba(11,12,14,.93) 82%,#0b0c0e 100%), linear-gradient(90deg,rgba(11,12,14,.72) 0%,rgba(11,12,14,.3) 40%,rgba(11,12,14,.18) 100%)}
.mast.lic h1 .it{font-style:italic;color:var(--accent)}
.mast.lic .lead{color:#fff}
@media(max-width:760px){
  .mast.lic::after{background:linear-gradient(180deg,rgba(11,12,14,.6) 0%,rgba(11,12,14,.2) 26%,rgba(11,12,14,.7) 62%,#0b0c0e 92%)}
}
.lsec{padding:clamp(64px,8vw,110px) 0}
.sheet{margin-bottom:clamp(40px,5vw,64px)}
.sheet .shd,.lgroup-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;padding-bottom:18px;border-bottom:1px solid var(--ink)}
.sheet .lab{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.sheet .hint{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.sheet ol{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(20px,2.2vw,30px);margin-top:clamp(28px,3vw,40px)}
.sheet .th{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--dark);position:relative}
.sheet .th img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.sheet .th.ph,.lent .frame.ph{background:repeating-linear-gradient(135deg,#eceef0 0 8px,#e2e4e7 8px 16px);border:1px solid var(--line)}
.sheet a:hover .th img{transform:scale(1.05)}
.sheet .tt{display:block;margin-top:12px;font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.15;color:var(--ink);transition:color .25s}
.sheet a:hover .tt{color:var(--accent)}
@media(max-width:1000px){
  .sheet ol{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:600px){
  .sheet ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
.lgroup{margin-top:clamp(56px,7vw,96px)}
.lgroup-hd h2{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.4vw,52px);line-height:1}
.lgroup-hd h2 .it{font-style:italic}
.lgroup-hd p{font-size:14.5px;color:var(--ink-3);max-width:44ch}
.lent{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(24px,4vw,58px);padding:clamp(40px,5vw,64px) 0;border-bottom:1px solid var(--line);align-items:start;scroll-margin-top:96px}
.lent .frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--dark)}
.lent .frame img{width:100%;height:100%;object-fit:cover}
.lent .frame.ph{display:flex;align-items:flex-end;padding:14px}
.lent .phl{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);background:#fff;padding:6px 9px;border:1px solid var(--line)}
.lent .n{font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--accent)}
.lent h3{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.2vw,42px);line-height:1.05;margin-top:10px}
.lent .q{margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.lent .body{margin-top:18px;color:var(--ink-2);font-size:16.5px;line-height:1.7;max-width:62ch;text-wrap:pretty}
.lent .body.tbd{color:var(--ink-3);font-style:italic}
.lent .more{display:inline-flex;gap:10px;margin-top:24px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.lent .more .arrow{color:var(--accent)}
.lent .more:hover{color:var(--accent)}
.lent .more:hover .arrow{transform:translateX(6px)}
@media(max-width:820px){
  .lent{grid-template-columns:1fr}
  .lent .frame{max-width:240px}
}
.rv{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
}
.close .bg img,.lent .frame img,.sheet .th img,.mast-bg{height:100%}