/*!
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;--orange-2:#ffb32d;--orange-3:#ffe0a8;--white:#fff;--silver:#f4f6f8;--silver-2:#e5e9ee;--silver-3:#b7c0cb;--dark:#14161a;--muted:#69717d;--line:rgba(20,22,26,.08);--shadow:0 28px 80px rgba(20,22,26,.13);--shadow-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 86% 4%,rgba(251,155,0,.20),transparent 32%),radial-gradient(circle at 10% 34%,rgba(183,192,203,.24),transparent 30%),linear-gradient(180deg,#fff,#f7f9fb 50%,#fff);overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.page{
  /* overflow:hidden; */
  position:relative}
.page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-4;background-image:linear-gradient(rgba(20,22,26,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,22,26,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at 50% 22%,#000,transparent 78%)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(0,0,0,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 34px rgba(20,22,26,.12)}.nav-inner{width:min(1200px,calc(100% - 48px));height:80px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo img{max-height:38px;object-fit:contain}.logo-fallback{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--orange-2),var(--orange))}.menu{list-style:none;display:flex;align-items:center;gap:30px;margin:0;padding:0}.menu a{color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;position:relative;transition:.25s ease}.menu a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--orange-2),var(--orange));transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.menu a:hover,.menu a.active{color:var(--orange-2)}.menu a:hover:after,.menu a.active:after{transform:scaleX(1);transform-origin:left}.contact-btn{padding:11px 22px;border-radius:999px;color:#fff!important;background:linear-gradient(135deg,#ffbc00,#ff721f);box-shadow:0 12px 28px rgba(251,155,0,.24)}.menu-toggle{display:none;width:46px;height:46px;border:0;border-radius:50%;background:#14161a;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;border-radius:999px;background:var(--orange)}.inner{width:min(var(--max),calc(100% - 32px));margin:0 auto}.section{position:relative;padding:clamp(78px,9vw,132px) 20px}.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;border-radius:99px;background:currentColor}.section-title{margin:16px 0 0;font-size:clamp(38px,5.8vw,80px);line-height:1.06;letter-spacing:-.065em;font-weight:900}.section-copy{max-width:720px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.82}.gradient-text{display:inline-block;background:linear-gradient(100deg,#f08d30,#ffb32d,#ffd04e,#fb9b00);background-size:240% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientRiver 4s linear infinite}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;font-weight:900;position:relative;overflow:hidden;transition:.25s ease}.btn:after{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-170%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:rotate(20deg);transition:left .68s ease}.btn:hover:after{left:130%}.btn:hover{transform:translateY(-4px) scale(1.03)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--orange-2),var(--orange));box-shadow:0 20px 44px rgba(251,155,0,.32)}.btn-ghost{color:var(--dark);background:rgba(255,255,255,.78);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.hero{position:relative;min-height:92vh;padding:148px 20px 96px;display:grid;place-items:center;overflow:hidden;isolation:isolate;color:#fff;background:#08090b}.hero:before{content:"";position:absolute;inset:0;z-index:-4;background:linear-gradient(120deg,rgba(0,0,0,.88),rgba(0,0,0,.54) 48%,rgba(0,0,0,.28)),url("https://pinpung.com/wp-content/uploads/2025/10/Career-Pinpung-web.jpg?auto=format&fit=crop&w=1800&q=85") center/cover;animation:heroBreath 14s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:auto 0 0;height:36%;z-index:-1;background:linear-gradient(to bottom,transparent,#fff)}.hero-orb{position:absolute;width:620px;height:620px;border-radius:999px;right:-190px;top:8%;z-index:-2;background:radial-gradient(circle,rgba(251,155,0,.45),transparent 66%);filter:blur(12px);animation:orbFloat 9s ease-in-out infinite alternate}.hero-grid{width:min(var(--max),calc(100% - 32px));display:grid;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 8px rgba(251,155,0,.18)}.hero h1{margin:24px 0 0;max-width:920px;font-size:clamp(48px,7.6vw,108px);line-height:.9;letter-spacing:-.04em;font-weight:900;text-shadow:0 18px 70px rgba(0,0,0,.55)}.hero-copy{max-width:690px;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-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-actions .btn-ghost{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}.hero-visual{position:relative;min-height:560px}.portrait-card{position:absolute;right:62px;top:16px;width:min(360px,78%);aspect-ratio:4/5.55;border-radius:40px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.22);box-shadow:0 36px 100px rgba(0,0,0,.32);animation:portraitFloat 6s ease-in-out infinite}.portrait-card img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}.portrait-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.10) 56%,rgba(251,155,0,.18)),radial-gradient(circle at 82% 16%,rgba(251,155,0,.35),transparent 34%)}.portrait-caption{position:absolute;left:26px;right:26px;bottom:26px;color:#fff;z-index:2}.portrait-caption small{color:rgba(255,255,255,.70);font-size:11px;font-weight:900;letter-spacing:.16em}.portrait-caption h3{margin:10px 0 0;font-size:clamp(32px,4vw,48px);line-height:.92;letter-spacing:-.06em}.float-badge{position:absolute;z-index:4;min-width:178px;padding:16px 18px;border-radius:26px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(18px);box-shadow:0 22px 64px rgba(0,0,0,.23);animation:floaty 5.2s ease-in-out infinite}.float-badge small{display:block;color:rgba(255,255,255,.68);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.float-badge b{display:block;margin-top:4px;font-size:34px;letter-spacing:-.06em}.fb1{left:20px;top:116px}.fb2{right:0;bottom:110px;animation-delay:-1.6s}.fb3{left:70px;bottom:40px;animation-delay:-2.8s}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(34px,6vw,78px);align-items:start}.intro-panel{position:sticky;top:110px}.story-card{padding:clamp(28px,4.4vw,48px);border-radius:40px;background:radial-gradient(circle at 88% 8%,rgba(251,155,0,.18),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.94),rgba(244,246,248,.94));border:1px solid var(--line);box-shadow:var(--shadow)}.story-card p{margin:0 0 18px;color:#515a65;font-size:18px;line-height:1.86}.story-card p:last-child{margin-bottom:0}.story-card strong{color:var(--dark)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.stat{min-height:148px;padding:24px;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--shadow-soft);transition:.32s cubic-bezier(.16,1,.3,1)}.stat:hover{transform:translateY(-8px);border-color:rgba(251,155,0,.28);box-shadow:0 28px 70px rgba(20,22,26,.13),0 0 34px rgba(251,155,0,.10)}.stat b{display:block;color:var(--orange);font-size:clamp(34px,4vw,54px);line-height:.95;letter-spacing:-.06em}.stat span{display:block;margin-top:10px;color:#515a65;font-weight:900}.cards-section{background:radial-gradient(circle at 12% 8%,rgba(251,155,0,.14),transparent 30%),linear-gradient(135deg,#f8fafc,#fff)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.value-card{position:relative;min-height:310px;padding:28px;border-radius:34px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--shadow-soft);overflow:hidden;transition:.35s cubic-bezier(.16,1,.3,1)}.value-card:before{content:"";position:absolute;inset:auto -70px -90px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(251,155,0,.20),transparent 68%);transition:.35s ease}.value-card:hover{transform:translateY(-12px);border-color:rgba(251,155,0,.30);box-shadow:0 34px 86px rgba(20,22,26,.14),0 0 40px rgba(251,155,0,.13)}.value-card:hover:before{transform:scale(1.35)}.icon{width:54px;height:54px;display:grid;place-items:center;border-radius:20px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--orange-2),var(--orange));box-shadow:0 16px 34px rgba(251,155,0,.28)}.value-card h3{margin:24px 0 0;font-size:28px;line-height:1.1;letter-spacing:-.04em}.value-card p{margin:14px 0 0;color:var(--muted);line-height:1.76}.connect{background:#fff}.connect-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}.connect-card{position:relative;min-height:420px;border-radius:38px;overflow:hidden;background:#111;color:#fff;box-shadow:var(--shadow)}.connect-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.8s cubic-bezier(.16,1,.3,1)}.connect-card:hover img{transform:scale(1.10);filter:saturate(1.14) contrast(1.08)}.connect-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.08) 58%,rgba(251,155,0,.14))}.connect-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(24px,4vw,38px)}.connect-content h3{margin:0;font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.06em}.connect-content p{margin:14px 0 0;color:rgba(255,255,255,.76);line-height:1.7;font-weight:650}.timeline-section{background:radial-gradient(circle at 88% 18%,rgba(251,155,0,.16),transparent 30%),linear-gradient(135deg,#fff,#f7f9fb)}.timeline{margin-top:40px;display:grid;gap:16px}.timeline-item{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:start;padding:22px;border-radius:30px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--shadow-soft);transition:.3s ease}.timeline-item:hover{transform:translateX(8px);border-color:rgba(251,155,0,.28)}.year{color:var(--orange);font-size:42px;font-weight:900;letter-spacing:-.06em}.timeline-item h3{margin:0;font-size:22px;letter-spacing:-.03em}.timeline-item p{margin:8px 0 0;color:var(--muted);line-height:1.72}.cta-section{background:#fff}.cta-box{position:relative;padding:clamp(34px,5vw,58px);border-radius:42px;color:#fff;background:radial-gradient(circle at 82% 8%,rgba(251,155,0,.34),transparent 36%),linear-gradient(135deg,#101114,#20242b);box-shadow:var(--shadow);overflow:hidden}.cta-box:before{content:"";position:absolute;width:260px;height:160%;top:-30%;left:-240px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);transform:rotate(18deg);animation:shineSweep 6s ease-in-out infinite}.cta-box .section-copy{color:rgba(255,255,255,.74)}.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.footer{padding:64px 20px;text-align:center;color:var(--dark);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;transition:.24s ease}.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:999;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 ease;animation:floaty 5.2s ease-in-out infinite}.contact-bubble:hover{transform:translateY(-4px) scale(1.03);background:linear-gradient(135deg,var(--orange-2),var(--orange))}.bubble-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--orange-2),var(--orange));color:#fff;font-size:18px;font-weight:900;box-shadow:0 10px 24px rgba(251,155,0,.32)}.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:700;letter-spacing:.08em;text-transform:uppercase}.bubble-text strong{margin-top:4px;font-size:15px;font-weight:900}.reveal{opacity:0;transform:translate3d(0,46px,0) scale(.97);filter:blur(10px);transition:opacity .82s cubic-bezier(.16,1,.3,1),transform .86s cubic-bezier(.16,1,.3,1),filter .82s ease;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.05);filter:saturate(1.04) contrast(1.02)}to{transform:scale(1.14) translate3d(-1.2%,1%,0);filter:saturate(1.18) contrast(1.08)}}@keyframes orbFloat{from{transform:translate3d(0,0,0) scale(.95);opacity:.72}to{transform:translate3d(-120px,120px,0) scale(1.16);opacity:1}}@keyframes portraitFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-16px,0) rotate(1.3deg)}}@keyframes floaty{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-12px,0) rotate(1deg)}}@keyframes shineSweep{0%,28%{transform:translateX(0) rotate(18deg);opacity:0}42%{opacity:.65}64%,100%{transform:translateX(1280px) rotate(18deg);opacity:0}}@media(max-width:1080px){.hero-grid,.intro-grid,.connect-wrap{grid-template-columns:1fr}.intro-panel{position:relative;top:auto}.hero-visual{min-height:520px}}@media(max-width:900px){.menu{display:none}.menu-toggle{display:block}.menu.is-open{position:absolute;top:80px;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)}.menu.is-open a{display:block;color:#20242b;padding:14px 16px;border-radius:16px;background:rgba(20,22,26,.05)}.menu.is-open .contact-btn{color:#fff!important;background:linear-gradient(135deg,var(--orange-2),var(--orange))}.menu a:after{display:none}}@media(max-width:720px){.nav-inner{width:calc(100% - 24px)}.hero{min-height:auto;padding-top:128px}.hero-actions .btn{width:100%}.hero-visual{min-height:450px;transform:scale(.86);transform-origin:center top;margin-bottom:-60px}.portrait-card{right:28px}.fb1{left:0}.fb2{right:-4px}.fb3{left:22px}.stats{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}.connect-card{min-height:360px}.contact-bubble{left:16px;bottom:16px}}
:root{
      --orange:#fb9b00;
      --orange2:#ffb32d;
      --ink:#14161a;
      --muted:#68717d;
      --line:rgba(20,22,26,.09);
      --soft:#f5f7f9;
      --white:#fff;
      --shadow:0 24px 70px rgba(20,22,26,.10);
    }

    *{box-sizing:border-box}

    body{
      margin:0;
      background:
        radial-gradient(circle at 90% 0%,rgba(251,155,0,.13),transparent 28%),
        linear-gradient(180deg,#fff,#f7f9fb);
      color:var(--ink);
      font-family:"Inter",sans-serif;
    }

    .milestone-section{
      padding:90px 20px;
    }

    .milestone-wrap{
      width:min(1180px,100%);
      margin:auto;
    }

    .milestone-kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-bottom:14px;
      color:var(--orange);
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
      text-transform:uppercase;
    }

    .milestone-kicker::before{
      content:"";
      width:28px;
      height:2px;
      border-radius:999px;
      background:currentColor;
    }

    .milestone-title{
      margin:0;
      font-size:clamp(42px,6vw,78px);
      line-height:.95;
      letter-spacing:-.06em;
      font-weight:900;
    }

    .milestone-title span{
      background:linear-gradient(100deg,#f08d30,#ffb32d,#ffd04e,#fb9b00);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }

    .milestone-intro{
      max-width:720px;
      margin:20px 0 38px;
      color:var(--muted);
      font-size:16px;
      line-height:1.8;
      font-weight:550;
    }

    .milestone-table{
      overflow:hidden;
      border:1px solid var(--line);
      border-radius:30px;
      background:rgba(255,255,255,.88);
      box-shadow:var(--shadow);
      backdrop-filter:blur(14px);
    }

    .milestone-head{
      display:grid;
      grid-template-columns:170px 1.05fr 1.55fr 54px;
      gap:20px;
      align-items:center;
      padding:18px 26px;
      background:#17191e;
      color:#fff;
      font-size:11px;
      font-weight:900;
      letter-spacing:.13em;
      text-transform:uppercase;
    }

    .milestone-row{
      position:relative;
      border-top:1px solid var(--line);
      transition:.28s ease;
    }

    .milestone-row:first-of-type{
      border-top:0;
    }

    .milestone-row:hover{
      background:
        radial-gradient(circle at 95% 15%,rgba(251,155,0,.09),transparent 28%),
        #fff;
    }

    .milestone-summary{
      list-style:none;
      display:grid;
      grid-template-columns:170px 1.05fr 1.55fr 54px;
      gap:20px;
      align-items:center;
      min-height:112px;
      padding:20px 26px;
      cursor:pointer;
      user-select:none;
    }

    .milestone-summary::-webkit-details-marker{
      display:none;
    }

    .year{
      display:flex;
      align-items:center;
      gap:12px;
      color:var(--ink);
      font-size:20px;
      font-weight:900;
      letter-spacing:-.04em;
    }

    .year::before{
      content:"";
      width:10px;
      height:10px;
      flex:0 0 10px;
      border-radius:50%;
      background:linear-gradient(135deg,var(--orange2),var(--orange));
      box-shadow:0 0 0 7px rgba(251,155,0,.12);
    }

    .milestone-name{
      display:flex;
      align-items:center;
      gap:16px;
      min-width:0;
    }

    .milestone-icon{
      width:54px;
      height:54px;
      flex:0 0 54px;
      display:grid;
      place-items:center;
      border-radius:18px;
      color:#fff;
      font-size:20px;
      background:linear-gradient(135deg,var(--orange2),var(--orange));
      box-shadow:0 14px 30px rgba(251,155,0,.23);
    }

    .milestone-name strong{
      font-size:17px;
      line-height:1.35;
      font-weight:850;
    }

    .short-copy{
      color:var(--muted);
      font-size:14px;
      line-height:1.65;
      font-weight:550;
    }

    .toggle-icon{
      width:44px;
      height:44px;
      display:grid;
      place-items:center;
      justify-self:end;
      border-radius:15px;
      color:var(--ink);
      background:var(--soft);
      border:1px solid var(--line);
      transition:.3s ease;
    }

    .toggle-icon i{
      transition:transform .3s ease;
    }

    details[open] .toggle-icon{
      color:#fff;
      background:linear-gradient(135deg,var(--orange2),var(--orange));
      border-color:transparent;
      box-shadow:0 12px 28px rgba(251,155,0,.22);
    }

    details[open] .toggle-icon i{
      transform:rotate(45deg);
    }

    .expanded{
      display:grid;
      grid-template-columns:170px 1fr;
      gap:20px;
      padding:0 26px 28px;
    }

    .expanded-inner{
      grid-column:2;
      padding:22px 24px;
      border-radius:20px;
      background:
        linear-gradient(135deg,rgba(251,155,0,.08),rgba(255,255,255,.96));
      border:1px solid rgba(251,155,0,.18);
      color:#4d5661;
      font-size:15px;
      line-height:1.8;
      font-weight:560;
    }

    .expanded-label{
      display:flex;
      align-items:center;
      gap:9px;
      margin-bottom:8px;
      color:var(--orange);
      font-size:11px;
      font-weight:900;
      letter-spacing:.11em;
      text-transform:uppercase;
    }

    .expanded-label i{
      font-size:15px;
    }

    @media (max-width:900px){
      .milestone-head{
        display:none;
      }

      .milestone-summary{
        grid-template-columns:1fr 48px;
        gap:14px;
        min-height:auto;
        padding:22px;
      }

      .year{
        grid-column:1;
        font-size:17px;
      }

      .milestone-name{
        grid-column:1;
      }

      .short-copy{
        grid-column:1;
        padding-left:70px;
      }

      .toggle-icon{
        grid-column:2;
        grid-row:1 / span 3;
        align-self:center;
      }

      .expanded{
        display:block;
        padding:0 22px 22px;
      }

      .expanded-inner{
        margin-left:70px;
      }
    }

    @media (max-width:560px){
      .milestone-section{
        padding:64px 14px;
      }

      .milestone-table{
        border-radius:22px;
      }

      .milestone-summary{
        padding:18px;
      }

      .milestone-icon{
        width:46px;
        height:46px;
        flex-basis:46px;
        border-radius:15px;
      }

      .milestone-name strong{
        font-size:15px;
      }

      .short-copy{
        padding-left:62px;
        font-size:13px;
      }

      .expanded{
        padding:0 18px 18px;
      }

      .expanded-inner{
        margin-left:0;
        padding:18px;
        font-size:14px;
      }
    }