/*
Theme Name: Resolvey BD
Description: Resolvey Bangladesh. Bangla and English, white and olive. Editable pages and menu.
Version: 2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: resolvey-bd
*/
:root{--bg:#fff;--ink:#2B3118;--muted:#5A6040;--green:#66752A;--deep:#4A5720;--logo:#5E7753;--soft:#F0F3E3;--line:#DCE1C8;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 Figtree,'Hind Siliguri',system-ui,sans-serif}
.bn{font-family:'Hind Siliguri',system-ui,sans-serif;line-height:1.5}
.en{font-family:Figtree,system-ui,sans-serif}
h1,h2,h3{margin:0;font-weight:800;line-height:1.15;letter-spacing:-.01em;font-family:'Hind Siliguri',Archivo,sans-serif}
h1.en,h2.en,h3.en{font-family:Archivo,'Arial Black',sans-serif}
h1{font-size:clamp(36px,6.6vw,78px);max-width:13ch}h2{font-size:clamp(28px,4.6vw,50px);max-width:20ch}h3{font-size:clamp(20px,2.6vw,28px)}
p{margin:0 0 6px}a{color:inherit}:focus-visible{outline:3px solid var(--green);outline-offset:3px}
[data-l=mix] h1.en{font-size:24px;font-weight:500;color:var(--muted);margin-top:10px}
[data-l=mix] h2.en{font-size:20px;font-weight:500;color:var(--muted);margin-top:6px}
[data-l=mix] h3.en{font-size:16px;font-weight:500;color:var(--muted);margin-top:4px}
[data-l=mix] p.en{font-size:15px;color:var(--muted)}
[data-l=en] .bn,[data-l=bn] .en{display:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.hd{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;height:68px}
.logo img{height:26px;width:auto;display:block}
.nv{flex:1;overflow-x:auto}.nv ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;justify-content:center;white-space:nowrap}
.nv a{text-decoration:none;color:var(--muted);font-weight:600;font-size:15px;padding:6px 0;border-bottom:2px solid transparent}
.nv a:hover,.nv .current-menu-item a{color:var(--ink);border-color:var(--logo)}
.lang{display:flex;background:var(--soft);border-radius:999px;padding:4px;gap:2px}
.lang button{border:0;background:transparent;color:var(--muted);font:600 14px 'Hind Siliguri',sans-serif;padding:8px 14px;border-radius:999px;cursor:pointer}
.lang button[aria-pressed=true]{background:var(--green);color:#fff}
@media(max-width:760px){.logo img{height:20px}.lang button{padding:7px 9px;font-size:13px}.nv ul{justify-content:flex-start;gap:16px}}
.hero,.sec{padding:80px max(24px,calc((100% - 1120px)/2 + 24px))}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--soft),#fff);padding-top:72px;padding-bottom:92px}
.hero>*{position:relative;z-index:2}.hero p{font-size:19px;max-width:44ch}.hero p.bn{margin-top:22px}
.soft{background:var(--soft)}
.wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.wp-block-button__link{display:inline-block;background:var(--green);color:#fff;padding:13px 26px;border-radius:999px;font-weight:600;text-decoration:none;font-size:16px;transition:transform .2s,background .2s}
.wp-block-button__link:hover{transform:translateY(-2px);background:var(--deep);color:#fff}
.ghost .wp-block-button__link{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.ghost .wp-block-button__link:hover{background:var(--ink);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:32px}
.card{background:#fff;border:1px solid var(--line);border-left:6px solid var(--logo);border-radius:6px 18px 18px 6px;padding:26px;display:flex;flex-direction:column;gap:6px}
.card .wp-block-buttons{margin-top:12px}.card .wp-block-button__link{padding:10px 20px;font-size:15px}
.hq{margin-top:20px;background:var(--ink);color:#fff;border-radius:18px;padding:28px}.hq h3,.hq p{color:#fff!important}.hq p.en{opacity:.75}
.wi,.step{border-left:4px solid var(--logo);padding-left:18px}.step{border-left:0;border-top:4px solid var(--logo);padding:16px 0 0}
.row{border-bottom:1px solid var(--line);padding:22px 4px}.rows{margin-top:30px;border-top:2px solid var(--ink)}
.row h3{color:var(--deep)}.row p{max-width:62ch}
.f{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;display:grid;gap:14px;max-width:560px;margin-top:24px}
.f label{font-weight:600;font-size:15px;display:grid;gap:6px}
.f input,.f select,.f textarea{font:inherit;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);width:100%}
.f textarea{min-height:90px}.f button{background:var(--green);color:#fff;border:0;border-radius:999px;padding:14px 26px;font:600 16px 'Hind Siliguri',sans-serif;cursor:pointer}.f button:hover{background:var(--deep)}
.ct a{font:800 24px Archivo,sans-serif;text-decoration:none;display:block;margin:10px 0}
.ft{padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:15px}

/* ---- premium layer ---- */
h2.bn::before,[data-l=en] h2.en::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--logo);margin-bottom:16px}
[data-l=en] h2.bn::before,[data-l=mix] h2.en::before{display:none}
.hero{min-height:660px;display:flex;flex-direction:column;justify-content:center}
.hero h1{max-width:11ch}.hero p{max-width:40ch}
.hero.small{min-height:0;padding-top:64px;padding-bottom:64px}
.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(74,87,32,.12)}
.trainer{align-items:flex-start}.trainer h3{margin-top:10px}
.avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--logo),var(--deep));color:#fff;display:grid;place-items:center;font:800 22px Archivo,sans-serif;letter-spacing:.02em}
.trainer img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.sec{padding-top:96px;padding-bottom:96px}
/* glass cleaning animation with cleaner character */
.hero>.glass{position:absolute;right:max(24px,calc((100% - 1120px)/2 + 24px));top:50%;transform:translateY(-46%);width:min(36vw,410px);aspect-ratio:4/5;z-index:2}
@media(max-width:900px){.hero{min-height:0}.hero>.glass{position:relative;right:auto;top:auto;transform:none;width:min(72vw,320px);margin:56px 0 0 auto}}
.gf{position:absolute;inset:0;border-radius:14px;padding:12px;background:linear-gradient(135deg,#59604b,#2e3326);box-shadow:0 40px 80px rgba(43,49,24,.35),inset 0 0 0 2px rgba(255,255,255,.12)}
.gp{position:relative;width:100%;height:100%}
.sc{position:absolute;inset:0;overflow:hidden;border-radius:4px;background:radial-gradient(circle at 74% 22%,#fffbe0 0 6%,rgba(255,251,224,0) 22%),linear-gradient(180deg,#b9dbe3,#e8f3ee 58%,#c6d8a6)}
.gv{position:absolute;inset:0;opacity:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 16.6667%;mask-size:100% 16.6667%;-webkit-mask-position:0 0,0 20%,0 40%,0 60%,0 80%,0 100%;mask-position:0 0,0 20%,0 40%,0 60%,0 80%,0 100%;
--m:linear-gradient(90deg,transparent var(--e0,0%),#000 var(--e0,0%)),linear-gradient(270deg,transparent var(--e1,0%),#000 var(--e1,0%)),linear-gradient(90deg,transparent var(--e2,0%),#000 var(--e2,0%)),linear-gradient(270deg,transparent var(--e3,0%),#000 var(--e3,0%)),linear-gradient(90deg,transparent var(--e4,0%),#000 var(--e4,0%)),linear-gradient(270deg,transparent var(--e5,0%),#000 var(--e5,0%));-webkit-mask-image:var(--m);mask-image:var(--m)}
.tx{position:absolute;inset:0;filter:url(#rsg);will-change:transform}
.bl{position:absolute;inset:0;background:radial-gradient(ellipse 90px 70px at 25% 30%,rgba(84,66,36,.42),transparent),radial-gradient(ellipse 120px 90px at 70% 65%,rgba(84,66,36,.4),transparent),radial-gradient(ellipse 80px 110px at 80% 20%,rgba(84,66,36,.38),transparent),repeating-linear-gradient(90deg,transparent 0 26px,rgba(84,66,36,.1) 26px 29px),radial-gradient(circle 5px at 30% 52%,rgba(255,255,255,.8),transparent 70%),radial-gradient(circle 4px at 62% 38%,rgba(255,255,255,.8),transparent 70%),radial-gradient(circle 6px at 48% 78%,rgba(255,255,255,.7),transparent 70%),rgba(110,92,58,.18)}
.rf{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.5) 0 7%,transparent 7% 13%,rgba(255,255,255,.28) 13% 17%,transparent 17%);pointer-events:none}
.gt{position:absolute;left:22%;top:30%;width:56%;filter:drop-shadow(0 4px 10px rgba(255,255,255,.7))}
.gt path{fill:none;stroke:#5E7753;stroke-width:22;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.wet{position:absolute;width:44px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);opacity:0}
.cl{position:absolute;left:-64px;bottom:-34px;width:120px;height:300px;z-index:3;filter:drop-shadow(0 12px 14px rgba(0,0,0,.28))}
.cl svg{width:100%;height:100%;display:block;overflow:visible}
@media(max-width:900px){.cl{left:-52px;bottom:-26px;width:96px;height:240px}}
.arm,.pole,.bld{position:absolute;transform-origin:0 50%;pointer-events:none}
.arm{z-index:4;background:#232720;border-radius:8px}
.arm::after{content:"";position:absolute;right:-6px;top:50%;width:1.15em;height:1.15em;margin-top:-.58em;border-radius:50%;background:#66752A;font-size:inherit}
.pole{z-index:5;height:5px;border-radius:3px;background:linear-gradient(#7d8472,#3a3f33)}
.bld{z-index:6;transform-origin:50% 50%;width:10px;border-radius:3px;background:linear-gradient(90deg,#9aa08c,#e8ebe0 45%,#7d8372);box-shadow:0 6px 10px rgba(0,0,0,.3)}
.bld::after{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:3px;margin-left:-1.5px;background:#1f221a;border-radius:2px}
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.hero>.hm{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero>.ho{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,34,16,.85),rgba(28,34,16,.3));z-index:1}
.hero.has-media{background:#2B3118}.hero.has-media h1,.hero.has-media p{color:#fff!important}.hero.has-media .ghost .wp-block-button__link{color:#fff;box-shadow:inset 0 0 0 2px #fff}.hero.has-media .ghost .wp-block-button__link:hover{background:#fff;color:#2B3118}
.pic{margin:24px 0 0}.pic img{width:100%;height:auto;display:block;border-radius:18px}.sec>.pic{max-width:760px}
.card .pic{margin:-26px -26px 14px -20px}.card .pic img{border-radius:6px 18px 0 0}
.pics{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pics .pic{margin:0}