:root{--bg:#020914;--blue:#209cf2;--text:#f5f7fb;--muted:#9aaec4;--line:#143655}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020914;color:var(--text);font-family:"Noto Sans Thai",sans-serif;font-size:16px}a{text-decoration:none;color:inherit}header{height:64px;display:flex;align-items:center;padding:0 3.2vw;background:#020711;border-bottom:1px solid #10253d;position:sticky;top:0;z-index:20}header img{width:221px;max-height:55px;object-fit:contain;display:block}nav{margin-left:auto;display:flex;align-items:center;gap:27px;height:100%}nav a{height:100%;display:flex;align-items:center;color:#d6dde7;font-size:.91rem;border-bottom:2px solid transparent}nav a.active{color:#32aaf4;border-color:#32aaf4}nav span{white-space:nowrap}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:1.5rem}.hero{height:275px;background:linear-gradient(90deg,rgba(2,8,18,.98),rgba(2,8,18,.72) 38%,transparent 73%),url("assets/lifestyle-hero.png") center 56%/cover no-repeat;display:flex;align-items:center;padding:20px 3.2vw}.hero-copy{max-width:540px}.hero h1{font-size:2.55rem;line-height:1.14;letter-spacing:-.04em;margin:0 0 10px}.hero h1 span{color:#25a7f4}.hero p{font-size:.88rem;line-height:1.8;color:#d4dce7;margin:0}.hero-copy>div{display:flex;gap:14px;margin-top:18px}.hero a{padding:10px 19px;border:1px solid #245384;border-radius:5px;font-size:.85rem;font-weight:600}.hero .primary{background:linear-gradient(#168fe4,#0961b5)}.hero .secondary{background:rgba(1,8,18,.55)}.feature-strip{margin:0 3.2vw;border:1px solid #153754;border-radius:7px;display:grid;grid-template-columns:repeat(6,1fr);background:#04101d}.feature-strip article{min-height:83px;padding:14px 12px;display:flex;align-items:center;gap:12px;border-right:1px solid #15314b;color:#37b5ff;font-size:2rem}.feature-strip article:last-child{border:0}.feature-strip b{display:block;color:#39b6ff;font-size:.88rem}.feature-strip small{display:block;margin-top:3px;color:#acbbcc;font-size:.67rem;line-height:1.45}.browse,.content-section,.inspiration,.topics,.sources{padding:16px 3.2vw}.search{height:39px;border:1px solid #153d60;border-radius:6px;display:flex;background:#030c19}.search span{padding:5px 14px;color:#91a6bc;font-size:1.3rem}.search input{flex:1;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:.8rem}.search button{width:86px;border:0;border-radius:4px;background:linear-gradient(#138ee4,#0755a1);color:#fff;font-family:inherit}.filter-row{display:flex;align-items:center;gap:10px;margin-top:8px;color:#c0ccd8;font-size:.75rem}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:5px 12px;color:#b7c6d8;border:1px solid #173653;border-radius:4px;background:#05101d;font-family:inherit;font-size:.69rem}.filters button.active,.filters button:hover{color:#fff;border-color:#277fb8}.browse blockquote{height:59px;margin:12px 0 0;border:1px solid #124476;border-radius:6px;background:linear-gradient(90deg,#06172a,#06111f);display:flex;align-items:center;justify-content:center;gap:24px;color:#dce6f1;font-size:1.05rem}.browse blockquote b{color:#2eb4ff;font-size:2rem}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.title-row h2,.topics h2{font-size:1.15rem;margin:0}.title-row a{color:#3caaf0;font-size:.75rem}.title-row button{width:27px;height:27px;border-radius:50%;border:1px solid #214565;background:#040c17;color:#d4e7fa;font-size:1.2rem}.article-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.article-card{background:#061220;border:1px solid #153955;border-radius:7px;overflow:hidden}.article-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.article-card .body{padding:9px}.article-card .tag{display:inline-block;background:#087ab6;color:#fff;border-radius:3px;padding:3px 7px;font-size:.62rem}.article-card h3{margin:5px 0 4px;font-size:.86rem;line-height:1.4}.article-card p{color:#9eafc1;font-size:.68rem;line-height:1.45;margin:0}.inspiration{overflow:hidden}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/5);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel-card{aspect-ratio:4/5;position:relative;overflow:hidden;border:1px solid #153955;border-radius:7px;background:#061424;scroll-snap-align:start}.carousel-card img{width:100%;height:100%;display:block;object-fit:cover}.carousel-card .overlay{position:absolute;inset:auto 0 0;padding:32px 10px 10px;background:linear-gradient(transparent,rgba(1,7,15,.96))}.carousel-card h3{font-size:.82rem;margin:0}.carousel-card p{font-size:.64rem;color:#b2c0d0;margin:2px 0 0}.topic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}.topic-grid a{min-height:69px;border:1px solid #183b58;border-radius:6px;background:#050f1d;display:flex;align-items:center;gap:10px;padding:12px}.topic-grid b{font-size:1.6rem;color:#299ff0;font-weight:400}.topic-grid .orange{color:#f6a324}.topic-grid .pink{color:#db51dc}.topic-grid .lime{color:#add530}.topic-grid span{font-size:.72rem;line-height:1.3}.newsletter{margin:7px 3.2vw 14px;padding:13px 25px;min-height:73px;border:1px solid #13395b;border-radius:6px;background:#061426;display:flex;align-items:center;gap:20px}.newsletter i{font-size:2.2rem;color:#44b9ff}.newsletter h2{font-size:1rem;margin:0}.newsletter p{color:#99adc2;font-size:.66rem;margin:2px 0}.newsletter form{display:flex;margin-left:auto;min-width:43%}.newsletter input{height:36px;flex:1;padding:0 12px;background:#06101d;color:#fff;border:1px solid #14324b}.newsletter button{border:0;background:#0864b4;color:#fff;padding:0 17px;font-family:inherit}.sources{text-align:center;border-bottom:1px solid #122b44}.sources h2{font-size:1rem;margin:0 0 13px}.sources div{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#bbc7d5}.sources span{font-weight:600;font-size:.86rem}footer{padding:13px 3.2vw 0;background:#020711}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:28px}.footer-brand img{width:230px;height:auto;display:block}.footer-brand p,footer a{color:#92a2b5;font-size:.68rem;line-height:1.75;display:block}.footer-grid h3{font-size:.8rem;margin:4px 0}.purple{color:#b15df2}.orange{color:#f19b2e}.lime{color:#91cb28}.blue{color:#30aef4}.legal{text-align:center;color:#718297;border-top:1px solid #112237;margin-top:12px;padding:9px;font-size:.62rem}@media(max-width:900px){nav{display:none;position:absolute;top:63px;left:0;right:0;height:auto;background:#020914;padding:10px 5%;flex-direction:column;align-items:flex-start;gap:0}nav.open{display:flex}nav a{height:auto;padding:10px 0}.menu-toggle{display:block}.feature-strip{grid-template-columns:repeat(3,1fr)}.article-grid{grid-template-columns:repeat(3,1fr)}.carousel{grid-auto-columns:32%}.topic-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}}@media(max-width:600px){header img{width:190px}.hero{height:450px;padding:35px 5vw;background-position:63% center;align-items:flex-end}.hero h1{font-size:2.2rem}.hero-copy>div{flex-direction:column;align-items:flex-start}.feature-strip{margin:0 4vw;grid-template-columns:repeat(2,1fr)}.browse,.content-section,.inspiration,.topics,.sources{padding:15px 4vw}.browse blockquote{height:auto;min-height:90px;padding:15px;font-size:.9rem}.article-grid{grid-template-columns:1fr 1fr}.carousel{grid-auto-columns:84%}.topic-grid{grid-template-columns:1fr 1fr}.newsletter{margin:8px 4vw 14px;flex-wrap:wrap}.newsletter form{min-width:100%}.sources div{justify-content:center}.footer-grid{grid-template-columns:1fr 1fr}}