*{box-sizing:border-box}.misc-panels{z-index:20;opacity:0;pointer-events:none;flex-direction:row;align-items:center;gap:10px;transition:transform .48s cubic-bezier(.4,0,.2,1),opacity .48s;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)translate(calc(100% + 24px))}.misc-panels--open{opacity:1;pointer-events:all;transform:translateY(-50%)translate(0)}html,body,#root{color:#f3f4f6;background:#0b0b10;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.intro{z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro--fade{pointer-events:none;animation:.8s forwards introFade}@keyframes introFade{to{opacity:0}}.intro__text-wrap{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:min(720px,86vw);display:flex}.intro__text{color:#f5f1e8;letter-spacing:.02em;margin:0;font-family:Noto Serif Thai,Georgia,serif;font-size:clamp(20px,2.6vw,32px);line-height:1.55}.intro__char{opacity:0;animation:.2s forwards fadeChar}@keyframes fadeChar{to{opacity:1}}.intro__caret{opacity:.7;margin-left:4px;animation:.9s steps(2,end) infinite caretBlink;display:inline-block}@keyframes caretBlink{50%{opacity:0}}.intro__hint{letter-spacing:.18em;text-transform:uppercase;color:#f5f1e873;opacity:0;font-size:13px;transition:none;transform:translateY(8px)}.intro__hint--visible{animation:.5s forwards hintAppear,1.6s ease-in-out .5s infinite hintPulse}@keyframes hintAppear{to{opacity:1;transform:translateY(0)}}@keyframes hintPulse{0%,to{opacity:1}50%{opacity:.3}}.hint-overlay{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hint-overlay--in{animation:.6s forwards hintFadeIn}.hint-overlay--hold{opacity:1}.hint-overlay--out{animation:.8s forwards hintFadeOut}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hintFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.hint-overlay__text{letter-spacing:.12em;color:#f5f1e8e6;text-align:center;text-shadow:0 0 24px #000000e6,0 0 48px #0009,0 2px 8px #000c;margin:0;font-family:Noto Serif Thai,Georgia,serif;font-size:clamp(14px,1.4vw,20px)}.interact-marker{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.interact-marker__ring{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1.5px solid #ffffff80;border-radius:50%;transition:transform .25s,background .25s,border-color .25s;animation:2.4s ease-in-out infinite markerPulse;position:absolute;inset:0}.interact-marker:hover .interact-marker__ring{background:#fff3;border-color:#ffffffe6;animation:none;transform:scale(1.25)}@keyframes markerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.interact-marker__icon{color:#ffffffd9;pointer-events:none;font-size:13px;transition:color .2s,transform .2s;position:relative}.interact-marker:hover .interact-marker__icon{color:#fff;transform:scale(1.15)}.interact-marker__label{white-space:nowrap;letter-spacing:.1em;color:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;opacity:0;background:#00000073;border-radius:4px;padding:3px 8px;font-size:11px;transition:opacity .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.interact-marker:hover .interact-marker__label{opacity:1}.about-panel{z-index:20;-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#08080ccc;border:1px solid #ffffff14;border-radius:14px;width:min(800px,100vw - 48px);max-height:min(600px,100vh - 48px);transition:transform .48s cubic-bezier(.4,0,.2,1),opacity .48s;position:fixed;top:50%;left:144px;transform:translateY(-50%)translate(calc(-100% - 24px));box-shadow:0 24px 64px #0009,0 4px 16px #0006}.about-panel--open{opacity:1;pointer-events:all;transform:translateY(-50%)translate(0)}.about-panel__scroll{scrollbar-width:none;border-radius:14px;flex-direction:column;gap:24px;height:100%;max-height:min(600px,100vh - 48px);padding:48px 24px 28px;display:flex;overflow:hidden auto}.about-panel__scroll::-webkit-scrollbar{display:none}.about-panel__close{color:#f5f1e859;cursor:pointer;z-index:1;background:0 0;border:none;padding:4px 6px;font-size:15px;line-height:1;transition:color .2s;position:absolute;top:12px;right:14px}.about-panel__close:hover{color:#f5f1e8}.about-panel__header{align-items:center;gap:14px;display:flex}.about-panel__avatar{object-fit:cover;border:1.5px solid #ffffff1f;border-radius:50%;flex-shrink:0;width:52px;height:52px}.about-panel__avatar--placeholder{background:#ffffff0f;animation:1.5s ease-in-out infinite shimmer}.about-panel__header-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.about-panel__name{color:#f5f1e8;letter-spacing:.02em;margin:0;font-family:Noto Serif Thai,Georgia,serif;font-size:18px;font-weight:600}.about-panel__bio{color:#f5f1e866;letter-spacing:.06em;margin:0;font-family:Noto Serif Thai,Georgia,serif;font-size:12px}.about-panel__social{flex-shrink:0;gap:10px;display:flex}.about-panel__social a{color:#f5f1e873;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;text-decoration:none;transition:color .2s,background .2s,border-color .2s;display:flex}.about-panel__social a:hover,.about-panel__social-btn:hover{color:#f5f1e8;background:#ffffff1a;border-color:#ffffff40}.about-panel__social-btn{color:#f5f1e873;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:color .2s,background .2s,border-color .2s;display:flex;position:relative}.about-panel__copied{white-space:nowrap;letter-spacing:.08em;color:#f5f1e8;pointer-events:none;background:#000000b3;border-radius:4px;padding:3px 7px;font-size:10px;animation:.2s forwards hintFadeIn;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.about-panel__section{flex-direction:column;gap:10px;display:flex}.about-panel__section-title{letter-spacing:.22em;text-transform:uppercase;color:#f5f1e847;margin:0;font-family:Noto Serif Thai,Georgia,serif;font-size:9px}.about-panel__badges{flex-wrap:wrap;gap:6px;display:flex}.badge{letter-spacing:.04em;color:#f5f1e8bf;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;align-items:center;padding:3px 9px;font-family:Noto Serif Thai,Georgia,serif;font-size:11px;display:inline-flex}.badge--special{color:#ffdc78d9;background:#ffc83c0f;border-color:#ffd2644d}.badge--dim{opacity:.45}.about-panel__ugc-row{flex-wrap:wrap;gap:8px;display:flex}.ugc-btn{color:#ffdc78d9;letter-spacing:.04em;background:#ffc83c0f;border:1px solid #ffd26440;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-family:Noto Serif Thai,Georgia,serif;font-size:12px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.ugc-btn:hover{background:#ffc83c24;border-color:#ffd26480}.ugc-btn--dim{color:#f5f1e873;background:#ffffff08;border-color:#ffffff1a}.ugc-btn--dim:hover{color:#f5f1e8b3;background:#ffffff12;border-color:#fff3}.work-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.work-card:hover{background:#ffffff12;border-color:#ffffff24}.work-card__logo{color:#f5f1e899;letter-spacing:.05em;background:#ffffff14;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex}.work-card__studio{color:#f5f1e8;letter-spacing:.03em;margin:0;font-family:Noto Serif Thai,Georgia,serif;font-size:13px}.work-card__role{color:#f5f1e861;letter-spacing:.07em;margin:2px 0 0;font-size:10px}.work-card__arrow{color:#f5f1e833;margin-left:auto;font-size:13px}.about-panel__projects{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.about-panel__projects::-webkit-scrollbar{display:none}.project-card{flex-direction:column;flex-shrink:0;gap:7px;width:115px;text-decoration:none;transition:transform .2s;display:flex}.project-card:hover{transform:translateY(-2px)}.project-card__thumb{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;width:115px;height:115px;overflow:hidden}.project-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.project-card__thumb-placeholder{background:#ffffff0d;width:100%;height:100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.9}}.project-card__name{color:#f5f1e880;letter-spacing:.02em;margin:0;font-family:Noto Serif Thai,Georgia,serif;font-size:10px;line-height:1.4}.strength-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.strength-item{justify-content:space-between;align-items:center;display:flex}.strength-item__label{color:#f5f1e8b3;letter-spacing:.03em;font-family:Noto Serif Thai,Georgia,serif;font-size:12px}.strength-item__dots{gap:5px;display:flex}.dot{background:#ffffff1a;border:1px solid #ffffff24;border-radius:50%;width:6px;height:6px}.dot--filled{background:#f5f1e8b3;border-color:#f5f1e880}.misc-window{z-index:20;-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#08080ce6;border:1px solid #ffffff14;border-radius:14px;width:min(800px,100vw - 48px);transition:transform .48s cubic-bezier(.4,0,.2,1),opacity .48s;position:fixed;top:50%;right:144px;overflow:hidden;transform:translateY(-50%)translate(calc(100% + 24px));box-shadow:0 24px 64px #000000a6,0 4px 16px #0006}.misc-window--open{opacity:1;pointer-events:all;transform:translateY(-50%)translate(0)}.misc-window__close{color:#fff6;cursor:pointer;z-index:10;background:0 0;border:none;padding:4px 6px;font-size:15px;transition:color .2s;position:absolute;top:12px;right:14px}.misc-window__close:hover{color:#fff}.misc-grid{grid-template-columns:1fr 1fr;height:min(480px,100vh - 48px);display:grid}.misc-ugc{border-right:1px solid #ffffff12;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px 20px;display:flex}.misc-ugc__icon{object-fit:cover;border:1.5px solid #ffffff1a;border-radius:18px;width:88px;height:88px;display:block}.misc-ugc__icon--placeholder{background:#ffffff0d;animation:1.5s ease-in-out infinite shimmer}.misc-ugc__name{color:#f5f1e8bf;letter-spacing:.02em;text-align:center;margin:0;font-family:Noto Serif Thai,Georgia,serif;font-size:13px}.misc-ugc__btns{flex-direction:column;gap:7px;width:100%;display:flex}.misc-arphros{position:relative;overflow:hidden}.misc-arphros__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.misc-arphros__overlay{background:linear-gradient(#04040a1a 0%,#04040a80 45%,#04040af7 100%);position:absolute;inset:0}.misc-arphros__content{z-index:1;flex-direction:column;justify-content:flex-end;gap:7px;padding:18px 16px;display:flex;position:absolute;inset:0}.misc-arphros__type{letter-spacing:.2em;text-transform:uppercase;color:#ffffff61;margin:0;font-family:Noto Serif Thai,Georgia,serif;font-size:9px}.misc-arphros__title{color:#fff;margin:0;font-family:Noto Serif Thai,Georgia,serif;font-size:26px;font-weight:700;line-height:1}.misc-arphros__desc{color:#ffffff8c;margin:0;font-family:Noto Serif Thai,Georgia,serif;font-size:11px;line-height:1.5}.misc-arphros__tags{flex-wrap:wrap;gap:5px;display:flex}.misc-arphros__tags span{letter-spacing:.05em;color:#fff9;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:2px 7px;font-family:Noto Serif Thai,Georgia,serif;font-size:9px}.misc-arphros__cta{align-self:flex-start}.misc-btn{color:#f5f1e88c;letter-spacing:.04em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;padding:7px 12px;font-family:Noto Serif Thai,Georgia,serif;font-size:11px;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:flex}.misc-btn:hover{color:#f5f1e8;background:#ffffff14;border-color:#fff3}.misc-btn--gold{color:#ffdc78d9;background:#ffc83c12;border-color:#ffd2644d}.misc-btn--gold:hover{color:#ffe68c;background:#ffc83c26;border-color:#ffd2648c}.loading-screen{z-index:100;pointer-events:none;justify-content:center;align-items:flex-end;padding-bottom:48px;display:flex;position:fixed;inset:0}.loading-screen__bar-wrap{background:#f5f1e81a;border-radius:2px;width:min(240px,60vw);height:2px;overflow:hidden}.loading-screen__bar{background:#f5f1e8b3;border-radius:2px;height:100%;transition:width .12s}