/* Component styles are kept separate so visual changes remain scoped. */
@font-face {
  font-family: 'Lexend Giga';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/lexend-giga-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Lexend Giga';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/lexend-giga-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Lexend Giga';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/lexend-giga-2.ttf) format('truetype');
}

:root{color-scheme:dark;--color-bg:#000;--color-text:#eee;--color-muted:#b8b8bc;--color-gold:#d2c08b;--color-link:#9ab9ff;--font-body:Arial,Helvetica,sans-serif;--font-display:'Lexend Giga',Arial,sans-serif;--content-width:1140px;--page-gutter:clamp(20px,4.8vw,64px);--header-height:64px;--separator-color:#bedcdd;--separator-glow:rgba(177,235,243,.55);--separator-height:1px;--button-background:#d2d2d2;--button-text:#161616;--button-radius:3px;--focus-color:#e6cd8c;--card-hover-scale:1.018;--motion-duration:240ms}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--color-bg);color:var(--color-text);font:17px/1.75 var(--font-body)}img{max-width:100%;display:block}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--focus-color);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3}h1{font-size:clamp(30px,5vw,64px)}h2{font-size:clamp(24px,3vw,40px)}h3{font-size:22px}p{margin-bottom:1.2em}.wrap{width:min(calc(100% - var(--page-gutter)*2),var(--content-width));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#000;padding:10px}.skip-link:focus{top:10px}[hidden]{display:none!important}.site-footer{padding-bottom:28px}.footer-credit{display:flex;justify-content:space-between;gap:20px;font-family:var(--font-display);font-size:12px;margin-top:12px;flex-wrap:wrap}.footer-credit a{text-decoration:none}main{min-height:70vh}.search-dialog{position:fixed;width:min(650px,calc(100vw - 32px));max-height:80vh;inset:10vh auto auto 50%;transform:translateX(-50%);margin:0;background:#151515;color:var(--color-text);padding:32px;border:1px solid #555;border-radius:8px}.search-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.search-dialog input{width:100%;background:#080808;color:#fff;border:1px solid #777;padding:12px;margin:10px 0 20px}.dialog-close{float:right;background:none;border:0;font-size:30px;line-height:1}.search-result{display:block;padding:12px 0;border-bottom:1px solid #333}.search-result small{display:block;color:#aaa;text-decoration:none}#search-results{overflow-wrap:anywhere}.search-dialog label{display:block}@media(max-width:600px){.footer-credit{font-size:12px;display:block;text-align:center}.footer-credit span{display:block;margin:10px 0}body{font-size:16px}.search-dialog{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.site-header{position:fixed;z-index:30;inset:0 0 auto;min-height:var(--header-height);display:flex;align-items:center;gap:20px;padding:8px 26px;background:rgba(15,15,15,.95);backdrop-filter:blur(12px);font-family:var(--font-display);font-size:14px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;white-space:nowrap;font-size:20px;letter-spacing:2px;margin-right:auto}.brand img{width:42px;height:42px;object-fit:cover}.site-header nav>ul{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0}.site-header li{list-style:none}.site-header nav a{text-decoration:none}.site-header nav a:hover,.site-header nav a.active{color:#fff;text-shadow:0 0 10px #fff5}.site-header nav a.active{font-weight:700}.nav-parent{display:flex;align-items:center;position:relative}.submenu-toggle,.search-toggle,.menu-toggle{padding:6px;background:none;border:0}.submenu-toggle{min-width:30px;min-height:44px}.submenu{position:absolute;top:100%;left:0;min-width:190px;background:#191919;padding:10px 0;border:1px solid #444;box-shadow:0 10px 30px #0008}.submenu a{display:block;padding:10px 18px}.search-toggle{display:grid;place-items:center;min-width:44px;min-height:44px}.search-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7}.menu-toggle{display:none;font-size:24px;min-width:44px;min-height:44px}@media(max-width:1120px){.site-header{gap:8px;padding-inline:18px}.brand{font-size:18px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#121212;border-top:1px solid #333;padding:18px 24px;max-height:calc(100dvh - 65px);overflow-y:auto}.site-header nav.is-open{display:block}.site-header nav>ul{display:block}.site-header nav>ul>li{padding:8px 0}.site-header nav a{display:block;padding:6px 0}.nav-parent{flex-wrap:wrap;justify-content:space-between}.submenu{position:static;width:100%;box-shadow:none;border:0;border-left:1px solid #666;margin:8px 0}.submenu a{padding:8px 16px!important}}

.hero{position:relative;min-height:720px;height:100svh;max-height:1000px;isolation:isolate;display:grid;place-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 49%;z-index:-3}.hero-shade{position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:-2}.hero-copy{text-align:center;padding:80px 24px 0;max-width:1100px}.hero h1{font-family:Arial,sans-serif;font-size:clamp(36px,5.2vw,70px);font-weight:700;letter-spacing:.15em;text-wrap:balance;margin:0}.hero-copy p{font:14px/1.8 var(--font-display);letter-spacing:.2em;text-transform:uppercase;margin:0}.hero-rule{height:1px;width:min(450px,72vw);margin:22px auto;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.hero--home-page .hero-copy{padding-top:280px}.hero--home-page h1{font-size:clamp(44px,7.3vw,94px);letter-spacing:.12em}.hero--home-page h1::first-letter{color:var(--color-gold)}.scroll-cue{position:absolute;bottom:18px;left:calc(50% - 24px);width:48px;height:48px;text-align:center;font-size:34px;text-decoration:none;color:#fff}.hero--collaborations-statistics h1{font-size:clamp(30px,4.5vw,60px)}@media(max-width:600px){.hero{min-height:560px;height:86svh;max-height:800px}.hero h1{letter-spacing:.09em}.hero-copy{padding-inline:18px}.hero-copy p{font-size:12px;letter-spacing:.09em}.hero--home-page .hero-copy{padding-top:230px}.hero-image{object-position:center}.hero--home-page h1{font-size:clamp(34px,9vw,56px)}}

@media(max-width:600px){.hero h1{font-size:clamp(25px,7.5vw,38px)}.hero--collaborations-statistics h1{font-size:clamp(22px,6.4vw,34px)}}

.separator{height:150px;display:flex;align-items:center;position:relative;overflow:hidden}.separator::before{content:'';width:100%;height:var(--separator-height);background:linear-gradient(90deg,transparent,var(--separator-color),transparent);opacity:.25}.separator span{position:absolute;left:0;width:50px;height:2px;background:linear-gradient(90deg,transparent,var(--separator-color),transparent);filter:drop-shadow(0 0 6px var(--separator-glow));animation:separator-travel 12s ease-in-out infinite}.separator--home{--separator-color:#c6b47d;--separator-glow:#d0bc6d77}.home .separator:last-child{height:210px;background:radial-gradient(ellipse at center,#b49b3310,transparent 68%)}@keyframes separator-travel{0%,100%{left:0;opacity:.5}50%{left:calc(100% - 50px);opacity:1}}@media(max-width:600px){.separator{height:90px}.home .separator:last-child{height:130px}}

.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:58px 28px}.card{display:block;text-align:center;text-decoration:none;min-width:0}.card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform var(--motion-duration),filter var(--motion-duration)}.card:hover img{transform:scale(var(--card-hover-scale));filter:brightness(1.08)}.card span{font-family:var(--font-display);display:block;margin:20px auto 0;text-decoration:underline;line-height:1.9;font-size:16px;overflow-wrap:normal}.home-cards img{aspect-ratio:1}.work-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.work-cards img{aspect-ratio:16/9}.destination-cards img{aspect-ratio:1}.section-heading{text-align:center;margin:36px 0 50px}.section-heading h2{text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.section-heading p{font-family:var(--font-display);font-size:14px;color:var(--color-muted)}@media(max-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}.card span{font-size:13px;line-height:1.7;margin-top:14px}.work-cards{grid-template-columns:1fr}.work-cards .card span{font-size:17px}}

.back-button{display:block;width:max-content;min-width:165px;max-width:100%;padding:9px 25px;background:var(--button-background);color:var(--button-text);border:1px solid transparent;border-radius:var(--button-radius);text-align:center;text-decoration:none;font:16px/1.6 var(--font-display);transition:background var(--motion-duration),box-shadow var(--motion-duration);margin:40px auto 0}.back-button:hover{background:#eee;box-shadow:0 0 20px #ffffff12}.back-button--home{width:100%;margin-top:0}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.prose{font-size:17px;line-height:1.9}.prose a{color:var(--color-link)}.prose li{margin-bottom:12px}.prose ol,.prose ul{padding-left:25px}.about-introduction{display:grid;grid-template-columns:1.35fr 1fr;gap:55px;align-items:start}.introduction h2{text-align:center;letter-spacing:.04em;margin:25px 0 55px}.introduction p{padding-left:22px;border-left:1px solid #635d45;margin-bottom:26px}.introduction p:first-of-type{color:#dfd4b9}.about-details{margin-top:70px}.accordion{border-bottom:1px solid #414141;margin:0}.accordion summary{list-style:none;cursor:pointer;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:25px 0}.accordion summary::-webkit-details-marker{display:none}.accordion summary h2{font-family:var(--font-display);font-size:20px;font-weight:500;margin:0}.accordion summary>span{font-size:25px;transition:transform var(--motion-duration)}.accordion[open] summary>span{transform:rotate(180deg)}.accordion-body{padding:0 10px 24px 0;max-width:100%;overflow-wrap:anywhere}.portfolio-notice{border:1px solid #282828;background:linear-gradient(135deg,#090909,#030303);border-radius:20px;padding:36px clamp(22px,5vw,68px);max-width:980px;margin:55px auto 70px;text-align:left;font-size:16px;line-height:1.8}.portfolio-notice h2{text-align:center;text-transform:uppercase;font-size:32px;margin:15px 0 30px}.notice-icon{display:block;text-align:center;font-size:30px;color:#bbb}.portfolio-notice .copyright{text-align:center;font-size:14px;color:#aaa;letter-spacing:.07em;margin:25px 0 0}.collaborations-heading{text-align:center;margin:0 0 45px;letter-spacing:.06em}.collaboration-introduction{margin-bottom:44px}.statistics{margin-top:90px;padding:40px 22px;background:radial-gradient(ellipse at top,#1737362b,transparent 55%)}.statistics>header{text-align:center;margin-bottom:55px}.statistics h2,.statistics h3{color:#ccf7f2;text-shadow:0 0 15px #99f4eb25;text-align:center;font-weight:700}.statistics h2{font-size:clamp(27px,4vw,48px);margin-bottom:18px}.statistics h3{font-size:clamp(21px,3vw,32px)}.statistics-date{color:#c5c5c5;font-size:13px;letter-spacing:.15em}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 0;border:1px solid #2a2a2a;border-radius:16px;overflow:hidden}.metrics>div{padding:22px 15px;text-align:center;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.metrics>div:last-child{border:0}.metrics dt{text-transform:uppercase;color:#b7b7b7;font-size:12px;line-height:1.6}.metrics dd{font-size:clamp(23px,3vw,34px);color:#86dda7;font-weight:700;margin:0;line-height:1.3;text-shadow:0 0 9px #89fcb42b;overflow-wrap:anywhere}.global-metrics .metrics{border:0;gap:15px}.global-metrics .metrics>div{border:1px solid #2b3533;border-radius:16px;background:#13202144;padding:28px 16px}.global-metrics .metrics:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.platforms-heading{margin:75px 0 35px}.platform-card{border:1px solid #292929;border-radius:22px;background:linear-gradient(125deg,#121212,#090909);padding:25px;margin:22px 0}.platform-card>header{display:flex;align-items:center;gap:20px}.platform-card h4{font-size:25px;margin:0;line-height:1.5}.platform-card header p{margin:0;color:#aaa;font-size:13px}.platform-card .metrics:has(>div:only-child){grid-template-columns:1fr}.platform-icon{display:inline-grid;place-items:center;flex-shrink:0;width:78px;height:78px;border-radius:50%;background:#111;border:1px solid #424242;color:#fff;font:700 36px/1 Arial,sans-serif;box-shadow:0 0 32px #759bdb35}.icon--email,.icon--paypal{box-shadow:0 0 32px #c8ad3b55}.icon--xiaohongshu{font-size:23px;box-shadow:0 0 32px #d7444455}.icon--instagram{box-shadow:0 0 32px #c7549e55}.icon--youtube{font-size:30px;box-shadow:0 0 32px #cf343455}.icon--snackvideo{font-size:25px;box-shadow:0 0 32px #c6bd3d44}.new-badge{font-size:11px;padding:4px 7px;background:#ff5b76;color:#fff;border-radius:8px;vertical-align:middle}.platform-note,.statistics-note{color:#bbb;font-size:14px;margin:18px 0 0}.statistics-note{line-height:1.8}.contact-block{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:50px;padding:60px 15px;border-bottom:1px solid #333}.contact-block:last-of-type{border-bottom:0}.contact-block .platform-icon{width:115px;height:115px;font-size:49px}.contact-block .icon--xiaohongshu{font-size:28px}.contact-block p{font-family:var(--font-display);font-size:13px;margin-bottom:30px}.contact-block h2{font-family:var(--font-display);font-size:clamp(19px,2.6vw,31px);line-height:1.8;margin:0;overflow-wrap:anywhere}.contact-block a{color:var(--color-link)}.coming-soon{text-align:center;font-family:var(--font-display);font-size:26px;margin:100px 0}@media(max-width:700px){.about-introduction{grid-template-columns:1fr;gap:28px}.about-details{margin-top:35px}.introduction h2{margin-bottom:30px}.introduction p{padding-left:15px}.accordion summary h2{font-size:16px;line-height:1.8}.portfolio-notice{padding:24px;margin:35px auto 40px;border-radius:12px;font-size:15px}.portfolio-notice h2{font-size:25px}.statistics{padding:25px 0;margin-top:60px}.platform-card{padding:18px;border-radius:15px}.platform-card h4{font-size:21px}.platform-icon{width:55px;height:55px;font-size:28px}.platform-card>header{gap:15px}.metrics{grid-template-columns:1fr}.metrics>div{border-right:0;border-bottom:1px solid #2a2a2a;padding:16px;gap:10px}.global-metrics .metrics,.global-metrics .metrics:last-child{grid-template-columns:1fr}.metrics dd{font-size:28px}.contact-block{grid-template-columns:65px minmax(0,1fr);gap:22px;padding:35px 0}.contact-block .platform-icon{width:60px;height:60px;font-size:28px}.contact-block .icon--xiaohongshu{font-size:17px}.contact-block p{font-size:12px;margin-bottom:20px}.contact-block h2{font-family:var(--font-body);font-size:20px}.prose{font-size:16px}}

.platform-icon img{width:58%;height:58%;object-fit:contain}

.gallery-page{padding-top:var(--header-height)}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 28px;align-items:start}.carousel{min-width:0;outline-offset:5px}.carousel-stage{position:relative;aspect-ratio:3/4;background:#080808;overflow:hidden;touch-action:pan-y}.slide{width:100%;height:100%}.slide img{width:100%;height:100%;object-fit:contain;background:#080808}.carousel-prev,.carousel-next,.carousel-play{position:absolute;border:1px solid #ffffff20;background:#101010a0;color:white;backdrop-filter:blur(4px);display:grid;place-items:center;transition:background var(--motion-duration);border-radius:50%;width:44px;height:44px;padding:0}.carousel-prev,.carousel-next{top:calc(50% - 22px);font:36px/1 Arial}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-play{top:12px;right:12px;font-size:17px}.carousel-prev:hover,.carousel-next:hover,.carousel-play:hover{background:#111e}.carousel-controls{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:18px}.carousel-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:0;max-width:100%}.carousel-dot{background:none;border:0;width:22px;height:28px;padding:6px;display:grid;place-items:center}.carousel-dot::before{content:'';width:8px;height:8px;background:#858585;border-radius:50%}.carousel-dot[aria-pressed=true]::before{background:#daafa2;width:10px;height:10px}.carousel-count{font-size:12px;color:#aaa;font-variant-numeric:tabular-nums}.personal-caption{text-align:center;font-family:var(--font-display);font-size:13px}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 24px;align-items:start}.video-item{min-width:0}.video-item iframe{width:100%;aspect-ratio:9/16;display:block;border:1px solid #242424;background:#101010}.video-fallback{display:block;font-size:12px;color:#aaa;text-align:center;margin:10px 0}.nojs-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nojs-photos img{width:100%;height:auto}@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.photo-grid{grid-template-columns:1fr;gap:35px}.video-grid{grid-template-columns:1fr;max-width:380px;margin-inline:auto}.carousel-stage{aspect-ratio:3/4}.carousel-dot{width:24px;height:30px}}

@media(prefers-reduced-motion:no-preference){.slide:not([hidden]){animation:photo-appear .35s ease-out}@keyframes photo-appear{from{opacity:.35}to{opacity:1}}}

.carousel--personal .carousel-stage{aspect-ratio:0.575}


/* Decorative Home scene transcribed from the reference website; scoped locally. */
.landscape-scene {
  position: relative;
  width: 100%;
  height: 190px;
  overflow: hidden;
}

/* Mist */
.landscape-mist {
  position: absolute;
  width: 160%;
  height: 120px;
  left: -30%;
  top: 35px;
  opacity: 0.18;
  filter: blur(28px);
  background:
    radial-gradient(ellipse at 20% 50%, rgba(255,255,255,0.18), transparent 28%),
    radial-gradient(ellipse at 55% 45%, rgba(255,255,255,0.11), transparent 32%),
    radial-gradient(ellipse at 85% 55%, rgba(255,255,255,0.15), transparent 28%);
  animation: landscape-mistMove 18s linear infinite alternate;
}

/* Mountains */
.landscape-mountains {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 145px;
}

.landscape-mountain-back {
  fill: #111111;
}

.landscape-mountain-mid {
  fill: #0b0b0b;
}

.landscape-mountain-front {
  fill: #050505;
}

/* Horizon */
.landscape-horizon {
  position: absolute;
  left: 5%;
  right: 5%;
  top: 92px;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(210,170,95,0.12) 15%,
    rgba(210,170,95,0.55) 50%,
    rgba(210,170,95,0.12) 85%,
    transparent 100%
  );

  box-shadow:
    0 0 8px rgba(210,170,95,0.12),
    0 0 18px rgba(210,170,95,0.06);
}

/* Traveling light */
.landscape-traveler {
  position: absolute;
  top: 87px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d4ad68;

  box-shadow:
    0 0 8px rgba(212,173,104,0.85),
    0 0 20px rgba(212,173,104,0.45),
    0 0 38px rgba(212,173,104,0.20);

  animation: landscape-travel 12s ease-in-out infinite;
}

/* Tiny particles */
.landscape-particle {
  position: absolute;
  width: 2px;
  height: 2px;
  background: rgba(222,186,121,0.7);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(222,186,121,0.6);
  animation: landscape-twinkle 3s ease-in-out infinite;
}

.landscape-p1 { left: 12%; top: 52px; animation-delay: .2s; }
.landscape-p2 { left: 27%; top: 74px; animation-delay: 1.1s; }
.landscape-p3 { left: 43%; top: 43px; animation-delay: 1.7s; }
.landscape-p4 { left: 61%; top: 67px; animation-delay: .7s; }
.landscape-p5 { left: 76%; top: 48px; animation-delay: 2.1s; }
.landscape-p6 { left: 89%; top: 72px; animation-delay: 1.4s; }

/* Central geometric mark */
.landscape-diamond {
  position: absolute;
  left: 50%;
  top: 83px;
  width: 18px;
  height: 18px;
  transform: translateX(-50%) rotate(45deg);

  border: 1px solid rgba(212,173,104,0.5);
  background: rgba(0,0,0,0.55);

  box-shadow:
    0 0 12px rgba(212,173,104,0.12);

  animation: landscape-diamondPulse 4s ease-in-out infinite;
}

/* Animations */
@keyframes landscape-mistMove {
  0% {
    transform: translateX(-3%);
  }
  100% {
    transform: translateX(3%);
  }
}

@keyframes landscape-travel {
  0% {
    left: 5%;
    opacity: 0;
  }

  8% {
    opacity: 1;
  }

  50% {
    left: 50%;
  }

  92% {
    opacity: 1;
  }

  100% {
    left: 95%;
    opacity: 0;
  }
}

@keyframes landscape-twinkle {
  0%, 100% {
    opacity: 0.25;
    transform: scale(0.7);
  }

  50% {
    opacity: 1;
    transform: scale(1.25);
  }
}

@keyframes landscape-diamondPulse {
  0%, 100% {
    opacity: 0.45;
    box-shadow: 0 0 10px rgba(212,173,104,0.08);
  }

  50% {
    opacity: 0.95;
    box-shadow:
      0 0 10px rgba(212,173,104,0.22),
      0 0 24px rgba(212,173,104,0.10);
  }
}

@media (max-width: 600px) {
  .landscape-scene {
    height: 150px;
  }

  .landscape-mountains {
    height: 115px;
  }

  .landscape-horizon {
    top: 72px;
  }

  .landscape-traveler {
    top: 67px;
  }

  .landscape-diamond {
    top: 63px;
  }
}

@media(prefers-reduced-motion:reduce){.landscape-scene *{animation:none!important}}