:root{--school-blue:#072b62;--school-gold:#d9aa45}
.pg-site{margin:0;background:#f1f6fc;color:#102844;font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif}.pg-site *{box-sizing:border-box}.pg-skip{position:absolute;left:-9999px;top:8px;z-index:50;background:#fff;padding:12px}.pg-skip:focus{left:8px}
.pg-site-header{position:sticky;top:0;z-index:30;background:linear-gradient(105deg,#061c48,#07518f 65%,#092753);color:#fff;box-shadow:0 8px 28px #061f4b30}.pg-site-header-inner{max-width:1500px;margin:auto;min-height:78px;padding:10px clamp(16px,3vw,42px);display:flex;align-items:center;justify-content:space-between;gap:20px}.pg-site-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:260px}.pg-site-brand strong{display:block;line-height:1.25;font-size:1.08rem}.pg-site-brand small{display:block;font-size:.65rem;letter-spacing:.13em;color:#bdd7f4}.pg-site-emblem{width:52px;height:52px;display:grid;place-items:center;border:2px solid #f6cf6b;border-radius:15px;background:linear-gradient(145deg,#d89d25,#fff0a5,#af7613);color:#082e66;font-size:1.5rem;box-shadow:0 7px 18px #00163255}.pg-site-nav{display:flex;align-items:center;gap:8px}.pg-site-nav a{padding:11px 16px;color:#e5f0ff;text-decoration:none;border-radius:12px;font-weight:750;white-space:nowrap}.pg-site-nav a:hover,.pg-site-nav .pg-nav-active{background:#ffffff1f;color:#fff}.pg-site-nav i{margin-right:5px}.pg-site-user{display:flex;align-items:center;gap:10px;font-size:.85rem}.pg-login-button{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #f7df97;border-radius:13px;background:linear-gradient(125deg,#fff2bb,#d4a33c);box-shadow:0 7px 18px #00163244;color:#08295a;text-decoration:none;font-weight:850;white-space:nowrap}.pg-login-button i{font-size:1.3rem}.pg-login-button small{display:block;font-size:.65rem;font-weight:600}.pg-site-flash{max-width:1300px;margin:15px auto;padding:12px 18px;border:1px solid #efd498;border-radius:12px;background:#fff8e8}.pg-site-footer{padding:35px 20px;background:#071f46;color:#cfdef1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.pg-site-footer strong{color:#ffda74}
.pg-home-hero{min-height:460px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:60px max(5vw,calc((100vw - 1350px)/2));background:radial-gradient(circle at 78% 30%,#2788d5 0,transparent 32%),linear-gradient(120deg,#061c46 6%,#0758a2 60%,#053571);color:#fff}.pg-home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#041b45aa,transparent 44%),radial-gradient(circle at 3% 80%,#ffffff20,transparent 33%)}.pg-home-hero:after{content:"";position:absolute;right:-8%;bottom:-160px;width:70%;height:230px;border-radius:50%;border:20px solid #e5b74c;transform:rotate(-13deg);opacity:.8}.pg-home-inner,.pg-home-art{position:relative;z-index:1}.pg-home-eyebrow{font-size:.78rem;letter-spacing:.15em;color:#ffdb7a;font-weight:900}.pg-home-hero h1{font-size:clamp(2.7rem,5vw,5.3rem);line-height:1.12;letter-spacing:-.04em;margin:17px 0}.pg-home-hero h1 em{font-style:normal;color:#ffdb7a}.pg-home-hero p{max-width:630px;line-height:1.7;font-size:1.12rem;color:#dcecff}.pg-home-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}.pg-home-hero-actions>span{font-size:.82rem;color:#dcecff}.pg-home-primary{display:inline-flex;gap:9px;align-items:center;padding:14px 20px;border-radius:12px;background:linear-gradient(135deg,#ffe9a4,#d6a33c);color:#0b3267;text-decoration:none;font-weight:900;box-shadow:0 10px 23px #001b4d55}.pg-home-art{min-height:300px;display:grid;place-items:center}.pg-home-orbit{width:min(28vw,290px);aspect-ratio:1;display:grid;place-items:center;border-radius:28%;border:3px solid #ffffff70;background:linear-gradient(140deg,#ffffff35,#00387944);box-shadow:0 30px 80px #00153288,inset 0 0 50px #ffffff25;transform:rotate(-10deg)}.pg-home-orbit i{font-size:clamp(5rem,10vw,9rem);color:#fff2ba;transform:rotate(10deg);filter:drop-shadow(0 12px 15px #022148)}.pg-art-card{position:absolute;padding:12px 17px;border:1px solid #ffffff80;border-radius:14px;background:#ffffffdc;color:#0a336c;font-weight:900;box-shadow:0 14px 35px #03265250}.pg-art-card i{color:#c18b20}.pg-art-one{top:7%;right:1%;transform:rotate(6deg)}.pg-art-two{bottom:9%;left:2%;transform:rotate(-5deg)}
.pg-home-stats{max-width:1260px;position:relative;z-index:2;margin:-36px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-radius:20px;background:#fff;box-shadow:0 15px 45px #0c376829}.pg-home-stats>div{display:grid;grid-template-columns:46px 1fr;align-items:center;column-gap:9px;padding:19px 30px;border-right:1px solid #e0eaf5}.pg-home-stats>div:last-child{border:0}.pg-home-stats i{grid-row:span 2;font-size:2rem;color:#c39129}.pg-home-stats strong{font-size:1.5rem;line-height:1.15;color:#0a2f65}.pg-home-stats span{font-size:.82rem;color:#677e9b}.pg-feed-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:35px 0 24px}.pg-feed-head h2{font-size:clamp(1.65rem,3vw,2.5rem);margin:6px 0 2px}.pg-feed-head p{margin:0;color:#63768f}.pg-feed-browse{color:#0755aa;font-weight:800;white-space:nowrap;text-decoration:none}.pg-home .pg-filter{margin:0 0 28px;grid-template-columns:minmax(180px,1fr) 170px 150px 155px auto auto}.pg-home .pg-album-copy{display:flex;flex-direction:column;align-items:flex-start}.pg-home .pg-album-copy h3{font-size:1.18rem;margin:10px 0 6px;line-height:1.4}.pg-home .pg-album-copy .pg-category{display:inline-flex;border-radius:999px;background:#fff3d5;padding:4px 10px;color:#946600;font-size:.72rem;font-weight:900}.pg-home .pg-album-copy .pg-date{color:#6a819c;font-size:.78rem;margin-top:10px}.pg-home .pg-album-copy p{margin-bottom:12px}.pg-home .pg-album-copy strong{margin-top:auto}.pg-home .pg-cover{aspect-ratio:16/10}.pg-home .pg-album-card:hover{border-color:#d3b05c}.pg-home-primary,.pg-login-button,.pg-feed-browse{transition:transform .2s,filter .2s}.pg-home-primary:hover,.pg-login-button:hover,.pg-feed-browse:hover{transform:translateY(-2px);filter:brightness(1.03)}
@media(max-width:1020px){.pg-site-brand{min-width:auto}.pg-home .pg-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-home .pg-filter .pg-search{grid-column:1/-1}.pg-home-hero{padding:55px 5vw}.pg-home-stats{margin-left:18px;margin-right:18px}}
@media(max-width:700px){.pg-site-header-inner{min-height:68px;flex-wrap:wrap}.pg-site-brand strong{font-size:.88rem}.pg-site-brand small{display:none}.pg-site-emblem{width:40px;height:40px}.pg-site-nav{order:3;width:100%;justify-content:space-around;border-top:1px solid #ffffff20}.pg-site-nav a{font-size:.78rem;padding:8px}.pg-site-nav i{display:none}.pg-site-user>span{display:none}.pg-login-button{padding:8px 10px}.pg-login-button small{display:none}.pg-home-hero{grid-template-columns:1fr;min-height:390px;padding:42px 24px 85px}.pg-home-art{display:none}.pg-home-hero h1{font-size:2.9rem}.pg-home-stats{grid-template-columns:1fr 1fr;margin-top:-46px}.pg-home-stats>div{padding:14px;grid-template-columns:32px 1fr}.pg-home-stats>div:last-child{grid-column:1/-1;border-top:1px solid #e0eaf5}.pg-home-stats i{font-size:1.45rem}.pg-home-stats strong{font-size:1.1rem}.pg-feed-head{align-items:flex-start}.pg-home .pg-filter{grid-template-columns:1fr}.pg-home .pg-filter .pg-search{grid-column:auto}.pg-site-footer{flex-direction:column}.pg-lightbox figcaption{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.pg-home-primary,.pg-login-button,.pg-feed-browse{transition:none}}
.pg-site-emblem{background:#fff;padding:3px}.pg-site-emblem img{width:100%;height:100%;object-fit:contain;border-radius:10px}.pg-home-hero{background-image:linear-gradient(90deg,#061c46 3%,#064383ec 48%,#06438366 100%),url('/assets/images/hkw-campus-hero.jpg');background-position:center,center 46%;background-size:cover}