/* MediaMine — home page */
:root{--ink:#15181D; --ink-2:#3d434c; --ink-3:#767c85; --line:#e7e8ea; --line-2:#efeff1; --paper:#ffffff; --paper-2:#f6f7f8; --accent:#E5392A; --accent-ink:#c02b1c; --dark:#0d1015; --dark-2:#161a20; --on-dark:#edeef0; --on-dark-mute:#969ca4; --dark-line:rgba(255,255,255,.14); --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif; --sans:"Archivo",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; --wrap:1280px;}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--ink);background:var(--paper); font-size:17px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.eyebrow{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.22em; text-transform:uppercase;color:var(--accent)}
.disp{font-family:var(--serif);font-weight:500;line-height:1.0;letter-spacing:-.01em}
.it{font-style:italic}
.lead{font-size:18px;color:var(--ink-2);max-width:52ch}
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#0b0e12}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero .scrim{position:absolute;inset:0;z-index:1;background: linear-gradient(90deg,rgba(9,11,15,.93) 0%,rgba(9,11,15,.64) 32%,rgba(9,11,15,.2) 60%,rgba(9,11,15,.36) 100%), linear-gradient(180deg,rgba(9,11,15,.5) 0%,rgba(9,11,15,0) 24%,rgba(9,11,15,0) 50%,rgba(9,11,15,.55) 100%)}
.hero-content{position:relative;z-index:5;width:100%;padding-top:150px;padding-bottom:clamp(50px,7vw,92px)}
.hero-content .inner{max-width:1060px}
.hero-content .eyebrow{color:var(--accent)}
.headline{margin-top:20px}
.headline .row{display:flex;align-items:baseline;gap:24px}
.headline .num{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.1em;width:26px;flex:none;transform:translateY(-.4em)}
.headline .word{font-family:var(--serif);font-weight:500;color:#fff;font-size:clamp(56px,10.5vw,132px);line-height:1.0;letter-spacing:-.015em;text-shadow:0 2px 40px rgba(0,0,0,.35)}
.headline .word.it{font-style:italic;color:var(--accent)}
.hero-lower{margin-top:40px;max-width:560px}
.hero-lower .lead{color:rgba(255,255,255,.84)}
.cta-row{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.btn{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:15px 28px;transition:.25s;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:9px}
.btn.solid{background:var(--accent);color:#fff}
.btn.solid:hover{background:var(--accent-ink)}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn.ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
@media(max-width:620px){
  .hero-content{padding-top:118px}
  .headline .row{gap:15px}
  .headline .num{width:20px}
  .hero .scrim{background:linear-gradient(180deg,rgba(9,11,15,.6) 0%,rgba(9,11,15,.18) 26%,rgba(9,11,15,.34) 58%,rgba(9,11,15,.74) 100%)}
}
.sec{padding:clamp(84px,10vw,140px) 0}
.sec-head{display:flex;justify-content:space-between;align-items:baseline; border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:56px;gap:24px;flex-wrap:wrap}
.sec-head .link{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#d93425;white-space:nowrap}
.sec-head .link:hover{color:#b3281b}
.sec-head .link:hover .arrow{transform:translateX(6px)}
.sec-head .link .arrow{color:inherit;margin-left:10px;font-size:1.15em;line-height:1}
@media(max-width:360px){.sec-head .link{font-size:14px;letter-spacing:.1em}}
.who h2{font-family:var(--serif);font-weight:500;font-size:clamp(38px,5vw,60px);line-height:1.05;letter-spacing:-.01em;max-width:16ch}
.who .cols{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:44px}
.who p{color:var(--ink-2);max-width:48ch}
.who .more{display:inline-flex;align-items:center;gap:10px;margin-top:34px; font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#d93425}
.who .more:hover{color:#b3281b}
.who .more .arrow{color:inherit;font-size:1.15em;line-height:1}
.who .more:hover .arrow{transform:translateX(6px)}
@media(max-width:760px){
  .who .cols{grid-template-columns:1fr;gap:24px}
}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.svc-cell{padding:56px 34px 50px;text-align:center;border-left:1px solid var(--line); transition:background .3s ease;position:relative}
.svc-cell:first-child{border-left:0}
.svc-cell .ico{height:46px;margin:0 auto 26px;display:block;opacity:.92;transition:transform .35s ease}
.svc-cell h3{font-family:var(--sans);font-size:13.5px;font-weight:600;letter-spacing:.14em; text-transform:uppercase;line-height:1.55;color:var(--ink)}
.svc-cell p{color:var(--ink-3);font-size:14.5px;margin:16px auto 0;max-width:24ch}
.svc-cell::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;width:0; background:var(--accent);transition:width .35s ease;margin:0 auto}
.svc-cell:hover{background:var(--paper-2)}
.svc-cell:hover .ico{transform:translateY(-4px)}
.svc-cell:hover::after{width:100%}
@media(max-width:820px){
  .svc-grid{grid-template-columns:1fr 1fr}
  .svc-cell{border-top:1px solid var(--line)}
  .svc-cell:nth-child(odd){border-left:0}
  .svc-cell:nth-child(-n+2){border-top:0}
}
@media(max-width:480px){
  .svc-grid{grid-template-columns:1fr}
  .svc-cell{border-left:0;border-top:1px solid var(--line);padding:40px 20px}
  .svc-cell:first-child{border-top:0}
}
@keyframes scroll{to{transform:translateX(-50%)}}
.close .bg img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.5}
.close .bg::after{content:"";position:absolute;inset:0; background:linear-gradient(90deg,var(--dark) 8%,rgba(13,16,21,.72) 48%,rgba(13,16,21,.35) 100%)}
.close .wrap{position:relative;z-index:2;padding:clamp(90px,11vw,150px) 40px}
.close .inner{max-width:640px}
.close h2{font-family:var(--serif);font-weight:500;font-size:clamp(46px,6vw,84px);line-height:1.0;letter-spacing:-.015em;margin:22px 0 26px}
.close p{color:var(--on-dark-mute);max-width:44ch;font-size:18px}
.close .mail{font-family:var(--serif);font-size:clamp(28px,3.4vw,40px);color:#fff;display:inline-block;margin:40px 0 6px;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:6px;transition:.25s}
.close .cta-row{margin-top:36px}
.close .btn.solid{background:var(--accent)}
.close .btn.solid:hover{background:var(--accent-ink)}
.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}
}
.contact-name{font-family:var(--serif);font-size:28px;color:#fff;margin-top:30px}
.hero-content{padding-top:130px}
.hero-content .inner{max-width:none}
.headline{display:grid;grid-template-columns:auto auto;column-gap:24px;align-items:baseline;justify-content:start}
.headline .row{display:contents}
.headline .note{margin-left:clamp(16px,3vw,44px);max-width:300px;font-size:15px;line-height:1.5;color:#fff;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.28);transition:border-color .25s}
.headline .note .arrow{color:var(--accent);margin-left:10px;font-size:2.6em;font-weight:700;line-height:1;-webkit-text-stroke:.9px currentColor;vertical-align:-.22em}
.headline .note:hover{border-color:var(--accent)}
.headline .note:hover .arrow{transform:translateX(4px)}
@media(max-width:900px){
  .headline{grid-template-columns:minmax(0,1fr);column-gap:0}
  .headline .note{grid-column:1;justify-self:start;margin:6px 0 22px 0;max-width:34ch;font-size:14.5px}
}
.svc-cell{scroll-margin-top:100px}
.door-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.door{padding:52px 48px 56px 0;display:flex;flex-direction:column}
.door + .door{padding:52px 0 56px 48px;border-left:1px solid var(--line)}
.door .num{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.door h3{font-family:var(--serif);font-weight:500;font-size:clamp(34px,3.8vw,48px);line-height:1.05;letter-spacing:-.01em;margin-top:18px;color:var(--ink)}
.door h3.it-h{font-style:italic}
.door .for{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:14px}
.door p{color:var(--ink-2);max-width:46ch;margin-top:18px}
.door ul{list-style:none;margin:26px 0 34px;border-top:1px solid var(--line-2)}
.door li{padding:12px 0;border-bottom:1px solid var(--line-2);font-size:15.5px;color:var(--ink);display:flex;gap:14px;align-items:baseline}
.door li::before{content:"";flex:none;width:6px;height:6px;background:var(--accent);transform:rotate(45deg) translateY(-2px)}
.door .btn{margin-top:auto;align-self:flex-start}
.btn.outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.outline:hover{background:var(--ink);color:#fff}
.btn .arrow{color:inherit}
@media(max-width:820px){
  .door-grid{grid-template-columns:1fr}
  .door,.door + .door{padding:40px 0 44px}
  .door + .door{border-left:0;border-top:1px solid var(--line)}
}
.svc-grid{grid-template-columns:1fr 1fr !important;border-top:0}
.svc-group{scroll-margin-top:96px;display:flex;flex-direction:column}
.svc-group + .svc-group{border-left:1px solid var(--line)}
.svc-ghead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:0 34px 22px;border-bottom:2px solid var(--ink)}
.svc-group:first-child .svc-ghead{padding-left:0}
.svc-group + .svc-group .svc-ghead{padding-right:0}
.svc-ghead .gword{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.2vw,40px);line-height:1;color:var(--ink)}
.svc-ghead .gnote{flex-basis:100%;font-size:14.5px;color:var(--ink-3);margin-top:6px}
.svc-sub{display:grid;grid-template-columns:1fr 1fr;flex:1}
.svc-sub .svc-cell{border-left:1px solid var(--line)}
.svc-sub .svc-cell:first-child{border-left:0}
@media(max-width:820px){
  .svc-grid{grid-template-columns:1fr !important}
  .svc-group + .svc-group{border-left:0;margin-top:48px}
  .svc-ghead,.svc-group:first-child .svc-ghead,.svc-group + .svc-group .svc-ghead{padding:0 0 18px}
}
@media(max-width:520px){
  .svc-sub{grid-template-columns:1fr}
  .svc-sub .svc-cell{border-left:0;border-top:1px solid var(--line)}
  .svc-sub .svc-cell:first-child{border-top:0}
}
.blic{background:var(--dark);color:var(--on-dark);scroll-margin-top:0}
.blic-hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(24px,5vw,72px);align-items:end;padding-bottom:26px;border-bottom:1px solid var(--dark-line);margin-bottom:clamp(34px,4vw,56px)}
.blic-hd h2{font-family:var(--serif);font-weight:500;font-size:clamp(38px,5vw,60px);line-height:1.05;letter-spacing:-.01em;color:#fff;margin-top:16px}
.blic-hd h2 .it{color:var(--accent)}
.blic-hd .lead{color:var(--on-dark-mute);max-width:52ch}
.blic-more{display:inline-flex;gap:10px;margin-top:22px;font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ea4132}
.blic-more .arrow{color:inherit;font-size:1.15em;line-height:1}
.blic-more:hover .arrow{transform:translateX(6px)}
@media(max-width:900px){
  .blic-hd{grid-template-columns:1fr;align-items:start}
}
.coll{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,26px);list-style:none}
.coll a{display:block;color:var(--on-dark)}
.coll .frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.08)}
.coll .frame img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease;filter:saturate(.86)}
.coll .frame::after{content:"";position:absolute;inset:0;box-shadow:inset 0 -70px 60px -40px rgba(0,0,0,.7)}
.coll .frame.ph{background:repeating-linear-gradient(135deg,#1a1e24 0 10px,transparent 10px 20px),var(--dark-2);display:flex;align-items:center;justify-content:center;padding:18px}
.coll .frame.ph::after{display:none}
.coll .phl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);text-align:center;line-height:1.6;max-width:16ch}
.coll a:hover .frame img{transform:scale(1.045);filter:saturate(1)}
.coll h3{font-family:var(--serif);font-weight:500;font-size:clamp(22px,1.9vw,27px);line-height:1.15;color:#fff;margin:18px 0 6px;transition:color .25s}
.coll a:hover h3{color:var(--accent)}
.coll p{font-size:14.5px;color:var(--on-dark-mute);line-height:1.45}
.blic-foot{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;justify-content:space-between;margin-top:clamp(36px,4vw,56px);padding-top:26px;border-top:1px solid var(--dark-line)}
.blic-foot p{color:var(--on-dark-mute);max-width:48ch;font-size:16px}
@media(max-width:1020px){
  .coll{grid-template-columns:repeat(2,1fr);gap:26px 20px}
}
@media(max-width:520px){
  .coll{grid-template-columns:1fr}
  .coll .frame{aspect-ratio:16/10}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hero-bg img,.close .bg img,.coll .frame img{height:100%}
.svc-cell .ico{width:auto;aspect-ratio:1/1}
#ways .sec-head{border-bottom:0}
#ways .door-grid{border-top:0}
a.svc-ghead{color:inherit;transition:border-color .25s ease}
a.svc-ghead .gword .arrow{font-family:var(--sans);font-size:.5em;color:var(--accent);vertical-align:middle;margin-left:6px}
a.svc-ghead:hover .gword,a.svc-ghead:focus-visible .gword{color:var(--accent)}
a.svc-ghead:hover .arrow{transform:translateX(6px)}
a.svc-ghead:hover{border-bottom-color:var(--accent)}
a.word{transition:color .25s ease}
a.word:hover,a.word:focus-visible{color:var(--accent)}

@media(min-width:901px){.headline .note{max-width:none;white-space:nowrap}}
@media(min-height:1000px) and (min-width:901px){.hero{justify-content:center}.hero-content{padding-top:110px;padding-bottom:40px}}
.svc-foot{display:flex;justify-content:center;margin-top:clamp(36px,4vw,56px)}