@charset "UTF-8";
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',system-ui,sans-serif;color:#2b2b2b;background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none;padding:0}button{cursor:pointer;border:none;background:none;font-family:inherit}
h1,h2,h3{font-family:'Archivo Black','Bebas Neue',sans-serif;font-weight:700}

.siteHdr{position:sticky;top:0;z-index:50;background:#0a0a0a;padding:14px 0;color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.2)}
.hdrIn{max-width:88rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.hdrLogoA{display:flex;align-items:center}
.hdrLogo{height:52px;width:auto; filter:brightness(0) invert(1);}
.hdrRight{display:flex;align-items:center;gap:6px}
.mobBtn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:#fff;font-size:24px;border-radius:8px;transition:background .2s}
.mobBtn:hover{background:rgba(255,255,255,.08)}
.dNav{display:none;align-items:center;gap:28px}
.dNavA{font-family:'Chakra Petch',sans-serif;font-size:15px;font-weight:600;letter-spacing:.04em;color:#fff;transition:color .2s}
.dNavA:hover{color:#D6D1C2}
.dNavPhone{font-family:'Chakra Petch',sans-serif;font-size:15px;font-weight:600;letter-spacing:.06em;background:#D6D1C2;color:#0a0a0a;padding:8px 18px;border-radius:8px;display:inline-flex;align-items:center;gap:7px;transition:background .2s}
.dNavPhone:hover{background:#fff}
.cartIco{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:#fff;font-size:19px;border-radius:8px;transition:background .2s}
.cartIco:hover{background:rgba(255,255,255,.08)}
.cartIcoD{width:auto;height:auto;font-size:18px}
.cartBdg{position:absolute;top:2px;right:0;background:#D6D1C2;color:#0a0a0a;font-size:10px;font-weight:800;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center}
.mNav{display:none;flex-direction:column;background:#0a0a0a;padding:0 20px 18px}
.mNav.isOpen{display:flex}
.mNavA{font-family:'Chakra Petch',sans-serif;font-size:16px;font-weight:600;color:#fff;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.mNavA:last-child{border-bottom:none}

.heroW{position:relative;height:100vh;width:100%;background:#0a0a0a;overflow:hidden}
.heroBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.heroOv{position:absolute;inset:0;background:rgba(0,0,0,.62);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}
.heroLogo{width:110px;margin-bottom:28px;opacity:.9}
.heroH1{font-size:2.1rem;color:#fff;line-height:1.12;margin-bottom:16px;max-width:38rem}
.heroP{font-size:1.05rem;color:rgba(255,255,255,.8);max-width:34rem;margin-bottom:28px;line-height:1.55;font-family:'DM Sans',sans-serif}
.heroBtn{font-family:'Bebas Neue',sans-serif;background:#D6D1C2;color:#0a0a0a;font-size:1.15rem;letter-spacing:.14em;padding:14px 32px;border-radius:9999px;transition:background .2s}
.heroBtn:hover{background:#fff}

.secIn{max-width:80rem;margin:0 auto}
.secH2{font-size:2rem;margin-bottom:18px;color:#0a0a0a}
.secH2L{color:#fff}

.typesSec{background:#fff;padding:84px 24px 78px}
.typesG{display:grid;grid-template-columns:1fr;gap:32px;margin-top:38px}
.typeC{background:#f8f7f4;border-radius:14px;overflow:hidden;transition:transform .24s}
.typeC:hover{transform:translateY(-4px)}
.typeImg{width:100%;height:220px;object-fit:cover}
.typeBd{padding:22px 24px 26px}
.typeH3{font-size:1.25rem;margin-bottom:8px;color:#0a0a0a}
.typeP{font-size:.9rem;color:#555;line-height:1.6;font-family:'DM Sans',sans-serif}

.prodSec{background:#0a0a0a;padding:82px 24px 86px;color:#fff}
.prodSub{font-size:.95rem;color:rgba(255,255,255,.6);max-width:38rem;margin:0 auto 40px;text-align:center;font-family:'DM Sans',sans-serif}
.prodG{display:grid;grid-template-columns:1fr;gap:26px}
.pC{background:#161616;border:1px solid #222;border-radius:12px;overflow:hidden;transition:transform .22s,border-color .22s;display:flex;flex-direction:column}
.pC:hover{transform:translateY(-3px);border-color:#D6D1C2}
.pImg{width:100%;height:200px;object-fit:cover}
.pBd{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.pNm{font-size:1.05rem;margin-bottom:6px;color:#fff}
.pSp{font-size:.82rem;color:rgba(255,255,255,.5);margin-bottom:auto;padding-bottom:16px;line-height:1.45;font-family:'DM Sans',sans-serif}
.pFt{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pPr{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:#D6D1C2;letter-spacing:.03em}
.pBuy{font-family:'Bebas Neue',sans-serif;background:#D6D1C2;color:#0a0a0a;padding:9px 18px;border-radius:9999px;font-size:.92rem;letter-spacing:.06em;display:inline-flex;align-items:center;gap:5px;transition:background .2s}
.pBuy:hover{background:#fff}

.aboutSec{background:#f8f7f4;padding:82px 24px}
.aboutG{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.aboutImgW{border-radius:14px;overflow:hidden}
.aboutImg{width:100%;aspect-ratio:4/3;object-fit:cover}
.aboutTxt{}
.bdP{font-size:.95rem;color:#444;line-height:1.65;margin-bottom:14px;font-family:'DM Sans',sans-serif}
.bdP:last-child{margin-bottom:0}

.trustSec{position:relative;min-height:540px;overflow:hidden}
.trustBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trustOv{position:relative;z-index:2;background:rgba(0,0,0,.72);min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px;text-align:center}
.trustH2{font-size:2rem;color:#fff;margin-bottom:42px}
.trustG{display:grid;grid-template-columns:1fr;gap:24px;max-width:60rem;width:100%}
.trustIt{text-align:center;color:#fff}
.trustIt i{font-size:28px;color:#D6D1C2;margin-bottom:12px;display:block}
.trustIt h3{font-size:1rem;margin-bottom:8px}
.trustIt p{font-size:.85rem;color:rgba(255,255,255,.7);line-height:1.55;max-width:26rem;margin:0 auto;font-family:'DM Sans',sans-serif}

.servSec{background:#fff;padding:80px 24px}
.servG{display:grid;grid-template-columns:1fr;gap:26px;margin-top:36px}
.servC{border:1px solid #e8e5de;border-radius:12px;padding:28px 24px;transition:border-color .22s}
.servC:hover{border-color:#D6D1C2}
.servIco{font-size:28px;color:#D6D1C2;margin-bottom:14px;display:block}
.servH3{font-size:1.1rem;margin-bottom:8px;color:#0a0a0a}
.servP{font-size:.88rem;color:#555;line-height:1.6;font-family:'DM Sans',sans-serif}

.faqSec{background:#0a0a0a;padding:78px 24px;color:#fff}
.faqG{display:grid;grid-template-columns:1fr;gap:24px;margin-top:36px}
.faqC{background:#161616;border:1px solid #222;border-radius:12px;padding:26px 24px}
.faqQ{font-size:1rem;color:#fff;margin-bottom:12px;display:flex;align-items:flex-start;gap:10px;line-height:1.35}
.faqQ i{color:#D6D1C2;flex-shrink:0;margin-top:2px}
.faqA{font-size:.88rem;color:rgba(255,255,255,.65);line-height:1.6;font-family:'DM Sans',sans-serif}

.contSec{background:#D6D1C2;padding:78px 24px;color:#0a0a0a}
.contG{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}
.contTxt{}
.contDet{margin-top:22px;display:flex;flex-direction:column;gap:8px}
.contDet p{font-size:.9rem;display:flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif}
.cfW{background:#fff;border-radius:14px;padding:28px 24px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.cfF{margin-bottom:16px}
.cfL{display:block;font-size:.8rem;font-weight:600;margin-bottom:5px;color:#0a0a0a;letter-spacing:.02em}
.cfI{width:100%;padding:11px 14px;border:1px solid #d4d0c7;border-radius:8px;font-size:.92rem;background:#fafaf8;transition:border-color .2s;font-family:'DM Sans',sans-serif}
.cfI:focus{outline:none;border-color:#0a0a0a}
.cfTa{width:100%;padding:11px 14px;border:1px solid #d4d0c7;border-radius:8px;font-size:.92rem;background:#fafaf8;resize:vertical;transition:border-color .2s;font-family:'DM Sans',sans-serif}
.cfTa:focus{outline:none;border-color:#0a0a0a}
.cfSub{font-family:'Bebas Neue',sans-serif;background:#0a0a0a;color:#fff;padding:13px 0;border-radius:9999px;font-size:1.05rem;letter-spacing:.1em;width:100%;margin-top:6px;transition:background .2s}
.cfSub:hover{background:#D6D1C2;color:#0a0a0a}
.fmMsg{padding:10px 14px;border-radius:8px;font-size:.85rem;margin-bottom:14px}
.fmErr{background:#fee;color:#b91c1c;border:1px solid #fcc}

.siteFtr{background:#0a0a0a;padding:48px 20px 36px;color:#fff}
.ftrG{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:1fr;row-gap:28px;text-align:center}
.ftrLogoC{display:flex;justify-content:center; filter: brightness(0) invert(1);}
.ftrLogo{height:48px;width:auto;opacity:.8}
.ftrH3{font-size:1rem;margin-bottom:12px}
.ftrLk{transition:color .2s;font-size:.875rem}
.ftrLk:hover{text-decoration:underline}
.ftrUl{display:flex;flex-direction:column;gap:5px}
.ftrLeg{font-size:.85rem;line-height:1.75}
.ftrCopy{text-align:center;margin-top:28px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px}
.ftrCopy p{font-size:.8rem;color:rgba(255,255,255,.4)}
footer p,footer li{font-size:.875rem;line-height:1.6}

.cOv{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:900;display:flex;align-items:flex-start;justify-content:center;padding:36px 16px;overflow-y:auto}
.cPop{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;color:#0a0a0a}
.cHead{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eae7e0}
.cHead h2{font-size:1.2rem}
.cHead button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;transition:background .2s}
.cHead button:hover{background:#f0ede6}
.cEmpty{text-align:center;padding:44px 20px;color:#aaa;font-size:.9rem}
.cEmpty i{font-size:32px;display:block;margin-bottom:10px;opacity:.4}
.cItems{overflow-y:auto;padding:0 24px;flex:1}
.ci{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #f0ede6}
.ci:last-child{border-bottom:none}
.ciIm{width:68px;height:68px;object-fit:cover;border-radius:8px;flex-shrink:0}
.ciInf{flex:1;min-width:0}
.ciNm{display:block;font-family:'Archivo Black',sans-serif;font-size:.9rem;margin-bottom:2px}
.ciPr{display:block;font-family:'Bebas Neue',sans-serif;font-size:1rem;color:#0a0a0a;letter-spacing:.02em}
.ciQ{display:flex;align-items:center;gap:6px;margin-top:6px}
.ciQ button{width:26px;height:26px;border:1px solid #d4d0c7;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s;font-family:'Bebas Neue',sans-serif}
.ciQ button:hover{background:#f0ede6}
.ciQ span{font-size:.88rem;min-width:18px;text-align:center}
.ciRm{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#aaa;font-size:14px;transition:color .2s,background .2s}
.ciRm:hover{color:#c00;background:rgba(200,0,0,.05)}
.cFoot{padding:18px 24px;border-top:1px solid #eae7e0}
.cTotR{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-weight:700}
.cTotV{font-family:'Bebas Neue',sans-serif;font-size:1.35rem;letter-spacing:.03em}
.cActs{display:flex;gap:12px}
.cClr{padding:10px 18px;border:1px solid #d4d0c7;border-radius:9999px;font-size:.85rem;display:inline-flex;align-items:center;gap:5px;color:#666;transition:border-color .2s}
.cClr:hover{border-color:#0a0a0a;color:#0a0a0a}
.cOrdBtn{font-family:'Bebas Neue',sans-serif;background:#D6D1C2;color:#0a0a0a;padding:11px 26px;border-radius:9999px;font-size:1rem;letter-spacing:.08em;flex:1;transition:background .2s}
.cOrdBtn:hover{background:#0a0a0a;color:#fff}

.ordOv{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:950;display:flex;align-items:flex-start;justify-content:center;padding:36px 16px;overflow-y:auto}
.ordBox{background:#fff;border-radius:16px;width:100%;max-width:460px;overflow:hidden;color:#0a0a0a}
.ordBody{padding:24px 24px 28px}

.tyOv{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}
.tyBx{background:#fff;border-radius:16px;padding:44px 32px;max-width:360px;width:100%;text-align:center}
.tyBx i{font-size:48px;color:#D6D1C2;display:block;margin-bottom:10px}
.tyBx h3{font-size:1.3rem;margin-bottom:8px}
.tyBx p{font-size:.9rem;color:#555;margin-bottom:22px;font-family:'DM Sans',sans-serif}
.tyCl{font-family:'Bebas Neue',sans-serif;background:#D6D1C2;color:#0a0a0a;padding:10px 28px;border-radius:9999px;font-size:.95rem;letter-spacing:.08em;transition:background .2s}
.tyCl:hover{background:#0a0a0a;color:#fff}

.gdprBar{position:fixed;bottom:18px;left:18px;z-index:800;max-width:330px;background:#0a0a0a;color:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 6px 28px rgba(0,0,0,.3)}
.gdprTxt{font-size:.78rem;line-height:1.55;color:rgba(255,255,255,.75);margin-bottom:14px;font-family:'DM Sans',sans-serif}
.gdprLk{color:#D6D1C2;text-decoration:underline}
.gdprBtns{display:flex;gap:7px;flex-wrap:wrap}
.gdprAc,.gdprDe,.gdprSt{font-family:'Bebas Neue',sans-serif;padding:6px 14px;border-radius:9999px;font-size:.72rem;letter-spacing:.06em;transition:background .2s,color .2s}
.gdprAc{background:#D6D1C2;color:#0a0a0a}
.gdprAc:hover{background:#fff}
.gdprDe{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}
.gdprDe:hover{border-color:#fff}
.gdprSt{background:transparent;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.12)}
.gdprSt:hover{color:#fff;border-color:rgba(255,255,255,.35)}

@media(min-width:768px){
.hdrLogo{height:60px}
.heroH1{font-size:3.2rem}
.heroP{font-size:1.15rem}
.heroLogo{width:150px}
.secH2,.trustH2{font-size:2.6rem}
.typesG{grid-template-columns:repeat(3,1fr)}
.typeImg{height:240px}
.prodG{grid-template-columns:repeat(2,1fr)}
.aboutG{grid-template-columns:1fr 1fr}
.trustG{grid-template-columns:repeat(2,1fr)}
.servG{grid-template-columns:repeat(3,1fr)}
.faqG{grid-template-columns:repeat(3,1fr)}
.contG{grid-template-columns:1fr 1fr}
.ftrG{grid-template-columns:repeat(2,1fr);justify-items:center;text-align:left}
.ftrLogoC{justify-content:flex-start}
}

@media(min-width:1024px){
.mobBtn{display:none}
.dNav{display:flex}
.hdrRight .cartIco{display:none}
.ftrG{grid-template-columns:repeat(4,1fr)}
.trustG{grid-template-columns:repeat(4,1fr)}
.heroH1{font-size:3.6rem}
}
.fontHd{font-family:'Archivo Black','Bebas Neue',sans-serif;font-weight:700}
.fontBd{font-family:'DM Sans',sans-serif}
.fontCta{font-family:'Bebas Neue','Archivo Black',sans-serif}
.mxAuto{margin-left:auto;margin-right:auto}
.maxW7{max-width:80rem}
.gridMd2{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.gridMd2R{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.itemsCenter{align-items:center}
.txtC{text-align:center}
.txtG7{color:#555}
.lnRelax{line-height:1.625}
.wFull{width:100%}
.objCov{object-fit:cover}
.roundXl{border-radius:12px}
.shadowLg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.gdprBanner{position:fixed;bottom:18px;left:18px;z-index:800;max-width:330px;background:#000;color:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 6px 28px rgba(0,0,0,.25)}
.gdprLink{color:#D6D1C2;text-decoration:underline}
.gdprBtn{padding:7px 14px;border-radius:9999px;font-size:.72rem;letter-spacing:.06em;transition:background .2s,color .2s}
.gdprAcc{background:#D6D1C2;color:#000}
.gdprAcc:hover{background:#fff}
.gdprDec{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}
.gdprDec:hover{border-color:#fff}
.gdprSet{background:transparent;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.12)}
.gdprSet:hover{color:#fff;border-color:rgba(255,255,255,.35)}

.legalSec{background:#fff;padding:80px 24px 72px}
.legalWrap{max-width:52rem}
.legalHead{margin-bottom:36px;padding-bottom:20px;border-bottom:2px solid #D6D1C2}
.legalH1{font-size:2.2rem;margin-bottom:8px;color:#111}
.legalH2{font-size:1.15rem;margin:28px 0 10px;color:#111}
.legalBody{font-size:.9rem;color:#444;line-height:1.7}
.legalBody p{margin-bottom:12px}
.legalLink{color:#000;text-decoration:underline;text-underline-offset:3px}

.companyHero{position:relative;height:50vh;min-height:320px;overflow:hidden;background:#000}
.companyHeroImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.companyHeroOv{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;height:100%;padding:0 24px}
.companyHeroH1{color:#fff;font-size:2.4rem;text-align:center}
.companySec1{background:#fff;padding:72px 24px 68px}
.companySec2{background:#000;color:#fff;padding:72px 24px 68px}
.companyH2{font-size:1.8rem;margin-bottom:16px}

@media(min-width:768px){
.gridMd2{grid-template-columns:repeat(2,1fr)}
.gridMd2R{grid-template-columns:repeat(2,1fr)}
.gridMd2R>div:first-child{order:1}
.gridMd2R>div:last-child{order:2}
.legalH1{font-size:2.8rem}
.companyHeroH1{font-size:3.2rem}
.companyH2{font-size:2.2rem}
}


.legalSec{background:#fff;padding:60px 24px 80px}
.legalSecAlt{background:#faf9f7}
.legalWrap{display:grid;grid-template-columns:1fr;gap:40px}
.legalSide{}
.legalH1{font-size:2.6rem;margin-bottom:10px;color:#000}
.legalIntro{font-size:.9rem;color:#888;margin-bottom:20px}
.legalSideImg{width:100%;max-width:340px;aspect-ratio:4/3;object-fit:cover}
.legalContent{font-size:.92rem;line-height:1.7;color:#444}
.legalContent p{margin-bottom:14px}
.legalContent strong{color:#222}
.legalH2{font-size:1.1rem;margin:28px 0 10px;color:#111}
.legalH2:first-child{margin-top:0}
.legalLink{color:#000;text-decoration:underline}

.companyHero{position:relative;height:50vh;min-height:320px;overflow:hidden;background:#000}
.companyHeroImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.companyHeroOv{position:relative;z-index:10;display:flex;align-items:flex-end;justify-content:flex-start;height:100%;padding:40px 24px}
.companyHeroH1{font-size:2.4rem;color:#fff;line-height:1.1}

.companySec1{background:#fff;padding:72px 24px 68px}
.companySec2{background:#f8f7f5;padding:72px 24px 68px}
.companyH2{font-size:1.9rem;margin-bottom:16px;color:#111}
.gridMd2r{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}

@media(min-width:768px){
.legalWrap{grid-template-columns:280px 1fr}
.companyHeroH1{font-size:3.4rem;padding:60px 40px}
.companyH2{font-size:2.4rem}
.gridMd2r{grid-template-columns:repeat(2,1fr)}
}

.pgH1{font-family:'Archivo Black','Bebas Neue',sans-serif;font-weight:700}
.pgH2{font-family:'Archivo Black','Bebas Neue',sans-serif;font-weight:700;font-size:1.25rem;margin-bottom:10px;color:#000}
.pgBlock{margin-bottom:32px}
.pgBlock p{font-size:.92rem;line-height:1.7;color:#444}
.pgBlock p a{color:#000;text-decoration:underline}
@media(min-width:768px){
.compGrid{grid-template-columns:1fr 1fr !important}
.compTxtBlock{order:1 !important}
.compImgBlock{order:2 !important}
.compTxtBlockB{order:2 !important}
.compImgBlockB{order:1 !important}
}
.lpSec{background:#fff;padding:60px 24px 80px}
.lpSecAlt{background:#faf9f7}
.lpWrap{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px}
.lpAside{}
.lpH1{font-family:'Archivo Black',sans-serif;font-size:2.6rem;margin-bottom:10px;color:#000}
.lpDate{font-size:.88rem;color:#999;margin-bottom:20px}
.lpAsideImg{width:100%;max-width:340px;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.lpMain{font-size:.92rem;line-height:1.7;color:#444}
.lpMain p{margin-bottom:14px}
.lpMain strong{color:#222}
.lpH2{font-family:'Archivo Black',sans-serif;font-size:1.1rem;margin:28px 0 10px;color:#111}
.lpH2:first-child{margin-top:0}
.lpLink{color:#000;text-decoration:underline}
.cpHero{position:relative;height:50vh;min-height:320px;overflow:hidden;background:#000}
.cpHeroImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.cpHeroOv{position:relative;z-index:10;display:flex;align-items:flex-end;height:100%;padding:40px 24px}
.cpHeroH1{font-family:'Archivo Black',sans-serif;font-size:2.2rem;color:#fff;line-height:1.1}
.cpSec1{background:#fff;padding:70px 24px 66px}
.cpSec2{background:#f8f7f5;padding:70px 24px 66px}
.cpGrid{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:36px;align-items:center}
.cpGridRev{}
.cpH2{font-family:'Archivo Black',sans-serif;font-size:1.8rem;margin-bottom:14px;color:#111}
.cpTxt{font-size:.92rem;line-height:1.65;color:#555}
.cpImg{width:100%;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);object-fit:cover;aspect-ratio:16/9}
@media(min-width:768px){
.lpWrap{grid-template-columns:280px 1fr}
.cpHeroH1{font-size:3.2rem}
.cpH2{font-size:2.2rem}
.cpGrid{grid-template-columns:repeat(2,1fr)}
.cpGridRev{direction:rtl}
.cpGridRev>*{direction:ltr}
}