/* METTA PIC — Home v15 */
body[data-page="home"]{background:#fff;color:#0a0a0a}.mp-home{overflow:hidden}.mp-hero{position:relative;height:100svh;min-height:560px;max-height:100svh;isolation:isolate;background:#0b0b0b;color:#fff;display:flex;align-items:center;overflow:hidden}.mp-hero-media{position:absolute;inset:0;z-index:-3;background:url("../images/hero-mountains.webp") center/cover no-repeat;transform:scale(1.015)}.mp-hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.78) 43%,rgba(0,0,0,.84) 100%),linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.22) 42%,rgba(0,0,0,.90) 100%)}.mp-hero-vignette{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 48%,rgba(255,255,255,.10),transparent 35%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.36) 100%)}.mp-hero-inner{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:center;padding-top:38px}.mp-hero-copy{max-width:720px}.mp-kicker{display:inline-flex;font-size:9px;font-weight:900;letter-spacing:.12em!important;color:#d8d8d8}.mp-hero-copy h1{font-size:clamp(54px,7.2vw,94px);line-height:1.02;letter-spacing:-.06em!important;margin:18px 0 18px;font-weight:950}.mp-gradient-text{background:linear-gradient(105deg,#fff 8%,#f0f0f0 42%,#b8b8b8 67%,#fff 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.mp-hero-copy p{max-width:560px;color:rgba(255,255,255,.76);font-size:13px;line-height:2;margin:0}.mp-hero-actions{display:flex;align-items:center;gap:12px;margin-top:26px}.mp-hero-actions .btn{min-width:130px}.mp-link-arrow{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:10px;font-weight:900}.mp-link-arrow svg{width:16px;transform:scaleX(-1)}.mp-hero-art{justify-self:end;width:300px}.mp-art-card{background:rgba(255,255,255,.92);color:#111;border-radius:22px;padding:10px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.mp-art-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:15px;background:#f2f2f2}.mp-art-meta{padding:12px 5px 4px}.mp-art-meta small{font-size:8px;color:#777}.mp-art-meta strong{display:block;font-size:13px;margin:3px 0}.mp-art-meta span{font-size:8px;color:#666}.mp-hero-bottom{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:space-between;align-items:center;width:min(1180px,calc(100% - 40px));margin:auto}.mp-hero-index{font-size:9px;color:#aaa}.mp-hero-index b{color:#fff}.mp-scroll{display:flex;align-items:center;gap:8px;color:#aaa;font-size:8px}.mp-scroll i{display:block;width:1px;height:28px;background:linear-gradient(#fff,transparent)}
.mp-section{padding:88px 0}.mp-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.mp-section-head h2{font-size:31px;font-weight:950;letter-spacing:-.045em!important;margin:0}.mp-section-head p{max-width:530px;color:#777;font-size:11px;line-height:2;margin:0}.mp-section-head a{font-size:9px;color:#111;font-weight:900;white-space:nowrap}.mp-info-strip{border-bottom:1px solid #ececec}.mp-info-grid{display:grid;grid-template-columns:repeat(4,1fr)}.mp-info{padding:28px 22px;border-left:1px solid #ececec}.mp-info:first-child{border-left:0}.mp-info-icon{width:34px;height:34px;border:1px solid #ddd;border-radius:11px;display:grid;place-items:center;margin-bottom:14px}.mp-info-icon svg{width:18px}.mp-info strong{font-size:12px}.mp-info p{font-size:9px;color:#777;line-height:1.9;margin:5px 0 0}
.mp-categories{background:#f7f8fb}.mp-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mp-category{background:#fff;border:1px solid #e8e8e8;border-radius:24px;overflow:hidden;min-width:0}.mp-category-media{height:235px;background:#f5f5f5;display:grid;place-items:center;padding:24px}.mp-category-media img{width:82%;height:100%;object-fit:contain;mix-blend-mode:multiply}.mp-category-body{padding:24px 24px 25px}.mp-category-body h3{font-size:17px;margin:0 0 8px;font-weight:950}.mp-category-body p{font-size:10px;color:#777;line-height:2;margin:0 0 18px}.mp-category-link{display:inline-flex;align-items:center;gap:7px;color:#6256ff;font-size:10px;font-weight:900}.mp-category-link svg{width:15px;transform:scaleX(-1)}
.mp-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.mp-feature-image{background:#f5f5f5;border-radius:26px;padding:20px;min-height:430px;display:grid;place-items:center}.mp-feature-image img{width:min(470px,90%);height:390px;object-fit:contain}.mp-feature-copy .mp-kicker{color:#888}.mp-feature-copy h2{font-size:38px;line-height:1.2;margin:10px 0 14px}.mp-feature-copy p{color:#777;font-size:11px;line-height:2.15;max-width:530px}.mp-feature-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.mp-feature-point{border:1px solid #e5e5e5;border-radius:14px;padding:14px}.mp-feature-point strong{display:block;font-size:10px}.mp-feature-point span{display:block;color:#888;font-size:8px;line-height:1.8;margin-top:4px}
.mp-products{background:#0a0a0a;color:#fff}.mp-products .mp-section-head p{color:#999}.mp-products .mp-section-head a{color:#fff}.mp-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mp-products .product-card{box-shadow:none!important}.mp-products .product-media{height:245px}.mp-products .product-body{padding:13px}.mp-products .product-body h3{font-size:11px}.mp-articles{background:#fff}.mp-article-grid{display:grid;grid-template-columns:1.25fr .875fr .875fr;gap:18px}.mp-article{border:1px solid #e6e6e6;border-radius:20px;overflow:hidden;background:#fff}.mp-article:first-child{grid-row:span 2}.mp-article-media{height:180px;background:#f1f1f1;overflow:hidden}.mp-article:first-child .mp-article-media{height:360px}.mp-article-media img{width:100%;height:100%;object-fit:cover}.mp-article-body{padding:18px}.mp-article-body small{font-size:8px;color:#888}.mp-article-body h3{font-size:15px;line-height:1.7;margin:6px 0}.mp-article-body p{font-size:9px;color:#777;line-height:1.9;margin:0 0 13px}.mp-read{font-size:9px;font-weight:900;color:#111}.mp-final-cta{padding:70px 0;background:#f7f7f5}.mp-final-box{background:#0a0a0a;color:#fff;border-radius:28px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.mp-final-box h2{font-size:30px;margin:0 0 8px}.mp-final-box p{font-size:10px;color:#aaa;margin:0;line-height:2}.mp-final-box .btn{background:#fff;color:#111}
@media(max-width:900px){.mp-hero-inner{grid-template-columns:1fr;width:min(100% - 30px,620px);padding-top:40px}.mp-hero-art{display:none}.mp-hero-copy{text-align:center;margin:auto}.mp-hero-copy p{font-size:11px;max-width:340px;margin:auto}.mp-hero-actions{justify-content:center}.mp-hero-bottom{width:calc(100% - 30px)}.mp-info-grid{grid-template-columns:repeat(2,1fr)}.mp-info:nth-child(2n){border-left:0}.mp-info:nth-child(n+3){border-top:1px solid #ececec}.mp-category-grid{grid-template-columns:1fr;gap:14px}.mp-category-media{height:220px}.mp-feature{grid-template-columns:1fr;gap:28px}.mp-feature-image{min-height:330px}.mp-feature-image img{height:290px}.mp-products-grid{grid-template-columns:repeat(2,1fr)}.mp-article-grid{grid-template-columns:1fr 1fr}.mp-article:first-child{grid-column:1/-1;grid-row:auto}.mp-article:first-child .mp-article-media{height:260px}.mp-final-box{padding:32px;display:block;text-align:center}.mp-final-box .btn{margin-top:20px}}
@media(max-width:560px){.mp-hero{min-height:560px}.mp-hero-inner{width:calc(100% - 24px);padding-top:34px}.mp-kicker{font-size:8px}.mp-hero-copy h1{font-size:clamp(43px,13vw,60px);margin:14px 0}.mp-hero-copy p{font-size:10px;line-height:1.95}.mp-hero-actions{margin-top:20px;gap:8px}.mp-hero-actions .btn{min-width:118px;min-height:43px;padding:0 14px}.mp-link-arrow{font-size:9px}.mp-hero-bottom{bottom:74px;width:calc(100% - 24px)}.mp-scroll{display:none}.mp-section{padding:62px 0}.mp-section-head{display:block}.mp-section-head h2{font-size:25px}.mp-section-head p{font-size:10px;margin-top:7px}.mp-info{padding:22px 15px}.mp-info strong{font-size:10px}.mp-info p{font-size:8px}.mp-category-body{padding:20px}.mp-category-body h3{font-size:15px}.mp-category-body p{font-size:9px}.mp-feature-copy h2{font-size:29px}.mp-feature-points{grid-template-columns:1fr}.mp-products-grid{gap:10px}.mp-products .product-media{height:190px}.mp-article-grid{grid-template-columns:1fr}.mp-article:first-child .mp-article-media{height:220px}.mp-article-media{height:170px}.mp-final-box{border-radius:20px;padding:27px 20px}.mp-final-box h2{font-size:24px}}
