:root{--forest:#0c251e;--forest-deep:#071b17;--forest-mid:#173f33;--cream:#f6f2e8;--paper:#fffaf0;--orange:#ff6a00;--ink:#11221b;--muted:#56655a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;overflow-x:hidden;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit}img,video{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif;letter-spacing:-.055em}h2{font-size:clamp(2.75rem,5vw,5.3rem);line-height:1.07;margin-bottom:0}h2 em,h1 em{font-style:normal;color:var(--orange)}p{line-height:1.6}.wrap{width:min(1460px,calc(100% - clamp(40px,8vw,144px)));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:-90px;left:12px;padding:12px;background:#fff;color:#111}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.nav{height:72px;position:sticky;top:0;z-index:80;color:#fff;background:#071b17f2;border-bottom:1px solid #ffffff24;backdrop-filter:blur(18px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{position:relative;display:inline-block;flex:none;width:154px;line-height:0}.brand img{width:100%;height:auto;filter:brightness(0) invert(1)}.brand::after{content:"";position:absolute;inset:0;background:url("xuong-k-logo-v2.webp") center/100% 100% no-repeat;clip-path:inset(0 0 0 73%);pointer-events:none}.nav-links{display:flex;gap:clamp(25px,4vw,57px);align-items:center}.nav-links a{font-size:14px;font-weight:700;transition:color .2s}.nav-links a:hover{color:#ffad6e}.nav-cta{background:var(--orange);border-radius:999px;padding:0 25px;min-height:47px;display:inline-flex;align-items:center;gap:22px;font-size:13px;font-weight:800;white-space:nowrap}.nav-cta span,.button span,.under-link span{transition:transform .25s}.nav-cta:hover span,.button:hover span,.under-link:hover span{transform:translate(4px,-3px)}.menu{display:none}.button{border-radius:999px;min-height:58px;padding:0 28px;display:inline-flex;justify-content:center;align-items:center;gap:30px;font-size:14px;font-weight:800;white-space:nowrap;border:1px solid transparent;transition:transform .25s,background .25s,border-color .25s}.button:hover{transform:translateY(-3px)}.button-orange{background:var(--orange);color:#fff;box-shadow:0 10px 25px #0003}.button-orange:hover{background:#e85e00}.button-outline{border-color:#ffffffe0;color:#fff;background:#07251b66;backdrop-filter:blur(8px)}.button-outline:hover{background:#ffffff20}.button-glass{border-color:#ffffffb0;background:#06251ccc;color:#fff}.button-glass:hover{background:#ffffff23}.section-id{font-size:11px;font-weight:800;letter-spacing:.18em;color:#b75409}.section-id.light{color:#ffc49b}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#ffd1a7;display:flex;gap:12px;align-items:center;line-height:1.4}.eyebrow i{width:23px;height:2px;background:var(--orange)}.eyebrow span{color:#d0dbcd}.under-link{display:inline-flex;gap:20px;align-items:center;font-weight:800;font-size:13px;color:#fff;border-bottom:1px solid #ffb674;padding:9px 0}.under-link.dark{color:#994310;border-color:#994310}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
.hero{position:relative;min-height:clamp(690px,calc(100svh - 72px),970px);color:white;background:#0b251e;isolation:isolate;overflow:hidden}.hero-world{position:absolute;inset:0;perspective:1200px;overflow:hidden}.hero-river{position:absolute;inset:-20px;background:url("river.webp") center/cover no-repeat;transform:translate3d(var(--bgx,0),var(--bgy,0),0) scale(1.04);will-change:transform}.hero-world::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a17fa 0%,#09251eea 29%,#0b281fa8 49%,#102e1a29 77%),linear-gradient(0deg,#061a17c0,transparent 43%)}.hero-light{position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,#ffe98a38,transparent 38%);mix-blend-mode:screen;opacity:.7}.hero-orbit{position:absolute;right:3%;top:12%;width:min(47vw,640px);height:min(47vw,640px);border:1px solid #f9c98360;border-radius:50%;transform:rotateX(69deg) rotateZ(-24deg);z-index:1;box-shadow:0 0 28px #e9a93a20,inset 0 0 26px #e9a93a16;pointer-events:none}.orbit-2{transform:rotateX(65deg) rotateZ(42deg) scale(.8);border-color:#ffffff44}.hero-tiger{position:absolute;z-index:2;right:clamp(2%,8vw,12%);bottom:-5%;height:min(86%,800px);width:auto;max-width:none;filter:drop-shadow(0 30px 30px #06100ba0);transform:translate3d(var(--tx,0),var(--ty,0),0) rotateY(var(--ry,0));transform-origin:center 65%;will-change:transform;animation:hero-enter .8s both .14s}.hero-foliage{position:absolute;z-index:3;bottom:-10%;left:-2%;width:104%;max-width:none;pointer-events:none;transform:translate3d(var(--fx,0),var(--fy,0),0)}.hero-wrap{min-height:inherit;display:flex;align-items:center;position:relative;z-index:5;padding-top:28px;padding-bottom:80px;pointer-events:none}.hero-copy{pointer-events:auto;width:min(58%,760px);animation:hero-copy-in .75s both}.hero h1{font-size:clamp(3.5rem,5.4vw,6.8rem);line-height:1.05;letter-spacing:-.068em;margin:27px 0 25px;font-weight:800}.hero-description{max-width:570px;font-size:clamp(16px,1.3vw,19px);line-height:1.57;margin-bottom:15px;color:#f5f3e8}.slogan{font-weight:800;font-size:clamp(18px,1.55vw,22px);margin-bottom:30px;color:#fff}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-bottom{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);z-index:6;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.17em;font-weight:800;color:#edf4e9}.hero-bottom a{display:flex;gap:14px;align-items:center}.hero-bottom b{border:1px solid #fff9;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:15px}.hero-bottom a:hover b{background:var(--orange)}@keyframes hero-copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hero-enter{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
.world-intro{min-height:720px;height:min(88svh,900px);position:relative;color:#fff;background:#264c34;overflow:hidden;isolation:isolate}.world-image{position:absolute;inset:-30px;background:url("gateway.webp") center 53%/cover no-repeat;transform:translate3d(0,var(--world-shift,0),0) scale(var(--world-scale,1.06));will-change:transform}.world-depth{position:absolute;inset:0;background:linear-gradient(0deg,#081a15f1 0%,#081a1588 34%,transparent 65%),linear-gradient(90deg,#09170e70,transparent 56%)}.world-inner{height:100%;display:flex;align-items:end;position:relative;z-index:2;padding-bottom:110px}.world-copy{max-width:820px}.world-copy h2{font-size:clamp(3.4rem,5.1vw,6rem);margin:18px 0 12px}.world-copy h2 em{color:#ff8b36}.world-copy p{font-size:clamp(16px,1.3vw,18px);max-width:570px;margin-bottom:10px}.world-foot{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:flex;align-items:center;gap:25px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.15em}.world-foot i{width:45px;height:1px;background:var(--orange)}
.tour{background:#0d2922;color:#fff;padding:clamp(75px,8vw,125px) 0 125px}.tour-intro{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:40px}.tour-intro h2{margin-top:20px}.tour-intro p{max-width:350px;font-size:16px;color:#d6e2d4;margin-bottom:6px}.film-stage{perspective:1200px}.film-frame{position:relative;height:clamp(400px,51vw,690px);overflow:hidden;border:1px solid #d5cfb652;box-shadow:0 32px 70px #0007;transform:perspective(1300px) rotateX(var(--film-x,0)) rotateY(var(--film-y,0)) scale(var(--film-scale,.96));transform-style:preserve-3d;transition:transform .35s ease-out}.film-frame::after{content:"";position:absolute;inset:12px;border:1px solid #fff4;pointer-events:none}.film-frame video{width:100%;height:100%;object-fit:cover;background:#1b3b2a}.film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#051510df 0%,transparent 44%),linear-gradient(90deg,#061a1740,transparent 50%)}.film-caption{position:absolute;left:clamp(25px,4vw,60px);bottom:clamp(25px,4vw,55px);display:grid;gap:8px;z-index:2}.film-caption span{font-size:10px;color:#ffbd8d;letter-spacing:.2em;font-weight:800}.film-caption strong{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(24px,3vw,45px);letter-spacing:-.05em}.film-toggle{position:absolute;right:clamp(25px,4vw,60px);bottom:clamp(25px,4vw,55px);z-index:3;display:flex;align-items:center;gap:10px;background:#073226dd;border:1px solid #ffffff80;color:#fff;padding:10px 15px 10px 10px;border-radius:100px;min-height:48px;cursor:pointer;font-size:12px;font-weight:700}.film-toggle:hover{background:#ff6a00}.film-icon{width:27px;height:27px;display:grid;place-items:center;background:#fff;color:#13261a;border-radius:50%;font-size:11px}.film-index{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#91a99a}
.stations{background:var(--cream);padding:clamp(80px,9vw,135px) 0}.stations-top{display:flex;justify-content:space-between;border-top:1px solid #1c382c55;padding-top:16px}.tiny-note{font-size:10px;letter-spacing:.15em;color:#788678;font-weight:800}.stations-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:28px 0 48px}.stations-heading p{max-width:330px;margin-bottom:5px;color:#4b5c51;font-size:17px}.station-stage{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(325px,1fr);min-height:620px;background:#efe9d9;box-shadow:0 25px 50px #263b2530;overflow:hidden}.station-media{position:relative;min-height:620px;background:#153b26;overflow:hidden;perspective:1200px}.station-media img{width:100%;height:100%;object-fit:cover;object-position:66% center;transition:opacity .22s,transform .65s;transform:scale(1.025);will-change:transform}.station-media:hover img{transform:scale(1.045)}.station-media.is-switching img{opacity:.25;transform:scale(1.08)}.scene-counter{position:absolute;top:25px;left:25px;color:#fff;background:#082e25bf;padding:10px 13px;font-size:11px;letter-spacing:.16em;font-weight:800;backdrop-filter:blur(8px)}.scene-corner{position:absolute;right:22px;bottom:22px;width:54px;height:54px;border-right:2px solid var(--orange);border-bottom:2px solid var(--orange)}.station-console{display:flex;flex-direction:column;background:#f9f4e8}.station-tabs{border-top:4px solid var(--orange)}.station-tab{display:grid;grid-template-columns:38px 1fr 23px;gap:14px;align-items:center;width:100%;min-height:90px;padding:16px 20px;text-align:left;background:transparent;border:0;border-bottom:1px solid #17342d33;cursor:pointer;transition:background .2s,color .2s}.station-tab:hover,.station-tab[aria-selected=true]{background:#ffead3;color:#cb5100}.station-tab span{font-weight:800;font-size:12px;color:#c45000}.station-tab strong{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(15px,1.3vw,19px);line-height:1.25;letter-spacing:-.035em}.station-tab b{font-weight:400;font-size:20px}.station-panel{padding:clamp(25px,3vw,45px);margin-top:auto;min-height:272px}.station-panel>span{color:#b7520f;font-size:10px;letter-spacing:.16em;font-weight:800}.station-panel h3{font-size:clamp(25px,2.15vw,34px);line-height:1.2;margin:13px 0 10px}.station-panel p{font-size:15px;color:#4c5d4f;line-height:1.54;margin-bottom:10px}
.journey{position:relative;background:#08251d;color:#fff;isolation:isolate;overflow:hidden;padding:clamp(85px,9vw,130px) 0}.journey-bg{position:absolute;inset:0;z-index:-2;background:url("atelier.webp") center/cover no-repeat;opacity:.45}.journey::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061d18f8 0%,#0b291fea 48%,#09241b69 100%),linear-gradient(0deg,#061d18bc,transparent 35%)}.journey-wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,8vw,130px)}.journey-intro{align-self:start;position:sticky;top:120px}.journey-intro h2{margin:23px 0 20px}.journey-intro p{font-size:17px;max-width:500px;color:#d9e2d5}.journey-map{position:relative}.journey-line{position:absolute;left:16px;top:30px;width:4px;height:calc(100% - 80px);overflow:visible}.journey-line path{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.line-base{stroke:#c3a38177}.line-active{stroke:var(--orange);stroke-dasharray:600;stroke-dashoffset:600;filter:drop-shadow(0 0 5px #ff6a00)}.journey-map ol{margin:0;padding:0;list-style:none}.journey-step{display:grid;grid-template-columns:70px 1fr;min-height:170px;align-items:start}.journey-step:last-child{min-height:125px}.step-dot{z-index:2;position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0d3128;border:1px solid #ff8a39;color:#ff8a39;font-size:11px;font-weight:800;box-shadow:0 0 0 6px #0b2b21}.journey-step.is-current .step-dot{background:var(--orange);color:#fff;box-shadow:0 0 0 6px #ff6a0030,0 0 26px #ff6a0066}.journey-step h3{font-size:clamp(24px,2vw,32px);margin:0 0 10px}.journey-step p{font-size:15px;line-height:1.55;color:#d8e0d4;max-width:360px}
.principle{background:#fffaf0;padding:clamp(75px,8vw,130px) 0}.principle-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(55px,7vw,110px);align-items:center}.principle-visual{aspect-ratio:1.27;overflow:hidden;box-shadow:18px 18px 0 #e1e9d5}.principle-visual img{width:100%;height:100%;object-fit:cover;object-position:60% center;transition:transform .5s}.principle-visual:hover img{transform:scale(1.03)}.principle-copy h2{font-size:clamp(2.7rem,4vw,4.6rem);margin:22px 0}.principle-copy>p{font-size:17px;color:#4b5b50;max-width:560px}.principle-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.principle-points span{border:1px solid #476a4b66;border-radius:100px;padding:11px 13px;font-size:10px;letter-spacing:.08em;font-weight:800}
.contact{position:relative;min-height:700px;background:#193d2b;color:#fff;isolation:isolate;overflow:hidden}.contact-bg{position:absolute;inset:0;z-index:-2;background:url("consulting.webp") center/cover no-repeat}.contact::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071d18f4 0%,#08251edc 34%,#0b281f7b 55%,transparent 80%),linear-gradient(0deg,#05190fd1,transparent 35%)}.contact-wrap{min-height:700px;display:flex;align-items:center}.contact-copy{max-width:720px;padding:80px 0}.contact h2{margin:20px 0}.contact-copy>p{font-size:17px;max-width:550px;color:#e9efe3}.contact-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.contact-slogan{font-weight:800;font-size:15px;margin:32px 0 0;color:#ffd0a2!important}footer{background:#061b16;color:#fff}.footer-inner{min-height:120px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px}.footer-inner>span{max-width:260px;color:#b8c8b8}.footer-inner div{display:flex;gap:20px}.footer-inner a:hover{color:var(--orange)}.footer-inner small{color:#91a69a}
@media(max-width:1120px){.hero-tiger{right:-3%;height:76%}.hero-copy{width:60%}.hero h1{font-size:clamp(3.3rem,5.4vw,4.8rem)}.hero-foliage{bottom:-8%}.station-stage{grid-template-columns:1.25fr 1fr}.station-media{min-height:560px}.journey-wrap{gap:50px}}
@media(max-width:800px){.nav{height:64px}.brand{width:138px}.nav-cta{display:none}.menu{display:flex;flex-direction:column;justify-content:center;gap:7px;width:48px;height:48px;border:0;background:none;color:#fff;cursor:pointer}.menu span{width:29px;height:2px;background:#fff;transition:transform .2s}.nav.open .menu span:first-child{transform:translateY(4.5px) rotate(45deg)}.nav.open .menu span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#071d18;padding:14px 22px 25px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 25px #0006}.nav.open .nav-links{display:flex}.nav-links a{padding:15px;border-bottom:1px solid #fff2;font-size:16px}.hero{min-height:0;height:auto}.hero-world::after{background:linear-gradient(180deg,#061b18ef 0%,#0a281ebd 43%,#0d281a26 76%,#071b17aa 100%)}.hero-river{background-position:56% center}.hero-wrap{min-height:0;display:block;padding-top:65px;padding-bottom:0}.hero-copy{width:100%;max-width:650px}.hero h1{font-size:clamp(3.15rem,8vw,5.4rem)}.hero-description{max-width:600px}.hero-tiger{position:relative;height:auto;width:min(63vw,500px);right:auto;bottom:auto;margin:20px 6% -5% auto}.hero-foliage{bottom:-3%;width:125%;left:-12%}.hero-bottom{position:relative;left:auto;bottom:auto;transform:none;padding-top:5px;padding-bottom:25px}.hero-bottom span{display:none}.world-intro{height:700px;min-height:0}.world-image{background-position:50% center}.tour-intro,.stations-heading{display:block}.tour-intro p,.stations-heading p{max-width:600px;margin:20px 0 0}.station-stage{display:block}.station-media{height:480px;min-height:0}.station-console{display:grid;grid-template-columns:.9fr 1fr;min-height:310px}.station-panel{min-height:0}.journey-wrap{grid-template-columns:1fr}.journey-intro{position:static}.journey-map{max-width:620px}.principle-grid{grid-template-columns:1fr}.principle-visual{aspect-ratio:1.6}.contact-bg{background-position:60% center}}
@media(max-width:550px){html{scroll-padding-top:64px}.wrap{width:calc(100% - 38px)}h2{font-size:clamp(2.6rem,11vw,3.7rem)}.hero-wrap{padding-top:45px}.eyebrow{font-size:9px;letter-spacing:.1em}.eyebrow span{display:none}.hero h1{font-size:clamp(2.75rem,11.7vw,4.25rem);margin:19px 0}.hero-description{font-size:15px;line-height:1.54;margin-bottom:8px}.slogan{font-size:18px;margin-bottom:20px}.hero-actions{display:grid;grid-template-columns:1fr;gap:9px;max-width:430px}.hero-actions .button{width:100%;min-height:50px;justify-content:space-between}.hero-tiger{width:min(92vw,430px);margin:13px -2% -9% auto}.hero-foliage{bottom:-1%;width:155%;left:-26%}.hero-orbit{width:70vw;height:70vw;top:auto;bottom:9%;right:8%}.hero-bottom{padding:3px 0 18px;justify-content:end}.hero-bottom a{font-size:9px}.world-intro{height:660px}.world-image{background-position:57% center}.world-depth{background:linear-gradient(0deg,#061b15f5 0%,#061b15bd 37%,transparent 85%)}.world-inner{padding-bottom:105px}.world-copy h2{font-size:clamp(2.55rem,10.8vw,3.7rem)}.world-copy p{font-size:15px;line-height:1.5}.world-foot{gap:12px;bottom:20px;font-size:8px}.world-foot i{width:17px}.tour{padding:70px 0}.tour-intro h2,.stations-heading h2{margin-top:18px}.tour-intro p,.stations-heading p{font-size:15px}.film-frame{height:450px;transform:none!important}.film-frame video{object-position:65% center}.film-frame::after{inset:7px}.film-caption{left:21px;bottom:95px}.film-caption strong{font-size:27px}.film-toggle{left:21px;right:auto;bottom:26px}.film-index span:last-child{display:none}.stations{padding:70px 0}.tiny-note{display:none}.stations-heading{margin-bottom:26px}.station-stage{box-shadow:none}.station-media{height:320px}.station-media img{object-position:66% center}.station-console{display:block}.station-tab{min-height:66px;padding:11px 15px;grid-template-columns:29px 1fr 18px}.station-tab strong{font-size:15px}.station-panel{padding:25px;min-height:260px}.station-panel h3{font-size:25px}.journey{padding:75px 0}.journey-intro h2{margin-top:18px}.journey-intro p{font-size:15px}.journey-step{min-height:150px;grid-template-columns:62px 1fr}.journey-step h3{font-size:22px}.journey-step p{font-size:14px}.principle{padding:70px 0}.principle-grid{gap:38px}.principle-visual{aspect-ratio:1.12;box-shadow:10px 10px 0 #e1e9d5}.principle-copy h2{font-size:clamp(2.45rem,9.5vw,3.5rem);margin:18px 0}.principle-copy>p{font-size:15px}.principle-points{margin-top:20px}.contact{min-height:0}.contact-bg{background-position:69% bottom}.contact::before{background:linear-gradient(180deg,#061b17f4 0%,#08291de0 45%,#08291d40 79%,#061b17b2 100%)}.contact-wrap{min-height:780px;align-items:start}.contact-copy{padding:65px 0}.contact h2{font-size:clamp(2.5rem,9.9vw,3.5rem)}.contact-copy>p{font-size:15px}.contact-actions{display:grid;gap:9px;max-width:430px}.contact-actions .button{width:100%;white-space:normal;justify-content:space-between;text-align:left}.contact-slogan{font-size:14px!important}.footer-inner{padding:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.footer-inner>span{grid-column:1/-1}.footer-inner small{text-align:right}}
@media(max-width:370px){.hero h1{font-size:2.55rem}.hero-description{font-size:14px}.world-copy h2{font-size:2.5rem}.station-tab strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}.hero-river,.hero-tiger,.hero-foliage,.world-image,.film-frame{transform:none!important}.line-active{stroke-dashoffset:0!important}}

@media(max-width:800px){.hero-wrap{padding-bottom:clamp(590px,78vw,690px)}.hero-tiger{position:absolute;right:4%;bottom:12px;width:min(58vw,480px);height:auto;margin:0}}
@media(max-width:550px){.hero-wrap{padding-bottom:clamp(440px,115vw,570px)}.hero-tiger{right:-2%;bottom:19px;width:min(88vw,420px);margin:0}}
