/* Shared base from the PANDA 2.0 visual system. */

:root{--forest:#08281D;--ivory:#FAF7F0;--gold:#B58A44;--graphite:#2B2B2B;--sage:#DDE7DD;--muted:#687169;--line:#dfe6dc;--max:1320px;--radius:12px;--shadow:0 8px 24px rgba(8,40,29,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ivory);color:var(--graphite);font:400 16px/1.75 Inter,"Helvetica Neue",Arial,"PingFang SC","Source Han Sans SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(.98)}button,input,select,textarea{font:inherit}[hidden]{display:none!important}.container{width:min(var(--max),calc(100% - 56px));margin-inline:auto}
.site-header{position:fixed;z-index:50;inset:0 0 auto;height:82px;color:var(--ivory);transition:background .3s,box-shadow .3s}.site-header.scrolled{background:rgba(8,40,29,.94);backdrop-filter:blur(14px);box-shadow:0 4px 22px rgba(8,40,29,.12)}.nav-shell{width:min(1440px,calc(100% - 56px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;flex:none;color:var(--ivory)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:600 13px Inter,Arial}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text strong{font-size:18px;letter-spacing:.1em}.brand-text small{margin-top:5px;color:#e4ddce;font-size:8px;letter-spacing:.12em}
.site-nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,22px);padding:0;margin:0;list-style:none}.site-nav a{position:relative;padding:10px 0;color:var(--ivory);font-size:12px;white-space:nowrap}.site-nav a:after{position:absolute;right:0;bottom:3px;left:0;height:1px;background:var(--gold);content:"";transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:9px}.menu-toggle{border:1px solid #faf7f080;border-radius:2px;padding:8px 10px;background:transparent;color:var(--ivory);font-size:10px;letter-spacing:.08em;cursor:pointer}.menu-toggle{display:none;font-size:17px}
.hero,.page-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--forest);color:var(--ivory)}.hero{min-height:min(780px,100svh);display:flex;align-items:center}.page-hero{min-height:345px;display:flex;align-items:end;padding:150px 0 52px}.hero-image,.page-hero-image{position:absolute;z-index:-2;inset:0}.hero:after,.page-hero:after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(8,40,29,.84),rgba(8,40,29,.52) 56%,rgba(8,40,29,.23)),linear-gradient(0deg,rgba(8,40,29,.35),transparent 45%);content:""}.hero-copy{width:min(var(--max),calc(100% - 56px));margin:70px auto 0}.eyebrow,.section-kicker{display:block;margin:0 0 13px;color:var(--gold);font:600 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.hero h1{max-width:850px;margin:0 0 16px;font-size:clamp(60px,8vw,104px);font-weight:650;letter-spacing:-.045em;line-height:1.05}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy>p{max-width:680px;margin:0 0 26px;color:#f5f0e6;font-size:clamp(18px,2.2vw,22px)}.page-hero .container{position:relative}.page-hero h1{margin:0 0 10px;font-size:clamp(44px,5.5vw,68px);font-weight:650;letter-spacing:-.035em;line-height:1.12}.page-hero p{max-width:750px;margin:0;color:#f5f0e6d9}
.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:11px;padding:0 21px;border:1px solid var(--forest);border-radius:2px;background:var(--forest);color:var(--ivory);font-size:12px;font-weight:600;transition:transform .25s,background .25s}.btn:hover{background:#184632;transform:translateY(-2px)}.btn-gold{border-color:var(--gold);background:transparent;color:var(--ivory)}.btn-gold:hover{background:var(--gold);color:var(--forest)}
.section{padding:120px 0}.section-sage{background:var(--sage)}.section-dark{background:var(--forest);color:var(--ivory)}.section-heading{max-width:760px;margin-bottom:38px}.section-heading h2,.copy h2{margin:0 0 14px;color:var(--forest);font-size:clamp(38px,4.5vw,56px);font-weight:650;letter-spacing:-.035em;line-height:1.18}.section-dark .section-heading h2,.section-dark .copy h2{color:var(--ivory)}.section-heading>p:last-child,.copy p{color:var(--muted)}.section-dark .section-heading>p:last-child,.section-dark .copy p{color:#e7e6ddbd}.copy p{margin:0 0 15px;line-height:1.9}
.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.card{overflow:hidden;border:1px solid rgba(8,40,29,.08);border-radius:var(--radius);background:#fff;box-shadow:0 2px 8px rgba(8,40,29,.025);transition:transform .28s,box-shadow .28s}.card:hover{transform:translateY(-4px);box-shadow:0 13px 30px rgba(8,40,29,.13)}.card-image{aspect-ratio:4/5;overflow:hidden;background:#e6e9e1}.card-image img{transition:transform .65s}.card:hover .card-image img{transform:scale(1.035)}.card-body{padding:18px}.card-body h3{margin:0 0 5px;color:var(--forest);font-size:18px;font-weight:650;line-height:1.4}.card-body p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.tag{display:inline-flex;border:1px solid var(--gold);border-radius:2px;padding:5px 8px;background:var(--forest);color:var(--ivory);font-size:9px;letter-spacing:.1em}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(38px,7vw,92px)}.photo-frame{min-height:410px;overflow:hidden;border-radius:var(--radius);background:#e5e8df;box-shadow:var(--shadow)}.photo-frame img{transition:transform .65s}.photo-frame:hover img{transform:scale(1.035)}
.site-footer{padding:54px 0 24px;background:var(--forest);color:#f0eee5}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:40px;padding-bottom:34px}.footer-grid h3{margin:0 0 12px;color:var(--ivory);font-size:13px}.footer-grid p,.footer-grid a{margin:0;color:#f0eee5bd;font-size:12px;line-height:1.9}.footer-grid a:hover{color:var(--gold)}.footer-brand{color:var(--ivory);font-size:18px;font-weight:700;letter-spacing:.1em}.footer-bottom{display:flex;justify-content:space-between;gap:14px;padding-top:18px;border-top:1px solid #ffffff26;color:#f0eee5a8;font-size:10px}
.wa-float{position:fixed;z-index:100;right:23px;bottom:23px;width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;background:var(--forest);box-shadow:0 8px 24px rgba(8,40,29,.25);transition:transform .25s}.wa-float:hover{transform:translateY(-3px)}.wa-float svg{width:28px;height:28px;fill:var(--ivory)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1080px){.site-nav{gap:10px}.site-nav a{font-size:11px}.grid-5{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-grid{gap:24px}}
@media(max-width:820px){.container,.hero-copy{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 40px)}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:82px;right:0;left:0;padding:12px 20px 18px;background:rgba(8,40,29,.98)}.site-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{display:block;padding:12px 3px;border-bottom:1px solid #ffffff20;font-size:13px}.hero{min-height:700px;min-height:92svh}.section{padding:76px 0}.grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr;gap:32px}.photo-frame{min-height:300px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.container,.hero-copy{width:calc(100% - 36px)}.nav-shell{width:calc(100% - 36px)}.hero h1{font-size:clamp(48px,13vw,70px)}.page-hero{min-height:300px;padding:130px 0 42px}.section{padding:64px 0}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:13px}.card-body h3{font-size:16px}.card-body p{font-size:11px}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.wa-float{right:16px;bottom:16px;width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Language menu for Google translation within the current page. */
.translate-shell{display:flex;align-items:center;gap:7px;color:var(--ivory)}.translate-label{color:var(--gold);font:600 9px Inter,Arial,sans-serif;letter-spacing:.12em}.language-select{max-width:156px;margin:0;padding:7px 25px 7px 9px;border:1px solid rgba(250,247,240,.55);border-radius:2px;background:var(--forest);color:var(--ivory);font:500 11px Inter,Arial,sans-serif;cursor:pointer}.language-select option{background:var(--ivory);color:var(--graphite)}.intro-screen{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:var(--forest);color:var(--ivory);opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}.intro-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-inner{display:grid;justify-items:center;gap:14px;animation:introRise .75s ease-out both}.intro-wordmark{color:var(--ivory);font:600 clamp(30px,4vw,44px)/1 Inter,Arial,sans-serif;letter-spacing:.18em}.intro-caption{color:var(--gold);font:600 9px/1.4 Inter,Arial,sans-serif;letter-spacing:.24em}.intro-rule{width:160px;height:1px;overflow:hidden;background:#faf7f04d}.intro-rule i{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;animation:introLine .8s .12s ease-out forwards}@keyframes introRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes introLine{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.intro-screen{transition:none}.intro-inner,.intro-rule i{animation-duration:.01ms;animation-delay:0ms}}
/* Hero image carousel */
.hero-image{overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.25s ease}
.hero-slide.is-active{opacity:1}
.hero-slide img{transform:scale(1.045);transition:transform 7s ease-out}
.hero-slide.is-active img{transform:scale(1.12)}
.hero-copy{position:relative;z-index:2}
.hero-controls{display:flex;align-items:center;gap:8px;margin-top:30px}
.hero-dot{width:26px;height:3px;padding:0;border:0;background:#faf7f066;cursor:pointer;transition:width .25s,background .25s}
.hero-dot[aria-pressed="true"]{width:42px;background:var(--gold)}
.hero-dot:focus-visible{outline:2px solid var(--ivory);outline-offset:4px}.hero-toggle{border:0;background:transparent;color:#faf7f0cc;font:600 8px/1 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.hero-toggle:hover{color:var(--gold)}.hero-toggle:focus-visible{outline:2px solid var(--ivory);outline-offset:4px}
@media(max-width:820px){.hero-controls{margin-top:22px}}
@media(max-width:520px){.hero-controls{margin-top:20px}}
@media(max-width:380px){.hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide img,.hero-dot{transition:none!important}}

/* Responsive layout refinements: compact tablet/mobile navigation and readable page flow. */
@media(max-width:1080px){
  .site-header{height:76px;background:rgba(8,40,29,.96);backdrop-filter:blur(14px)}
  .nav-shell{width:calc(100% - 40px);gap:12px}
  .nav-shell>nav{display:block;min-width:0}
  .nav-actions{flex:none;gap:8px}
  .translate-label{display:none}
  .language-select{width:132px;max-width:132px;padding:8px 24px 8px 9px}
  .menu-toggle{display:grid;width:40px;height:40px;place-items:center;padding:0;font-size:17px}
  .site-nav{display:none;position:absolute;top:76px;right:0;left:0;max-height:calc(100svh - 76px);overflow-y:auto;overscroll-behavior:contain;padding:10px 20px 18px;background:rgba(8,40,29,.985);box-shadow:0 12px 24px rgba(0,0,0,.18)}
  .site-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .site-nav a{display:block;padding:13px 3px;border-bottom:1px solid #ffffff20;font-size:14px}
}
@media(max-width:700px){
  body{overflow-x:hidden}
  .container{width:calc(100% - 36px)}
  .section{padding:62px 0}
  .section-heading{margin-bottom:28px}
  .section-heading h2,.copy h2{font-size:clamp(30px,8vw,42px)}
  .page-hero{min-height:280px;padding:116px 0 38px}
  .page-hero h1{font-size:clamp(38px,10vw,54px);overflow-wrap:anywhere}
  .page-hero p,.copy p,.section-heading>p:last-child{font-size:14px;line-height:1.75}
  .split{grid-template-columns:minmax(0,1fr);gap:26px}
  .photo-frame{min-height:0;aspect-ratio:4/3}
  .grid-2{grid-template-columns:minmax(0,1fr)}
  .footer-grid{gap:22px}
  .footer-grid p,.footer-grid a{overflow-wrap:anywhere}
  .map-panel{min-width:0}
  .world-map{min-height:0}
  .market-note{padding:23px 20px}
  .market-note h2{font-size:clamp(23px,6vw,30px)}
  .wa-float{right:14px;bottom:14px;width:50px;height:50px}
}
@media(max-width:520px){
  .site-header{height:66px}
  .nav-shell{width:calc(100% - 24px);gap:8px}
  .brand{gap:7px}
  .brand-mark{width:32px;height:32px;font-size:12px}
  .brand-text strong{font-size:15px}
  .brand-text small{font-size:6px;letter-spacing:.07em}
  .nav-actions{gap:6px}
  .language-select{width:108px;max-width:108px;padding:8px 21px 8px 7px;font-size:10px}
  .menu-toggle{width:36px;height:36px}
  .site-nav{top:66px;max-height:calc(100svh - 66px)}
  .container,.hero-copy{width:calc(100% - 36px)}
  .section{padding:54px 0}
  .grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .card-body{padding:12px}
  .card-body h3{font-size:15px;overflow-wrap:anywhere}
  .card-body p{font-size:11px;line-height:1.6}
  .footer-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .footer-grid>div:first-child{grid-column:auto}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}
  .tabs{gap:8px;margin-bottom:30px}
  .filter-tab{flex:1;min-width:0;min-height:44px;padding:10px 12px}
  .region-card{padding:17px}
  .country-chip{max-width:100%;font-size:11px}
  .country-chip span:last-child{overflow-wrap:anywhere}
  .inquiry-form{grid-template-columns:minmax(0,1fr)}
  .field.full,.inquiry-form>button,.form-status{grid-column:auto}
  .news-card{grid-template-columns:minmax(0,1fr)}
  .news-photo{min-height:0;aspect-ratio:16/10}
  .news-copy{padding:18px}
  .news-meta{flex-wrap:wrap;letter-spacing:.08em}
  .news-copy h2{font-size:18px;overflow-wrap:anywhere}
  .news-edit-note{align-items:flex-start;flex-direction:column}
  .case-cta{align-items:flex-start;flex-direction:column;padding:20px}
  .case-cta h2{font-size:22px}
}
@media(max-width:360px){
  .nav-shell{width:calc(100% - 18px);gap:6px}
  .brand-text small{display:none}
  .brand-mark{width:29px;height:29px}
  .language-select{width:96px;max-width:96px;font-size:9px}
  .menu-toggle{width:34px;height:34px}
  .grid-3,.grid-4,.grid-5{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:700px){
  .hero{display:block;min-height:0;padding:106px 0 30px}
  .hero-copy{width:calc(100% - 36px);margin:0 auto;padding:0}
  .hero h1{font-size:clamp(54px,16vw,76px)}
  .hero-copy>p{max-width:34ch;font-size:17px;line-height:1.55}
  
  
  
  
  
  
  
  
  .hero-controls{margin-top:20px}
}
@media(max-width:360px){.hero-copy{width:calc(100% - 28px)}}


/* Larger touch targets for mobile navigation. */
@media(max-width:700px){
  .site-header{height:78px}
  .nav-shell{min-height:78px}
  .menu-toggle{width:48px;height:48px;border-radius:4px;font-size:21px}
  .site-nav{top:78px;max-height:calc(100svh - 78px);padding:12px 20px 22px}
  .site-nav a{min-height:54px;display:flex;align-items:center;padding:15px 6px;font-size:16px;line-height:1.4}
}
@media(max-width:520px){
  .site-header{height:74px}
  .nav-shell{min-height:74px}
  .brand-mark{width:36px;height:36px;font-size:13px}
  .brand-text strong{font-size:17px}
  .language-select{width:108px;max-width:108px;min-height:42px;padding:8px 20px 8px 8px;font-size:11px}
  .menu-toggle{width:44px;height:44px;font-size:21px}
  .site-nav{top:74px;max-height:calc(100svh - 74px);padding:12px 18px 22px}
  .site-nav a{min-height:56px;padding:16px 6px;font-size:16px}
}
@media(max-width:360px){
  .nav-shell{min-height:74px}
  .brand-mark{width:32px;height:32px}
  .brand-text strong{font-size:15px}
  .language-select{width:88px;max-width:88px;min-height:40px;font-size:10px}
  .menu-toggle{width:42px;height:42px}
}


/* Simple black-and-white panda mark used consistently in the site header. */
.brand-mark{border:0!important;border-radius:0!important;background:transparent!important;color:transparent!important;font-size:0!important;line-height:0;overflow:visible}
.brand-mark svg{display:block;width:100%;height:100%}


/* Panda mark in the opening brand animation. */
.intro-brand{display:flex;align-items:center;gap:16px}
.intro-panda{display:block;width:clamp(48px,6vw,64px);height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}
@media(max-width:520px){.intro-brand{gap:12px}.intro-panda{width:50px}}

/* localized-language-label-width */

@media(max-width:520px){.language-select{width:136px;max-width:136px}}
@media(max-width:360px){.language-select{width:88px;max-width:88px}}


/* PANDA opening screen and mascot refinement */
.brand-mark{width:clamp(40px,4vw,48px)!important;height:clamp(40px,4vw,48px)!important;flex:0 0 clamp(40px,4vw,48px);}
.brand-mark svg{width:100%;height:100%;display:block;}
.intro-inner{width:min(92vw,680px);gap:clamp(18px,3vh,30px);animation:pandaSplashIn .9s ease-out both;}
.intro-brand{display:grid;justify-items:center;gap:clamp(8px,1.4vh,16px);}
.intro-panda{display:block;width:clamp(150px,23vw,250px);height:auto;filter:drop-shadow(0 8px 15px rgba(0,0,0,.2));}
.intro-wordmark{font-size:clamp(54px,8.5vw,92px)!important;letter-spacing:.2em!important;padding-left:.2em;}
.intro-caption{font-size:clamp(11px,1.3vw,14px)!important;letter-spacing:.22em!important;text-align:center;}
.intro-rule{width:clamp(180px,26vw,270px)!important;}
@keyframes pandaSplashIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:520px){.brand-mark{width:40px!important;height:40px!important;flex-basis:40px}.intro-inner{gap:20px}.intro-brand{gap:10px}.intro-panda{width:clamp(148px,42vw,190px)}.intro-wordmark{font-size:clamp(50px,14vw,68px)!important}.intro-caption{font-size:10px!important}.intro-rule{width:190px!important}}
@media(max-height:560px){.intro-inner{gap:12px}.intro-brand{gap:6px}.intro-panda{width:clamp(100px,26vh,150px)}.intro-wordmark{font-size:clamp(42px,8vh,58px)!important}.intro-caption{font-size:9px!important}.intro-rule{width:150px!important}}
@media(prefers-reduced-motion:reduce){.intro-inner{animation:none}}


/* PANDA supplied bamboo mascot: larger, clear and responsive */
.brand-mark{width:clamp(78px,8vw,108px)!important;height:clamp(54px,5.5vw,70px)!important;flex:0 0 clamp(78px,8vw,108px)!important;padding:3px!important;background:var(--ivory)!important;border:0!important;border-radius:10px!important;overflow:hidden!important;}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;}
.intro-inner{width:min(94vw,760px);gap:clamp(18px,2.5vh,28px);}
.intro-brand{display:grid;justify-items:center;gap:clamp(8px,1.2vh,14px);}
.intro-panda{display:block;width:clamp(260px,38vw,420px);height:auto;padding:9px 12px;box-sizing:border-box;background:var(--ivory);border-radius:16px;filter:drop-shadow(0 9px 16px rgba(0,0,0,.18));}
.intro-wordmark{font-size:clamp(62px,9vw,100px)!important;letter-spacing:.2em!important;padding-left:.2em;}
.intro-caption{font-size:clamp(11px,1.3vw,14px)!important;letter-spacing:.22em!important;text-align:center;}
.intro-rule{width:clamp(190px,27vw,280px)!important;}
#google_translate_element{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}
.goog-te-banner-frame.skiptranslate,.goog-te-gadget,.goog-te-menu-frame,.goog-te-balloon-frame{display:none!important;}
body{top:0!important;}
.translate-shell{position:relative;}
.translation-status{position:absolute;right:0;top:calc(100% + 4px);z-index:20;max-width:230px;color:#f2c98a;font-size:11px;line-height:1.35;text-align:right;}
@media(max-width:700px){.brand-mark{width:70px!important;height:48px!important;flex-basis:70px!important;padding:2px!important;border-radius:8px!important;}.intro-inner{gap:18px}.intro-panda{width:clamp(230px,68vw,330px);padding:8px 10px;border-radius:14px}.intro-wordmark{font-size:clamp(54px,14vw,76px)!important}.intro-caption{font-size:10px!important}.intro-rule{width:205px!important}}
@media(max-width:360px){.brand-mark{width:58px!important;height:40px!important;flex-basis:58px!important}.intro-panda{width:220px}.intro-wordmark{font-size:52px!important}}
@media(max-height:560px){.intro-inner{gap:10px}.intro-panda{width:clamp(180px,48vh,270px);padding:5px 7px}.intro-wordmark{font-size:clamp(48px,9vh,68px)!important}.intro-caption{font-size:9px!important}.intro-rule{width:160px!important}}


/* Editorial scale inspired by the reference: stronger navigation and confident headlines. */
.site-header{height:92px}
.brand-text strong{font-size:21px;letter-spacing:.11em}
.site-nav{gap:clamp(14px,1.7vw,26px)}
.site-nav a{font-size:14px;font-weight:600;letter-spacing:.025em}
.language-select{font-size:12px;min-height:42px}
.menu-toggle{font-size:18px;font-weight:600}
.hero h1{font-size:clamp(72px,9vw,120px);letter-spacing:-.055em}
.page-hero h1{font-size:clamp(50px,6.4vw,80px);letter-spacing:-.045em}
.section-heading h2,.copy h2{font-size:clamp(40px,5vw,64px);letter-spacing:-.04em}
.hero-copy>p{font-size:clamp(20px,2.4vw,24px);line-height:1.55}
.page-hero p{font-size:18px;line-height:1.75}
.section-heading>p:last-child,.copy p{font-size:17px;line-height:1.85}
.btn{min-height:54px;padding-inline:24px;font-size:14px;letter-spacing:.025em}
.card-body h3{font-size:20px}
.card-body p{font-size:14px}
.footer-grid h3{font-size:15px}
.footer-grid p,.footer-grid a{font-size:14px}
.filter-tab{font-size:13px}

/* Gentle reveal, image focus and stagger as each section enters the viewport. */
.reveal{opacity:0;transform:translateY(26px) scale(.99);transition:opacity .85s ease-out,transform .85s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}
.grid>.reveal:nth-child(2){transition-delay:.08s}
.grid>.reveal:nth-child(3){transition-delay:.16s}
.grid>.reveal:nth-child(4){transition-delay:.24s}
.grid>.reveal:nth-child(5){transition-delay:.32s}
.reveal .card-image img,.photo-frame.reveal img,.news-photo img{transform:scale(1.045);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible .card-image img,.photo-frame.reveal.is-visible img,.news-card.reveal.is-visible .news-photo img{transform:scale(1)}
.card.reveal.is-visible:hover .card-image img{transform:scale(1.06)}

@media(max-width:1080px){
  .site-header{height:78px}
  .site-nav a{font-size:16px}
  .hero h1{font-size:clamp(66px,10vw,100px)}
  .page-hero h1{font-size:clamp(48px,7vw,72px)}
}
@media(max-width:700px){
  .site-header{height:78px}
  .site-nav a{min-height:58px;padding:17px 7px;font-size:18px;font-weight:600}
  .brand-text strong{font-size:19px}
  .hero h1{font-size:clamp(58px,15vw,82px)}
  .page-hero h1{font-size:clamp(42px,11vw,62px)}
  .section-heading h2,.copy h2{font-size:clamp(34px,9vw,48px)}
  .hero-copy>p,.page-hero p{font-size:17px}
  .section-heading>p:last-child,.copy p{font-size:16px}
  .card-body h3{font-size:18px}
  .card-body p{font-size:13px}
  .footer-grid p,.footer-grid a{font-size:14px}
}
@media(max-width:380px){
  .site-nav a{font-size:17px}
  .hero h1{font-size:clamp(54px,15vw,68px)}
  .section-heading h2,.copy h2{font-size:33px}
}
@media(prefers-reduced-motion:reduce){
  .reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}
  .reveal .card-image img,.photo-frame.reveal img,.news-photo img{transform:none;transition:none}
}


/* Deeper forest-green brand palette and transparent vector panda identity. */
:root{--forest:#08281D;--gold:#B58A44;--sage:#DDE7DD}
.intro-screen{background:var(--forest)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.intro-inner,.intro-brand{background:transparent!important;box-shadow:none!important}
.intro-panda{width:clamp(230px,34vw,370px)!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))!important;object-fit:contain}
.intro-wordmark{color:var(--ivory)!important;text-shadow:0 3px 16px rgba(0,0,0,.28)}
.intro-caption{color:#d2b36e!important;text-shadow:0 2px 8px rgba(0,0,0,.24)}
.intro-rule{background:rgba(250,247,240,.34)!important}
.brand-mark{width:clamp(68px,7vw,94px)!important;height:auto!important;aspect-ratio:544/349;flex:0 0 clamp(68px,7vw,94px)!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important;background:transparent!important}
.intro-panda,.brand-mark img{mix-blend-mode:normal}
.site-header.scrolled{background:rgba(8,40,29,.94)}
@media(max-width:700px){.brand-mark{width:64px!important;flex-basis:64px!important}.intro-panda{width:clamp(210px,64vw,310px)!important}}
@media(max-width:360px){.brand-mark{width:54px!important;flex-basis:54px!important}}
@media(max-height:560px){.intro-panda{width:clamp(190px,48vh,270px)!important}}