/*!
Theme Name: pinpung
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pinpung
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

pinpung is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
  ========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
:root{--orange:#fb9b00;--orange2:#ffb32d;--dark:#14161a;--muted:#69717d;--line:rgba(20,22,26,.09);--shadow:0 28px 80px rgba(20,22,26,.14);--soft:0 18px 42px rgba(20,22,26,.08);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter","Noto Sans Thai",sans-serif;color:var(--dark);background:radial-gradient(circle at 82% 4%,rgba(251,155,0,.20),transparent 30%),linear-gradient(180deg,#fff,#f7f9fb 54%,#fff);overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.navbar{position:fixed;top:0;left:0;width:100%;z-index:99;background:rgba(0,0,0,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{width:min(1200px,calc(100% - 48px));height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo img{max-height:38px}.logo-fallback{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--orange2),var(--orange))}
.menu{list-style:none;display:flex;gap:30px;margin:0;padding:0;align-items:center}.menu a{color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;position:relative}.menu a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--orange2),var(--orange));transform:scaleX(0);transform-origin:right;transition:.3s}.menu a:hover,.menu a.active{color:var(--orange2)}.menu a:hover:after,.menu a.active:after{transform:scaleX(1);transform-origin:left}.contact-btn{padding:12px 22px;border-radius:999px;background:linear-gradient(135deg,#ffbc00,#ff721f);color:#fff!important;box-shadow:0 14px 34px rgba(251,155,0,.25)}
.menu-toggle{display:none;width:46px;height:46px;border:0;border-radius:50%;background:#14161a}.menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;border-radius:99px;background:var(--orange)}
.hero{position:relative;min-height:76vh;padding:152px 20px 104px;display:grid;place-items:center;overflow:hidden;color:#fff;background:#08090b;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(120deg,rgba(0,0,0,.88),rgba(0,0,0,.45)),url("https://pinpung.com/wp-content/uploads/2022/06/Pinpung-web-event-7.jpeg?auto=format&fit=crop&w=1800&q=85") center/cover;animation:heroBreath 12s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:auto 0 0;height:34%;z-index:-1;background:linear-gradient(to bottom,transparent,#fff)}
.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:10%;z-index:-2;background:radial-gradient(circle,rgba(251,155,0,.38),transparent 66%);filter:blur(10px);animation:glowFloat 8s ease-in-out infinite alternate}.hero-grid{width:min(var(--max),calc(100% - 32px));display:grid;grid-template-columns:1fr .68fr;gap:clamp(34px,6vw,82px);align-items:end}
.kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.kicker:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 8px rgba(251,155,0,.18)}
h1{margin:24px 0 0;font-size:clamp(48px,7.5vw,108px);line-height:.9;letter-spacing:-.04em;font-weight:900}.gradient{display:inline-block;background:linear-gradient(100deg,#ff8a1f,#ffbc00,#ffe0a8,#fb9b00);background-size:240% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientRiver 4.2s linear infinite}.hero-copy{max-width:650px;margin:24px 0 0;color:rgba(255,255,255,.78);font-size:clamp(16px,1.8vw,20px);line-height:1.75;font-weight:600}
.hero-panel{padding:26px;border-radius:32px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(18px);box-shadow:0 26px 80px rgba(0,0,0,.22)}.hero-panel b{display:block;font-size:42px;letter-spacing:-.06em}.hero-panel span{display:block;margin-top:8px;color:rgba(255,255,255,.68);font-weight:800;line-height:1.55}
.section{padding:clamp(76px,9vw,126px) 20px;overflow:hidden}.inner{width:min(var(--max),calc(100% - 32px));margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--orange);font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.section-kicker:before{content:"";width:30px;height:2px;background:currentColor}.section-title{margin:16px 0 0;font-size:clamp(34px,5.4vw,74px);line-height:1.02;letter-spacing:-.065em;font-weight:900}.section-copy{margin:20px 0 0;max-width:720px;color:var(--muted);font-size:17px;line-height:1.85}
.filter-bar{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.82);font-weight:900;color:#4f5965;cursor:pointer;transition:.25s;box-shadow:0 12px 30px rgba(20,22,26,.05)}.filter-btn:hover,.filter-btn.active{color:#fff;background:linear-gradient(135deg,var(--orange2),var(--orange));transform:translateY(-3px);box-shadow:0 18px 42px rgba(251,155,0,.22)}
.card{position:relative;overflow:hidden;border-radius:32px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--soft);backdrop-filter:blur(14px);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}.card:hover{transform:translateY(-10px);border-color:rgba(251,155,0,.28);box-shadow:0 30px 80px rgba(20,22,26,.14),0 0 36px rgba(251,155,0,.12)}.card:before{content:"";position:absolute;inset:0;opacity:0;z-index:2;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.76),transparent 28%,rgba(251,155,0,.18),transparent 70%);transition:.35s}.card:hover:before{opacity:1}
.featured-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.feature-main,.side-news,.event-card{color:#fff;background:#111}.feature-main{min-height:510px;display:grid;align-items:end}.side-stack{display:grid;gap:18px}.side-news{min-height:246px}.feature-main img,.side-news img,.event-card img,.news-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.8s cubic-bezier(.16,1,.3,1)}.feature-main:hover img,.side-news:hover img,.event-card:hover img,.news-card:hover img{transform:scale(1.08);filter:saturate(1.12) contrast(1.05)}.feature-main:after,.side-news:after,.event-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.18) 58%,rgba(0,0,0,.04))}
.feature-content{position:relative;z-index:3;padding:clamp(24px,5vw,44px)}.tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(251,155,0,.9);color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 12px 30px rgba(251,155,0,.28)}.feature-content h2{margin:18px 0 0;max-width:760px;font-size:clamp(32px,4.8vw,62px);line-height:.98;letter-spacing:-.06em}.feature-content h3{margin:14px 0 0;font-size:24px;line-height:1.08;letter-spacing:-.04em}.feature-content p{max-width:620px;margin:16px 0 0;color:rgba(255,255,255,.75);line-height:1.75;font-weight:650}.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.meta span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:850}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.news-image{position:relative;height:230px;overflow:hidden;background:#eee}.news-body{position:relative;z-index:4;padding:24px}.news-body small{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.news-body h3{margin:10px 0 0;font-size:23px;line-height:1.15;letter-spacing:-.04em}.news-body p{margin:12px 0 0;color:var(--muted);line-height:1.72;font-size:15px}.read-more{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.read-more span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:var(--dark);transition:.24s}.read-more:hover{color:var(--orange)}.read-more:hover span{background:var(--orange);transform:translateX(4px)}
.activity-section{background:radial-gradient(circle at 12% 10%,rgba(251,155,0,.16),transparent 30%),linear-gradient(135deg,#f8fafc,#fff)}.activity-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(30px,6vw,74px);align-items:start}.activity-panel{position:sticky;top:106px;padding:34px;border-radius:38px;color:#fff;background:radial-gradient(circle at 78% 12%,rgba(251,155,0,.34),transparent 34%),linear-gradient(135deg,#101114,#20242b);box-shadow:var(--shadow);overflow:hidden}.activity-panel h2{margin:18px 0 0;font-size:clamp(34px,5vw,66px);line-height:.98;letter-spacing:-.065em}.activity-panel p{margin:18px 0 0;color:rgba(255,255,255,.72);line-height:1.8;font-weight:600}.activity-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.activity-stat{padding:18px;border-radius:22px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14)}.activity-stat b{display:block;font-size:32px;letter-spacing:-.05em}.activity-stat span{display:block;margin-top:5px;color:rgba(255,255,255,.66);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.event-list{display:grid;gap:18px}.event-card{min-height:270px}
.calendar-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.calendar-item{padding:22px;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--soft);transition:.28s}.calendar-item:hover{transform:translateY(-8px);box-shadow:0 24px 64px rgba(20,22,26,.12);border-color:rgba(251,155,0,.25)}.calendar-item b{display:block;color:var(--orange);font-size:34px;line-height:.92;letter-spacing:-.06em}.calendar-item small{display:block;margin-top:6px;color:#56606c;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.calendar-item span{display:block;margin-top:14px;line-height:1.5;font-weight:850}
.cta-box{padding:clamp(34px,5vw,58px);border-radius:40px;background:radial-gradient(circle at 80% 8%,rgba(251,155,0,.30),transparent 36%),linear-gradient(135deg,#101114,#20242b);color:#fff;box-shadow:var(--shadow);overflow:hidden}.cta-box p{color:rgba(255,255,255,.72)}.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;font-weight:900;transition:.25s}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--orange2),var(--orange));box-shadow:0 18px 42px rgba(251,155,0,.30)}.btn-ghost{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}.btn:hover{transform:translateY(-4px) scale(1.025)}
.footer{padding:64px 20px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(251,155,0,.18),transparent 34%),linear-gradient(135deg,#fff,#edf1f5);border-top:1px solid var(--line)}.footer img{width:132px;margin:0 auto 24px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin:0;padding:0;list-style:none}.footer-links a{color:#57616d;font-size:13px;font-weight:900;letter-spacing:.12em}.footer-links a:hover{color:var(--orange)}.footer p{margin:24px 0 0;color:var(--muted);font-size:13px}
.contact-bubble{position:fixed;left:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:999px;background:rgba(20,22,26,.88);border:1px solid rgba(251,155,0,.22);backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(0,0,0,.22);color:white;transition:.28s}.contact-bubble:hover{transform:translateY(-4px) scale(1.03);background:linear-gradient(135deg,var(--orange2),var(--orange));box-shadow:0 22px 52px rgba(251,155,0,.34)}.bubble-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--orange2),var(--orange));font-weight:900}.bubble-text{display:flex;flex-direction:column;line-height:1.1}.bubble-text small{color:rgba(255,255,255,.58);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bubble-text strong{margin-top:4px;font-size:15px;font-weight:900}
.reveal{opacity:0;transform:translate3d(0,44px,0) scale(.97);filter:blur(10px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .8s;transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:none;filter:blur(0)}
@keyframes gradientRiver{from{background-position:0% center}to{background-position:240% center}}@keyframes heroBreath{from{transform:scale(1.06);filter:saturate(1.03) contrast(1.02)}to{transform:scale(1.13) translate3d(-1%,1%,0);filter:saturate(1.18) contrast(1.08)}}@keyframes glowFloat{from{transform:translate3d(0,0,0) scale(.95);opacity:.7}to{transform:translate3d(-110px,120px,0) scale(1.15);opacity:1}}
@media(max-width:1080px){.featured-grid,.activity-layout{grid-template-columns:1fr}.activity-panel{position:relative;top:auto}.news-grid,.calendar-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.menu{display:none}.menu-toggle{display:block}.menu.is-open{position:absolute;top:78px;left:24px;right:24px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:14px;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.menu.is-open a{display:block;color:var(--dark);padding:14px 16px;border-radius:16px;background:rgba(20,22,26,.045)}.menu.is-open a:after{display:none}.section-head{display:block}.filter-bar{margin-top:24px}}@media(max-width:640px){.nav-inner{width:calc(100% - 24px)}.hero{min-height:auto;padding-top:128px}.feature-main{min-height:470px}.side-news{min-height:230px}.news-grid,.calendar-strip,.activity-stats{grid-template-columns:1fr}.news-image{height:220px}.contact-bubble{left:16px;bottom:16px}.bubble-text strong{font-size:14px}}