@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}@property --accent{syntax:"";inherits:true;initial-value:gray}:root{--bg:#f4f3ef;--fg:#141413;--fg-soft:#2c2c2a;--fg-muted:#57574f;--fg-dim:#6b6b64;--surface:#e8e6e0;--card:#fbfaf7;--line:#1414131a;--pill-border:#1414132e;--hover:#1414130d;--glow:16%;--live:#15803d;--beta:#a1520a;--soon:#1d4ed8;--radius-pill:9999px;--radius-panel:24px;--font-display:"Bricolage Grotesque Variable", system-ui, sans-serif;--font-body:"Instrument Sans Variable", system-ui, -apple-system, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--pad-x:32px;--pad-y:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#09090a;--fg:#f4f4f1;--fg-soft:#d6d6d1;--fg-muted:#a5a59f;--fg-dim:#8b8b85;--surface:#161618;--card:#111113;--line:#f4f4f11a;--pill-border:#f4f4f133;--hover:#f4f4f10f;--glow:24%;--live:#4ade80;--beta:#fbbf24;--soon:#93c5fd}}@media (width<=639px){:root{--pad-x:16px;--pad-y:16px}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:16px;line-height:1.5;overflow:hidden}::selection{background:var(--fg);color:var(--bg)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.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}.home{height:100dvh;padding:0 var(--pad-x) max(var(--pad-y), env(safe-area-inset-bottom));transition:--accent .7s var(--ease-out);grid-template-rows:auto minmax(0,1fr) auto;row-gap:12px;display:grid;position:relative}.home:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 42% at 50% 44%, color-mix(in oklab, var(--accent) var(--glow), transparent), transparent 72%);transition:opacity .4s var(--ease-out);position:fixed;inset:0}.home:not([data-stage=carousel]):before{opacity:.5}.skip{left:var(--pad-x);z-index:10;background:var(--bg);position:absolute;top:12px;transform:translateY(calc(-100% - 24px))}.skip:focus{transform:none}.home__header{--hero-band:clamp(104px, 14vh, 140px);z-index:1;padding-top:calc(var(--hero-band) + 14px);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name actions""line line";align-items:end;column-gap:16px;display:grid;position:relative}.hero-field{z-index:0;left:calc(var(--pad-x) * -1);right:calc(var(--pad-x) * -1);height:var(--hero-band);pointer-events:none;background:radial-gradient(90% 160% at 82% 100%,oklab(78.5928% .0185507 .116834/.7),#0000 58%),radial-gradient(70% 140% at 8% 0,#3a2818,#0000 62%),linear-gradient(185deg,#16130f 0%,#09090a 62%);position:absolute;top:0;overflow:hidden}.hero-field:before{content:"";z-index:2;background:linear-gradient(to top, var(--bg), transparent);height:18px;position:absolute;bottom:0;left:0;right:0}.hero-field__mount,.hero-field__plate{position:absolute;inset:0}.hero-field__plate{object-fit:cover;width:100%;height:100%}.hero-field[data-plate=image] .hero-field__mount{mix-blend-mode:soft-light;opacity:.55}.hero-field[data-ready=gpu]{background:0 0}.hero-field__mount canvas{opacity:0;width:100%;height:100%;display:block}.hero-field[data-ready=gpu] .hero-field__mount canvas{opacity:1}.hero-field[data-ready=css]:after{content:"";opacity:.28;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.home__name,.home__line,.home__actions{z-index:1;position:relative}@media (prefers-color-scheme:light){.hero-field{background:radial-gradient(80% 140% at 78% 0,#d5e4f0,#0000 60%),radial-gradient(70% 120% at 12% 100%,oklab(69.1987% .0240921 .116979/.55),#0000 64%),linear-gradient(#e4edf3 0%,#f4f3ef 78%)}}.intro{display:contents}.home__name{font-family:var(--font-serif);letter-spacing:-.02em;animation:settle .7s var(--ease-out) both;grid-area:name;margin:0;font-size:clamp(28px,3.2vw,40px);font-style:italic;font-weight:400;line-height:1.05}.home__line{max-width:60ch;color:var(--fg-muted);text-wrap:pretty;grid-area:line;margin:2px 0 0;font-size:15px;line-height:22px}.home__line em{font-family:var(--font-serif);color:var(--fg);font-size:1.22em;font-style:italic;line-height:0}.word,.live{animation:word-in .64s var(--ease-out) both;animation-delay:calc(.14s + var(--i) * 38ms);display:inline-block}.live{color:var(--fg);vertical-align:1px;align-items:center;gap:6px;margin-left:2px;font-size:13px;font-weight:600;display:inline-flex}.live:before{content:"";background:var(--live);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--live) 22%, transparent);border-radius:50%}@keyframes word-in{0%{opacity:0;filter:blur(4px);transform:translateY(.45em)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes settle{0%{transform:translateY(6px)}}.home__actions{grid-area:actions;align-items:center;gap:8px;display:flex}@media (width<=639px){.home__name{font-size:26px;line-height:1.1}.home__line{font-size:14px;line-height:20px}}.pill{border-radius:var(--radius-pill);border:1px solid var(--pill-border);height:36px;color:var(--fg);white-space:nowrap;cursor:pointer;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.pill:hover{border-color:var(--fg);background-color:var(--hover)}}.pill:active{transform:scale(.97)}.pill--small{height:32px;padding:0 12px}.pill--icon{width:40px;height:40px;color:var(--fg-muted);border-color:#0000;padding:0}@media (hover:hover) and (pointer:fine){.pill--icon:hover{border-color:var(--pill-border);background:var(--hover);color:var(--fg)}}.pill--icon svg{display:block}.toggle{border-radius:var(--radius-pill);border:1px solid var(--pill-border);grid-template-columns:1fr 1fr;height:36px;padding:3px;display:grid;position:relative}.toggle__thumb{border-radius:var(--radius-pill);background:var(--fg);width:calc(50% - 3px);transition:transform .42s cubic-bezier(.34,1.3,.5,1);position:absolute;top:3px;bottom:3px;left:3px}.toggle[data-view=grid] .toggle__thumb{transform:translate(100%)}.toggle__btn{border-radius:var(--radius-pill);min-width:96px;color:var(--fg-muted);transition:color .2s var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.toggle__btn[aria-selected=true]{color:var(--bg)}.toggle__btn svg{flex:none;display:block}@media (width<=639px){.toggle__btn{min-width:40px;padding:0 10px}.toggle__label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.stage{min-height:0;display:grid;position:relative}.carousel{grid-template-rows:minmax(0,1fr) auto auto;row-gap:12px;min-height:0;display:grid}.home:not([data-stage=carousel]) .strip{visibility:hidden}.caption,.marquee{transition:opacity .2s var(--ease-out)}.home:not([data-stage=carousel]) .caption,.home:not([data-stage=carousel]) .marquee{opacity:0}.strip{min-height:0;margin:0 calc(-1 * var(--pad-x));touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;position:relative;overflow:hidden}.strip:focus-visible{outline:2px solid var(--fg);outline-offset:-6px;border-radius:16px}.strip__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.caption{text-align:center;align-content:start;justify-items:center;min-height:150px;display:grid}.caption__body{width:min(36rem,100%);animation:caption-in .26s var(--ease-out) both;justify-items:center;display:grid}.caption__head{justify-content:center;align-items:center;gap:10px;max-width:100%;margin-bottom:6px;display:flex}.caption__title{min-width:0;font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:28px;font-weight:700;line-height:36px;overflow:hidden}.caption__blurb{color:var(--fg-muted);-webkit-line-clamp:2;line-clamp:2;text-wrap:pretty;-webkit-box-orient:vertical;margin:0;font-size:16px;line-height:24px;display:-webkit-box;overflow:hidden}.caption__actions{justify-content:center;align-items:center;gap:4px 20px;margin-top:10px;display:flex}.caption__open{cursor:pointer;height:36px;color:var(--fg);background:0 0;border:0;align-items:center;gap:4px;padding:0 4px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.arrow{transition:transform .2s var(--ease-out);display:block}@media (hover:hover) and (pointer:fine){.caption__open:hover{text-underline-offset:4px;text-decoration:underline}.caption__open:hover .arrow{transform:translate(2px,-2px)}}@keyframes caption-in{0%{opacity:0;transform:translateY(6px)}}@media (width<=639px){.caption{min-height:156px}.caption__title{font-size:22px;line-height:30px}.caption__blurb{-webkit-line-clamp:3;line-clamp:3;font-size:15px;line-height:22px}}@media (height<=760px){.caption{min-height:128px}.caption__blurb{-webkit-line-clamp:1;line-clamp:1}}.picon{flex:none;display:block}.status{border-radius:var(--radius-pill);border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;height:22px;color:var(--fg-dim);flex:none;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status[data-status=live],.status[data-status=download]{color:var(--live)}.status[data-status=preview],.status[data-status=beta]{color:var(--beta)}.status[data-status=soon]{color:var(--soon)}.marquee{margin:0 calc(-1 * var(--pad-x));padding:4px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee__track{width:max-content;animation:marquee calc(var(--count) * 2.6s) linear infinite;margin:0;padding:0;list-style:none;display:flex}.marquee__track li{margin-right:10px}@media (hover:hover){.marquee:hover .marquee__track{animation-play-state:paused}}@keyframes marquee{to{transform:translate(-50%)}}.tile{border-radius:var(--radius-pill);border:1px solid var(--line);background:color-mix(in oklab, var(--card) 80%, transparent);white-space:nowrap;height:40px;color:var(--fg-soft);transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out), transform .2s var(--ease-out);align-items:center;gap:8px;padding:0 14px 0 6px;font-size:13px;font-weight:600;display:inline-flex}.tile .picon{width:28px;height:28px}.tile[data-active]{border-color:color-mix(in oklab, var(--accent) 60%, var(--pill-border));background:color-mix(in oklab, var(--accent) 14%, var(--card));color:var(--fg)}@media (hover:hover) and (pointer:fine){.tile:hover{border-color:var(--pill-border);transform:translateY(-2px)}}@media (width<=639px){.tile{height:36px;font-size:12px}.tile .picon{width:24px;height:24px}}.ghosts{z-index:5;pointer-events:none;position:fixed;inset:0}.ghost{position:fixed;overflow:hidden}.ghost img{object-fit:cover;width:100%;height:100%;display:block}.grid-panel{inset:0 calc(-1 * var(--pad-x));overscroll-behavior:contain;padding:0 var(--pad-x) 40px;scrollbar-width:thin;scrollbar-color:var(--pill-border) transparent;position:absolute;overflow-y:auto}.chips{z-index:2;margin:0 calc(-1 * var(--pad-x));padding:4px var(--pad-x) 16px;background:linear-gradient(var(--bg) 70%, transparent);animation:rise .36s var(--ease-out) both;flex-wrap:wrap;gap:6px;display:flex;position:sticky;top:0}.chip{border-radius:var(--radius-pill);border:1px solid var(--pill-border);height:34px;color:var(--fg-soft);transition:color .2s var(--ease-out);align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.chip__bg{border-radius:var(--radius-pill);background:var(--fg);position:absolute;inset:-1px}.chip__label,.chip__count{position:relative}.chip__count{color:var(--fg-dim);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.chip[aria-pressed=true],.chip[aria-pressed=true] .chip__count{color:var(--bg)}@media (hover:hover) and (pointer:fine){.chip[aria-pressed=false]:hover{background:var(--hover)}}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:28px 20px;margin:0;padding:0;list-style:none;display:grid}.grid__item{display:grid}.gcard{border:1px solid var(--line);background:var(--card);color:inherit;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s var(--ease-out), border-color .2s var(--ease-out);border-radius:22px;flex-direction:column;gap:14px;padding:10px 10px 16px;text-decoration:none;display:flex;position:relative}.gcard:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), color-mix(in oklab, var(--accent) 28%, transparent), transparent 70%);opacity:0;transition:opacity .3s var(--ease-out);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.gcard:hover{border-color:var(--pill-border);transition:transform .12s linear, border-color .2s var(--ease-out)}.gcard:hover:before{opacity:1}.gcard:hover .arrow{transform:translate(2px,-2px)}}.gcard__shot{aspect-ratio:16/10;background:var(--surface);position:relative;overflow:hidden}.gcard__shot img{object-fit:cover;width:100%;height:100%;display:block}.gcard__body{gap:10px;padding:0 6px;display:grid}.gcard__head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.gcard__title{min-width:0}.gcard__title h3{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:19px;font-weight:650;line-height:24px;overflow:hidden}.gcard__open{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.gcard__open:after{content:"";border-radius:22px;position:absolute;inset:0}.gcard__open:focus-visible{outline:none}.gcard:has(.gcard__open:focus-visible){outline:2px solid var(--fg);outline-offset:3px}.gcard__client{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);font-size:11px;font-weight:600;line-height:14px;display:block}.gcard__desc{color:var(--fg-muted);text-wrap:pretty;margin:0;font-size:14.5px;line-height:21px}.gcard__foot{justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:16px;display:flex}.gcard__types{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);font-weight:600}.gcard__cta{color:var(--fg);align-items:center;gap:2px;font-size:13px;font-weight:600;display:inline-flex}.home__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.links{flex-wrap:wrap;gap:8px;display:flex}.pill--contact{width:auto;height:36px;color:var(--fg-muted);border-color:#0000;gap:8px;padding:0 4px 0 0;font-size:15px;font-weight:500}.pill--contact svg{display:block}@media (hover:hover) and (pointer:fine){.pill--contact:hover{color:var(--fg);background:0 0;border-color:#0000}}.pill--contact:active{background:var(--fg);color:var(--bg)}.home__copy{color:var(--fg-muted);margin:0;font-size:15px;line-height:22px}.detail{width:100%;max-width:min(1080px,100vw - 48px);color:var(--fg);opacity:0;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out), overlay .26s allow-discrete, display .26s allow-discrete;background:0 0;border:0;margin:auto;padding:0;transform:translateY(12px)scale(.985)}.detail[open]{opacity:1;transform:none}@starting-style{.detail[open]{opacity:0;transform:translateY(12px)scale(.985)}}.detail::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background-color .26s var(--ease-out), backdrop-filter .26s var(--ease-out), overlay .26s allow-discrete, display .26s allow-discrete;background:0 0}.detail[open]::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e}@starting-style{.detail[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.detail__panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:radial-gradient(80% 50% at 50% 0%, color-mix(in oklab, var(--accent) var(--glow), transparent), transparent 70%), var(--card);scrollbar-width:thin;scrollbar-color:var(--pill-border) transparent;max-height:calc(100dvh - 48px);animation:caption-in .26s var(--ease-out) both;grid-auto-rows:max-content;gap:24px;padding:24px;display:grid;position:relative;overflow:auto}.detail__head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.detail__title{min-width:0}.detail__title h2{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:32px;font-weight:700;line-height:38px}.detail__client{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);font-size:12px;font-weight:600;line-height:16px;display:block}.detail__nav{align-items:center;gap:4px;display:flex}.detail__shot{aspect-ratio:16/10;background:var(--surface);border-radius:16px;display:block;overflow:hidden}.detail__shot img{object-fit:cover;width:100%;height:100%;display:block}.detail__info{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta cta""desc cta";align-items:center;gap:8px 32px;display:grid}.detail__meta{grid-area:meta;align-items:center;gap:12px;display:flex}.detail__types{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);font-size:12px;font-weight:600;line-height:16px}.detail__desc{max-width:42rem;color:var(--fg-soft);text-wrap:pretty;grid-area:desc;margin:0;font-size:20px;line-height:30px}.detail__cta{border-radius:var(--radius-pill);background:var(--fg);height:48px;color:var(--bg);white-space:nowrap;transition:transform .16s var(--ease-out), opacity .16s var(--ease-out);grid-area:cta;justify-content:center;align-items:center;gap:6px;padding:0 22px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.detail__cta:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.detail__cta:hover{opacity:.88}.detail__cta:hover .arrow{transform:translate(2px,-2px)}}.detail__more{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail__more .detail__shot{border-radius:12px}.detail__more:has(>:only-child){grid-template-columns:1fr}@media (width<=639px){.detail{max-width:100vw;margin:auto 0 0}.detail__panel{max-height:calc(100dvh - 32px);padding:16px 16px calc(24px + env(safe-area-inset-bottom));border-radius:var(--radius-panel) var(--radius-panel) 0 0;border-bottom:0;gap:18px}.detail__head{grid-template-columns:auto minmax(0,1fr);gap:12px}.detail__nav{grid-column:1/-1;justify-content:flex-end;margin-top:-8px}.detail__title h2{font-size:24px;line-height:30px}.detail__info{grid-template-columns:1fr;grid-template-areas:"meta""desc""cta";gap:12px}.detail__desc{font-size:17px;line-height:26px}.detail__cta{width:100%}.detail__more{grid-template-columns:1fr;gap:12px}}.about{background:var(--bg);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--fg);opacity:0;transition:opacity .32s var(--ease-out), transform .32s var(--ease-out), overlay .32s allow-discrete, display .32s allow-discrete;border:0;margin:0;padding:0;transform:scale(1.015)}.about[open]{opacity:1;transform:none}@starting-style{.about[open]{opacity:0;transform:scale(1.015)}}.about::backdrop{background:0 0}.about__scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--pill-border) transparent;height:100%;overflow-y:auto}.astage{min-height:100%;position:relative}.astage:before{content:"";pointer-events:none;background:radial-gradient(720px circle at var(--px,50%) var(--py,35%), color-mix(in oklab, var(--accent) var(--glow), transparent), transparent 70%);position:fixed;inset:0}.astage__progress{z-index:3;transform-origin:0;background:color-mix(in oklab, var(--accent) 70%, var(--fg));height:3px;position:fixed;top:0;left:0;right:0}.astage__bar{z-index:2;height:0;position:sticky;top:0}.astage__close{top:var(--pad-y);right:var(--pad-x);background:var(--bg);position:absolute}.astage__open{place-items:center;height:100dvh;min-height:520px;display:grid;position:relative;overflow:clip}.astage__icons{position:absolute;inset:0}.astage__icon{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;translate:-50% -50%}.astage__title{z-index:1;font-family:var(--font-display);margin:0;font-size:168px;font-weight:800;line-height:1;position:relative}.astage__letter{display:inline-block}.astage__hint{color:var(--fg-dim);animation:hint 1.8s var(--ease-out) 1.4s infinite;position:absolute;bottom:32px;left:50%;translate:-50%}@keyframes hint{50%{translate:-50% 6px}}.astage__body{max-width:920px;padding:8vh var(--pad-x) 16vh;gap:64px;margin:0 auto;display:grid;position:relative}.astage__para{font-family:var(--font-display);text-wrap:pretty;margin:0;font-size:40px;font-weight:500;line-height:50px}.astage__word.is-hl{color:color-mix(in oklab, var(--accent) 60%, var(--fg))}.astage__quotes{max-width:1100px;padding:0 var(--pad-x) 28vh;gap:32px;margin:0 auto;list-style:none;display:grid;position:relative}.astage__quote{font-family:var(--font-serif);color:var(--fg-muted);text-wrap:balance;font-size:64px;font-style:italic;line-height:72px}.astage__quote:nth-child(2n){text-align:right}.astage__quote.is-favorite{color:var(--fg);text-shadow:0 0 48px color-mix(in oklab, var(--accent) 45%, transparent);margin-top:32px;font-size:84px;line-height:92px}.astage__note{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;text-shadow:none;color:color-mix(in oklab, var(--accent) 60%, var(--fg));margin-top:14px;font-size:13px;font-style:normal;font-weight:600;line-height:18px;display:block}@media (width<=639px){.astage__title{font-size:88px}.astage__body{gap:40px}.astage__para{font-size:26px;line-height:34px}.astage__quotes{gap:24px}.astage__quote{font-size:36px;line-height:42px}.astage__quote.is-favorite{font-size:46px;line-height:52px}}@media (prefers-reduced-motion:reduce){.home,.home:before{transition:none}.home__name,.word,.live,.chips,.caption__body{animation:none}.pill,.tile,.chip,.toggle__thumb,.about,.detail,.detail::backdrop,.caption,.marquee{transition-duration:1ms}.detail,.detail[open]{transform:none}.detail__panel{animation:none}.pill:active,.about,.about[open]{transform:none}.astage__hint{animation:none}.marquee{scrollbar-width:none;overflow-x:auto}.marquee__track{animation:none}.marquee__track li[data-copy]{display:none}.gcard{transition:border-color .2s var(--ease-out);transform:none}}