/* Singapore Homeschool Hub — static archive. Two captured layouts per page: .D (Wix desktop, 980px) and .M (Wix mobile, 320px). */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-family:'din-next-w01-light',sans-serif;color:#2f2e2e;background:transparent}
html{background:#2f2e2e}
@media (max-width:599.98px){.D{display:none}}
@media (min-width:600px){.M{display:none}}
.D{min-width:980px}
.M{width:320px;margin:0 auto}
.pg{position:relative;display:block;overflow-x:clip;isolation:isolate}
.pg>div{position:absolute}
.pbg{position:fixed;inset:0;z-index:-1}
.bg>*,.pbg>*{position:absolute;inset:0;width:100%;height:100%;display:block}
.t{overflow-wrap:break-word;word-wrap:break-word}
.t p,.t h1,.t h2,.t h3,.t h4,.t h5,.t h6{margin:0}
.t h1,.t h2,.t h3,.t h4,.t h5,.t h6{font:inherit}
.t a{color:inherit;text-decoration:none}
.t.nw{white-space:nowrap}
.bg.fx{clip-path:inset(0)}
.bg.fx>.bgi{position:fixed;top:0;left:0;width:100%;height:100vh}
.t a:hover{opacity:.85}
.t ul,.t ol{padding-left:1.3em}
.im img,.im video{display:block;width:100%;height:100%}
.im>a{display:block;width:100%;height:100%}
.v svg{display:block;width:100%;height:100%}
.v>a{display:block;width:100%;height:100%}
.ln{height:0!important}
.mp iframe{display:block;width:100%;height:100%;border:0}
.btn{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;position:absolute;transition:opacity .2s}
a.btn:hover{opacity:.85}
.anc{position:absolute;left:0;width:1px;height:1px;scroll-margin-top:120px}
.M .anc{scroll-margin-top:0}
/* desktop header */
.hd{position:sticky;top:0;z-index:100;height:120px;background:#2f2e2e}
.nav{position:absolute;top:57px;left:50%;transform:translateX(-50%)}
.nav ul{list-style:none;margin:0;padding:0}
.nav>ul{display:flex}
.nav li{position:relative}
.nav>ul>li>a{display:block;padding:0 15.5px;font:15px/24px 'din-next-w01-light',sans-serif;color:#fff;text-decoration:none;white-space:nowrap}
.nav li:hover>a,.nav a:focus-visible{color:#b0aaa9}
.nav .sub{display:none;position:absolute;top:31px;left:0;min-width:100%;background:#2f2e2e;padding:0}
.nav li:hover>.sub,.nav li:focus-within>.sub{display:block}
.nav .sub a{display:block;padding:0 12px;font:15px/30px 'din-next-w01-light',sans-serif;color:#fff;text-decoration:none;white-space:nowrap;text-align:center}
.nav .sub a:hover{color:#b0aaa9}
/* mobile header + menu */
.mhd{position:relative;height:89px;background:#2f2e2e}
.burger{position:absolute;right:20px;top:20px;width:50px;height:50px;border:1px solid #fff;border-radius:5px;background:transparent;padding:0 12px;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}
.burger span{display:block;height:2px;background:#fff;border-radius:1px}
.mmenu{position:fixed;inset:0;z-index:300;background:#2f2e2e;overflow:auto;padding:90px 0 40px}
.mmenu[hidden]{display:none}
.mclose{position:absolute;right:20px;top:20px;width:50px;height:50px;border:0;border-radius:5px;background:#000;color:#fff;font-size:34px;line-height:50px;cursor:pointer;padding:0}
.mmenu ul{list-style:none;margin:0 auto;padding:0;width:200px}
.mmenu>nav>ul>li{border-bottom:1px solid #8a8888;position:relative;text-align:center}
.mmenu>nav>ul>li:last-child{border-bottom:0}
.mmenu a{display:block;color:#fff;text-decoration:none;font:15px/40px 'din-next-w01-light',sans-serif;letter-spacing:2px}
.mmenu .cur>a,.mmenu a.cur{color:#e49a9a}
.mmenu .mx{position:absolute;left:0;top:0;width:44px;height:40px;background:none;border:0;color:#fff;font:20px/40px sans-serif;cursor:pointer;text-align:left;padding-left:10px}
.mmenu .msub{display:none;width:auto;padding-bottom:6px}
.mmenu .open>.msub{display:block}
.mmenu .msub a{font-size:13px;line-height:32px;color:#d1cac9}
/* footer */
.ft{background:#2f2e2e;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:24px 16px;font:12px/1.6 'din-next-w01-light',sans-serif;letter-spacing:.1em}
.ft p{margin:4px 0}
.ft .arch{color:#b0aaa9;letter-spacing:.05em}
.ft a{color:#d1cac9}
/* lightbox */
.lbx{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;flex-direction:column}
.lbx img{max-width:94vw;max-height:86vh;object-fit:contain}
.lbx p{color:#fff;font:14px 'din-next-w01-light',sans-serif;margin:10px}
.lbx button{position:absolute;background:none;border:0;color:#fff;font-size:40px;cursor:pointer;padding:10px 18px}
.lbx .x{top:8px;right:8px}.lbx .pv{left:4px;top:50%;transform:translateY(-50%)}.lbx .nx{right:4px;top:50%;transform:translateY(-50%)}
/* pro-gallery slider */
.pgal{overflow:hidden}
.pgs{display:flex;gap:10px;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.pgs::-webkit-scrollbar{display:none}
.pgs.wrap{flex-wrap:wrap;overflow:visible}
.pgc{flex:0 0 auto;height:100%;scroll-snap-align:start}
.pgc img{display:block;width:100%;height:100%;object-fit:cover}
.pgc a{display:block;height:100%}
.pgal button{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:54px;line-height:1;cursor:pointer;text-shadow:0 0 6px rgba(0,0,0,.4);padding:6px 12px}
.pgp{left:4px}.pgn{right:4px}
.im.ib img.hv{position:absolute;inset:0;opacity:0;transition:opacity .15s}
.im.ib>a{position:relative}
.im.ib:hover img.hv{opacity:1}
.bgp{background-repeat:repeat}