@font-face{font-family:Google Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/GoogleSans-Regular.woff2?v=2)format("woff2")}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/GoogleSans-Medium.woff2?v=2)format("woff2")}@font-face{font-family:Google Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/GoogleSans-SemiBold.woff2?v=2)format("woff2")}@font-face{font-family:Google Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/GoogleSans-Bold.woff2?v=2)format("woff2")}@font-face{font-family:Google Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/GoogleSansThai-Regular.woff2?v=1)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/GoogleSansThai-Medium.woff2?v=1)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:Google Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/GoogleSansThai-SemiBold.woff2?v=1)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:Google Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/GoogleSansThai-Bold.woff2?v=1)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/InstrumentSerif-Regular.woff2?v=2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/InstrumentSerif-Italic.woff2?v=2)format("woff2")}@font-face{font-family:Hand Latin;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/GoogleSans-Regular.woff2?v=2)format("woff2");unicode-range:U+0-2D6,U+2D8-302,U+304-330,U+332-E00,U+E5C-200B,U+200E-25CB,U+25CD-10FFFF}@font-face{font-family:Hand Latin;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/GoogleSans-Medium.woff2?v=2)format("woff2");unicode-range:U+0-2D6,U+2D8-302,U+304-330,U+332-E00,U+E5C-200B,U+200E-25CB,U+25CD-10FFFF}@font-face{font-family:Hand Latin;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/GoogleSans-SemiBold.woff2?v=2)format("woff2");unicode-range:U+0-2D6,U+2D8-302,U+304-330,U+332-E00,U+E5C-200B,U+200E-25CB,U+25CD-10FFFF}@font-face{font-family:Hand Latin;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/GoogleSans-Bold.woff2?v=2)format("woff2");unicode-range:U+0-2D6,U+2D8-302,U+304-330,U+332-E00,U+E5C-200B,U+200E-25CB,U+25CD-10FFFF}@font-face{font-family:Hand Symbols;src:local(Apple Symbols),local(Segoe UI Symbol),local("Noto Sans Symbols 2"),local(Arial Unicode MS),local(DejaVu Sans),local(FreeSerif);unicode-range:U+391-3C9,U+2016-2017,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+2070-209C,U+20D0-20EF,U+2100-214F,U+2190-21FF,U+22??,U+23??,U+25A0-25FF}@property --hue{syntax:"<number>";inherits:true;initial-value:26}:root{--hue:26;--emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji";--font:"Google Sans", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif, var(--emoji);--display:"Google Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif, var(--emoji);--serif:"Instrument Serif", Georgia, serif, var(--emoji);--hand:"Hand Latin", "Hand Symbols", var(--emoji), "Playpen Sans Thai", var(--display);--r:24px;--r-lg:32px;--maxw:1140px;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.4, .5, 1)}html[data-theme=dark]{--bg:#09090b;--ink:#f5f3f0;--ink-soft:#c2bdb6;--ink-faint:#8b857c;--line:#ffffff1f;--glass-bg:#19191f94;--glass-hi:#2d2d399e;--glass-stroke:#ffffff29;--rim:#00000080;--accent:#fff;--accent2:#ffffffc7;--accent3:#ffffff80;--solid-bg:#fff;--solid-fg:#0b0b0d;--ring:#ffffff47;--ph-1:linear-gradient(140deg,#3c3c45,#222227);--ph-2:linear-gradient(140deg,#2c2c34,#45454e);--ph-3:linear-gradient(140deg,#46464f,#28282e);--cover:linear-gradient(150deg,#23232a,#141418);--shadow:0 1px 0 #ffffff17 inset, 0 -1px 1px #00000059 inset, 0 34px 64px -28px #000000d9, 0 4px 16px -6px #0009;--orb-light:.55;--grain-op:.28;--rainbow:linear-gradient(90deg,#ff5d73,#ff9f43,#ffd23f,#4cd97b,#3bc9ff,#8b6bff,#ff6bd6,#ff5d73);--rainbow-v:linear-gradient(180deg,#ff5d73,#ff9f43,#ffd23f,#4cd97b,#3bc9ff,#8b6bff,#ff6bd6)}html[data-theme=light]{--bg:#f3f3f6;--ink:#151311;--ink-soft:#4a443d;--ink-faint:#756e64;--line:#1513111f;--glass-bg:#ffffff9e;--glass-hi:#fffc;--glass-stroke:#fffc;--rim:#15131114;--accent:#151311;--accent2:#151311b8;--accent3:#15131173;--solid-bg:#151311;--solid-fg:#fff;--ring:#15131129;--ph-1:linear-gradient(140deg,#d4d4dc,#b6b6c0);--ph-2:linear-gradient(140deg,#c6c6d0,#dcdce2);--ph-3:linear-gradient(140deg,#dadae0,#bcbcc6);--cover:linear-gradient(150deg,#e7e7ee,#d3d3db);--shadow:0 1px 0 #ffffffb3 inset, 0 -1px 1px #211c170a inset, 0 26px 54px -24px #211c1752, 0 3px 10px -5px #211c172e;--orb-light:.5;--grain-op:.22;--rainbow:linear-gradient(90deg,#ff5d73,#ff9f43,#ffd23f,#4cd97b,#3bc9ff,#8b6bff,#ff6bd6,#ff5d73);--rainbow-v:linear-gradient(180deg,#ff5d73,#ff9f43,#ffd23f,#4cd97b,#3bc9ff,#8b6bff,#ff6bd6)}html[data-theme=cb]{--bg:#fff;--ink:#0a0a0a;--ink-soft:#2b2b2b;--ink-faint:#565656;--line:#0a0a0a3d;--glass-bg:#fff;--glass-hi:#fff;--glass-stroke:#0a0a0a2e;--rim:#0a0a0a1a;--accent:#0a0a0a;--accent2:#0a0a0abf;--accent3:#0a0a0a80;--solid-bg:#0a0a0a;--solid-fg:#fff;--ring:#0a0a0a4d;--ph-1:linear-gradient(140deg,#d8d8d8,#bcbcbc);--ph-2:linear-gradient(140deg,#ccc,#e0e0e0);--ph-3:linear-gradient(140deg,#dadada,#c2c2c2);--cover:linear-gradient(150deg,#ededed,#d6d6d6);--shadow:0 1px 0 #ffffffb3 inset, 0 24px 50px -24px #0000004d, 0 3px 10px -5px #0000002e;--orb-light:0;--grain-op:.12;--rainbow:linear-gradient(90deg,#000,#0072b2,#009e73,#e69f00,#d55e00);--rainbow-v:linear-gradient(180deg,#000,#0072b2,#009e73,#e69f00,#d55e00)}*,:before,:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color .9s var(--ease), --hue 1.1s var(--ease);font-size:17px;line-height:1.6;overflow:hidden}a{color:inherit;text-decoration:none}ul{padding:0;list-style:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}svg{display:block}em{font-style:normal}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lg-svg{position:absolute}.skip-link{z-index:200;background:var(--ink);color:var(--bg);transition:top .2s var(--ease);border-radius:10px;padding:10px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.ambient{z-index:0;pointer-events:none;background:var(--bg);transition:background-color .9s var(--ease);position:fixed;inset:0;overflow:hidden}.orb{opacity:var(--orb-light);will-change:transform;transition:opacity .9s var(--ease);border-radius:50%;position:absolute}html[data-theme=dark] .orb{mix-blend-mode:screen;filter:blur(56px)saturate(115%)}html[data-theme=light] .orb{mix-blend-mode:normal;filter:blur(52px)saturate(120%)}.orb--a{background:radial-gradient(circle at 40% 40%, hsl(var(--hue) var(--osat,88%) 62%), transparent 64%);width:50vw;height:50vw;top:-14vw;left:-12vw}.orb--b{background:radial-gradient(circle at 60% 40%, hsl(calc(var(--hue) + 95) var(--osat,88%) 60%), transparent 64%);width:44vw;height:44vw;opacity:calc(var(--orb-light) * .9);top:6vh;right:-12vw}.orb--c{background:radial-gradient(circle at 50% 50%, hsl(calc(var(--hue) + 190) var(--osat,88%) 63%), transparent 64%);width:48vw;height:48vw;opacity:calc(var(--orb-light) * .85);bottom:-22vw;left:16vw}.orb--d{background:radial-gradient(circle at 45% 55%, hsl(calc(var(--hue) + 290) var(--osat,88%) 66%), transparent 64%);width:38vw;height:38vw;opacity:calc(var(--orb-light) * .7);bottom:2vh;right:10vw}body.is-detail .orb--a{background:radial-gradient(circle at 40% 40%, hsl(var(--hue) var(--osat,88%) 62%), transparent 64%)}body.is-detail .orb--b{background:radial-gradient(circle at 60% 40%, hsl(calc(var(--hue) + 34) var(--osat,88%) 60%), transparent 64%)}body.is-detail .orb--c{background:radial-gradient(circle at 50% 50%, hsl(calc(var(--hue) - 30) calc(var(--osat,88%) - 6%) 64%), transparent 64%)}body.is-detail .orb--d{background:radial-gradient(circle at 45% 55%, hsl(calc(var(--hue) + 72) var(--osat,88%) 66%), transparent 64%)}.vignette{background:radial-gradient(125% 95% at 50% 38%,#0000 42%,#0000008c);position:absolute;inset:0}html[data-theme=light] .vignette{background:radial-gradient(120% 90% at 50% 40%,#0000 55%,#211c171a)}.grain{opacity:var(--grain-op);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-50%}.hud{z-index:60;pointer-events:none;justify-content:space-between;align-items:center;padding:clamp(18px,3vw,30px) clamp(20px,5vw,48px);display:flex;position:fixed;inset:0 0 auto}.hud>*{pointer-events:auto}.hud:before{content:"";z-index:-1;pointer-events:none;background:color-mix(in srgb, var(--bg) 64%, transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);opacity:0;transition:opacity .4s var(--ease);will-change:opacity;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%)}.hud.is-scrolled:before{opacity:1}@supports not (backdrop-filter:blur(1px)){.hud:before{background:color-mix(in srgb, var(--bg) 90%, transparent)}}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:15.5px;font-weight:700;display:inline-flex}.hud__right{align-items:center;gap:14px;display:flex}.hud__floor{text-align:right;font-variant-numeric:tabular-nums;width:96px;color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap;font-size:13px;font-weight:600;display:inline-block}.ghost-btn{width:40px;height:40px;color:var(--ink-soft);border:1px solid var(--line);background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);transition:color .25s, transform .4s var(--spring), background-color .25s;border-radius:50%;place-items:center;display:grid}.ghost-btn:hover{color:var(--ink);transform:rotate(20deg)}.ic-moon,.ic-cb,html[data-theme=dark] .ic-sun{display:none}html[data-theme=dark] .ic-moon{display:block}html[data-theme=cb] .ic-sun,html[data-theme=cb] .ic-moon{display:none}html[data-theme=cb] .ic-cb{display:block}.roomnav{z-index:60;align-items:flex-start;gap:14px;display:flex;position:fixed;top:50%;right:clamp(18px,3vw,36px);transform:translateY(-50%)}.roomnav__line{background:var(--line);border-radius:2px;align-self:stretch;width:2px;position:relative}.roomnav__fill{background:var(--ink);width:100%;height:0;transition:height .5s var(--ease);border-radius:2px;position:absolute;top:0;left:0}.roomnav ul{flex-direction:column;gap:4px;display:flex}.roomnav a{color:var(--ink-faint);transition:color .3s var(--ease);align-items:center;gap:10px;padding:6px 4px;display:flex}.roomnav__n{font-variant-numeric:tabular-nums;letter-spacing:.04em;opacity:.7;font-size:11.5px;font-weight:600}.roomnav__t{opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);font-size:13px;font-weight:500;transform:translate(-6px)}.roomnav a:hover .roomnav__t,.roomnav a.is-active .roomnav__t{opacity:1;transform:none}.roomnav a:hover,.roomnav a.is-active{color:var(--ink)}.roomnav a.is-active .roomnav__n{color:var(--accent);opacity:1}.scroller{z-index:10;scroll-snap-type:y proximity;scroll-behavior:smooth;scrollbar-width:none;height:100svh;position:relative;overflow:hidden scroll}.scroller::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.scroller{scroll-behavior:auto;scroll-snap-type:y proximity}}.room{scroll-snap-align:start;scroll-snap-stop:always;place-items:center;width:100%;min-height:100svh;padding:clamp(96px,14vh,150px) clamp(20px,6vw,64px) clamp(64px,10vh,110px);display:grid;position:relative}.room__inner{width:100%;max-width:var(--maxw)}[data-anim]{opacity:0;filter:blur(4px);transition:opacity .42s var(--ease), transform .5s var(--ease), filter .38s var(--ease);transform:translateY(16px)}.room.is-active [data-anim]{opacity:1;filter:none;transform:none}.room.is-active [data-anim]:nth-child(2){transition-delay:50ms}.room.is-active [data-anim]:nth-child(3){transition-delay:.1s}.room.is-active [data-anim]:nth-child(4){transition-delay:.15s}.room.is-active [data-anim]:nth-child(5){transition-delay:.2s}.gallery [data-anim]:first-child{transition-delay:40ms}.gallery [data-anim]:nth-child(2){transition-delay:.1s}.gallery [data-anim]:nth-child(3){transition-delay:.16s}@media (prefers-reduced-motion:reduce){[data-anim]{opacity:1;filter:none;transform:none}}.kicker,.room__tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:12.5px;font-weight:600;display:inline-block}.room__tag{border:1px solid var(--line);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:6px 14px}.display{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(2.8rem,8vw,5.6rem);font-weight:700;line-height:.98}.display em{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);cursor:default;transition:color .25s var(--ease);vertical-align:baseline;margin:-.06em -.16em -.2em;padding:.06em .16em .2em;font-style:italic;font-weight:400;display:inline-block}@media (hover:hover){.display em:hover{color:#0000;-webkit-text-fill-color:transparent;background-image:var(--rainbow);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3.2s linear infinite rainbowFlow}}@keyframes rainbowFlow{to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.display em:hover{animation:none}}.foyer .display em{position:relative}.foyer .display em:after{content:"";background:color-mix(in srgb, var(--accent) 55%, transparent);transform-origin:0;height:2px;animation:emUnderline .95s var(--ease) 1.2s forwards;border-radius:2px;position:absolute;bottom:.16em;left:.16em;right:.16em;transform:scaleX(0)}@keyframes emUnderline{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.foyer .display em:after{animation:none;transform:scaleX(1)}}.rainbow-hover{transition:color .25s var(--ease);margin:-.04em -.12em -.14em;padding:.04em .12em .14em;display:inline-block}@media (hover:hover){.rainbow-hover:hover,.about__media:hover~.about__copy .rainbow-hover{color:#0000;-webkit-text-fill-color:transparent;background-image:var(--rainbow);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3.2s linear infinite rainbowFlow}}@media (prefers-reduced-motion:reduce){.rainbow-hover:hover,.about__media:hover~.about__copy .rainbow-hover{animation:none}}.display--sm{font-size:clamp(1.9rem,4.2vw,3rem)}.title{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(1.9rem,4.6vw,3.2rem);font-weight:700;line-height:1.06}.lede{color:var(--ink-soft);max-width:40ch;font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.55}.btn{min-height:48px;transition:transform .35s var(--spring), box-shadow .3s var(--ease), background-color .3s, color .3s, border-color .3s;border-radius:999px;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn--solid{background:var(--solid-bg);color:var(--solid-fg);box-shadow:0 12px 30px -14px #0009}.btn--solid:hover{transform:translateY(-3px);box-shadow:0 18px 40px -16px #000000b3}.btn--quiet{color:var(--ink);border:1px solid var(--line);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px)}.btn--quiet:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(13px)saturate(170%);border:1px solid var(--glass-stroke);box-shadow:var(--shadow);border-radius:var(--r);position:relative}.glass:before{content:"";border-radius:inherit;pointer-events:none;opacity:.7;mix-blend-mode:screen;background:linear-gradient(135deg,#ffffff8c 0%,#fff0 42%);position:absolute;inset:0}html[data-theme=dark] .glass:before{opacity:.3}.glass--refract:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--rim);opacity:.55;position:absolute;inset:0}.foyer{text-align:left;max-width:680px}.foyer .kicker{margin-bottom:18px}.foyer .display{margin-bottom:20px;font-size:clamp(2.1rem,4.8vw,3.7rem);line-height:1.06}.foyer .hero-punch{color:var(--ink);max-width:40ch;margin-bottom:14px;font-size:clamp(.96rem,1.3vw,1.1rem);font-weight:600;line-height:1.5}.foyer .lede,.foyer .hero-punch{text-wrap:balance}.foyer .lede{max-width:42ch;margin-bottom:34px;font-size:clamp(.88rem,1.1vw,1rem);line-height:1.62}.foyer__cta{flex-wrap:wrap;gap:12px;display:flex}.room--foyer{--ink:#f7f5f2;--ink-soft:#c7c2bb;--ink-faint:#8f897f;--line:#ffffff24;--glass-bg:#1d1d2580;--glass-hi:#2d2d3999;--glass-stroke:#ffffff29;--accent:#fff;--solid-bg:#fff;--solid-fg:#0b0b0d;--ring:#ffffff47;color:var(--ink);isolation:isolate;background:#050509;justify-items:start}.room--foyer:before{content:"";z-index:-1;pointer-events:none;filter:blur(34px);background:radial-gradient(48% 56% at 56% 44%,#fff3,#ffffff0f 34%,#0000 70%),radial-gradient(70% 80% at 56% 44%,#96aaff1a,#0000 72%);animation:7.5s ease-in-out infinite alternate foyerGlow;position:absolute;inset:0}@keyframes foyerGlow{0%{opacity:.72;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.room--foyer:before{animation:none}}.room--foyer:after{content:"";z-index:-1;pointer-events:none;filter:blur(38px);mix-blend-mode:screen;width:540px;height:540px;transform:translate(var(--mx,60vw), var(--my,42vh));will-change:transform;background:radial-gradient(circle,#f65a5a33,#fac93826 22%,#30e86e1f 44%,#45bcf721 62%,#c15ff229 80%,#0000 100%);border-radius:50%;margin:-270px 0 0 -270px;position:absolute;top:0;left:0}.foyer-controls{z-index:3;align-items:center;gap:10px;display:flex;position:absolute;bottom:clamp(20px,6vh,54px);right:clamp(26px,7vw,110px)}.foyer-3d__toggle{color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:.6;width:38px;height:38px;transition:opacity .25s var(--ease), background-color .25s, transform .35s var(--spring);background:#ffffff14;border:1px solid #ffffff42;border-radius:50%;place-items:center;display:grid}.foyer-3d__toggle:hover,.foyer-3d__toggle[aria-pressed=true]{opacity:1;background:#ffffff29;transform:scale(1.06)}.foyer-3d__freeze{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.foyer-curve{z-index:0;background:var(--bg);pointer-events:none;border-radius:50% 50% 0 0/100% 100% 0 0;height:clamp(38px,7vh,88px);position:absolute;bottom:-1px;left:-3%;right:-3%}.foyer__cta .btn--solid{position:relative}.foyer__cta .btn--solid:after{content:"";z-index:-1;background:var(--rainbow);filter:blur(15px);opacity:0;height:70%;transition:opacity .35s var(--ease), transform .35s var(--ease);background-size:200% 100%;border-radius:999px;position:absolute;bottom:-12px;left:6%;right:6%;transform:translateY(6px)}@media (hover:hover){.foyer__cta .btn--solid:hover:after{opacity:.85;animation:3s linear infinite rainbowFlow;transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.foyer__cta .btn--solid:hover:after{animation:none}}body[data-room=foyer] .hud,body[data-room=foyer] .roomnav{--ink:#f6f4f1;--ink-soft:#c4bfb8;--ink-faint:#b4afa7;--accent:#fff;--line:#ffffff29;--glass-bg:#1f1f2880;--glass-stroke:#ffffff2e}#themeToggle:disabled{opacity:.4;cursor:not-allowed;transform:none}#themeToggle:disabled:hover{transform:none}.room--foyer .room__inner{z-index:2;pointer-events:none;position:relative}.room--foyer .room__inner>*{pointer-events:auto}.foyer-wrap{position:relative}.foyer{z-index:1;position:relative}.room--foyer .foyer{transform:translateY(calc(var(--out,0) * -34px));opacity:calc(1 - var(--out,0) * .82);will-change:transform, opacity}@media (prefers-reduced-motion:reduce){.room--foyer .foyer{opacity:1;transform:none}}.foyer-3d{z-index:0;pointer-events:none;opacity:0;width:min(64vw,820px);height:min(90vh,800px);animation:foyer3dIn 1.2s var(--ease) .35s forwards;mix-blend-mode:screen;position:absolute;top:50%;right:max(0px,50vw - 660px);transform:translateY(-50%);-webkit-mask-image:radial-gradient(86% 86% at 52%,#000 50%,#0000 100%);mask-image:radial-gradient(86% 86% at 52%,#000 50%,#0000 100%)}.foyer-3d__viewer{background:0 0;width:100%;height:100%;display:block}@keyframes foyer3dIn{to{opacity:1}}.foyer-orb{place-items:center;display:grid}.foyer-orb .orb-svg{width:100%;height:100%;display:block;overflow:visible}.orb-halo{transform-box:fill-box;transform-origin:50%;animation:9s ease-in-out infinite alternate orbHalo}.orb-heart-beat{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite orbBeat}.orb-heart-glow{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite orbGlow}.orb-sat{filter:drop-shadow(0 0 4px #c8dcffe6)}.orb-spark{filter:drop-shadow(0 0 5px #ffffffe6)}@keyframes orbHalo{0%{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1.06)}}@keyframes orbBeat{0%,to{transform:scale(1)}12%{transform:scale(1.07)}24%{transform:scale(1)}36%{transform:scale(1.035)}48%{transform:scale(1)}}@keyframes orbGlow{0%,to{opacity:.22}18%{opacity:.48;transform:scale(1.1)}40%{opacity:.32}}@keyframes orbShimmer{to{filter:hue-rotate(360deg)}}.orb-heart-hit{pointer-events:auto;cursor:pointer}.orb-heart-glow,.orb-heart-line,.orb-heart-gloss,.orb-heart-glass,.orb-heart-fill,.orb-heart-shade,.orb-heart-rim,.orb-heart-hotspot,.orb-heart-iri,.orb-heart-face{pointer-events:none}.orb-heart-face{opacity:0;transition:opacity .45s var(--ease)}.orb-heart-line,.orb-heart-glass,.orb-heart-fill{opacity:0}.orb-heart-iri{opacity:var(--near,0)}.orb-svg.is-near .orb-heart-shim{animation:7s linear infinite orbShimmer}.orb-heart-body,.orb-heart-shade,.orb-heart-rim,.orb-heart-gloss,.orb-heart-hotspot,.orb-heart-line{transition:opacity .45s var(--ease)}.orb-svg.is-outline .orb-heart-body,.orb-svg.is-outline .orb-heart-iri,.orb-svg.is-outline .orb-heart-shade,.orb-svg.is-outline .orb-heart-rim,.orb-svg.is-outline .orb-heart-gloss,.orb-svg.is-outline .orb-heart-hotspot{opacity:0!important}.orb-svg.is-outline .orb-heart-glow{opacity:.18!important}.orb-svg.is-outline .orb-heart-line{opacity:1;stroke-width:2px;filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 9px #cfe0ff)drop-shadow(0 0 16px #9ab4ff)}.orb-svg.is-outline .orb-heart-face{opacity:1;filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 8px #cfe0ff)}@media (width<=1100px){.room--foyer{flex-direction:column;justify-content:center;padding-top:clamp(76px,9vh,100px);display:flex}.foyer-3d{order:-1;width:100vw;height:min(34vh,340px);margin-block:0 1.5vh;margin-inline:calc(50% - 50vw);position:static;inset:auto;overflow:hidden;transform:none;-webkit-mask-image:linear-gradient(#0000 0,#00000080 6%,#000 18% 88%,#0000 100%);mask-image:linear-gradient(#0000 0,#00000080 6%,#000 18% 88%,#0000 100%)}.foyer-orb{position:relative}.foyer-orb .orb-svg{aspect-ratio:1;width:min(122%,500px);height:auto;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.room--foyer:after{display:none}.room--foyer:before{opacity:.35;animation:none}.room--foyer .enter-hint{display:none}.foyer-controls{top:clamp(80px,10vh,108px);bottom:auto;right:clamp(14px,5vw,22px)}.foyer{text-align:center;margin-inline:auto}.foyer .kicker,.foyer .lede{margin-inline:auto}.foyer__cta{justify-content:center}}@media (prefers-reduced-motion:reduce){.foyer-3d{display:none}}@media (width>=1440px){:root{--maxw:1280px}}@media (width>=1920px){:root{--maxw:1400px}.foyer .display{font-size:clamp(3.4rem,3.6vw,4.4rem)}}@media (width>=2560px){:root{--maxw:1520px}}@media (width>=1600px){.room--foyer{justify-items:center}.room--foyer .room__inner{max-width:1400px;margin-inline:auto}.foyer{max-width:760px}}@media (width>=901px){.room__inner{max-width:min(var(--maxw), 100vw - 320px)}}@media (width<=640px){.glass{-webkit-backdrop-filter:blur(9px)saturate(150%)}.hud:before{-webkit-backdrop-filter:blur(12px)saturate(150%)}.ghost-btn{-webkit-backdrop-filter:blur(9px)}.btn--quiet,.viewall,.seg{-webkit-backdrop-filter:blur(8px)}.room__tag,.chips li,.detail-chips li{-webkit-backdrop-filter:blur(6px)}.foyer-curve{height:clamp(13px,2.2vh,24px)}}.enter-hint{z-index:2;width:max-content;color:var(--ink-faint);letter-spacing:.18em;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;margin-inline:auto;font-size:11px;display:flex;position:absolute;bottom:clamp(74px,11vh,116px);left:0;right:0}.enter-hint span{margin-right:-.18em}.music-btn:hover{transform:none}.music-btn[aria-pressed=true]{color:var(--ink);background:var(--glass-hi)}.enter-hint svg{animation:bob 1.9s var(--ease) infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.room__head{margin-bottom:clamp(28px,4vh,48px)}.room__head--center{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.room__head .room__tag{margin-bottom:16px}.gallery{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.piece{transition:transform .55s var(--ease), box-shadow .55s var(--ease), border-color .4s var(--ease);will-change:transform;border-radius:28px;flex-direction:column;padding:13px 13px 19px;display:flex}.piece:hover,.piece:focus-visible{border-color:color-mix(in srgb, var(--ink) 24%, transparent);transform:translateY(-8px)scale(1.01);box-shadow:0 26px 54px -30px #000000b3}.piece__meta{transition:color .4s var(--ease)}.piece:hover .piece__meta,.piece:focus-visible .piece__meta{color:var(--ink-soft)}.piece__cover{aspect-ratio:16/10;background:var(--cover);border-radius:16px;place-items:center;margin-bottom:15px;display:grid;position:relative;overflow:hidden}.piece__cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.piece__fav{z-index:2;color:#ff5d73;-webkit-backdrop-filter:blur(6px);background:#ffffffd1;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #14100a29}.piece__no{font-family:var(--serif);color:var(--ink);opacity:.13;letter-spacing:-.02em;transition:opacity .5s var(--ease), transform .6s var(--ease);font-size:clamp(2.6rem,5vw,3.5rem);font-style:italic;font-weight:400}.piece:hover .piece__no{opacity:.2;transform:scale(1.05)}.piece__body{flex-direction:column;flex:1;padding:0 7px;display:flex}.piece__meta{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:9px;font-size:11.5px;font-weight:600}.piece__title{font-family:var(--display);letter-spacing:-.02em;font-size:1.2rem;line-height:1.15}.piece__desc{color:var(--ink-soft);flex:1;margin-top:9px;font-size:14px;line-height:1.5}.piece__go{color:var(--ink);align-items:center;gap:6px;margin-top:16px;font-size:13.5px;font-weight:600;display:inline-flex}.piece__go svg{transition:transform .35s var(--ease)}.piece:hover .piece__go svg{transform:translate(4px)}.piece__go-t{position:relative}.piece__go-t:after{content:"";transform-origin:0;height:1.5px;transition:transform .45s var(--ease);background:currentColor;border-radius:2px;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.piece:hover .piece__go-t:after,.piece:focus-visible .piece__go-t:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.piece__go-t:after{transition:none}}.gallery__foot{justify-content:center;margin-top:clamp(22px,3vh,34px);display:flex}.viewall{border:1px solid var(--ink);background:var(--ink);color:var(--bg);box-shadow:0 12px 28px -14px color-mix(in srgb, var(--ink) 60%, transparent);transition:transform .35s var(--spring), box-shadow .35s var(--ease);border-radius:999px;align-items:center;gap:12px;padding:14px 16px 14px 26px;font-size:15px;font-weight:700;display:inline-flex}.viewall:hover{box-shadow:0 18px 38px -14px color-mix(in srgb, var(--ink) 64%, transparent);transform:translateY(-3px)}.viewall__count{font-variant-numeric:tabular-nums;background:var(--bg);color:var(--ink);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.viewall__arrow{transition:transform .35s var(--ease)}.viewall:hover .viewall__arrow{transform:translate(3px)}.craft{grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:clamp(20px,3vw,40px);display:grid}.craft__item{flex-direction:column;gap:10px;display:flex}.craft__num{font-family:var(--serif);color:var(--accent);transition:transform .5s var(--spring);will-change:transform;font-size:2.4rem;font-style:italic;line-height:1}.craft__item:hover .craft__num{transform:scale(1.09)}@media (prefers-reduced-motion:reduce){.craft__item:hover .craft__num{transform:none}}.craft__item h3{font-family:var(--display);letter-spacing:-.02em;font-size:1.3rem}.craft__item p{color:var(--ink-soft);font-size:15px;line-height:1.55}.craft__div{background:linear-gradient(var(--line), transparent);transform-origin:top;width:1px;transition:transform .7s var(--ease) .28s;align-self:stretch;transform:scaleY(0)}.room.is-active .craft__div{transform:scaleY(1)}@media (prefers-reduced-motion:reduce){.craft__div{transition:none;transform:none}}.room__intro{color:var(--ink-soft);text-wrap:pretty;max-width:60ch;margin-top:12px;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.55}.room__head--center .room__intro{margin-inline:auto}.more-cards{grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);margin-top:clamp(30px,5vh,56px);display:grid}.more-card{border-radius:var(--r-lg);transition:transform .45s var(--spring), border-color .3s var(--ease), box-shadow .4s var(--ease);flex-direction:row;align-items:center;gap:16px;padding:clamp(20px,2.4vw,28px);display:flex}.more-card:hover{border-color:color-mix(in srgb, var(--ink) 24%, transparent);transform:translateY(-4px);box-shadow:0 24px 50px -30px #000000a8}.more-card__text{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.more-card__title{font-family:var(--display);letter-spacing:-.02em;font-size:1.22rem;line-height:1.2}html:lang(th) .more-card:nth-child(2) .more-card__title{font-size:1.34rem}.more-card__body{color:var(--ink-soft);font-size:14.5px;line-height:1.55}.more-card__cta{color:var(--accent);margin-top:4px;font-size:14px;font-weight:600}.more-card:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px}@media (width<=640px){.more-cards{grid-template-columns:1fr}}.craft__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.craft__ill{will-change:transform;flex:none;place-items:center;width:88px;height:88px;display:grid;position:relative}.more-card__ill{will-change:transform;flex:none;place-items:center;width:104px;height:104px;margin-right:clamp(0px,1.6vw,20px);display:grid;position:relative}.craft__ill:before,.more-card__ill:before{content:"";background:radial-gradient(circle at 50% 46%, hsl(var(--hue,168) 88% 66% / .3), transparent 66%);filter:blur(9px);z-index:0;border-radius:50%;position:absolute;inset:0}.craft__ill .ill{width:80px;height:80px}.more-card__ill .ill{width:100px;height:100px}.craft__ill .ill,.more-card__ill .ill{z-index:1;color:color-mix(in srgb, var(--ink) 80%, transparent);transition:transform .5s var(--spring);display:block;position:relative;overflow:visible}.ill-accent{stroke:hsl(var(--hue,168) 68% 46%)}.ill-node{fill:hsl(var(--hue,168) 66% 48%);stroke:none}html[data-theme=dark] .ill-accent{stroke:hsl(var(--hue,168) 80% 68%)}html[data-theme=dark] .ill-node{fill:hsl(var(--hue,168) 78% 66%)}.ill-spark{fill:#ff9f43;stroke:none}.craft__item:hover .craft__ill .ill,a.more-card:hover .more-card__ill .ill{transform:rotate(2deg)scale(1.03)}@media (prefers-reduced-motion:no-preference){.craft__ill,.more-card__ill{animation:6s ease-in-out infinite alternate illFloat}.craft__item:nth-child(3) .craft__ill{animation-duration:6.6s;animation-delay:-1.4s}.craft__item:nth-child(5) .craft__ill{animation-duration:7.2s;animation-delay:-2.7s}.more-card:nth-child(2) .more-card__ill{animation-duration:7s;animation-delay:-1.8s}.ill-spark{animation:2.6s ease-in-out infinite alternate illSpark}}@keyframes illFloat{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes illSpark{0%{opacity:.4}to{opacity:1}}@media (width<=900px){.craft__ill{width:76px;height:76px}.craft__ill .ill{width:62px;height:62px}}@media (width<=560px){.more-card{position:relative}.more-card__ill{width:68px;height:68px;margin:0;position:absolute;top:16px;right:16px}.more-card__ill .ill{width:60px;height:60px}.more-card__text{padding-right:74px}}@media (height<=760px) and (width>=901px){.room{padding-top:clamp(72px,11vh,110px);padding-bottom:clamp(40px,7vh,80px)}#craft-h{font-size:clamp(1.6rem,3.2vw,2.5rem)}.craft{gap:clamp(16px,2vw,30px)}.craft__item p{font-size:14px;line-height:1.5}.more-cards{margin-top:clamp(18px,3vh,32px)}}.voices{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:920px;display:flex}.quote{font-family:var(--serif);letter-spacing:-.01em;max-width:18ch;font-size:clamp(1.7rem,4vw,3rem);line-height:1.2;position:relative}.quote em{color:var(--ink);text-underline-offset:4px;text-decoration:underline 1.5px;text-decoration-color:var(--ink-faint);font-style:italic}.quote__mark{color:var(--accent);opacity:.35;font-size:2.4em;font-family:var(--serif);transition:opacity .45s var(--ease);position:absolute;top:-.4em;left:-.5em}.quote:hover .quote__mark{opacity:.62}.quote__by{flex-direction:column;gap:2px;display:flex}.quote__name{font-size:15px;font-weight:600}.quote__role{color:var(--ink-faint);font-size:13.5px}.voices__more{grid-template-columns:1fr 1fr;gap:22px;max-width:760px;margin-top:18px;display:grid}.voices__more p{color:var(--ink-soft);font-size:14.5px;line-height:1.5}.voices__more .vby{color:var(--ink-faint);margin-top:8px;font-size:12.5px;font-weight:600;display:block}.about{grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(32px,6vw,72px);display:grid}.portrait{border-radius:var(--r-lg);padding:12px;position:relative}.portrait:before{z-index:1}.portrait__mono,.portrait__status{z-index:2;position:relative}.portrait{aspect-ratio:4/5;background:var(--ph-1);place-items:center;display:grid}.portrait__img{object-fit:cover;object-position:50% 28%;z-index:2;border-radius:20px;width:100%;height:100%;position:relative}.portrait__status{border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:600;display:flex;position:absolute;bottom:20px;left:20px}.dot{width:7px;height:7px;animation:pulse 2.4s var(--ease) infinite;background:#37c46c;border-radius:50%;box-shadow:0 0 #37c46c99}@keyframes pulse{0%{box-shadow:0 0 #37c46c80}70%{box-shadow:0 0 0 8px #37c46c00}to{box-shadow:0 0 #37c46c00}}.about__copy .room__tag{margin-bottom:16px}.about__copy .title{margin-bottom:18px}.about__copy p{color:var(--ink-soft);max-width:52ch;font-size:1.08rem}.chips{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.chips li{color:var(--ink-soft);border:1px solid var(--line);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:500}.contact{text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:640px;margin-inline:auto;display:flex}.contact .display{margin-top:6px}.contact__mail{font-family:var(--serif);color:var(--accent);border-bottom:1.5px solid var(--ink-faint);transition:border-color .3s var(--ease);font-size:clamp(1.3rem,3vw,1.9rem);font-style:italic}.contact__mail:hover{border-color:var(--accent)}.signup{border-radius:var(--r);width:100%;margin-top:6px;padding:18px}.field{text-align:left}.field label{margin-bottom:5px;font-size:13.5px;font-weight:600;display:block}.field__help{color:var(--ink-faint);margin-bottom:11px;font-size:12.5px;line-height:1.45}.field__row{gap:8px;display:flex}.field__row input{min-width:0;min-height:50px;font-family:var(--font);color:var(--ink);background:var(--glass-hi);border:1px solid var(--line);border-radius:14px;flex:1;padding:14px 16px;font-size:16px;transition:border-color .25s,box-shadow .25s}.field__row input::placeholder{font-family:var(--font);color:var(--ink-faint)}.field__row input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring);outline:none}.field__row input[aria-invalid=true]{border-color:#e0564f;box-shadow:0 0 0 4px #e0564f29}.signup__btn{position:relative}.signup__btn.is-loading .signup__label{opacity:0}.signup__spin{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin:auto;animation:.7s linear infinite spin;display:none;position:absolute;inset:0}.signup__btn.is-loading .signup__spin{display:block}@keyframes spin{to{transform:rotate(360deg)}}.field__err{color:#e0564f;margin-top:9px;font-size:13px;font-weight:500}.field__ok{color:#38b27a;margin-top:9px;font-size:13.5px;font-weight:600}.doorfoot{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:8px;font-size:13px;display:flex}.doorfoot__links{gap:20px;display:flex}.doorfoot a{color:var(--ink-soft);transition:color .25s}.doorfoot a:hover{color:var(--accent)}.social{align-items:center;gap:4px;display:inline-flex}.social__link{width:34px;height:34px;color:var(--ink-faint);transition:color .25s var(--ease), background-color .25s var(--ease), transform .3s var(--spring);border-radius:50%;place-items:center;display:grid}.social__link:hover{color:var(--ink);background:var(--glass-bg);transform:translateY(-2px)}.social__link svg{display:block}.visit-count{text-align:center;opacity:0;width:100%;transition:opacity .7s var(--ease), transform .7s var(--ease);justify-content:center;align-items:baseline;gap:.5ch;margin-top:18px;display:flex;transform:translateY(5px)}.visit-count.is-shown{opacity:1;transform:none}.visit-count__label{font-family:var(--serif);color:var(--ink-faint);font-size:15px;font-style:italic}.visit-count__no{font-variant-numeric:tabular-nums;color:var(--ink-soft);letter-spacing:.03em;font-size:14px;font-weight:600}.visit-count--foot{opacity:0;margin-top:10px}.visit-count--foot.is-shown{opacity:.7}.visit-count--foot .visit-count__label{font-size:13px}.visit-count--foot .visit-count__no{font-size:12.5px}.article{max-width:42rem;margin:0 auto;padding:clamp(100px,14vh,144px) clamp(22px,6vw,40px) clamp(56px,10vh,96px)}.page-main.article{max-width:42rem}html[data-theme=light] .article-page{--bg:#f7f2ea}.article__hero{aspect-ratio:16/10;background:linear-gradient(135deg, color-mix(in srgb, var(--ink) 7%, var(--bg)), color-mix(in srgb, var(--ink) 13%, var(--bg)));border:1px solid var(--card-line,var(--line));box-shadow:var(--card-shadow,0 14px 34px #0000001f);border-radius:18px;margin:0 0 clamp(26px,4.5vh,40px);overflow:hidden}.article__hero img{object-fit:cover;width:100%;height:100%;display:block}.article__head{margin-bottom:clamp(24px,4.5vh,40px)}.article__title{font-family:var(--display);letter-spacing:-.03em;margin-top:14px;font-size:clamp(2rem,4.6vw,2.9rem);font-weight:700;line-height:1.12}.article__meta{color:var(--ink-faint);letter-spacing:.03em;margin-top:12px;font-size:13px;font-weight:600}.article__body>p{color:color-mix(in srgb, var(--ink) 84%, transparent);text-wrap:pretty;margin:0 0 1.5em;font-size:1.14rem;line-height:1.85}.article__body>p.article__stanza{color:var(--ink);font-family:var(--serif);margin:1.7em 0;font-size:clamp(1.18rem,1.7vw,1.42rem);font-style:italic;line-height:1.7}html:lang(th) .article__body>p{margin-bottom:1.55em;font-size:1.16rem;line-height:1.95}html:lang(th) .article__body{overflow-wrap:normal;word-break:normal}.article__body .nobr{white-space:nowrap}html:lang(th) .article__body>p.article__stanza{font-family:var(--hand);font-style:normal;line-height:1.85}.article__body[lang=th]>p{margin-bottom:1.55em;font-size:1.16rem;line-height:1.95}.article__body[lang=th]{overflow-wrap:normal;word-break:normal}.article__body[lang=th]>p.article__stanza{font-family:var(--hand);font-style:normal;line-height:1.85}.article__rate{border-top:1px solid var(--card-line,var(--line));text-align:center;margin-top:clamp(40px,7vh,72px);padding-top:clamp(26px,4vh,40px)}.article__rate-q{color:var(--ink);font-family:var(--serif);margin-bottom:16px;font-size:1.2rem;font-style:italic}html:lang(th) .article__rate-q{font-family:var(--hand);font-style:normal}.rate-row{flex-wrap:wrap;justify-content:center;gap:10px;display:inline-flex}.rate-btn{border:1px solid var(--card-line,var(--line));background:var(--card-bg,var(--glass-bg));cursor:pointer;color:var(--ink-soft);transition:transform .3s var(--spring), border-color .25s var(--ease), background-color .25s;border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:14px;font-weight:600;display:inline-flex}.rate-btn:hover{border-color:color-mix(in srgb, var(--ink) 28%, transparent);transform:translateY(-3px)scale(1.04)}.rate-btn .rate-e{font-size:18px;line-height:1}.rate-btn .rate-c{font-variant-numeric:tabular-nums;color:var(--ink-faint);min-width:1ch}.rate-btn.is-mine{border-color:color-mix(in srgb, var(--ink) 40%, transparent);background:color-mix(in srgb, var(--ink) 7%, var(--card-bg,transparent));color:var(--ink);cursor:default}.article__rate-note{color:var(--ink-faint);margin-top:14px;font-size:12px}.article__lede{color:var(--ink);text-wrap:pretty;margin:0 0 1.7em;font-size:clamp(1.2rem,2vw,1.42rem);line-height:1.7}.article__body h2{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin:2.6em 0 .7em;scroll-margin-top:92px;font-size:clamp(1.5rem,3.2vw,2.05rem);font-weight:700;line-height:1.22}html:lang(th) .article__body h2{letter-spacing:0;line-height:1.4}.article__body h2 .art-kicker{font-family:var(--serif);letter-spacing:.01em;color:var(--accent);opacity:.85;margin-bottom:6px;font-size:.9rem;font-style:italic;display:block}.article__body h2:first-child{margin-top:0}.article__body h3{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin:1.8em 0 .5em;font-size:1.18rem;font-weight:600}.article__body ul{color:color-mix(in srgb, var(--ink) 84%, transparent);margin:0 0 1.5em;padding-left:1.2em}.article__body li{margin:0 0 .5em;font-size:1.1rem;line-height:1.7}html:lang(th) .article__body li{font-size:1.08rem;line-height:1.85}.art-reco{gap:12px;margin:1.7em 0;padding:0;list-style:none;display:grid}.art-reco li{background:color-mix(in srgb, var(--ink) 4%, transparent);border:1px solid var(--card-line,var(--line));border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.art-reco__ic{width:36px;height:36px;color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:11px;flex:none;place-items:center;display:grid}.art-reco__ic svg{width:20px;height:20px}.art-reco__txt{color:color-mix(in srgb, var(--ink) 86%, transparent);font-size:1.06rem;line-height:1.7}.art-reco__txt strong{color:var(--ink);font-weight:700}.article__body[lang=th] .art-reco__txt,html:lang(th) .art-reco__txt{line-height:1.82}.article__fig{margin:2.3em -2vw}.article__fig img{aspect-ratio:16/9;border:1px solid var(--card-line,#00000014);width:100%;height:auto;box-shadow:var(--card-shadow,0 18px 44px #14101c38);background:#16161f;border-radius:18px;display:block}.article__fig figcaption{font-family:var(--hand);color:var(--ink-faint);text-align:center;margin-top:12px;padding:0 6px;font-size:12.5px;line-height:1.55}@media (width<=720px){.article__fig{margin-left:0;margin-right:0}}.article__pull{border-left:3px solid var(--accent);margin:2.2em 0;padding:4px 0 4px 26px}.article__pull p{font-family:var(--serif);color:var(--ink);margin:0;font-size:clamp(1.5rem,3.4vw,2.15rem);font-style:italic;line-height:1.22}.article__pull cite{font-style:normal;font-family:var(--font);letter-spacing:.02em;color:var(--ink-faint);margin-top:14px;font-size:13px;font-weight:600;display:block}.article__body a{color:var(--ink);border-bottom:1.5px solid color-mix(in srgb, var(--accent) 45%, transparent);transition:border-color .2s var(--ease);font-weight:600;text-decoration:none}.article__body a:hover{border-bottom-color:var(--accent)}.art-avail{border:1px solid var(--card-line,var(--line));background:color-mix(in srgb, var(--ink) 3.5%, transparent);border-radius:14px;margin:1.5em 0 0;padding:15px 18px}.art-avail__tag{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:6px;margin-bottom:9px;font-size:11px;font-weight:700;display:inline-flex}.art-avail__tag:before{content:"";background:#4cd97b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #4cd97b38}.art-avail ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.art-avail li{color:color-mix(in srgb, var(--ink) 82%, transparent);padding-left:30px;font-size:.98rem;line-height:1.6;position:relative}.art-avail li:before{content:"→";color:var(--ink-faint);font-weight:600;position:absolute;top:0;left:2px}.art-avail li strong{color:var(--ink);font-weight:600}.art-avail__link{margin-top:11px;font-size:13.5px;font-weight:600;display:inline-block}.article__body[lang=th] .art-avail li,html:lang(th) .art-avail li{line-height:1.72}.art-options{gap:14px;margin:1.8em 0;display:grid}@media (width>=680px){.art-options{grid-template-columns:repeat(3,1fr)}}.art-option{border:1px solid var(--card-line,var(--line));background:color-mix(in srgb, var(--ink) 3.5%, transparent);border-radius:16px;flex-direction:column;padding:16px 17px;display:flex}.art-option--pick{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 7%, transparent);box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 12%, transparent)}.art-option__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:700}.art-option--pick .art-option__tag{color:var(--accent)}.art-option__name{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin:4px 0 2px;font-size:1.12rem;font-weight:700}.art-option__meta{color:var(--ink-faint);margin-bottom:11px;font-size:12.5px}.art-option__risk{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:7px;margin-bottom:11px;font-size:11px;font-weight:600;display:inline-flex}.art-option__dots{gap:4px;display:inline-flex}.art-option__dots i{background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:50%;width:7px;height:7px}.art-option__dots i.on{background:#e0794f}.art-option--pick .art-option__dots i.on{background:#4cd97b}.art-option__body{color:color-mix(in srgb, var(--ink) 82%, transparent);margin:0;font-size:.96rem;line-height:1.62}html:lang(th) .art-option__body,.article__body[lang=th] .art-option__body{line-height:1.74}.art-decide{border:1px solid var(--card-line,var(--line));background:color-mix(in srgb, var(--ink) 3.5%, transparent);border-radius:16px;margin:1.7em 0;overflow:hidden}.art-decide__row{border-top:1px solid color-mix(in srgb, var(--ink) 7%, transparent);grid-template-columns:124px 1fr;align-items:start;gap:12px;padding:13px 16px;display:grid}.art-decide__row:first-child{border-top:0}.art-decide__k{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:7px;padding-top:2px;font-size:11px;font-weight:700;display:inline-flex}.art-decide__k svg{flex:none;width:15px;height:15px}.art-decide__v{color:var(--ink);margin:0;font-size:1rem;line-height:1.6}html:lang(th) .art-decide__v,.article__body[lang=th] .art-decide__v{line-height:1.72}.art-decide__row--out{background:color-mix(in srgb, var(--accent) 6%, transparent)}.art-decide__row--out .art-decide__k{color:var(--accent)}@media (width<=560px){.art-decide__row{grid-template-columns:1fr;gap:5px}}.art-say{gap:12px;margin:1.8em 0;display:grid}.art-say__card{border:1px solid var(--card-line,var(--line));background:var(--card-bg,var(--glass-bg));border-radius:14px;padding:16px 50px 16px 18px;position:relative}.art-say__card:before{content:"“";font-family:var(--serif);color:color-mix(in srgb, var(--accent) 45%, transparent);font-size:30px;line-height:1;position:absolute;top:6px;left:13px}.art-say__card p{color:var(--ink);margin:0 0 0 22px;font-size:1.04rem;line-height:1.65}html:lang(th) .art-say__card p,.article__body[lang=th] .art-say__card p{line-height:1.78}.art-say__copy{border:1px solid var(--card-line,var(--line));background:color-mix(in srgb, var(--ink) 4%, transparent);width:32px;height:32px;color:var(--ink-faint);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease), background-color .2s;border-radius:9px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.art-say__copy:hover{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 26%, transparent)}.art-say__copy svg{width:16px;height:16px}.art-say__copy.copied{color:#2fa55a;border-color:#2fa55a73}.article__body h2:has(+.art-refs){letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:2.6em 0 .5em;font-size:.82rem;font-weight:700}html:lang(th) .article__body h2:has(+.art-refs),.article__body[lang=th] h2:has(+.art-refs){letter-spacing:.04em}.art-refs{gap:4px;margin:.4em 0 0;padding:0;list-style:none;display:grid}.article__body .art-refs li,html:lang(th) .article__body .art-refs li,.article__body[lang=th] .art-refs li{color:var(--ink-faint);margin:0;padding-left:16px;font-size:.8rem;line-height:1.55;position:relative}.art-refs li:before{content:"";background:color-mix(in srgb, var(--accent) 55%, transparent);border-radius:1px;width:4px;height:4px;position:absolute;top:.58em;left:2px}.art-check{gap:9px;margin:1.7em 0;padding:0;list-style:none;display:grid}.art-check li{color:color-mix(in srgb, var(--ink) 84%, transparent);padding-left:36px;font-size:1.05rem;line-height:1.62;position:relative}.art-check li:before{content:"✓";color:#2fa55a;background:#2fa55a24;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid;position:absolute;top:.04em;left:0}html:lang(th) .art-check li,.article__body[lang=th] .art-check li{line-height:1.74}.art-states{flex-wrap:wrap;gap:8px;margin:1.5em 0 1.9em;display:flex}.art-states span{letter-spacing:.01em;border:1px solid var(--card-line,var(--line));background:color-mix(in srgb, var(--ink) 4%, transparent);color:var(--ink-soft);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600}.art-states span.on{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--ink)}.art-stats{gap:13px;margin:1.9em 0;display:grid}@media (width>=600px){.art-stats{grid-template-columns:repeat(3,1fr)}}.art-stat{border:1px solid var(--card-line,var(--line));background:color-mix(in srgb, var(--ink) 3.5%, transparent);border-radius:16px;padding:18px 18px 16px}.art-stat__n{font-family:var(--display);letter-spacing:-.02em;color:var(--accent);font-size:clamp(2rem,5vw,2.6rem);font-weight:700;line-height:1;display:block}.art-stat__l{color:color-mix(in srgb, var(--ink) 82%, transparent);margin-top:8px;font-size:.95rem;line-height:1.5;display:block}html:lang(th) .art-stat__l,.article__body[lang=th] .art-stat__l{line-height:1.62}.art-srcline{color:var(--ink-faint);margin:-.4em 0 1.6em;font-size:12.5px}.art-steps{counter-reset:step;gap:12px;margin:1.8em 0;padding:0;list-style:none;display:grid}.art-steps li{border:1px solid var(--card-line,var(--line));background:color-mix(in srgb, var(--ink) 3.5%, transparent);border-radius:14px;padding:15px 17px 15px 62px;position:relative}.art-steps li:before{counter-increment:step;content:counter(step);width:32px;height:32px;font-family:var(--display);color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:10px;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;top:15px;left:16px}.art-steps__t{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin-bottom:3px;font-size:1.08rem;font-weight:700;display:block}.art-steps p{color:color-mix(in srgb, var(--ink) 82%, transparent);margin:0;font-size:1rem;line-height:1.6}html:lang(th) .art-steps p,.article__body[lang=th] .art-steps p{line-height:1.74}.art-more{border-top:1px solid var(--card-line,var(--line));margin:clamp(40px,7vh,64px) 0 0;padding-top:clamp(24px,4vh,36px)}.art-more__all{color:var(--ink-soft);transition:color .2s var(--ease);border:0;align-items:center;gap:6px;margin-bottom:16px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.art-more__all:hover{color:var(--ink)}.art-more__all svg{opacity:.8}.art-more__row{gap:12px;display:grid}@media (width>=620px){.art-more__row{grid-template-columns:1fr 1fr}}.art-more__cell{border:1px solid var(--card-line,var(--line));background:color-mix(in srgb, var(--ink) 3.5%, transparent);color:inherit;transition:transform .3s var(--spring), border-color .2s var(--ease);border-radius:16px;flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;display:flex}.art-more__cell:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-3px)}.art-more__cell--next{text-align:right;align-items:flex-end}.art-more__dir{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:700}.art-more__cell:hover .art-more__arrow{color:var(--accent)}.art-more__t{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.02rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}html:lang(th) .art-more__t,.article__body[lang=th]~* .art-more__t{line-height:1.4}.art-share{border-top:1px solid var(--card-line,var(--line));flex-wrap:wrap;align-items:center;gap:12px 16px;margin:clamp(34px,6vh,56px) 0 0;padding-top:clamp(22px,3.5vh,34px);display:flex}.art-share__label{font-family:var(--serif);color:var(--ink);font-size:1.12rem;font-style:italic}html:lang(th) .art-share__label{font-family:var(--hand);font-size:1rem;font-style:normal}.art-share__row{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.art-share__icon,.art-share__native,.art-share__copy{cursor:pointer;border:1px solid var(--card-line,var(--line));background:var(--card-bg,var(--glass-bg));height:40px;color:var(--ink-soft);transition:transform .3s var(--spring), border-color .25s var(--ease), color .25s var(--ease), background-color .25s;border-radius:999px;align-items:center;gap:8px;display:inline-flex}.art-share__icon{justify-content:center;width:40px}.art-share__icon svg{width:18px;height:18px}.art-share__native,.art-share__copy{padding:0 15px;font-size:13.5px;font-weight:600}.art-share__native svg{width:17px;height:17px}.art-share__copy svg{width:16px;height:16px;color:var(--ink-faint)}.art-share__icon:hover,.art-share__native:hover,.art-share__copy:hover{border-color:color-mix(in srgb, var(--ink) 28%, transparent);color:var(--ink);transform:translateY(-2px)}.art-share__short{font-variant-numeric:tabular-nums;letter-spacing:.01em}.art-share__copy.copied{color:#2fa55a;border-color:#2fa55a73}.art-share__copy.copied svg{color:#2fa55a}@media (width<=560px){.art-share__row{margin-left:0}.art-share{gap:10px 12px}}@media (width<=900px){.roomnav{display:none}.gallery{grid-template-columns:1fr;gap:12px}.piece{flex-direction:row;align-items:center;gap:14px;padding:11px}.piece__cover{aspect-ratio:1;flex:none;width:116px;margin:0}.piece__body{padding:0}.piece__desc,.piece__go{display:none}.craft{grid-template-columns:1fr;gap:22px}.craft__div{display:none}.about{grid-template-columns:1fr;gap:28px}.about__media{max-width:240px}.voices__more{grid-template-columns:1fr;gap:14px}.hud__floor{display:none}}@media (width<=560px){body{font-size:16px}.room{padding-left:22px;padding-right:22px}.field__row{flex-direction:column}.signup__btn{justify-content:center}.hud{padding-left:16px;padding-right:16px}.hud__right{gap:8px}.ghost-btn{width:38px;height:38px}}@media (height<=640px){.room{padding-top:88px;padding-bottom:56px}.voices__more{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.orb{animation:none}body{transition:background-color .3s}}@supports not (backdrop-filter:blur(1px)){.glass,.btn--quiet,.room__tag,.chips li,.ghost-btn,.field__row input{background:var(--glass-hi)}}body.page{overscroll-behavior-x:none;height:auto;min-height:100svh;overflow:hidden auto}.page-main{z-index:10;max-width:var(--maxw);margin-inline:auto;padding:clamp(104px,15vh,150px) clamp(20px,6vw,48px) clamp(72px,10vh,110px);position:relative}.archive-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:clamp(28px,5vh,44px);display:flex}.archive-head__intro .title{margin-top:14px}.archive-head__intro p{color:var(--ink-soft);max-width:48ch;margin-top:12px;font-size:1.02rem}.archive-toolbar{z-index:30;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:-6px 0 clamp(22px,4vh,34px);display:flex;position:sticky;top:clamp(64px,8vh,84px)}.archive-toolbar .seg,.archive-filters{pointer-events:auto}.archive-filters{gap:8px;display:flex}.filter-select{-webkit-appearance:none;appearance:none;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:var(--glass-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23999' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 13px center;-webkit-backdrop-filter:blur(10px);transition:color .25s var(--ease), border-color .25s var(--ease);border-radius:999px;padding:9px 32px 9px 16px;font:600 13px/1 inherit}.filter-select:hover{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 30%, transparent)}.archive-card.is-hidden{display:none}.archive-grid.is-empty{min-height:120px;position:relative}.archive-grid.is-empty:after{content:attr(data-empty);color:var(--ink-faint);place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.seg{border:1px solid var(--line);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.seg__btn{min-height:40px;color:var(--ink-soft);transition:color .25s var(--ease), background-color .25s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.seg__btn:hover{color:var(--ink)}.seg__btn[aria-pressed=true]{background:var(--ink);color:var(--bg)}.seg__btn svg{width:16px;height:16px}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(282px,1fr));gap:20px;display:grid}.archive-card{transition:transform .55s var(--ease), box-shadow .55s var(--ease), border-color .4s var(--ease);border-radius:28px;flex-direction:column;padding:13px 13px 19px;display:flex;position:relative}.archive-card__flag{z-index:3;letter-spacing:.01em;color:var(--solid-fg);background:var(--solid-bg);border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex;position:absolute;top:20px;left:20px;box-shadow:0 6px 16px -8px #00000080}.archive-grid.is-list .archive-card__flag{top:10px;left:10px}.archive-card:hover{border-color:color-mix(in srgb, var(--ink) 24%, transparent);transform:translateY(-8px)}.archive-card__cover{aspect-ratio:16/10;background:var(--cover);border-radius:16px;place-items:center;margin-bottom:15px;display:grid;position:relative;overflow:hidden}.archive-card__cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.archive-card__no{font-family:var(--serif);color:var(--ink);opacity:.13;transition:opacity .5s var(--ease), transform .6s var(--ease);font-size:3rem;font-style:italic}.archive-card:hover .archive-card__no{opacity:.2;transform:scale(1.05)}.archive-card__body{flex-direction:column;flex:1;padding:0 7px;display:flex}.archive-card__meta{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faint);margin-bottom:9px;font-size:11.5px;font-weight:600}.archive-card__title{font-family:var(--display);letter-spacing:-.02em;font-size:1.2rem;line-height:1.15}.archive-card__desc{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:9px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.archive-card__desc.is-expanded{-webkit-line-clamp:unset;overflow:visible}.archive-card__more{color:var(--ink);cursor:pointer;border:0;border-bottom:1px solid color-mix(in srgb, var(--ink) 35%, transparent);transition:color .2s var(--ease), border-color .2s var(--ease);background:0 0;align-self:flex-start;margin-top:6px;padding:2px 0;font-size:13px;font-weight:600}.archive-card__more[hidden]{display:none}.archive-card__tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:15px;display:flex}.archive-card__tags span{color:var(--ink-faint);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11.5px}.archive-grid.is-list{grid-template-columns:1fr;gap:12px}.archive-grid.is-list .archive-card{flex-direction:row;align-items:center;gap:22px;padding:14px}.archive-grid.is-list .archive-card__cover{aspect-ratio:16/10;flex:none;width:220px;margin:0}.archive-grid.is-list .archive-card__body{padding:0}.archive-grid.is-list .archive-card__no{font-size:2.4rem}.archive-grid.is-deck{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;flex-wrap:nowrap;grid-template-columns:none;gap:clamp(18px,2.2vw,34px);width:100vw;margin-left:50%;padding:64px clamp(20px,6vw,72px) 76px;scroll-padding-inline:clamp(20px,6vw,72px);display:flex;overflow:auto visible;transform:translate(-50%)}.archive-grid.is-deck.is-dragging{cursor:grabbing;scroll-snap-type:none}.archive-grid.is-deck.is-dragging .archive-card{pointer-events:none}.deck-nav{align-items:center;gap:14px;width:min(520px,92vw);margin:-34px auto 6px;padding:0 16px;display:flex}.deck-nav[hidden]{display:none}.deck-arrow{border:1px solid var(--line);background:var(--card-bg,#fff);width:40px;height:40px;color:var(--ink);cursor:pointer;transition:transform .18s var(--spring), border-color .18s var(--ease), background-color .18s;border-radius:50%;flex:none;place-items:center;display:grid}.deck-arrow:hover{border-color:var(--ink);transform:translateY(-2px)}.deck-arrow:active{transform:translateY(0)scale(.94)}html[data-theme=dark] .deck-arrow{color:#15171e;background:#fff;border-color:#00000024}html[data-theme=dark] .deck-arrow:hover{border-color:#00000073}.deck-track{cursor:pointer;touch-action:none;background:#80808038;border-radius:999px;flex:1;height:8px;position:relative}.deck-thumb{background:var(--ink);border-radius:999px;width:60px;min-width:40px;height:100%;position:absolute;top:0;left:0}@media (width<=700px){.deck-nav{margin-top:-20px}}.archive-grid.is-deck::-webkit-scrollbar{display:none}.archive-grid.is-deck .archive-card{scroll-snap-align:center;transform-origin:bottom;transition:transform .5s var(--spring), box-shadow .5s var(--ease), border-color .4s var(--ease);flex:0 0 clamp(360px,40vw,500px);transform:rotate(-1deg);box-shadow:0 18px 50px -26px #14100a80}.archive-grid.is-deck .archive-card:nth-child(2n){transform:rotate(1deg)}.archive-grid.is-deck .archive-card:hover,.archive-grid.is-deck .archive-card:focus-visible{z-index:2;transform:translateY(-14px)rotate(0)scale(1.025);box-shadow:0 38px 70px -30px #14100a6b,0 14px 30px -18px #14100a4d}.archive-grid.is-deck .archive-card__cover{aspect-ratio:16/9}@media (width<=640px){.archive-grid.is-list{gap:10px}.archive-grid.is-list .archive-card{flex-direction:row;align-items:center;gap:14px;padding:9px}.archive-grid.is-list .archive-card__cover{aspect-ratio:1;border-radius:13px;flex:none;width:92px;margin:0}.archive-grid.is-list .archive-card__no{font-size:1.5rem}.archive-grid.is-list .archive-card__body{min-width:0;padding:0}.archive-grid.is-list .archive-card__meta{margin-bottom:3px}.archive-grid.is-list .archive-card__title{font-size:1.05rem}.archive-grid.is-list .archive-card__desc{margin-top:5px;font-size:13px}.archive-grid.is-list .archive-card__tags{display:none}.archive-head{align-items:flex-start}.archive-toolbar{justify-content:center}.archive-grid.is-deck .archive-card{flex-basis:86vw}}.lang-btn{letter-spacing:.03em;border-radius:999px;padding:0 14px;font-size:12.5px;font-weight:700;width:auto!important}.contact__sub{color:var(--ink-soft);max-width:44ch;font-size:1.02rem;line-height:1.55}.about__p3{font-size:.98rem}.display,.title,.quote,.detail-name,.detail-section__title{text-wrap:balance}.lede,.hero-punch,.contact__sub,.piece__desc,.archive-card__desc,.craft__item p,.about__copy p,.voices__more p,.section__sub{text-wrap:pretty}.detail-oneliner,.detail-story__item p,.detail-num li p,.detail-better li,.detail-points li,.detail-learned,.detail-decision p,.detail-decision__row p,.detail-note p,.detail-meta dd{text-wrap:pretty;overflow-wrap:break-word}html:lang(th){word-break:normal;overflow-wrap:break-word;line-break:auto}html:lang(th) .display{letter-spacing:0;line-height:1.18}html:lang(th) .display--sm{line-height:1.22}html:lang(th) .title{letter-spacing:-.005em;line-height:1.32}html:lang(th) .lede,html:lang(th) .contact__sub,html:lang(th) .piece__desc,html:lang(th) .archive-card__desc,html:lang(th) .craft__item p,html:lang(th) .about__copy p,html:lang(th) .voices__more p{line-height:1.7}html:lang(th) .display em{font-family:var(--display);font-style:normal}html:lang(th) .quote{font-family:var(--display);letter-spacing:0;font-style:normal;line-height:1.42}html:lang(th) .quote__mark{font-family:var(--serif)}.detail{max-width:900px}.detail-missing{text-align:center;padding:22vh 0}.detail-missing h1{font-family:var(--display);letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.6rem)}.d-reveal{opacity:0;transition:opacity .45s var(--ease), transform .5s var(--ease);transform:translateY(16px)}.d-reveal.in,.detail-hero.d-reveal{opacity:1;transform:none}.detail-hero{margin-bottom:clamp(48px,8vh,84px)}.detail-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-size:12.5px;font-weight:600}.detail-name{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700;line-height:1.02}.detail-oneliner{color:var(--ink-soft);max-width:32ch;margin-top:22px;font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.4}.detail-oneliner__to{color:var(--ink-faint);margin-top:.15em;display:block}.detail-meta{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px 24px;margin-top:40px;padding-top:28px;display:grid}.detail-meta dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px;font-size:11.5px;font-weight:600}.detail-meta dd{color:var(--ink);font-size:14.5px;line-height:1.45}.detail-cover{width:92vw;max-width:1120px;margin-top:clamp(4px,1vh,16px);margin-bottom:clamp(44px,8vh,88px);margin-left:50%;transform:translate(-50%)}.detail-cover__art{aspect-ratio:16/9;border-radius:var(--r-lg);border:1px solid var(--glass-stroke);width:100%;box-shadow:var(--shadow);background:radial-gradient(120% 130% at 18% 12%, hsl(var(--hue,26) var(--osat,88%) 64% / .55), transparent 58%), radial-gradient(120% 130% at 88% 92%, hsl(calc(var(--hue,26) + 70) var(--osat,88%) 58% / .45), transparent 60%), linear-gradient(140deg, hsl(var(--hue,26) 46% 16%), hsl(calc(var(--hue,26) + 30) 44% 9%));position:relative;overflow:hidden}.detail-cover__img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.detail-cover__no{font-family:var(--serif);color:#fff;opacity:.14;letter-spacing:-.04em;pointer-events:none;user-select:none;font-size:clamp(5rem,16vw,12rem);font-style:italic;line-height:.8;position:absolute;bottom:clamp(2px,1.5vw,14px);right:clamp(18px,4vw,48px)}.detail-cover__tag{letter-spacing:.04em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);background:#0000004d;border:1px solid #ffffff38;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600;position:absolute;top:clamp(14px,3vw,28px);left:clamp(14px,3vw,28px)}.detail-cover.has-img .detail-cover__no{display:none}@media (width<=640px){.detail-cover{width:100%;margin-left:0;transform:none}.detail-cover__art{aspect-ratio:4/3;border-radius:var(--r)}}.detail-cover__art.d-reveal{transform:translateY(20px)scale(.985)}.detail-cover__art.d-reveal.in{transform:none}.detail-section{margin-bottom:clamp(52px,9vh,96px)}.detail-section__head{align-items:baseline;gap:16px;margin-bottom:26px;display:flex}.detail-section__no{font-family:var(--serif);color:var(--accent);font-size:1.6rem;font-style:italic;line-height:1}.detail-section__title{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:700}.detail-story{gap:26px;display:grid}.detail-story__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.detail-story__item p{color:var(--ink);max-width:60ch;font-size:clamp(1.05rem,1.7vw,1.22rem);line-height:1.55}.detail-num{counter-reset:none;gap:18px;display:grid}.detail-num li{align-items:baseline;gap:18px;display:flex}.detail-num__n{font-family:var(--serif);color:var(--accent);flex:none;width:1.6em;font-size:1.6rem;font-style:italic}.detail-num li p{color:var(--ink-soft);font-size:1.08rem;line-height:1.5}.detail-chips{flex-wrap:wrap;gap:10px;display:flex}.detail-chips li{color:var(--ink-soft);border:1px solid var(--line);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500}.detail-note{border-radius:var(--r);padding:22px 24px}.detail-note__label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11.5px;font-weight:600;display:block}.detail-note p{font-family:var(--serif);color:var(--ink);font-size:1.3rem;font-style:italic;line-height:1.4}html:lang(th) .detail-note p{font-family:var(--display);font-size:1.18rem;font-style:normal;line-height:1.6}.detail-decisions{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.detail-decision{border-radius:var(--r-lg);padding:24px}.detail-decision__no{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-size:11.5px;font-weight:600}.detail-decision h3{font-family:var(--display);letter-spacing:-.02em;margin:8px 0 16px;font-size:1.22rem}.detail-decision__row{margin-top:12px}.detail-decision__row span{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.detail-decision__row p{color:var(--ink-soft);font-size:14.5px;line-height:1.5}.detail-screens{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.detail-screen{border-radius:var(--r-lg);padding:14px 14px 20px}.detail-screen__cover{aspect-ratio:4/3;background:var(--cover);border-radius:14px;place-items:center;margin-bottom:14px;display:grid;overflow:hidden}.detail-screen__cover img{object-fit:cover;width:100%;height:100%}.detail-screen__no{font-family:var(--serif);color:var(--ink);opacity:.14;font-size:2.4rem;font-style:italic}.detail-screen__name{font-family:var(--display);padding:0 4px;font-size:1.02rem;font-weight:600;display:block}.detail-screen figcaption p{color:var(--ink-soft);padding:6px 4px 0;font-size:14px;line-height:1.5}.detail-learned{letter-spacing:-.01em;color:var(--ink);border-left:2px solid var(--accent);max-width:24ch;padding-left:20px;font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.4}.detail-nav{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;margin-top:clamp(44px,7vh,76px);padding-top:30px;display:grid}.detail-nav__link{transition:transform .35s var(--spring);background:0 0;border:0;flex-direction:column;gap:6px;padding:2px;display:flex}.detail-nav__link:hover{transform:translateY(-2px)}.detail-nav__link:hover .detail-nav__name{color:var(--ink)}.detail-nav__dir{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;font-size:11.5px;font-weight:600}.detail-nav__name{font-family:var(--display);letter-spacing:-.01em;color:var(--ink-soft);transition:color .25s var(--ease);font-size:1.12rem;font-weight:600;line-height:1.2;display:block}.detail-nav__all{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-self:center;padding:8px 14px;font-size:12px;font-weight:600;transition:color .25s,background-color .25s}.detail-nav__all:hover{color:var(--ink);background:var(--glass-bg)}html:lang(th) .detail-oneliner,html:lang(th) .detail-story__item p,html:lang(th) .detail-num li p,html:lang(th) .detail-decision__row p,html:lang(th) .detail-screen figcaption p,html:lang(th) .detail-points li,html:lang(th) .detail-better li,html:lang(th) .detail-meta dd{line-height:1.7}html:lang(th) .detail-name,html:lang(th) .detail-learned{letter-spacing:0;line-height:1.3}@media (width<=640px){.detail-nav{grid-template-columns:1fr 1fr}.detail-nav__all{text-align:center;grid-area:1/1/auto/-1}}.brand-logo{background-color:var(--ink);width:116px;height:21px;transition:background-color .5s var(--ease);display:block;-webkit-mask:url(/assets/wuttitarn-logo.svg) 0/contain no-repeat;mask:url(/assets/wuttitarn-logo.svg) 0/contain no-repeat}.wt-logo{width:auto;height:21px;display:block}.wt-logo path{fill:var(--ink);transition:fill .35s var(--ease)}.brand:hover .wt-logo path{fill:var(--ink-soft)}.brand:hover .wt-logo .wt-logo__heart{fill:url(#wtRainbow);animation:2.6s linear infinite heartRainbow}@keyframes heartRainbow{to{filter:hue-rotate(360deg)}}@media (prefers-reduced-motion:reduce){.brand:hover .wt-logo__heart{animation:none}}html[data-theme=cb] .brand:hover .wt-logo .wt-logo__heart{fill:#0072b2;animation:none}.to-top{z-index:80;width:46px;height:46px;color:var(--ink-soft);border:1px solid var(--line);background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .4s var(--spring), color .25s;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:clamp(16px,3vw,28px);right:clamp(16px,3vw,28px);transform:translateY(12px)scale(.9)}.to-top.is-shown{opacity:1;pointer-events:auto;transform:none}.to-top:hover{color:var(--ink);transform:translateY(-2px)}.menu-btn svg path{transition:transform .35s var(--spring), opacity .25s var(--ease);transform-origin:50%;transform-box:fill-box}.menu-btn.is-open .mb1{transform:translateY(5px)rotate(45deg)}.menu-btn.is-open .mb2{opacity:0}.menu-btn.is-open .mb3{transform:translateY(-5px)rotate(-45deg)}.menu-panel{z-index:70;border-radius:var(--r);transform-origin:100% 0;min-width:210px;animation:menuIn .28s var(--ease);flex-direction:column;gap:2px;padding:10px;display:flex;position:fixed;top:clamp(66px,9vh,82px);right:clamp(20px,5vw,48px)}.menu-panel[hidden]{display:none}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:none}}.menu-panel__link{color:var(--ink-soft);transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:13px;align-items:center;gap:11px;padding:9px 12px;font-size:15px;font-weight:500;display:flex}.menu-panel__label{margin-right:auto}.menu-panel__ic{width:30px;height:30px;color:var(--ink-faint);transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:9px;flex:none;place-items:center;display:grid}.menu-panel__ic svg{width:18px;height:18px}.menu-panel__arrow{opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);color:var(--ink-faint);flex:none;transform:translate(-4px)}.menu-panel__link:hover{background:var(--glass-hi);color:var(--ink)}.menu-panel__link:hover .menu-panel__ic{color:var(--ink)}.menu-panel__link:hover .menu-panel__arrow{opacity:1;transform:none}.menu-panel__link.is-current{color:var(--ink);font-weight:600}.menu-panel__link.is-current .menu-panel__ic{background:var(--solid-bg);color:var(--solid-fg)}.cv{max-width:780px}.cv-head{justify-content:space-between;align-items:flex-start;gap:clamp(20px,4vw,52px);margin-bottom:clamp(40px,7vh,72px);display:flex}.cv-head__text{flex:1;min-width:0}.cv-head .room__tag{margin-bottom:18px}.cv-photo{perspective:1000px;flex:none;padding-top:8px}.polaroid{width:clamp(168px,19vw,216px);transform-style:preserve-3d;transition:transform .55s var(--spring);will-change:transform;position:relative;transform:rotate(-3.5deg)}.polaroid__card{background:#fdfdfb;border-radius:5px;padding:12px 12px 0;position:relative;overflow:hidden;box-shadow:0 28px 60px #120e0829,0 8px 20px #120e081a}.polaroid__photo{aspect-ratio:4/5;background:#e7e3dc;border-radius:2px;position:relative;overflow:hidden}.polaroid__photo img{object-fit:cover;width:100%;height:100%;display:block}.polaroid__cap{text-align:center;font-family:var(--serif);color:#3a352f;padding:12px 4px 14px;font-size:15px;font-style:italic;display:block}.polaroid__gloss{pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .4s var(--ease);background:linear-gradient(105deg,#0000 36%,#fff9 48%,#0000 60%);position:absolute;inset:0}.cv-photo:hover .polaroid,.cv-photo:focus-within .polaroid{transform:rotate(0)}.cv-photo:hover .polaroid__gloss{opacity:1}.cv-linkedin{border:1px solid var(--card-line,var(--line));background:var(--card-bg,var(--glass-bg));color:var(--ink);transition:transform .35s var(--spring), border-color .3s var(--ease), color .25s;border-radius:999px;align-items:center;gap:10px;margin-top:26px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.cv-linkedin:hover{border-color:color-mix(in srgb, var(--ink) 32%, transparent);transform:translateY(-2px)}.cv-linkedin svg{color:#0a66c2;flex:none}@media (width<=720px){.cv-head{flex-direction:column;align-items:flex-start}.cv-photo{align-self:center;margin-bottom:12px}.polaroid{width:clamp(136px,42vw,166px)}}.cv-name{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.1rem);font-weight:700;line-height:1.05}.cv-name__nick{color:var(--ink-faint);font-weight:500}.cv-role{color:var(--ink-soft);margin-top:12px;font-size:1.02rem;font-weight:600}.cv-summary{color:var(--ink-soft);max-width:60ch;margin-top:18px;font-size:1.08rem;line-height:1.6}.cv-links{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.cv-section{margin-bottom:clamp(40px,6vh,60px)}.cv-section__title{font-family:var(--display);letter-spacing:-.02em;margin-bottom:22px;font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:700}.cv-timeline{position:relative}.cv-note{color:var(--ink-faint);margin-top:22px;font-size:13.5px}.play{max-width:920px}.play-head{max-width:640px;margin-bottom:clamp(36px,6vh,56px)}.play-head .room__tag{margin-bottom:18px}.play-head .title{margin-bottom:16px}.play-sub{color:var(--ink-soft);text-wrap:balance;max-width:60ch;font-size:1.1rem;line-height:1.6}.play-card__soon{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--line);border-radius:999px;align-self:flex-start;padding:5px 11px;font-size:11.5px;font-weight:700}.play-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;line-height:1}.play-badge--new{color:#fff;background:linear-gradient(135deg,#ff5d8f,#7c5cff);box-shadow:0 4px 12px -3px #7c5cff80}.play-badge--rec{color:#5b3b00;background:linear-gradient(135deg,#ffd85e,#ffab1f);border:none;box-shadow:0 4px 12px -3px #ffab1f8c}.play-support{border-radius:var(--r-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(26px,4vw,40px);display:flex}.play-support p{color:var(--ink-soft);max-width:46ch;margin-top:10px}.play-support .cv-section__title{margin-bottom:0}html[data-theme=light] .cv-page{--bg:#faf7f1;--card-bg:#fff;--card-line:#ece7df;--card-shadow:0 1px 2px #1c160e0a, 0 10px 26px #1c160e0d}.cv-page .ambient .orb,.cv-page .ambient .vignette{display:none}.cv-page .ambient{background:var(--bg)}.cv-page .ambient .grain{opacity:.18}.cv-page .chips li{background:var(--card-bg);border-color:var(--card-line);-webkit-backdrop-filter:none}.cv-progress{z-index:120;background:var(--rainbow);transform-origin:0;height:3px;transform:scaleX(var(--p,0));pointer-events:none;transition:transform .12s linear;position:fixed;inset:0 0 auto}.exp-timeline{padding-left:96px;position:relative}.exp-spine{background:var(--line);border-radius:999px;width:4px;position:absolute;top:10px;bottom:10px;left:78px}.exp-spine__fill{transform-origin:top;width:100%;height:100%;transform:scaleY(var(--fill,0));background:var(--rainbow-v);will-change:transform;border-radius:999px;transition:transform .14s linear;position:absolute;top:0;left:0}.exp-spine__fill:after{content:"";z-index:-1;background:var(--rainbow-v);filter:blur(5px);opacity:.35;border-radius:999px;position:absolute;inset:-1px}.exp-item{padding:6px 0 26px;position:relative}.exp-item:last-child{padding-bottom:4px}.exp-year{text-align:right;font-variant-numeric:tabular-nums;width:62px;color:var(--ink-faint);letter-spacing:.01em;font-size:14px;font-weight:700;position:absolute;top:23px;left:-96px}.exp-dot{background:var(--ink);width:14px;height:14px;box-shadow:0 0 0 4px var(--bg);z-index:2;transition:background-color .4s var(--ease), transform .4s var(--spring);border-radius:50%;position:absolute;top:27px;left:-23px}.exp-item.is-in .exp-dot{background:hsl(var(--brand) 70% 52%);transform:scale(1.12)}.exp-card{background:var(--card-bg);border:1px solid var(--card-line);box-shadow:var(--card-shadow);border-radius:18px;padding:20px 22px}.exp-card__head{margin-bottom:15px}.exp-card__id{min-width:0}.exp-company{font-family:var(--display);letter-spacing:-.01em;font-size:1.12rem;line-height:1.25}.exp-type{color:var(--ink-faint);font-size:.82em;font-weight:500}.exp-loc{color:var(--ink-faint);margin-top:3px;font-size:12.5px;line-height:1.4;display:block}.exp-roles{flex-direction:column;gap:14px;display:flex}.exp-roles.is-multi{gap:16px}.exp-roles.is-multi .exp-role{border-left:2px solid var(--card-line);padding-left:15px}.exp-role__top{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.exp-role__title{color:var(--ink);font-size:15px;font-weight:700}.exp-role__type{color:var(--ink-faint);font-size:12px;font-weight:600}.exp-role__dates{font-variant-numeric:tabular-nums;color:var(--ink-faint);margin-top:3px;font-size:12.5px;font-weight:500;display:block}.exp-role p{color:var(--ink-soft);max-width:62ch;margin-top:8px;font-size:14px;line-height:1.55}.cv-page [data-anim]{filter:none}.exp-item[data-anim]{opacity:0;filter:none;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(16px)}.exp-item.is-in{opacity:1;filter:none;transform:none}@media (width<=640px){.exp-timeline{padding-left:56px}.exp-spine{left:40px}.exp-year{text-align:left;width:auto;color:hsl(var(--brand) 48% 42%);margin-bottom:8px;display:inline-block;position:static}.exp-dot{top:6px;left:-23px}.exp-card{padding:18px}}@media (prefers-reduced-motion:reduce){.exp-item[data-anim]{opacity:1;transform:none}.cv-progress,.exp-spine__fill,.exp-dot{transition:none}}.mb-modal{z-index:200;background:#0f0c1480;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mb-modal[hidden]{display:none}.mb-modal__card{background:var(--card-bg,#fff);border:1px solid var(--card-line,var(--line));border-radius:22px;width:min(440px,100%);padding:26px;box-shadow:0 30px 70px #0000004d}.mb-modal__card h3{font-family:var(--display);font-size:1.3rem}.mb-modal__sub{color:var(--ink-soft);margin:8px 0 14px;font-size:14px}.mb-modal__card textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--card-line,var(--line));resize:vertical;border-radius:12px;padding:11px 13px;font-size:14px}.mb-modal__actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.mb-modal__note{color:var(--ink-faint);text-align:center;margin-top:12px;font-size:11.5px}@media (width<=760px){.filter-select,.mb-field input[type=text],.mb-fontinput,.mb-field textarea{padding:11px 12px;font-size:15px}}.archive-grid.is-deck .archive-card__body{flex:none;padding:14px 12px 6px}.archive-grid.is-deck .archive-card__desc{margin-top:6px}.archive-grid.is-deck .archive-card__desc.is-expanded{-webkit-line-clamp:unset;overflow:visible}.archive-grid.is-deck .archive-card__tags{margin-top:10px}.mb-modal__card{position:relative}.mb-modal__x{color:var(--ink-faint,#888);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1;position:absolute;top:12px;right:14px}.mb-hearts{pointer-events:none;z-index:600;position:fixed;inset:0;overflow:hidden}@keyframes mbHeartFloat{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.15) rotate(var(--rot))}}.mb-love__card{text-align:center;max-width:430px}.mb-love__bighe{background:linear-gradient(135deg,#ff5d8f,#ff9ac4 45%,#7c5cff);width:62px;height:62px;margin:2px auto 10px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21z'/%3E%3C/svg%3E") 50%/contain no-repeat}.mb-love__opts{flex-direction:column;gap:10px;margin:16px 0 4px;display:flex}.mb-love__opt{border:1px solid var(--card-line,var(--line));background:var(--bg);cursor:pointer;color:var(--ink);transition:transform .2s var(--spring), border-color .2s var(--ease);font:inherit;text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:13px 15px;text-decoration:none;display:flex}.mb-love__opt:hover{border-color:var(--ink);transform:translateY(-2px)}.mb-love__ic{flex:none;font-size:22px}.mb-love__t{flex-direction:column;display:flex}.mb-love__t b{font-size:14px}.mb-love__t i{opacity:.62;margin-top:2px;font-size:11.5px;font-style:normal}.mb-love__qr{margin-top:12px}.mb-love__qr img{object-fit:contain;border:1px solid var(--line);cursor:zoom-in;background:#fff;border-radius:16px;width:240px;max-width:78%;height:240px;padding:12px;box-shadow:0 6px 22px #00000024}.mb-love__qr.is-empty:before{content:"Drop your QR at /assets/support-qr.webp";border:1px dashed var(--line);opacity:.6;border-radius:13px;padding:34px 16px;font-size:12px;display:block}.qr-zoom{z-index:100000;-webkit-backdrop-filter:blur(4px);cursor:zoom-out;-webkit-tap-highlight-color:transparent;background:#0c0a08d1;justify-content:center;align-items:center;padding:24px;animation:.18s both qrZoomFade;display:flex;position:fixed;inset:0}.qr-zoom img{cursor:zoom-out;width:auto;max-width:min(86vw,440px);height:auto;max-height:86vh;animation:qrZoomPop .22s var(--spring,cubic-bezier(.34,1.4,.5,1)) both;background:#fff;border-radius:18px;padding:16px;box-shadow:0 30px 80px -20px #0009}.qr-zoom__hint{left:0;right:0;bottom:max(20px, env(safe-area-inset-bottom,20px));text-align:center;color:#ffffffd1;letter-spacing:.2px;pointer-events:none;font-size:13px;position:fixed}@keyframes qrZoomFade{0%{opacity:0}to{opacity:1}}@keyframes qrZoomPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.qr-zoom,.qr-zoom img{animation:none}}.mb-love__qrnote{opacity:.62;margin-top:7px;font-size:11.5px;display:block}.mb-love__idea{text-align:left;flex-direction:column;gap:8px;margin-top:12px;display:flex}.mb-love__idea textarea{box-sizing:border-box;border:1px solid var(--card-line,var(--line));width:100%;font:inherit;background:var(--bg);color:var(--ink);border-radius:11px;padding:10px 12px;font-size:14px}.mb-love__idea[hidden],.mb-love__qr[hidden]{display:none!important}@keyframes mbHeartRise{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:1}to{transform:translate(var(--drift,0), -106vh) rotate(35deg);opacity:0}}html.is-shared-view .hud__right{display:none!important}#mbUpModal .mb-modal__card{text-align:center}#mbUpChoose{width:100%;display:block}.cv-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cv-list li{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;padding:12px 16px;display:flex}.cv-list li b{font-weight:700}.cv-list li span{opacity:.72;font-size:14px}.mb-modal__actions--center{justify-content:center}.mb-modal__actions .btn{min-height:44px;padding:.55rem 1.25rem}#mbRvDone{text-align:center}@media (hover:hover) and (prefers-reduced-motion:no-preference){.mb-tab__btn,.mb-seg__btn,.mb-ratio,.mb-info,.mb-actbtn,.mb-iconbtn,.mb-key,.mb-stacktag,.mb-love__opt,.mb-guidetoggle,.mb-lovebtn,.mb-random,.mb-bg,.mb-sw,.mb-upbtn,.mb-upclear,.mb-sw2{transition:transform .18s var(--spring,cubic-bezier(.2,.8,.2,1)), box-shadow .18s var(--ease,ease), border-color .18s ease, background-color .18s ease}.mb-love__opt:hover{transform:translateY(-2px)}}@keyframes mbOffFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.nf{place-items:center;min-height:64vh;padding:40px 20px;display:grid}.nf-card{text-align:center;border:1px solid var(--line);border-radius:26px;width:100%;max-width:480px;padding:44px 34px}.nf-art{font-size:46px;line-height:1;display:block}.nf-code{letter-spacing:.06em;opacity:.42;margin:10px 0 6px;font-size:14px;font-weight:800;display:block}.nf-h{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(1.6rem,3.4vw,2.2rem)}.nf-p{color:var(--ink-soft,#555);margin:0 0 24px;font-size:1rem;line-height:1.65}.nf-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:22px;display:flex}.nf-sign{opacity:.78;margin:0;font-size:.92rem}@keyframes mbCue{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(3px)}}@keyframes mbFlash{0%,to{box-shadow:0 0 #5b6cff00}18%,60%{box-shadow:0 0 0 3px #5b6cff73}}@keyframes mbSkShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes mbPress{40%{filter:brightness(.92);transform:scale(.93)}to{transform:scale(1)}}.madeby{color:var(--ink-soft);text-align:center;letter-spacing:.01em;font-size:12.5px}.madeby__heart{animation:madeby-beat 1.7s var(--ease) infinite;display:inline-block}@keyframes madeby-beat{0%,to{transform:scale(1)}14%{transform:scale(1.22)}28%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.madeby__heart{animation:none}}@keyframes mb-online-pulse{0%{box-shadow:0 0 #2bbf5b80}70%{box-shadow:0 0 0 7px #2bbf5b00}to{box-shadow:0 0 #2bbf5b00}}@property --c-primary{syntax:"<color>";inherits:true;initial-value:#5b6cff}@property --c-secondary{syntax:"<color>";inherits:true;initial-value:#0fb8a6}@property --c-accent{syntax:"<color>";inherits:true;initial-value:#ff8a3d}@property --c-bg{syntax:"<color>";inherits:true;initial-value:#fff}@property --c-text{syntax:"<color>";inherits:true;initial-value:#1f2330}@keyframes mbSwPulse{0%{transform:scale(1);box-shadow:0 0 #5b6cff00}35%{transform:scale(1.09);box-shadow:0 0 0 5px #5b6cff33}to{transform:scale(1);box-shadow:0 0 #5b6cff00}}@keyframes mbPatIn{0%{opacity:0}to{opacity:.11}}@keyframes mbShimmer{to{background-position:-220% 0}}@keyframes mbSwap{0%{opacity:0;transform:translateY(9px)scale(.985)}to{opacity:1;transform:none}}.tw-consent{z-index:90;width:min(340px,100vw - 24px);animation:menuIn .3s var(--ease);contain:layout style paint;border-radius:15px;flex-direction:column;gap:9px;padding:13px 15px 12px;display:flex;position:fixed;bottom:clamp(12px,4vw,24px);left:clamp(12px,4vw,24px);right:auto}.tw-consent__title{font-family:var(--display);letter-spacing:-.01em;font-size:.92rem;font-weight:700}.tw-consent__body{color:var(--ink-soft);margin-top:2px;font-size:.8rem;line-height:1.45}.tw-consent__link{color:var(--ink);text-underline-offset:2px;font-weight:600;text-decoration:underline}.tw-consent__opts{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.tw-consent__opts[hidden]{display:none}.tw-consent__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tw-consent__rowtxt{flex-direction:column;min-width:0;display:flex}.tw-consent__rowtxt b{color:var(--ink);font-size:.9rem;font-weight:600}.tw-consent__rowtxt i{color:var(--ink-faint);margin-top:1px;font-size:.78rem;font-style:normal;line-height:1.4}.tw-consent__pill{color:var(--ink-faint);background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:999px;flex:none;padding:3px 10px;font-size:.72rem;font-weight:600}.tw-consent__sw{-webkit-appearance:none;appearance:none;background:color-mix(in srgb, var(--ink) 20%, transparent);cursor:pointer;width:40px;height:23px;transition:background .2s var(--ease);border-radius:999px;flex:none;position:relative}.tw-consent__sw:after{content:"";width:18px;height:18px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2.5px;left:2.5px;box-shadow:0 1px 3px #0000004d}.tw-consent__sw:checked{background:var(--ok,#2c9c5e)}.tw-consent__sw:checked:after{transform:translate(17px)}.tw-consent__sw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tw-consent__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tw-consent__spacer{flex:auto}.tw-consent__btn{font:inherit;cursor:pointer;transition:transform .15s var(--ease), background .2s, border-color .2s;border:1px solid #0000;border-radius:999px;padding:7px 13px;font-size:.8rem;font-weight:600}.tw-consent__btn:hover{transform:translateY(-1px)}.tw-consent__btn--accept{background:var(--solid-bg);color:var(--solid-fg)}.tw-consent__btn--reject{color:var(--ink);border-color:var(--line);background:0 0}.tw-consent__btn--reject:hover{border-color:var(--ink-faint)}.tw-consent__btn--ghost{color:var(--ink-soft);background:0 0;padding:9px 6px}.tw-consent__btn--ghost:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline;transform:none}.tw-consent-foot{cursor:pointer}@media (width<=480px){.tw-consent{width:auto;bottom:8px;left:8px;right:8px}.tw-consent__spacer{display:none}.tw-consent__actions{gap:8px}.tw-consent__btn--reject,.tw-consent__btn--accept{text-align:center;flex:auto}}@media (prefers-reduced-motion:reduce){.tw-consent{animation:none}}.art-support{text-align:center;border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:13px;margin:clamp(30px,4.5vw,44px) 0 8px;padding-top:clamp(24px,3.5vw,32px);display:flex}.art-support__q{color:var(--ink-soft);text-wrap:balance;max-width:44ch;font-size:1.02rem;line-height:1.6}.mb-love__card{flex-direction:column;max-height:calc(100dvh - 24px);display:flex;overflow:hidden}.mb-love__scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.mb-love__card .mb-modal__x{z-index:2}html.tw-noscroll,html.tw-noscroll body{overflow:hidden}