.page-hero{background-image:linear-gradient(#00000059,#000000d9),url(/assets/workshop.jpg)}section.cat-rail{border-bottom:1px solid var(--line-ink);z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;padding:22px 0;position:sticky;top:80px}.cat-inner{align-items:center;gap:28px;display:flex;overflow-x:auto}.cat-label{letter-spacing:.24em;color:#999;text-transform:uppercase;flex-shrink:0;font-family:Orbitron,sans-serif;font-size:10.5px;font-weight:600}.cat-chips{gap:10px;display:flex}.cat-chips a{color:#555;border:1px solid var(--line-ink);white-space:nowrap;border-radius:100px;padding:9px 18px;font-family:Noto Sans Thai,sans-serif;font-size:13.5px;font-weight:500;transition:all .2s}.cat-chips a:hover{border-color:var(--ink);color:var(--ink)}.cat-chips a.active{background:var(--ink);color:#fff;border-color:var(--ink)}.cat-search{border:1px solid var(--line-ink);color:#999;border-radius:100px;flex-shrink:0;align-items:center;gap:10px;margin-left:auto;padding:9px 16px;display:flex}.cat-search input{background:0 0;border:none;outline:none;width:170px;font-family:inherit;font-size:13.5px}section.featured{background:#fff;padding:70px 0 30px}.feat-card{background:var(--paper);border-radius:20px;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;padding:28px;display:grid;position:relative;overflow:hidden}.feat-img{aspect-ratio:4/3;background:#0a0706;border-radius:14px;position:relative;overflow:hidden}.feat-img img{object-fit:cover;width:100%;height:100%}.feat-tag{background:var(--orange);color:#1a1200;letter-spacing:.22em;text-transform:uppercase;border-radius:100px;padding:8px 14px;font-family:Orbitron,sans-serif;font-size:10.5px;font-weight:700;position:absolute;top:18px;left:18px}.feat-body .eyebrow{margin-bottom:14px;display:inline-block}.feat-body h2{letter-spacing:-.015em;color:var(--ink);margin:0 0 18px;font-family:Noto Sans Thai,sans-serif;font-size:clamp(30px,3.1vw,46px);font-weight:800;line-height:1.15}.feat-body h2 a{transition:color .2s}.feat-body h2 a:hover{color:var(--orange-2)}.feat-body p{color:#555;max-width:520px;margin:0 0 26px;font-size:16px;line-height:1.7}.feat-meta{border-top:1px solid var(--line-ink);align-items:center;gap:20px;margin-bottom:28px;padding-top:22px;display:flex}.author-chip{align-items:center;gap:12px;display:flex}.author-chip .av{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#1a1200;letter-spacing:.05em;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:800;display:flex}.author-chip b{color:var(--ink);font-family:Noto Sans Thai,sans-serif;font-size:13.5px;font-weight:700;display:block}.author-chip span{color:#888;letter-spacing:.15em;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:11.5px}.meta-dot{background:#ccc;border-radius:50%;width:4px;height:4px}.feat-date{letter-spacing:.18em;color:#777;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:11.5px}.feat-read{letter-spacing:.18em;color:var(--orange-2);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:11.5px;font-weight:600}section.grid-sec{background:#fff;padding:40px 0 100px}.grid-head{border-top:1px solid var(--line-ink);justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px;padding-top:40px;display:flex}.grid-head h3{letter-spacing:-.01em;margin:0;font-family:Noto Sans Thai,sans-serif;font-size:34px;font-weight:800}.grid-head .eyebrow{margin-bottom:10px;display:block}.grid-head .ctrl{gap:8px;display:flex}.grid-head .ctrl button{border:1px solid var(--line-ink);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.grid-head .ctrl button:hover{border-color:var(--ink);background:var(--ink);color:#fff}.posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;display:grid}.post{cursor:pointer;flex-direction:column;gap:18px;display:flex}.post .thumb{aspect-ratio:4/3;background:#f4f2ef;border-radius:14px;position:relative;overflow:hidden}.post .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.post:hover .thumb img{transform:scale(1.04)}.post .pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.2em;text-transform:uppercase;background:#080706d9;border-radius:100px;padding:6px 12px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:600;position:absolute;bottom:14px;left:14px}.post .pill.orange{background:var(--orange);color:#1a1200}.post .meta{letter-spacing:.2em;color:#999;text-transform:uppercase;align-items:center;gap:10px;font-family:Orbitron,sans-serif;font-size:10.5px;display:flex}.post .meta b{color:var(--ink)}.post h4{letter-spacing:-.01em;color:var(--ink);margin:0;font-family:Noto Sans Thai,sans-serif;font-size:21px;font-weight:800;line-height:1.3}.post:hover h4 a{color:var(--orange-2)}.post h4 a{transition:color .2s}.post p{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.post .foot{color:#999;border-top:1px solid var(--line-ink);align-items:center;gap:10px;margin-top:auto;padding-top:14px;font-size:12.5px;display:flex}section.picks{background:var(--paper);padding:80px 0}.picks-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.picks-head h3{letter-spacing:-.01em;margin:0;font-family:Noto Sans Thai,sans-serif;font-size:34px;font-weight:800}.picks-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.pick{background:#fff;border-radius:16px;grid-template-columns:280px 1fr;gap:0;display:grid;overflow:hidden}.pick .p-img{aspect-ratio:auto;background:#0a0706;height:100%;position:relative}.pick .p-img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pick .p-body{flex-direction:column;justify-content:center;gap:12px;padding:30px 32px;display:flex}.pick .p-body .meta{letter-spacing:.22em;color:var(--orange-2);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:10.5px;font-weight:600}.pick .p-body h4{margin:0;font-family:Noto Sans Thai,sans-serif;font-size:20px;font-weight:800;line-height:1.3}.pick .p-body p{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.pick .p-body .date{color:#999;letter-spacing:.14em;margin-top:4px;font-family:Orbitron,sans-serif;font-size:12px}section.news{background:var(--ink);color:#fff;padding:90px 0;position:relative;overflow:hidden}section.news:before{content:"";background:radial-gradient(at 20%,#f5a62326,#0000 50%),linear-gradient(90deg,#0000 60%,#f5a62314);position:absolute;inset:0}.news-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.news .eyebrow{margin-bottom:18px;display:inline-block}.news h3{letter-spacing:-.01em;margin:0 0 14px;font-family:Noto Sans Thai,sans-serif;font-size:42px;font-weight:800;line-height:1.15}.news p{color:#ffffffa6;max-width:440px;margin:0;font-size:15.5px;line-height:1.65}.news-form{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:28px}.news-form label{letter-spacing:.22em;color:var(--orange);text-transform:uppercase;margin-bottom:10px;font-family:Orbitron,sans-serif;font-size:10.5px;font-weight:600;display:block}.news-form .row{gap:10px;display:flex}.news-form input{color:#fff;background:#0000004d;border:1px solid #ffffff14;border-radius:10px;flex:1;padding:16px 18px;font-family:inherit;font-size:14.5px}.news-form input:focus{border-color:var(--orange);outline:none}.news-form .btn{flex-shrink:0}.news-form .hint{color:#ffffff73;margin-top:14px;font-size:12px;line-height:1.5}@media (max-width:960px){.feat-card{grid-template-columns:1fr;gap:28px}.posts,.picks-grid,.pick{grid-template-columns:1fr}.news-inner{grid-template-columns:1fr;gap:30px}}