@charset "UTF-8";
:root{color-scheme:dark;--bg:#1e202c;--graphite:#31323e;--purple:#60519b;--lavender:#bfc0d1;--ink:#f4f2f8;--muted:#b8b8c9;--line:#bfc0d12b;--display:'Cormorant Garamond',Georgia,serif;--ui:'Manrope',Arial,sans-serif;--gutter:clamp(24px,5.4vw,112px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#11131d;color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #e6dfff;outline-offset:6px}button{border:0}button:disabled{opacity:.55}.skip{position:fixed;top:-100px;left:24px;background:var(--ink);color:var(--bg);padding:12px 20px;z-index:100}.skip:focus{top:12px}.world{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:#151722}.environment,.poster,.world-shade{position:absolute;inset:0}.environment{background:url('/assets/environment.webp') center/cover no-repeat}.poster{background:url('/assets/hero-poster.webp') center/cover no-repeat;transition:opacity .85s}.world-shade{background:linear-gradient(90deg,#11131d55,transparent 63%),linear-gradient(0deg,#11131d33,transparent 30%)}#world-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .8s}body.scene-ready #world-canvas{opacity:1}body.scene-ready .poster{opacity:0}.header{position:absolute;top:0;left:0;right:0;z-index:30;padding:30px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:17px;flex-shrink:0}.brand svg{height:35px;width:29px}.brand span{font-size:18px;letter-spacing:6px;white-space:nowrap}.desktop-nav{display:flex;gap:34px;font-size:13px}.desktop-nav a{color:#dfdeea;transition:color .25s}.desktop-nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:14px}#locale{font-size:13px;width:62px;background:transparent;color:#e6e3f1;border:0;cursor:pointer}#locale option{background:#1e202c;color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:48px;padding:11px 26px;border:1px solid #bfc0d178;background:linear-gradient(110deg,#60519b4d,#31323e80);border-radius:40px;font-size:13px;line-height:1.6;transition:background .25s,border .25s,transform .25s,box-shadow .25s}.button:hover{border-color:#dfd4ff;background:#60519b6b;box-shadow:0 0 30px #b5a0ee12;transform:translateY(-2px)}.button>span[aria-hidden]{font-size:19px}.button-small{min-height:40px;padding:8px 22px;gap:24px;font-size:12px}.button-quiet{background:transparent}.button-solid{background:#c1b7ec;color:#171722;border-color:#c1b7ec}.button-solid:hover{background:#d4caf6;color:#171722}.menu-button{display:none;background:transparent;width:44px;height:44px;padding:10px}.menu-button span{display:block;height:1px;background:#fff;margin:7px 0}.mobile-menu{position:fixed;inset:83px 0 auto;background:#171922f5;padding:25px var(--gutter);z-index:29;backdrop-filter:blur(25px)}.mobile-menu:not([hidden]){display:grid;gap:20px}.chapter{min-height:100svh;position:relative;isolation:isolate}.chapter-inner{min-height:100svh;padding:140px var(--gutter) 130px;display:flex;align-items:center}.copy{width:min(43%,620px)}.eyebrow{font-size:11px;letter-spacing:.25em;line-height:1.9;font-weight:500;color:#c8c2e2;margin:0 0 28px}.copy h1,.copy h2,h2{font-family:var(--display);font-weight:400;letter-spacing:-.043em;line-height:.94;margin:0 0 27px;text-wrap:balance}h1{font-size:clamp(60px,6.3vw,118px)}.copy h2,h2{font-size:clamp(52px,5.6vw,100px)}.body{color:#c5c3d4;font-size:15px;line-height:1.7;max-width:380px;margin:0 0 30px}.hero-bottom{position:absolute;bottom:27px;left:var(--gutter);right:var(--gutter);display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-bottom p{font-size:10px;max-width:400px;color:#a4a2b7;text-align:right;line-height:1.8;margin:0}.scroll-cue{display:flex;align-items:center;gap:16px;font-size:12px;color:#bfc0d1}.scroll-cue>span:first-child{font-size:30px;font-weight:400}.chapter-number{font-size:12px;letter-spacing:.22em;color:#9e97bc}.chapter:after{content:'';position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
@media(min-width:1700px){.copy{width:44%}.hero h1{font-size:7vw}.body{font-size:17px;max-width:420px}}
@media(max-width:1100px){.desktop-nav{gap:22px}.header{gap:16px}.brand span{font-size:15px;letter-spacing:4px}.header-actions{gap:8px}.header{padding-top:25px}.copy{width:49%}h1{font-size:7vw}.copy h2,h2{font-size:6.5vw}.hero-bottom p{max-width:320px}}
@media(max-width:1100px){:root{--gutter:24px}.header{padding-top:20px;gap:10px}.brand svg{height:28px;width:24px}.brand span{font-size:13px;letter-spacing:3px}.brand{gap:10px}.desktop-nav,.login{display:none}.header-actions>.button-solid{display:none}.menu-button{display:block}#locale{width:57px}.header-actions{gap:7px}.chapter-inner{padding:135px var(--gutter) 120px;align-items:flex-start}.copy{width:100%;max-width:600px}.hero .copy{width:100%}h1{font-size:clamp(55px,11.5vw,84px)}.copy h2,h2{font-size:clamp(50px,10.5vw,80px)}.eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:22px}.body{font-size:14px;max-width:330px}.hero{min-height:940px}.hero .chapter-inner{min-height:940px}.hero-bottom{bottom:24px;align-items:start}.hero-bottom p{max-width:210px;font-size:9px}.scroll-cue{font-size:11px;gap:10px}.poster{background-size:auto 70%;background-position:61% bottom;background-repeat:no-repeat}.environment{background-position:57% center}.world-shade{background:linear-gradient(#151722 0%,#151722ee 23%,transparent 58%)}.button{min-height:47px;padding:11px 24px}.hero .body{max-width:310px}}
.align-right .chapter-inner{justify-content:flex-end}.align-right .copy{width:36%;max-width:540px}.align-right h2{font-size:clamp(60px,6.7vw,110px)}.scene-index{position:absolute;bottom:43px;right:var(--gutter);font-size:11px;letter-spacing:.22em;color:#9993b1}.fine-note{color:#9e9aae;font-size:12px;line-height:1.7;max-width:360px;margin:27px 0 0}.align-center .chapter-inner{flex-direction:column;text-align:center;justify-content:flex-start;padding-top:125px}.align-center .copy{width:100%;max-width:850px}.align-center .body{max-width:600px;margin-left:auto;margin-right:auto}.align-center h2{font-size:clamp(62px,6.4vw,110px)}.asset-chapter .chapter-inner{position:relative}.asset-actions{position:absolute;left:14.8%;right:14.8%;bottom:17%;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.asset-choice{background:none;padding:12px 4px;border-radius:8px;text-align:center;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:end;font-family:var(--display);font-size:20px;line-height:1.6}.asset-choice small{font-family:var(--ui);font-size:10px;letter-spacing:.14em;color:#b5adc8;margin-top:5px}.asset-choice:hover{background:#bfc0d114}.asset-icon{display:none}.assets-cta{position:absolute;bottom:8%}.principles{position:absolute;left:9%;right:54%;top:48%;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.principles span{font-size:10px;letter-spacing:.16em;color:#bfc0d1;writing-mode:vertical-rl;text-transform:uppercase}.text-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px;padding-top:22px;border-top:1px solid var(--line);max-width:400px}.text-links button{font-size:12px;color:var(--lavender);background:none;padding:0}.text-links button:hover{color:white}.signature .chapter-inner{padding-top:57svh;min-height:92svh;padding-bottom:80px}.signature{min-height:92svh}.signature .eyebrow{margin-bottom:20px}.signature .body{margin-bottom:25px}.signature h2{font-size:clamp(62px,6.3vw,110px)}.footer{position:relative;z-index:2;padding:45px var(--gutter) 30px;background:#151720e8;border-top:1px solid var(--line);backdrop-filter:blur(20px)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px}.footer .brand svg{height:28px;width:23px}.footer .brand span{font-size:14px}.footer nav{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;font-size:12px}.footer nav button{background:none;padding:8px 0;font-size:12px;color:#c4c0d2}.footer nav a:hover,.footer nav button:hover{color:white}.top-link{font-size:24px}.footer-bottom{margin-top:35px;display:flex;justify-content:space-between;align-items:end;gap:40px;font-size:10px;line-height:1.9;color:#9a96ad}.footer-bottom p{max-width:640px;margin:0}.footer-bottom>span{white-space:nowrap}.experience-controls{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;padding:3px 8px;background:#1a1b27c9;border:1px solid #bfc0d12a;backdrop-filter:blur(18px);border-radius:40px;box-shadow:0 5px 30px #0002;transition:opacity .3s}.experience-controls button{display:flex;align-items:center;gap:8px;font-size:11px;min-height:35px;padding:7px 12px;background:transparent;white-space:nowrap;color:#d4cfe2}.control-divider{height:13px;width:1px;background:#bfc0d130}.control-icon,.motion-icon{font-size:18px;line-height:1}.chapter-nav{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:9px}.chapter-nav a{display:flex;align-items:center;justify-content:end;gap:8px;height:22px;width:40px}.chapter-nav i{display:block;width:3px;height:3px;background:#ae9ccd7d;border-radius:50%;transition:height .3s,background .3s}.chapter-nav span{font-size:9px;letter-spacing:.05em;color:#bcb4cf;opacity:0;transition:opacity .2s}.chapter-nav a.active i{height:21px;background:#c6b8e9}.chapter-nav a.active span,.chapter-nav a:hover span{opacity:1}.progress-track{position:fixed;bottom:0;left:0;right:0;height:2px;z-index:22;background:#bfc0d10a}#scroll-progress{height:100%;transform-origin:left;background:#b6a2e4;transform:scaleX(0)}.at-footer .chapter-nav{opacity:0;pointer-events:none}.at-footer .experience-controls{bottom:8px}.motion-observer [data-reveal]{transition:opacity .8s,transform 1s;opacity:0;transform:translateY(40px)}.motion-observer [data-reveal].revealed{opacity:1;transform:translateY(0)}.heading-line{display:inline}.reduced-motion [data-reveal]{opacity:1;transform:none;transition:none}.reduced-motion{scroll-behavior:auto}.reduced-motion .button{transition:none}.scene-fallback .asset-icon{display:block;font-family:var(--display);font-size:50px;line-height:1.4}.scene-fallback .asset-choice{background:linear-gradient(135deg,#bfc0d119,#181926cc);border:1px solid var(--line);min-height:140px}.scene-fallback .poster{opacity:.22}.scene-fallback[data-scene="0"] .poster{opacity:1}.dialog-open{overflow:hidden}dialog{width:min(960px,calc(100vw - 40px));max-height:88svh;padding:30px 38px 35px;border:1px solid #bfc0d13b;border-radius:14px;background:linear-gradient(135deg,#282936,#181923);color:var(--ink);box-shadow:0 30px 150px #000b}dialog::backdrop{background:#090a13c9;backdrop-filter:blur(15px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-top .eyebrow{margin:0}.close-button{background:transparent;color:#c8c2d7;font-size:30px;width:44px;height:44px;line-height:1;border:1px solid var(--line);border-radius:50%}dialog h2{font-size:56px;line-height:1.05;letter-spacing:-.03em;max-width:690px;margin-bottom:18px}.dialog-body{font-size:14px;line-height:1.8;color:#c6c1d6;max-width:690px;margin:0 0 25px}.filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:7px}.filters button{border:1px solid #bfc0d135;border-radius:25px;padding:8px 15px;min-height:40px;background:transparent;color:#bfc0d1;font-size:12px}.filters button[aria-pressed=true]{background:#c3b5e9;color:#202030;border-color:transparent}.instrument-list{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.instrument{border-bottom:1px solid var(--line)}.instrument summary{display:grid;grid-template-columns:72px 1fr 18px;align-items:center;gap:12px;padding:18px 0;list-style:none;cursor:pointer}.instrument summary::-webkit-details-marker{display:none}.instrument summary:focus-visible{outline:2px solid #c3b5e9;outline-offset:3px}.ticker{grid-row:span 2;font-size:12px;background:#bfc0d112;border:1px solid #bfc0d124;padding:12px 4px;border-radius:8px;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.instrument-name{font-size:14px;line-height:1.3}.instrument summary small{grid-column:2;font-size:11px;color:#aca4bf}.details-icon{grid-column:3;grid-row:1/3;color:#bfc0d1;font-size:18px}.instrument[open] .details-icon{transform:rotate(45deg)}.instrument dl{margin:0 0 20px;font-size:12px;line-height:1.6;display:grid;grid-template-columns:110px 1fr;gap:8px 14px}.instrument dt{color:#a39bad}.instrument dd{margin:0;color:#ddd5e8}.collection-note{font-size:12px;line-height:1.8;color:#a49bb6;margin:25px 0 0}.integration-dialog{max-width:610px;padding:30px 40px 40px}.integration-dialog h2{font-size:50px}.integration-dialog .button{margin-top:30px}.destination-name{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;font-size:13px;color:#bfb4d3}.destination-name strong{color:#e8e2f1;font-weight:500}.toast{position:fixed;bottom:85px;left:50%;transform:translate(-50%,12px);max-width:90vw;padding:13px 22px;border:1px solid var(--line);border-radius:9px;background:#252434;z-index:100;font-size:13px;text-align:center;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}html[lang=zh-CN]{--display:'Songti SC','Noto Serif CJK SC','SimSun',serif}html[lang=th]{--display:'Noto Serif Thai','Th Sarabun New','Tahoma',serif}html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=th] h1,html[lang=th] h2{line-height:1.25;letter-spacing:0;font-size:clamp(46px,5vw,90px)}html[lang=zh-CN] .eyebrow,html[lang=th] .eyebrow{letter-spacing:0}html[lang=de] h1,html[lang=fr] h1{font-size:clamp(55px,5.7vw,102px)}html[lang=ru] h1{font-size:clamp(54px,5.2vw,96px)}
@media(max-width:1100px){.align-right .copy{width:40%}.asset-actions{left:10%;right:10%;bottom:18%}.chapter-nav{right:8px}.footer nav{gap:17px}.principles{left:10%;right:53%}.experience-controls{bottom:16px}.hero-bottom{bottom:65px}}
@media(max-width:1100px){.align-right .copy{width:100%;max-width:500px}.align-right .chapter-inner{justify-content:flex-start}.chapter,.chapter-inner{min-height:900px}.chapter-inner{padding-top:90px;padding-bottom:490px}.hero .chapter-inner{padding-top:135px}.align-right h2{font-size:clamp(55px,11.5vw,84px)}.chapter .body{font-size:15px;max-width:350px}.chapter-nav{display:none}.scene-index{bottom:30px;font-size:10px}.fine-note{font-size:11px;max-width:320px;margin-top:22px}.align-center .chapter-inner{padding-top:90px}.align-center h2{font-size:clamp(53px,11vw,80px)}.align-center .body{max-width:370px}.asset-chapter,.asset-chapter .chapter-inner{min-height:1050px}.asset-actions{left:14%;right:14%;bottom:140px;grid-template-columns:repeat(3,1fr);row-gap:132px;column-gap:10px}.asset-choice{font-size:18px;min-height:58px;padding:8px 2px}.asset-choice small{font-size:9px;letter-spacing:.06em}.assets-cta{bottom:56px}.principles{top:auto;bottom:275px;left:18%;right:18%}.principles span{font-size:9px}.text-links{font-size:12px;gap:20px;margin-top:28px}.signature,.signature .chapter-inner{min-height:800px}.signature .chapter-inner{padding-top:420px;padding-bottom:100px}.signature .copy{max-width:450px}.signature h2{font-size:58px}.footer{padding:34px 24px 75px}.footer-top{align-items:start;gap:25px;flex-wrap:wrap}.footer nav{width:100%;order:3;justify-content:start;gap:12px 24px;font-size:12px}.footer-bottom{display:block;margin-top:25px}.footer-bottom>span{display:block;margin-top:15px}.footer-bottom p{font-size:10px}.experience-controls{bottom:12px}.experience-controls button{font-size:10px;padding:7px 10px}.hero-bottom{bottom:75px}.body{font-size:15px}.instrument-list{grid-template-columns:1fr}dialog{padding:22px;max-height:90svh;width:calc(100vw - 24px)}dialog h2{font-size:43px}.dialog-body{font-size:13px}.filters{gap:6px}.filters button{font-size:11px;padding:8px 11px}.integration-dialog{padding:25px}.integration-dialog h2{font-size:43px}.scene-fallback .asset-actions{row-gap:20px;bottom:150px}.scene-fallback .asset-choice{min-height:125px}.scene-fallback .asset-icon{font-size:42px}html[lang=de] h1,html[lang=fr] h1,html[lang=ru] h1{font-size:clamp(47px,9.6vw,70px)}html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=th] h1,html[lang=th] h2{font-size:clamp(42px,9vw,68px)}}
html{scroll-padding-top:0}#world-canvas{position:absolute;inset:0;z-index:1}.poster{z-index:2}.world-shade{z-index:3}.body{font-size:16px}.hero h1{font-size:clamp(60px,6.3vw,118px)}body[data-scene="1"] .world-shade,body[data-scene="3"] .world-shade,body[data-scene="5"] .world-shade{background:linear-gradient(270deg,#10111bec 0%,#12131c99 31%,transparent 70%)}body[data-scene="2"] .world-shade{background:linear-gradient(#12131cef,transparent 64%)}body[data-scene="4"] .world-shade{background:linear-gradient(90deg,#12131cee 0%,#12131c88 32%,transparent 70%)}
@media(max-width:1100px){body[data-scene] .world-shade{background:linear-gradient(#151722f5 0%,#151722dd 25%,transparent 64%)}.hero h1{font-size:clamp(55px,11.5vw,84px)}.chapter .body{font-size:16px}.hero-bottom p{font-size:10px}.signature .chapter-inner{padding-top:440px}}
html.reduced-motion{scroll-behavior:auto}.at-footer .chapter-nav{visibility:hidden}.asset-actions{left:19%;right:19%}html[lang=zh-CN]{--display:'FYLU Chinese','Songti SC',serif}html[lang=th]{--display:'FYLU Thai','Tahoma',serif}body.scene-fallback:not([data-scene="0"]) .poster{opacity:0!important}.scene-fallback .chapter:not(.hero),.scene-fallback .chapter:not(.hero) .chapter-inner{min-height:650px}.scene-fallback .chapter:not(.hero) .chapter-inner{padding-bottom:100px}.scene-fallback .signature .chapter-inner{padding-top:160px}
@media(max-width:1100px){.asset-actions{left:14%;right:14%}.scene-fallback .chapter:not(.hero),.scene-fallback .chapter:not(.hero) .chapter-inner{min-height:600px}.scene-fallback .asset-chapter,.scene-fallback .asset-chapter .chapter-inner{min-height:950px}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-button{display:block}.header-actions{gap:14px}}
@media(max-width:1100px){.header-actions{gap:7px}}
.poster{transition:opacity .25s}#locale{width:88px}
@media(max-width:1100px){.hero,.hero .chapter-inner{min-height:1100px}.poster{height:1100px;bottom:auto;background-size:auto 48%;background-position:84% bottom}.hero .copy{max-width:650px}.asset-actions{top:510px;bottom:auto;row-gap:73px;left:2%;right:2%}.asset-chapter,.asset-chapter .chapter-inner{min-height:950px}.assets-cta{top:760px;bottom:auto}.asset-chapter .chapter-inner{padding-bottom:480px}body[data-scene="0"] .world-shade{background:linear-gradient(#151722d9 0%,#151722bf 58%,transparent 85%)}body.scene-fallback .poster{transform:none!important}.scene-fallback .asset-actions{top:480px;bottom:auto;row-gap:20px;left:6%;right:6%}.scene-fallback .assets-cta{top:830px}}
@media(max-width:500px){.assets-cta{top:738px}.asset-actions{top:530px;row-gap:76px}.hero-bottom{bottom:35px}.hero-bottom p{max-width:200px}.hero .copy{max-width:350px}.hero .body{max-width:338px}.hero .poster{background-position:84% bottom}}
@media(min-width:501px) and (max-width:1100px){.asset-actions{top:calc(50svh + 108px);row-gap:calc(16.2svh - 58px)}.assets-cta{top:calc(66.2svh + 176px)}}
@media(max-width:1100px){.poster{mask-image:linear-gradient(transparent 0,transparent 530px,#000 650px)}}
@media(max-width:500px){.asset-actions{top:515px;row-gap:100px}}
@media(min-width:501px) and (max-width:1100px){.asset-actions{row-gap:calc(19.5svh - 58px)}.assets-cta{top:calc(69.5svh + 176px)}}
.scene-fallback #assets,.scene-fallback #assets .chapter-inner{min-height:0}.scene-fallback #assets .chapter-inner{padding-bottom:110px}.scene-fallback #assets .asset-actions{position:relative;inset:auto;width:100%;max-width:1000px;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:35px}.scene-fallback #assets .assets-cta{position:relative;inset:auto;margin-top:30px}
@media(max-width:1100px){.scene-fallback #assets .asset-actions{grid-template-columns:repeat(3,minmax(0,1fr));max-width:650px;gap:18px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}[data-reveal]{opacity:1!important;transform:none!important}}