.mcpe-hero-grid{position:relative;isolation:isolate;margin:16px 0 34px;padding:32px 20px 20px;border:1px solid #e1eee5;border-radius:25px;background:linear-gradient(125deg,#f0faf3 0%,#f8fcf9 53%,#e9f7ee 100%);box-shadow:0 6px 24px #204b3210;overflow:hidden}
.mcpe-hero-grid::before{content:"";position:absolute;right:-30px;top:-30px;width:220px;height:220px;z-index:-1;opacity:.5;background:linear-gradient(90deg,transparent 50%,#d1f0dd 50%) 0 0/64px 64px;transform:rotate(-12deg);mask-image:linear-gradient(220deg,#000,transparent 75%);pointer-events:none}
.mcpe-hero-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;padding:0 12px 30px}
.mcpe-hero-heading{min-width:0}.mcpe-hero-heading h1{position:relative;margin:0 0 22px;color:#092e1c;font-size:clamp(34px,3.45vw,48px);font-weight:780;line-height:1.14;letter-spacing:-1.65px;text-wrap:balance}
.mcpe-hero-heading h1::after{content:"";position:absolute;left:1px;bottom:-13px;width:76px;height:5px;border-radius:80% 20% 50% 30%;background:#6ade82;transform:rotate(-5deg)}
.mcpe-hero-heading p{margin:0;color:#586d60;font-size:14px;line-height:1.65;max-width:480px}
.mcpe-hero-search{display:flex;align-items:center;gap:12px;min-width:0;margin:0;padding:7px 7px 7px 17px;border:1px solid #d2e3d8;border-radius:17px;background:#fff;box-shadow:0 5px 18px #245f3310}
.mcpe-hero-search:focus-within{border-color:#009b58;box-shadow:0 0 0 3px #009b5819}
.mcpe-hero-search>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mcpe-hero-search svg,.mcpe-hero-tile-arrow svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.mcpe-hero-search>svg{color:#6f8577}.mcpe-hero-search input{min-width:0;width:100%;flex:1;border:0;outline:0;padding:10px 0;background:none;box-shadow:none;color:#243d2d;font:inherit;font-size:14px}.mcpe-hero-search input::placeholder{color:#88948b}
.mcpe-hero-search button{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;padding:0;border:0;border-radius:11px;background:#009b58;color:#fff;cursor:pointer}.mcpe-hero-search button:hover{background:#007d47}
.mcpe-hero-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.mcpe-hero-tile{position:relative;display:block;isolation:isolate;aspect-ratio:1.65;min-width:0;overflow:hidden;border-radius:15px;background:#173f2a;color:#fff;box-shadow:0 2px 4px #173e2510}
.mcpe-hero-tile::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 42%,#031c0e20 57%,#031c0ed9 100%);pointer-events:none}
.mcpe-hero-tile img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .35s ease}
.mcpe-hero-tile-label{position:absolute;left:18px;right:54px;bottom:18px;z-index:2;color:#fff;font-size:clamp(18px,2vw,25px);font-weight:730;line-height:1.1;letter-spacing:-.6px;text-shadow:0 2px 8px #001a0b66}
.mcpe-hero-tile-arrow{position:absolute;right:14px;bottom:14px;z-index:2;display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff70;border-radius:50%;background:#fff2;color:#fff;transition:background .2s}
.mcpe-hero-tile:hover img{transform:scale(1.045)}.mcpe-hero-tile:hover .mcpe-hero-tile-arrow{background:#009b58;border-color:#009b58}
.mcpe-hero-tile:focus-visible,.mcpe-hero-search button:focus-visible{outline:3px solid #009b58;outline-offset:3px}
@media(max-width:900px){.mcpe-hero-intro{gap:24px;padding:0 4px 26px}.mcpe-hero-heading h1{font-size:36px}.mcpe-hero-search{padding-left:12px;gap:9px}.mcpe-hero-search input{font-size:13px}.mcpe-hero-tile-label{left:14px;bottom:15px;font-size:20px}}
@media(max-width:650px){main.container:has(> .mcpe-hero-grid){width:100%;max-width:none}main.container:has(> .mcpe-hero-grid)>:not(.mcpe-hero-grid){width:min(560px,calc(100% - 32px));margin-inline:auto}.mcpe-hero-grid{width:100%;max-width:none;margin:0 0 28px;padding:22px 12px 12px;border:0;border-radius:0;box-shadow:none}.mcpe-hero-intro{grid-template-columns:1fr;gap:20px;padding:0 5px 24px}.mcpe-hero-heading h1{font-size:31px;line-height:1.14;letter-spacing:-1px;margin-bottom:22px}.mcpe-hero-heading p{font-size:12.5px;line-height:1.65}.mcpe-hero-search{padding:5px 5px 5px 11px;border-radius:12px;gap:8px}.mcpe-hero-search input{font-size:16px;padding:7px 0}.mcpe-hero-search>svg{width:19px;height:19px}.mcpe-hero-search button{width:37px;height:37px;border-radius:8px}.mcpe-hero-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mcpe-hero-tile{aspect-ratio:1.24;border-radius:11px}.mcpe-hero-tile-label{left:10px;right:30px;bottom:13px;font-size:16px;letter-spacing:-.4px;line-height:1.12}.mcpe-hero-tile-arrow{right:7px;bottom:9px;width:24px;height:24px}.mcpe-hero-tile-arrow svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.mcpe-hero-tile img,.mcpe-hero-tile-arrow{transition:none}}