.mp-field-index{position:relative;padding:clamp(100px,9vw,164px) 0;background:#0a0b09;color:#fff;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}.mp-field-index:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 86% 10%,rgba(214,169,85,.08),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.015),transparent 28%)}.mp-field-index>.mp-shell{position:relative;z-index:1}.mp-field-index h2,.mp-field-index h3{margin:0;font-family:var(--font-heading--family),Georgia,serif;font-weight:400;letter-spacing:-.045em}.mp-field-index__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:8vw;align-items:end;margin-bottom:clamp(54px,6vw,88px)}.mp-field-index__head h2{max-width:900px;margin-top:18px;font-size:clamp(48px,6.2vw,96px);line-height:.92;color:#fff}.mp-field-index__head h2 em{color:#d6a955;font-weight:400}.mp-field-index__intro{max-width:600px;margin:0;font-size:clamp(15px,1.15vw,18px);line-height:1.72;color:#ffffffa8}.mp-field-index__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.mp-field-index__card{position:relative;min-height:270px;padding:30px 32px 32px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);background:#ffffff03;color:#fff;text-decoration:none;overflow:hidden;transition:background .25s ease,border-color .25s ease,transform .25s ease}.mp-field-index__card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#d6a955;transform:scaleX(0);transform-origin:left center;transition:transform .28s ease}.mp-field-index__number{font-size:9px;font-weight:800;line-height:1;letter-spacing:.18em;color:#d6a955}.mp-field-index__label{margin-top:28px;font-size:8px;font-weight:800;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:#ffffff6e}.mp-field-index__card h3{margin-top:auto;padding-top:30px;padding-right:44px;font-size:clamp(28px,2.4vw,39px);line-height:.98;color:#fff}.mp-field-index__card p{max-width:390px;margin:18px 0 0;font-size:13px;line-height:1.62;color:#ffffff8f}.mp-field-index__arrow{position:absolute;right:28px;top:27px;font-size:18px;font-weight:400;line-height:1;color:#d6a955b3;transition:transform .25s ease,color .25s ease}.mp-field-index__card:focus-visible{outline:2px solid #d6a955;outline-offset:-3px;z-index:2}@media(hover:hover){.mp-field-index__card:hover{background:#d6a9550e;border-color:#d6a95552;transform:translateY(-2px)}.mp-field-index__card:hover:after{transform:scaleX(1)}.mp-field-index__card:hover .mp-field-index__arrow{color:#d6a955;transform:translate(2px,-2px)}}@media(max-width:980px){.mp-field-index__head{grid-template-columns:1fr;gap:36px}.mp-field-index__intro{max-width:720px}.mp-field-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.mp-field-index{padding:86px 0}.mp-field-index__head{margin-bottom:42px;gap:28px}.mp-field-index__head h2{font-size:clamp(44px,12.5vw,62px);line-height:.93}.mp-field-index__intro{font-size:14px;line-height:1.65}.mp-field-index__grid{grid-template-columns:1fr}.mp-field-index__card{min-height:208px;padding:24px 22px}.mp-field-index__label{margin-top:20px}.mp-field-index__card h3{padding-top:24px;font-size:32px}.mp-field-index__card p{margin-top:13px;font-size:12px}.mp-field-index__arrow{right:21px;top:22px}}@media(prefers-reduced-motion:reduce){.mp-field-index__card,.mp-field-index__card:after,.mp-field-index__arrow{transition:none}.mp-field-index__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/mr-pocket-field-index.css.map */