@font-face{font-family:MuziDisplay;src:url(/fonts/pfan-hutu-subset.woff2)format("woff2"),local(PFanHuTuTi),local(PF频凡胡涂体),local(PFanHuTuTi-Regular);font-display:swap;font-style:normal;font-weight:400;unicode-range:U+20-7D,U+A9,U+B7,U+2014,U+2018-2019,U+201C-201D,U+2026,U+2190,U+2192,U+3001-3002,U+300A-300B,U+3010-3011,U+4E00,U+4E09-4E0B,U+4E0D-4E0E,U+4E1C,U+4E24,U+4E2A,U+4E2D,U+4E32,U+4E3A-4E3B,U+4E48-4E49,U+4E4B,U+4E5F-4E60,U+4E66,U+4E86,U+4E8B,U+4E8E,U+4E92,U+4E9B,U+4EA4,U+4EA7,U+4EAB,U+4EBA,U+4EC0,U+4ECB,U+4ECD-4ECE,U+4ED3,U+4EE3,U+4EE5,U+4EEC,U+4EF6-4EF7,U+4F1A,U+4F20,U+4F46,U+4F4D,U+4F53,U+4F55,U+4F5C,U+4F60,U+4F7F,U+4F9B,U+4F9D,U+4FDD,U+4FE1,U+5012,U+503C,U+505A,U+50CF,U+5148,U+5165,U+5168,U+516C,U+5171,U+5173-5174,U+5177,U+5185,U+518C-518D,U+5199,U+51E0,U+51FA-51FB,U+5206-5207,U+5219,U+521B,U+5220,U+5224,U+5230,U+5236,U+524D,U+52A0-52A1,U+52A8,U+5305,U+533A,U+5357,U+5361,U+5386,U+53CA,U+53CD,U+53D1,U+53D9,U+53E3,U+53E5,U+53EF-53F0,U+53F3,U+5404,U+5408,U+540D-540E,U+5411,U+547C,U+548C,U+54C1,U+559C,U+56DB,U+56DE,U+56FE,U+5728,U+5730,U+5740,U+5750,U+578B,U+57DF,U+586B,U+589E,U+590D,U+597D,U+5982,U+59CB,U+5B50,U+5B58,U+5B66,U+5B83,U+5B89,U+5B8C,U+5B9A,U+5B9E,U+5BA2,U+5BB9,U+5BDF,U+5BFC,U+5C01,U+5C06,U+5C0F,U+5C55,U+5C65,U+5DE5-5DE6,U+5DF1-5DF2,U+5E03,U+5E0C,U+5E26,U+5E38,U+5E76,U+5E8F,U+5E93,U+5E95,U+5EFA,U+5F00,U+5F0F,U+5F20,U+5F39,U+5F53,U+5F55,U+5F62,U+5F80,U+5F88,U+5F97,U+5FC5,U+6001,U+601D,U+606F,U+60C5,U+60F3,U+611F,U+6162,U+6210-6211,U+6216,U+624B,U+624D,U+6253,U+6280,U+628A,U+62A5,U+62B1,U+62DB,U+62E8-62E9,U+6301,U+6309,U+6362,U+636E,U+63A5,U+63A7,U+63CF-63D0,U+63D2,U+642D,U+6446,U+644A,U+6478,U+6495,U+652F,U+6536,U+6539,U+653E,U+6548,U+6574,U+6587,U+65AD,U+65B0,U+65B9,U+65C1,U+65E5,U+65F6,U+660E,U+662F,U+666F,U+6682,U+6696,U+66F4,U+66FF-6700,U+6709,U+670D,U+671B,U+671F,U+6728,U+672A,U+672C,U+672F,U+675F,U+6761,U+6765,U+677F,U+6784,U+679A,U+679C,U+67E5,U+6807,U+6848,U+684C,U+6863,U+695A,U+6A21,U+6A2A,U+6B21-6B22,U+6B63-6B65,U+6BCF,U+6BD4,U+6CA1,U+6CD5,U+6CE8,U+6D41,U+6D4F,U+6D77,U+6E05,U+6E90,U+6ED1,U+6EDA,U+6F14,U+7075,U+70B9,U+7167,U+7247,U+72B6,U+732B,U+73B0,U+7406,U+751F,U+7528,U+753B,U+754C,U+7559,U+767B,U+767D,U+7684,U+76EE,U+76F4,U+76F8,U+770B,U+771F,U+773C,U+7740,U+77E5,U+77EE,U+7801,U+786E,U+793A,U+793E,U+79C1,U+79CD,U+79FB,U+7A0B,U+7A3F,U+7A7A,U+7A97,U+7ACB,U+7AD9,U+7AE0,U+7B14,U+7B2C,U+7B49,U+7B7E,U+7B80,U+7C7B,U+7CFB,U+7EB8,U+7EC4,U+7ECF,U+7ED3,U+7ED8-7ED9,U+7EDF,U+7EE7,U+7EED,U+7F51,U+7F6E,U+7FFB,U+8003,U+8005,U+800C,U+80CC,U+80F6,U+81EA,U+822A,U+8272,U+8282,U+8349,U+84DD,U+85CF,U+8721,U+8865,U+8868,U+88AB,U+88C5,U+897F,U+8981,U+89C1-89C2,U+89C6,U+89C8-89C9,U+89E3,U+89E6,U+8A00,U+8BA1,U+8BA4,U+8BA9,U+8BB0,U+8BB8,U+8BBE-8BBF,U+8BC1,U+8BC6,U+8BDD,U+8BE6,U+8BED,U+8BF4,U+8BF7,U+8BFB,U+8C01,U+8C22,U+8C61,U+8D77,U+8DF3,U+8DF5,U+8F7B,U+8F93,U+8FB9,U+8FBE,U+8FC7,U+8FD4,U+8FD8-8FD9,U+8FDB,U+8FF0,U+9009,U+9012,U+901A,U+9047,U+90A3,U+90E8,U+90FD,U+91CC-91CD,U+94FE,U+952E,U+957F,U+95ED-95EE,U+95F4,U+9605,U+9664,U+96C6,U+9759,U+9762,U+9875-9876,U+9879,U+987B,U+9884,U+9898,U+9996,U+9A8C,U+9AA4,U+9AD8,U+9EC4,U+9F20,U+FF01,U+FF08-FF09,U+FF0C,U+FF1A-FF1B,U+FF1F}:root{--paper-primary:#f6f1e7;--paper-secondary:#efe7d8;--paper-light:#faf7f0;--ink-primary:#2b2926;--ink-muted:#6f6a62;--ink-subtle:#8b867e;--accent-brown:#b89068;--rule:color-mix(in srgb, var(--ink-primary) 18%, transparent);--page-max:78rem;--gutter:clamp(1.25rem, 4vw, 4rem);--display:"MuziDisplay", "STKaiti", "KaiTi", serif;--body:"Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--motion-fast:.2s;--motion-base:.5s;--motion-slow:.9s;--motion-page:1.2s;--layer-page:1;--layer-paper:2;--layer-cat:3;--layer-cursor:4;--layer-overlay:5}.body--book{overflow-x:clip}.body--book main{min-height:100dvh}.creative-book{min-height:100dvh;color:var(--ink-primary);isolation:isolate;background:#e9dfd0;padding:clamp(1rem,3vw,2.75rem);display:grid;position:relative;overflow:hidden}.creative-book:before{z-index:-2;content:"";background:radial-gradient(at 50% -10%,#fffdf7 0%,#f3eadc 44%,#e4d5c1 100%);position:absolute;inset:0}.creative-book:after{z-index:-1;content:"";opacity:.52;pointer-events:none;background-image:url(/images/creative-book/paper-fiber.svg);position:absolute;inset:0}.book-shell{perspective:2200px;place-self:center;width:min(1100px,100vw - clamp(2rem,6vw,5.5rem),141.026dvh - 11.282rem);display:grid;position:relative}.book-stage{aspect-ratio:1100/780;width:100%;transform-style:preserve-3d;filter:drop-shadow(0 2.1rem 1.65rem #48342238)drop-shadow(0 .5rem .55rem #4834221f);position:relative}.book-coverboard{z-index:0;background-color:#9c7858;background-image:linear-gradient(115deg,#ffffff2b,#0000 28%,#3925162e),url(/images/creative-book/cover-cloth.svg);width:50.5%;position:absolute;top:1.4%;bottom:1.3%;box-shadow:inset 0 1px #ffffff59,inset 0 -4px 10px #3d251430}.book-coverboard--left{border-radius:7px 2px 2px 7px;left:-.8%;transform:rotateY(-1deg)translateZ(-4px)}.book-coverboard--right{border-radius:2px 7px 7px 2px;right:-.8%;transform:rotateY(1deg)translateZ(-4px)}.book-page-stack{z-index:1;background:#e7dbc9;border-radius:2px;width:49%;position:absolute;top:2.6%;bottom:2.7%;box-shadow:0 2px #d9cab6,0 4px #e8dece,0 6px #d1bfa9,0 8px #e4d8c7,0 10px #cdb9a1,0 12px #e2d5c4,0 14px #c3ab91}.book-page-stack--left{left:1%}.book-page-stack--right{right:1%}.book-paper{background-color:var(--paper-light);width:48.55%;transform-style:preserve-3d;background-image:linear-gradient(100deg,#503a2612,#0000 4% 96%,#503a260e),url(/images/creative-book/paper-fiber.svg);position:absolute;top:2.05%;bottom:3%;overflow:hidden;box-shadow:inset 0 0 0 1px #5e442b26,inset 0 0 2rem #664b310b}.book-paper--left{z-index:2;border-radius:4px 1px 1px 4px;left:1.25%}.book-paper--target{z-index:3;border-radius:1px 4px 4px 1px;right:1.25%}.book-paper--current{z-index:6;backface-visibility:hidden;will-change:transform, opacity;border-radius:1px 4px 4px 1px;right:1.25%}.book-paper--current:has(.book-page--cover){border-radius:4px;width:auto;left:1.25%;right:1.25%}.book-paper--current:has(.book-page--cover) .book-page{width:100%}.book-stage--turning .book-paper--target{z-index:4}.book-spine{z-index:8;pointer-events:none;background:linear-gradient(90deg,#36241642,#fffcf429 40%,#38251533);width:1.35rem;position:absolute;top:1.35%;bottom:1.35%;left:50%;transform:translate(-50%);box-shadow:0 0 1rem #3624163d}.book-page{min-height:100%;color:var(--ink-primary);flex-direction:column;padding:clamp(2.4rem,5vw,5.4rem);display:flex;position:relative}.book-page:before{content:"";background:#563f2b38;height:1px;position:absolute;top:1.5rem;left:1.75rem;right:1.75rem}.book-page--cover{background:radial-gradient(circle at 23% 17%,#ffffff8c,#0000 24%),linear-gradient(107deg,#bd9f7b29,#0000 42%);justify-content:center;padding-left:14%}.book-page--cover:after{content:"";border-top:2px solid var(--accent-brown);border-radius:50%;width:8rem;height:1.3rem;position:absolute;bottom:17%;right:50%;transform:rotate(-8deg)}.book-page__number{color:var(--ink-subtle);letter-spacing:.12em;margin:0;font-size:.68rem;position:absolute;top:2.5rem;right:2.25rem}.book-page h1,.book-page h2{max-width:10ch;font-family:var(--display);letter-spacing:-.04em;margin:0 0 1.55rem;font-size:clamp(3rem,6vw,6.3rem);font-weight:400;line-height:.98}.book-page h2{font-size:clamp(2.55rem,4.3vw,4.6rem)}.book-page h1 em{color:var(--accent-brown);letter-spacing:-.02em;margin-top:.35rem;font-size:.58em;font-style:normal;display:block}.book-page__intro,.book-page__lead{max-width:20rem;color:var(--ink-muted);font-size:clamp(1rem,1.4vw,1.12rem)}.book-page__lead{color:var(--ink-primary);font-family:var(--display);font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.35}.book-page>p:not(.book-page__number):not(.book-page__lead):not(.book-page__intro):not(.book-page__note):not(.book-page__empty){max-width:25rem;color:var(--ink-muted)}.book-button{color:var(--ink-primary);border:1px solid var(--ink-primary);cursor:pointer;transition:color var(--motion-fast) var(--ease), background var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease);background:#faf7f0b3;border-radius:999px;align-self:flex-start;margin-top:1rem;padding:.76rem 1.1rem}.book-button:hover{color:var(--paper-light);background:var(--ink-primary);transform:translateY(-2px)}.book-page__link{color:var(--ink-primary);border-bottom:1px solid;align-self:flex-start;margin-top:auto;padding-top:1.6rem;font-size:.9rem;font-weight:700;text-decoration:none}.book-contents{border-top:1px solid #563f2b38;margin:0;padding:0;list-style:none}.book-contents li{border-bottom:1px solid #563f2b38}.book-contents button{width:100%;color:var(--ink-primary);text-align:left;cursor:pointer;transition:transform var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);background:0 0;border:0;grid-template-columns:2rem 1fr auto;padding:.8rem 0;display:grid}.book-contents button:hover{color:#855f42;transform:translate(.35rem)}.book-contents span,.book-contents i{color:var(--ink-subtle);font-size:.72rem;font-style:normal}.book-page__entries{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.book-page__entries a{color:var(--ink-primary);transition:color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease);border-bottom:1px solid #563f2b38;gap:.15rem;padding-bottom:.65rem;text-decoration:none;display:grid}.book-page__entries a:hover{color:#855f42;transform:translate(.3rem)}.book-page__entries span{color:var(--ink-muted);font-size:.78rem;line-height:1.5}.book-page__empty{max-width:20rem;color:var(--ink-muted);border-top:1px solid #563f2b38;border-bottom:1px solid #563f2b38;padding:1rem 0}.book-page__scribble{color:var(--accent-brown);font-family:var(--display);flex-wrap:wrap;gap:.85rem;margin-block:1rem 1.7rem;font-size:1.45rem;display:flex}.book-page__scribble span{border:1px solid;border-radius:50%;padding:.25rem .55rem;transform:rotate(-4deg)}.book-page__scribble span:nth-child(2){transform:rotate(4deg)translateY(.7rem)}.book-page__scribble span:nth-child(3){transform:rotate(-2deg)}.book-page__routes{flex-wrap:wrap;gap:1rem;margin-top:auto;display:flex}.book-page__routes a{color:var(--ink-primary);text-decoration-color:var(--accent-brown)}.book-visual-page{color:#2b292647;min-height:100%;font-family:var(--display);flex-direction:column;justify-content:center;padding:12%;font-size:clamp(2.4rem,4vw,4.5rem);line-height:.98;display:flex;position:relative}.book-visual-page span{color:#2b29263d;font-family:var(--body);letter-spacing:.1em;font-size:.65rem;position:absolute;top:2rem;right:2rem}.book-visual-page em{color:#b8906880;font-size:.55em;font-style:normal;display:block}.book-visual-page--previous{text-align:right;justify-content:flex-end;align-items:flex-end;font-size:clamp(1.1rem,2vw,1.85rem)}.book-visual-page--previous div{max-width:9ch}.book-stage__cat{z-index:12;pointer-events:none;will-change:transform, opacity;width:clamp(11rem,22vw,19rem);position:absolute;bottom:5.5%;right:5.2%}.book-stage--turning .book-stage__cat{z-index:5}.book-stage--turning[data-cat-mode=crouch] .book-stage__cat,.book-stage--turning[data-cat-mode=runningOut] .book-stage__cat,.book-stage--turning[data-cat-mode=runningIn] .book-stage__cat,.book-stage--turning[data-cat-mode=landing] .book-stage__cat{z-index:7}.cat-companion{aspect-ratio:1;width:100%;position:relative}.cat-companion__idle{opacity:1;position:absolute;inset:0}.cat-companion img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.cat-companion__shadow{z-index:0}.cat-companion__tail{z-index:1;transform-origin:29% 73%;transition:transform .12s var(--ease)}.cat-companion__body{z-index:2;transition:transform .12s var(--ease)}.cat-companion__head{z-index:3;transform-origin:56% 29%;transition:transform .12s var(--ease)}.cat-companion__pupils{z-index:4;opacity:.48;transition:transform .12s var(--ease)}.cat-companion__runner{aspect-ratio:1.6;opacity:0;transform-origin:50% 75%;width:120%;position:absolute;top:18%;left:-10%}.cat-companion__runner span{background:url(/images/creative-book/cat-run-sprite-v2.png) 0/600% 100% no-repeat;width:100%;height:100%;animation:.48s steps(6,end) infinite cat-run-frames;display:block}.cat-companion__runner:after{content:"";filter:blur(3px);background:#3f2b1b33;border-radius:50%;width:78%;height:9%;position:absolute;bottom:9%;left:11%;transform:translateY(1.1rem)scaleX(.75)}.cat-companion[data-mode=crouch] .cat-companion__idle{transform:translateY(.5rem)scaleY(.94)}.cat-companion[data-mode=runningOut] .cat-companion__idle,.cat-companion[data-mode=runningIn] .cat-companion__idle,.cat-companion[data-mode=occluded] .cat-companion__idle{opacity:0}.cat-companion[data-mode=runningOut] .cat-companion__runner,.cat-companion[data-mode=runningIn] .cat-companion__runner{opacity:1}.cat-companion[data-mode=occluded]{opacity:0}.cat-companion[data-mode=landing] .cat-companion__idle{animation:.28s ease-out both cat-landing}.cat-companion[data-mode=runningOut][data-direction=next] .cat-companion__runner,.cat-companion[data-mode=runningIn][data-direction=prev] .cat-companion__runner{transform:scaleX(-1)}.cat-companion[data-mode=runningOut] .cat-companion__runner:after,.cat-companion[data-mode=runningIn] .cat-companion__runner:after{animation:.24s ease-in-out infinite alternate cat-shadow-run}.book-navigation{justify-content:space-between;gap:1rem;margin-top:1.05rem;display:flex}.book-navigation button{color:var(--ink-primary);cursor:pointer;background:0 0;border:0;gap:.5rem;padding:.45rem 0;display:inline-flex}.book-navigation button:disabled{color:var(--ink-subtle);cursor:not-allowed}.book-navigation button:not(:disabled):hover{color:#855f42}.book-hint{color:var(--ink-subtle);letter-spacing:.08em;margin:0;font-size:.72rem;position:absolute;bottom:1.15rem;left:50%;transform:translate(-50%)}.yarn-cursor{z-index:calc(var(--layer-overlay) + 10);pointer-events:none;opacity:0;will-change:transform;width:5rem;position:fixed;top:0;left:0}.yarn-cursor[data-active]{opacity:1}.yarn-cursor img{filter:drop-shadow(0 .22rem .2rem #3c2a1b33);width:100%;height:auto;transition:transform var(--motion-fast) var(--ease)}.yarn-cursor[data-interactive] img{transform:scale(1.12)rotate(12deg)}.yarn-cursor[data-pressed] img{transform:scale(.87)rotate(-12deg)}html[data-yarn-cursor=active] body,html[data-yarn-cursor=active] a,html[data-yarn-cursor=active] button{cursor:none}.book-mobile-scroll{display:none}@keyframes cat-run-frames{to{background-position:100%}}@keyframes cat-shadow-run{0%{opacity:.55;transform:translateY(1.1rem)scaleX(.63)}to{opacity:1;transform:translateY(1.1rem)scaleX(.9)}}@keyframes cat-landing{0%{transform:translateY(-8px)scaleY(.92)}55%{transform:translateY(3px)scaleY(1.06)}to{transform:translateY(0)scaleY(1)}}@media (width<=1199px){.book-shell{width:min(940px,100vw - 3rem)}.book-page{padding:clamp(2rem,4vw,3.7rem)}.book-page h1{font-size:clamp(3rem,7vw,5rem)}.book-stage__cat{width:clamp(9.5rem,22vw,14rem);right:2%}.book-visual-page{font-size:clamp(2rem,4vw,3.8rem)}}@media (width<=767px){.creative-book{padding:0;display:block;overflow:visible}.creative-book:after{position:fixed}.book-shell,.book-hint{display:none}.book-mobile-scroll{display:grid}.book-mobile-scroll__chapter{border-bottom:1px solid #563f2b2e;min-height:82dvh;padding:1rem}.book-mobile-scroll .book-page{background-color:var(--paper-light);background-image:linear-gradient(107deg,#bd9f7b1f,#0000 46%),url(/images/creative-book/paper-fiber.svg);border:1px solid #563f2b1f;width:100%;min-height:calc(82dvh - 2rem);padding:4rem clamp(1.2rem,7vw,2rem) 2.5rem}.book-mobile-scroll .book-page--cover{justify-content:center}.book-mobile-scroll .book-page h2{font-size:clamp(3.2rem,18vw,5rem)}.book-mobile-scroll .book-page__number{top:1.7rem;right:1.5rem}.book-mobile-scroll__chapter:first-child .book-page:after{content:"";opacity:.92;background:url(/images/creative-book/cat-body.png) 50%/contain no-repeat;width:11rem;height:11rem;position:absolute;bottom:1rem;right:1rem}.book-mobile-scroll__chapter:first-child .book-page__intro{margin-bottom:11rem}.yarn-cursor{display:none}}@media (prefers-reduced-motion:reduce){.cat-companion,.cat-companion *,.yarn-cursor,.yarn-cursor *{transition:none!important;animation:none!important}.yarn-cursor{display:none!important}}.body--story{background:var(--paper-light);overflow-x:clip}.body--story main{min-height:100dvh}.body--story .site-header{z-index:20;position:fixed;top:0;left:0;right:0}.body--story .site-header__bar{min-height:4.75rem;padding-top:env(safe-area-inset-top);border-bottom:0}.scrollytelling{height:700dvh;color:var(--ink-primary);background:var(--paper-light);position:relative}.story-stage{background:var(--paper-light);isolation:isolate;height:100dvh;min-height:36rem;position:sticky;top:0;overflow:hidden}.story-stage:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#faf7f0c7 0%,#faf7f02e 27%,#0000 42% 58%,#faf7f02e 73%,#faf7f0c7 100%);position:absolute;inset:0}.story-stage:before{z-index:3;width:min(100% - (var(--gutter) * 2), var(--page-max));content:"";background:var(--rule);mix-blend-mode:multiply;pointer-events:none;height:1px;margin-inline:auto;position:absolute;top:calc(4.75rem - 1px);left:0;right:0}.story-poster,.story-media,.story-video{width:100%;height:100%;position:absolute;inset:0}.story-poster,.story-video{object-fit:cover;object-position:center}.story-poster{z-index:0}.story-media{z-index:1}.story-video{opacity:0;transition:opacity 96ms linear}.scrollytelling[data-layer=intro] .story-video--intro,.scrollytelling[data-layer=main] .story-video--intro,.scrollytelling[data-layer=main] .story-video--main,.scrollytelling[data-layer=outro] .story-video--intro,.scrollytelling[data-layer=outro] .story-video--main,.scrollytelling[data-layer=outro] .story-video--outro{opacity:1}.story-route-rail{align-items:center;gap:clamp(1rem,2.4vw,2.25rem);display:flex}.story-route-rail a{transition:color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease);font-size:.82rem;font-weight:700;text-decoration:none}.story-route-rail a:hover,.story-route-rail a:focus-visible{color:#855f42}.story-route-rail a:active{transform:translateY(1px)}.story-copy-deck{z-index:4;pointer-events:none;position:absolute;inset:0}.story-copy{visibility:hidden;opacity:0;width:min(20vw,20rem);transition:opacity var(--motion-base) var(--ease), transform var(--motion-base) var(--ease), visibility 0s linear var(--motion-base);position:absolute;top:50%;transform:translateY(calc(.75rem - 50%))}.story-copy--left{left:max(var(--gutter), calc((100vw - var(--page-max)) / 2))}.story-copy--right{right:max(var(--gutter), calc((100vw - var(--page-max)) / 2))}.story-copy.is-active{visibility:visible;opacity:1;pointer-events:auto;transition-delay:80ms;transform:translateY(-50%)}.story-copy h1,.story-copy h2{max-width:9ch;font-family:var(--display);letter-spacing:-.045em;margin-bottom:1rem;font-size:clamp(3.1rem,5.3vw,5.8rem);font-weight:400;line-height:.98}.story-copy p{max-width:24rem;color:var(--ink-muted);margin-bottom:0;font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.7}.story-copy__link{transition:color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease);align-items:center;gap:.75rem;margin-top:1.35rem;padding:.65rem 0;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.story-copy__link-icon{object-fit:contain;flex:0 0 3rem;width:3rem;height:3rem}.story-copy__link-text{border-bottom:1px solid;align-items:center;gap:.55rem;padding-bottom:.2rem;display:inline-flex}.story-copy__link:hover,.story-copy__link:focus-visible{color:#855f42}.story-copy__link:active{transform:translateY(1px)}.story-route-rail{right:var(--gutter);bottom:calc(1.25rem + env(safe-area-inset-bottom));left:var(--gutter);z-index:5;border-top:1px solid var(--rule);visibility:hidden;opacity:0;transition:opacity var(--motion-base) var(--ease), transform var(--motion-base) var(--ease), visibility 0s linear var(--motion-base);justify-content:center;padding-top:.9rem;position:absolute;transform:translateY(.5rem)}.scrollytelling[data-chapter=end] .story-route-rail{visibility:visible;opacity:1;transition-delay:.1s;transform:translateY(0)}.story-static{background:var(--paper-primary);display:none}.story-static__hero{border-bottom:1px solid var(--rule);min-height:100dvh;position:relative;overflow:hidden}.story-static__hero img{object-fit:cover;object-position:center;width:100%;height:100dvh}.story-static__hero>div{right:var(--gutter);bottom:var(--gutter);left:var(--gutter);border:1px solid var(--rule);background:#faf7f0eb;padding:1.25rem;position:absolute}.story-static__hero p{max-width:28rem;color:var(--ink-muted);margin-bottom:0}.story-static__hero .story-static__wordmark{color:var(--ink-primary);font-family:var(--display);margin-bottom:.5rem;font-size:2.25rem;line-height:1}.story-static__chapters{width:min(100% - (var(--gutter) * 2), 52rem);margin-inline:auto}.story-static__chapters article{border-bottom:1px solid var(--rule);min-height:52dvh;padding-block:clamp(4rem,10vw,8rem)}.story-static__chapters h1,.story-static__chapters h2{max-width:12ch;font-family:var(--display);letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(2.8rem,8vw,5rem);font-weight:400;line-height:1}.story-static__chapters p{max-width:30rem;color:var(--ink-muted)}.story-static__chapters a{align-items:center;gap:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.story-static__link-icon{object-fit:contain;flex:0 0 3rem;width:3rem;height:3rem}.story-static__link-text{border-bottom:1px solid;align-items:center;gap:.5rem;padding-bottom:.25rem;display:inline-flex}.scrollytelling[data-static]{height:auto}.scrollytelling[data-static] .story-stage{display:none}.scrollytelling[data-static] .story-static{display:block}@media (width<=63.99rem){.story-stage{min-height:34rem}.story-stage:after{background:linear-gradient(#0000 43%,#faf7f024 56%,#faf7f0e6 100%)}.body--story .site-header__bar,.story-stage:before{width:calc(100% - 2rem)}.story-copy-deck{padding:0 1rem calc(1.25rem + env(safe-area-inset-bottom));align-items:flex-end;display:flex}.story-copy,.story-copy--left,.story-copy--right{top:auto;right:1rem;bottom:calc(1.25rem + env(safe-area-inset-bottom));background:0 0;border:0;width:auto;max-height:min(42dvh,22rem);padding:clamp(1rem,3vw,1.5rem);left:1rem;overflow:auto;transform:translateY(.75rem)}.story-copy.is-active{transform:translateY(0)}.story-copy h1,.story-copy h2{max-width:12ch;margin-bottom:.65rem;font-size:clamp(2.35rem,8vw,4rem);line-height:1}.story-copy p{max-width:30rem;font-size:.94rem;line-height:1.6}.story-copy__link{margin-top:.8rem}.story-route-rail{display:none}}@media (width<=35rem){.body--story .site-header__bar{min-height:4.25rem}.story-stage:before{top:calc(4.25rem - 1px)}.story-copy,.story-copy--left,.story-copy--right{max-height:39dvh}}@media (prefers-reduced-motion:reduce){.scrollytelling{height:auto}.story-stage{display:none}.story-static{display:block}}:root{--paper:var(--paper-primary);--navy:var(--ink-primary);--mustard:var(--accent-brown);--rust:#8a6243;--muted:var(--ink-muted)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:20rem;color:var(--navy);background:var(--paper);font-family:var(--body);text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}button{color:inherit;font:inherit}img{max-width:100%;display:block}.mz-spot-icon{object-fit:contain;height:auto}h1,h2,h3,p{margin-top:0}:focus-visible{outline:3px solid var(--mustard);outline-offset:4px}.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}.skip-link{z-index:1000;color:var(--navy);background:var(--mustard);padding:.45rem .75rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(var(--page-max), calc(100% - (var(--gutter) * 2)));margin-inline:auto}.site-header{z-index:20;position:relative}.site-header__bar{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:4.5rem;display:flex}.wordmark{font-family:var(--display);font-size:clamp(1.7rem,3vw,2.25rem);line-height:1;text-decoration:none}.site-index{position:relative}.index-toggle{cursor:pointer;background:0 0;border:0;align-items:center;gap:.65rem;min-height:2.75rem;padding:.25rem .15rem;font-weight:700;display:inline-flex;position:relative}.index-toggle:after{content:"";background:var(--mustard);transform-origin:0;height:.18rem;transition:transform .32s var(--ease);position:absolute;bottom:.25rem;left:0;right:0;transform:scaleX(0)}.index-toggle:hover:after,.index-toggle:focus-visible:after,.site-index[data-open] .index-toggle:after{transform:scaleX(1)}.index-toggle:active{transform:translateY(1px)}.index-toggle__mark{width:.9rem;height:.9rem;transition:transform .26s var(--ease);display:block;position:relative}.index-toggle__mark span{background:currentColor;width:.85rem;height:1px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.index-toggle__mark span:last-child{transform:translate(-50%,-50%)rotate(90deg)}.site-index[data-open] .index-toggle__mark{transform:rotate(45deg)}.index-panel{z-index:10;overscroll-behavior:contain;visibility:hidden;border:1px solid var(--rule);background:var(--paper-light);opacity:0;transform-origin:100% 0;pointer-events:none;width:clamp(18rem,24vw,21rem);max-height:calc(100dvh - 6.25rem);transition:opacity .21s var(--ease), transform .26s var(--ease), visibility 0s linear .26s;border-radius:1rem;padding:.7rem;position:absolute;top:calc(100% + .6rem);right:0;overflow-y:auto;transform:translateY(-.65rem)scale(.985);box-shadow:0 4px 10px #2b29260f,0 22px 44px -24px #2b292647}.index-panel[hidden]{display:none}.site-index[data-open] .index-panel{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.index-panel__list{margin:0;padding:0;list-style:none}.index-panel__item{border-top:1px solid var(--rule);opacity:0;transition:opacity .26s var(--ease), transform .32s var(--ease);transform:translateY(.5rem)}.index-panel__item:first-child{border-top:0}.site-index[data-open] .index-panel__item{opacity:1;transition-delay:calc(60ms + (var(--index-position) * 35ms));transform:translateY(0)}.index-panel a{min-height:3.25rem;transition:color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease), background-color var(--motion-fast) var(--ease);grid-template-columns:2rem minmax(0,1fr) 1.25rem;align-items:center;gap:.6rem;padding:.65rem .8rem;text-decoration:none;display:grid}.index-panel a:hover,.index-panel a:focus-visible{color:var(--navy);background:color-mix(in srgb, var(--paper-secondary) 70%, transparent);transform:translate(.25rem)}.index-panel a:focus-visible{outline-offset:-3px}.index-panel a[aria-current=page]{background:color-mix(in srgb, var(--paper-secondary) 54%, transparent)}.index-link__number{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:.82rem}.index-link__label{z-index:0;justify-self:start;font-size:clamp(1rem,1.35vw,1.12rem);font-weight:700;line-height:1.25;position:relative}.index-link__label:after{z-index:-1;content:"";background:var(--mustard);transform-origin:0;height:42%;transition:transform .6s var(--ease);position:absolute;bottom:.03em;left:-.08em;right:0;transform:scaleX(0)rotate(-.6deg)}.index-panel a:hover .index-link__label:after,.index-panel a:focus-visible .index-link__label:after,.index-panel a[aria-current=page] .index-link__label:after{transform:scaleX(1)rotate(-.6deg)}.index-link__arrow{opacity:.55;width:1.1rem;height:1.1rem;transition:opacity var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;overflow:visible}.index-panel a:hover .index-link__arrow,.index-panel a:focus-visible .index-link__arrow,.index-panel a[aria-current=page] .index-link__arrow{opacity:1;transform:translate(.25rem)}.hero{align-items:end;gap:clamp(2.5rem,7vw,7rem);min-height:min(48rem,100dvh - 4.5rem);padding-block:clamp(3.5rem,8vw,6rem) clamp(3.5rem,8vw,6.5rem);display:grid}.hero__copy{max-width:38rem;animation:rise-in .48s var(--ease) both}.hero__kicker,.page-label{color:var(--muted);letter-spacing:.08em;margin-bottom:1rem;font-size:.82rem}.hero h1,.listing-page h1,.about-page h1,.article-page h1,.not-found h1{font-family:var(--display);letter-spacing:-.04em;margin-bottom:1.25rem;font-size:clamp(3rem,7vw,6.1rem);font-weight:400;line-height:1.08}.hero__summary{max-width:22rem;color:var(--muted);margin-bottom:1.7rem;font-size:clamp(1rem,1.5vw,1.15rem)}.hero__media{animation:rise-in .56s var(--ease) 60ms both;place-self:end center;margin:0}.hero__media img{object-fit:contain;width:auto;max-width:100%;height:clamp(25rem,100vw,40rem)}.text-link{transition:color .16s var(--ease), transform .16s var(--ease);border-bottom:1px solid;align-items:center;gap:.45rem;font-weight:700;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--rust)}.text-link:active{transform:translateY(1px)}.text-link--primary{border:1px solid var(--navy);background:var(--mustard);padding:.55rem .8rem}.text-link--primary:hover{color:var(--navy);background:color-mix(in srgb, var(--mustard) 85%, white)}.content-section{border-top:1px solid var(--rule);gap:clamp(2rem,7vw,8rem);padding-block:clamp(4.5rem,10vw,9rem);scroll-margin-top:1.5rem;display:grid}.section-intro{max-width:22rem}.section-intro__image{width:clamp(5.5rem,12vw,8rem);margin-bottom:1.25rem}.section-intro h2,.about-section h2{font-family:var(--display);margin-bottom:.7rem;font-size:clamp(2.5rem,5vw,4.25rem);font-weight:400;line-height:1.1}.section-intro p,.about-section p{color:var(--muted)}.content-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.content-list li{border-bottom:1px solid var(--rule)}.content-list a{transition:color .16s var(--ease), padding-left .16s var(--ease);gap:1.25rem;padding:1.2rem 0;text-decoration:none;display:grid}.content-list a:hover{color:var(--rust);padding-left:.55rem}.content-list h3{font-family:var(--display);margin-bottom:.25rem;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:400;line-height:1.2}.content-list p{color:var(--muted);margin-bottom:0;font-size:.94rem}.content-list__meta{color:var(--muted);flex-wrap:wrap;gap:.55rem .9rem;font-size:.82rem;display:flex}.content-list__tags{flex-wrap:wrap;gap:.4rem;display:inline-flex}.note-tag{min-height:1.7rem;color:var(--navy);border:1px solid var(--rule);border-radius:999px;align-items:center;padding:.08rem .5rem;display:inline-flex}.empty-state{max-width:28rem;color:var(--muted);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0;padding:1.2rem 0}.about-section{border-top:1px solid var(--rule);align-items:center;gap:1.75rem;padding-block:clamp(4.5rem,10vw,9rem);scroll-margin-top:1.5rem;display:grid}.about-section>img{width:clamp(9rem,20vw,15rem)}.about-section__hello{font-family:var(--display);margin-bottom:.55rem;font-size:clamp(2rem,4vw,3.2rem);color:var(--navy)!important}.listing-page,.about-page{min-height:calc(100dvh - 13rem);padding-block:clamp(2rem,5vw,4rem) clamp(6rem,11vw,8rem)}.article-page,.not-found{min-height:calc(100dvh - 13rem);padding-block:clamp(4rem,10vw,8rem)}.listing-page .content-list,.about-page{max-width:52rem}.about-page>div{max-width:32rem}.about-page p{color:var(--muted)}.article-page{max-width:52rem}.article-page__back{margin-bottom:3rem}.article-page header{border-bottom:1px solid var(--rule);max-width:42rem;padding-bottom:2rem}.article-page header>p{color:var(--muted);font-size:1.1rem}.article-page__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.7rem 1rem;font-size:.9rem;display:flex}.prose{max-width:42rem;padding-top:2.5rem}.prose h2,.prose h3{font-family:var(--display);font-weight:400;line-height:1.2}.prose h2{margin-top:3rem;font-size:2.25rem}.prose h3{margin-top:2rem;font-size:1.65rem}.prose p,.prose li{color:var(--muted)}.prose a{color:var(--rust)}.prose code{color:var(--navy);background:color-mix(in srgb, var(--mustard) 24%, var(--paper));padding:.1rem .3rem}.not-found{max-width:42rem}.not-found p:not(.page-label){color:var(--muted)}.site-footer{border-top:1px solid var(--rule);color:var(--muted);gap:1.5rem;padding-block:2rem 3rem;font-size:.88rem;display:grid}.site-footer p{margin:0}.site-footer__meta{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.site-footer a{color:var(--navy)}@keyframes rise-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media (width>=48rem){.hero{grid-template-columns:minmax(0,1fr) minmax(19rem,.78fr)}.hero__media{justify-self:end}.hero__media img{height:clamp(31rem,48vw,46rem)}.content-section{grid-template-columns:minmax(13rem,.64fr) minmax(0,1.36fr)}.content-section--reverse{grid-template-columns:minmax(0,1.36fr) minmax(13rem,.64fr)}.content-section--reverse .section-intro{order:2;justify-self:end}.content-section--reverse .content-list{order:1}.content-list a{grid-template-columns:minmax(0,1fr) auto;align-items:end}.content-list__meta{text-align:right;justify-content:flex-end}.about-section{grid-template-columns:minmax(11rem,.5fr) minmax(0,1fr)}.site-footer{grid-template-columns:1fr auto;align-items:end}}@media (width<=47.99rem){.index-panel{width:min(21rem, calc(100vw - (var(--gutter) * 2)));max-height:calc(100dvh - 5.75rem)}.index-panel a{min-height:3.5rem}}@media (hover:none),(pointer:coarse){.index-panel a:hover,.index-panel a:focus-visible{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.index-panel__item,.site-index[data-open] .index-panel__item{transition-delay:0s!important}}.site-loader{z-index:calc(var(--layer-overlay) + 100);background:var(--paper-primary);opacity:1;place-items:center;transition:opacity .24s cubic-bezier(.16,1,.3,1);display:none;position:fixed;inset:0;overflow:hidden}html[data-site-loader-active]{overflow:hidden}html[data-site-loader-active] .site-loader{display:grid}html[data-site-loader-exiting] .site-loader{pointer-events:none;opacity:0}.site-loader__avatar{aspect-ratio:1;transform-origin:50% 62%;will-change:transform;width:clamp(9rem,24vw,12rem);position:relative;transform:scale(1)}.site-loader__avatar[data-pop]{animation:.11s cubic-bezier(.16,1,.3,1) site-loader-pop}.site-loader__viewport{position:absolute;inset:0;overflow:hidden}.site-loader__poster,.site-loader__strip{user-select:none;pointer-events:none;max-width:none;height:100%;display:block;position:absolute;top:0;left:0}.site-loader__poster{object-fit:contain;width:100%}.site-loader__strip{opacity:0;will-change:transform;width:800%;transform:translate(0,0)}.site-loader[data-sprite-ready] .site-loader__poster{opacity:0}.site-loader[data-sprite-ready] .site-loader__strip{opacity:1}@keyframes site-loader-pop{0%{transform:scale(.985)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.site-loader{transition:none}.site-loader__avatar,.site-loader__avatar[data-pop]{animation:none}}.works-page{--works-ink-soft:#57534d;min-height:calc(100dvh - 13rem);overflow:clip}.works-archive{width:min(48rem, calc(100% - (var(--gutter) * 2)));padding-block:clamp(2rem,5vw,4rem) clamp(6rem,11vw,11rem);scroll-margin-top:1.5rem}.works-showcase{gap:clamp(2rem,4vw,3.5rem);width:100%;max-width:47.25rem;margin-inline:auto;display:grid}.works-card-hitbox{width:100%;transform-style:preserve-3d}.works-card__reveal{width:100%}.works-card{z-index:0;width:100%;height:18.75rem;color:inherit;background:var(--paper-light);border:1px solid var(--rule);transition:transform .36s var(--ease), box-shadow .52s var(--ease), border-color .28s var(--ease);border-radius:1rem;grid-template-columns:minmax(0,22.25rem) minmax(0,1fr);gap:2.25rem;padding:1.375rem 1.625rem;display:grid;position:relative;transform:translateY(0)}.works-card-hitbox--reverse .works-card{grid-template-columns:minmax(0,1fr) minmax(0,22.25rem)}.works-card__number{z-index:0;color:#ded7ca;font-family:var(--display);transition:transform .42s var(--ease), color .32s var(--ease);font-size:2.7rem;line-height:1;position:absolute;bottom:.65rem;left:1.7rem}.works-card-hitbox--reverse .works-card__number{left:auto;right:1.7rem}.works-card__preview{z-index:1;aspect-ratio:356/200;background:#f1eadc;border-radius:.8rem;align-self:center;width:100%;min-width:0;position:relative;overflow:hidden}.works-card-hitbox--reverse .works-card__preview{order:2}.works-card__content{z-index:2;flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.works-card__content h2{font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:.55rem;margin:0 0 1rem;font-size:clamp(2rem,3.2vw,2.45rem);font-weight:400;line-height:1.04;display:flex}.works-card__brand-mark{object-fit:contain;flex:none;width:2rem;height:2rem}.works-card__title-link{color:inherit;background-image:linear-gradient(#efd26a,#efd26a);background-position:0 88%;background-repeat:no-repeat;background-size:0 42%;text-decoration:none;transition:background-size .6s cubic-bezier(.19,1,.22,1)}.works-card__content p{max-width:19rem;color:var(--muted);margin:0 0 1.55rem;font-size:.96rem;line-height:1.75}.works-card__cta{min-height:2.35rem;color:inherit;border-bottom:1px solid;align-self:flex-start;align-items:center;gap:.45rem;padding-block:.3rem;font-weight:700;text-decoration:none;display:inline-flex}.works-card__cta svg{transition:transform .26s var(--ease)}.works-card:focus-within{border-color:#d5d0c7;transform:translateY(-5px);box-shadow:0 3px 6px #2b29260a,0 26px 48px -18px #2b29262e}.works-card:focus-within .works-card__number{color:#cbc1b1;transform:translateY(-6px)}.works-card:focus-within .works-card__title-link{background-size:100% 42%}.works-card:focus-within .works-card__cta svg{transform:translate(2px,-2px)}.works-card:active{transition-duration:.12s;transform:translateY(-2px)scale(.998)}.munan-demo,.munan-demo__viewport,.project-poster,.project-poster__scene{position:absolute;inset:0}.munan-demo{cursor:ew-resize;outline-offset:-4px;touch-action:pan-y;user-select:none;background:#f4eddf;overflow:hidden}.munan-demo__viewport{background:#f4eddf;overflow:hidden}.munan-demo__brand-leaf{z-index:5;object-fit:contain;opacity:.66;pointer-events:none;width:1.55rem;height:1.55rem;display:block;position:absolute;top:.7rem;left:.75rem}.munan-demo__mascot{z-index:1;opacity:.6;filter:saturate(.72)brightness(1.04)drop-shadow(0 8px 8px #4334240d);transform:translate3d(0, .4rem, 0) scale(.9) rotate(var(--mascot-rest-rotate));transform-origin:50% 92%;will-change:transform, opacity, filter;transition:opacity .42s,filter .52s,transform .65s cubic-bezier(.19,1,.22,1);position:absolute}.munan-demo__mascot.is-active{z-index:4;opacity:1;filter:saturate()brightness()drop-shadow(0 15px 12px #43342426);transform:translate3d(var(--mascot-active-x), -.5rem, 0) scale(1.06) rotate(0deg)}.munan-demo__mascot--discover{--mascot-rest-rotate:-2.5deg;--mascot-active-x:.1rem;width:54%;bottom:-18%;left:-8%}.munan-demo__mascot--create{--mascot-rest-rotate:.5deg;--mascot-active-x:0;width:56%;bottom:-18%;left:22%}.munan-demo__mascot--share{--mascot-rest-rotate:2.5deg;--mascot-active-x:-.15rem;width:53%;bottom:-16%;right:-7%}.munan-demo__mascot-image{pointer-events:none;width:100%;height:auto;display:block}.munan-demo[data-preview-active=true] .munan-demo__mascot--discover.is-active .munan-demo__mascot-image{animation:2.5s ease-in-out infinite alternate munan-mascot-discover}.munan-demo[data-preview-active=true] .munan-demo__mascot--create.is-active .munan-demo__mascot-image{animation:2.2s ease-in-out infinite alternate munan-mascot-create}.munan-demo[data-preview-active=true] .munan-demo__mascot--share.is-active .munan-demo__mascot-image{animation:2.35s ease-in-out infinite alternate munan-mascot-share}.munan-demo--fallback{cursor:default;background:#f4eddf;place-items:center;display:grid}.munan-demo__fallback-image{object-fit:contain;pointer-events:none;width:min(66%,14rem);height:min(86%,12rem);display:block}@keyframes munan-mascot-discover{to{transform:translateY(-.18rem)rotate(-1.2deg)}}@keyframes munan-mascot-create{to{transform:translateY(-.22rem)scale(1.015)}}@keyframes munan-mascot-share{to{transform:translate(.48rem,-.32rem)rotate(-1deg)}}.project-poster{overflow:hidden}.project-poster img{width:100%;height:100%;display:block}.poster-munan{background:#f1eadc}.poster-munan img{object-fit:cover;object-position:50% 50%;width:104%;height:104%;margin:-2%;transform:scale(1.01)translateY(0)}.project-poster.is-active .poster-munan img{animation:12s ease-in-out infinite alternate poster-munan-breathe}.poster-icons{background:var(--paper-secondary);place-items:center;padding:clamp(1.4rem,3.5vw,2.75rem);display:grid}.poster-icons__sheet{object-fit:contain;background:var(--paper-light);max-height:82%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(84%,30rem)!important;height:auto!important}.poster-icons__sheet--block{opacity:0}.project-poster.is-active .poster-icons__sheet--crayon{animation:12s ease-in-out infinite poster-icons-crayon}.project-poster.is-active .poster-icons__sheet--block{animation:12s ease-in-out infinite poster-icons-block}.poster-crayon{background:#f0eadf}.poster-crayon img{object-fit:cover;object-position:50% 25%;transform:scale(1.035)translate(0,0)}.project-poster.is-active .poster-crayon img{animation:11s ease-in-out infinite alternate poster-crayon-breathe}.poster-zine{background:#d9d3c8}.poster-zine img{object-fit:cover;object-position:50% 36%}.poster-zine__source,.poster-zine__reveal,.poster-zine__reveal img{position:absolute;inset:0}.poster-zine__reveal{opacity:0}.project-poster.is-active .poster-zine__source{animation:12s ease-in-out infinite poster-zine-source}.project-poster.is-active .poster-zine__reveal{animation:12s ease-in-out infinite poster-zine-result}@keyframes poster-munan-breathe{to{transform:scale(1.03)translateY(-1.2%)}}@keyframes poster-icons-crayon{0%,42%{opacity:1}58%,92%{opacity:0}to{opacity:1}}@keyframes poster-icons-block{0%,42%{opacity:0}58%,92%{opacity:1}to{opacity:0}}@keyframes poster-crayon-breathe{to{transform:scale(1.055)translateY(-1%)}}@keyframes poster-zine-source{0%,42%{opacity:1}58%,92%{opacity:0}to{opacity:1}}@keyframes poster-zine-result{0%,42%{opacity:0}58%,92%{opacity:1}to{opacity:0}}@media (hover:hover) and (pointer:fine){.works-card:hover{border-color:#d5d0c7;transform:translateY(-5px);box-shadow:0 3px 6px #2b29260a,0 26px 48px -18px #2b29262e}.works-card:hover .works-card__number{color:#cbc1b1;transform:translateY(-6px)}.works-card:hover .works-card__title-link{background-size:100% 42%}.works-card:hover .works-card__cta svg{transform:translate(2px,-2px)}}@media (width<=55.99rem){.works-card-hitbox{opacity:1!important;transform:none!important}.works-card,.works-card-hitbox--reverse .works-card{grid-template-columns:1fr;gap:1.5rem;height:auto;min-height:0;padding:1rem;overflow:hidden}.works-card__preview,.works-card-hitbox--reverse .works-card__preview{aspect-ratio:16/10;order:0}.works-card__content{order:1;min-height:12.5rem;padding:.25rem .6rem .75rem}.works-card__number,.works-card-hitbox--reverse .works-card__number{font-size:2.25rem;bottom:.9rem;left:auto;right:1.2rem}.works-card__content h2{font-size:clamp(2rem,8vw,2.7rem)}.works-card__content p{max-width:calc(100% - 2.75rem);margin-bottom:1.25rem}}@media (width<=47.99rem){.works-archive{width:calc(100% - (var(--gutter) * 2))}.works-showcase{gap:2rem}}@media (hover:none),(pointer:coarse){.works-card,.works-card:focus-within,.works-card:active{border-color:var(--rule);box-shadow:none;transform:none}.munan-demo{cursor:default}}@media (prefers-reduced-motion:reduce){.works-card-hitbox,.works-card__reveal,.works-card{opacity:1!important;transform:none!important}.works-card{transition:none!important}.works-card__title-link{background-size:100% 42%;transition:none}.munan-demo__mascot{transition:none!important}.munan-demo__mascot-image,.project-poster *{animation:none!important}.poster-icons__sheet--crayon{opacity:1}.poster-icons__sheet--block,.poster-zine__reveal{opacity:0}}.skill-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,1.75rem);width:min(48rem,100%);margin-inline:auto;display:grid}.skill-card{--skill-spot-x:50%;--skill-spot-y:50%;--skill-idle-rotation:1deg;aspect-ratio:1.1;min-height:20rem;color:var(--ink-primary);transform-style:preserve-3d;text-decoration:none;display:block;position:relative}.skill-card:nth-child(2n){--skill-idle-rotation:-1deg}.skill-card:nth-child(3n){--skill-idle-rotation:.7deg}.skill-card__surface{border:1px solid var(--rule);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.19, 1, .22, 1), box-shadow .7s cubic-bezier(.19, 1, .22, 1), border-color .28s var(--ease);background:#faf8f2;border-radius:1rem;display:block;position:absolute;inset:0;overflow:visible}.skill-card__spotlight{z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle 10.625rem at var(--skill-spot-x) var(--skill-spot-y), #d6a94c38, transparent 70%);opacity:0;transition:opacity .32s var(--ease);position:absolute;inset:0;overflow:hidden}.skill-card__copy{z-index:4;pointer-events:none;padding:clamp(1.35rem,3vw,1.75rem);display:block;position:absolute;inset:0 0 auto}.skill-card__heading{grid-template-columns:minmax(0,1fr) auto auto;align-items:flex-start;gap:.6rem;display:grid}.skill-card__heading strong{max-width:100%;font-family:var(--display);letter-spacing:-.035em;box-decoration-break:clone;background-image:linear-gradient(#ffe28a,#ffe28a);background-position:0 78%;background-repeat:no-repeat;background-size:0% 42%;font-size:clamp(1.55rem,2.75vw,2.15rem);font-weight:400;line-height:1.02;transition:background-size .6s cubic-bezier(.19,1,.22,1)}.skill-card__stars{color:var(--ink-primary);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:.25rem;padding-top:.15rem;font-size:.82rem;font-weight:650;line-height:1;display:inline-flex}.skill-card__star-icon{width:1.25rem;height:1.25rem;overflow:visible}.skill-card__star-shadow{fill:none;stroke:#46371773;stroke-linejoin:round;stroke-width:3.2px}.skill-card__star-core{fill:#ffd75e;stroke:#fff1b5;stroke-linejoin:round;stroke-width:1.2px}.skill-card__summary{width:fit-content;color:var(--muted);margin-top:.35rem;font-size:.92rem;font-weight:600;line-height:1.35;display:block}.skill-card__arrow{border:1px solid var(--rule);width:2rem;height:2rem;transition:transform .28s var(--ease), border-color .28s var(--ease), background-color .28s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.skill-card__art{z-index:3;pointer-events:none;display:block;position:absolute;inset:32% 0 0;overflow:visible}.skill-card__art img{object-fit:contain;filter:drop-shadow(0 12px 18px #0000001a);width:100%;height:128%;transform:translateX(-50%) rotate(var(--skill-idle-rotation));transform-origin:50% 100%;will-change:transform, filter;transition:transform .8s cubic-bezier(.19,1,.22,1) 50ms,filter .8s cubic-bezier(.19,1,.22,1) 50ms;position:absolute;bottom:-16%;left:50%}.skill-card:hover .skill-card__surface,.skill-card:focus-visible .skill-card__surface{border-color:#0000;transform:translateY(-5px);box-shadow:0 24px 56px #2b292624}.skill-card:hover .skill-card__spotlight,.skill-card:focus-visible .skill-card__spotlight{opacity:1}.skill-card:hover .skill-card__heading strong,.skill-card:focus-visible .skill-card__heading strong{background-size:100% 42%}.skill-card:hover .skill-card__art img,.skill-card:focus-visible .skill-card__art img{filter:drop-shadow(0 24px 28px #00000029);transform:translate(-50%)translateY(-8px)scale(1.05)rotate(0)}.skill-card:hover .skill-card__arrow,.skill-card:focus-visible .skill-card__arrow{border-color:color-mix(in srgb, #c39231 68%, var(--rule));background:#ffe28a;transform:translate(2px,-2px)}.skill-card:active .skill-card__surface{transform:translateY(-2px);box-shadow:0 12px 28px #2b29261a}@media (width<=47.99rem){.skill-showcase{grid-template-columns:1fr;width:min(28rem,100%)}.skill-card{min-height:0}.skill-card__surface{overflow:hidden}.skill-card__heading strong{font-size:clamp(1.85rem,7.5vw,2.4rem)}}@media (hover:none),(pointer:coarse){.skill-card,.skill-card__surface{transform:none!important}.skill-card__surface{overflow:hidden}.skill-card:hover .skill-card__surface{border-color:var(--rule);box-shadow:none}.skill-card:hover .skill-card__spotlight{display:none}.skill-card:hover .skill-card__art img{filter:drop-shadow(0 12px 18px #0000001a);transform:translateX(-50%) rotate(var(--skill-idle-rotation))}}@media (prefers-reduced-motion:reduce){.skill-card,.skill-card__surface,.skill-card__art img,.skill-card__arrow,.skill-card__heading strong{transition:none}.skill-card,.skill-card__surface{transform:none!important}.skill-card__surface{overflow:hidden}.skill-card__spotlight{display:none}.skill-card:hover .skill-card__surface,.skill-card:focus-visible .skill-card__surface{border-color:var(--rule);box-shadow:none}.skill-card:hover .skill-card__art img,.skill-card:focus-visible .skill-card__art img{filter:drop-shadow(0 12px 18px #0000001a);transform:translateX(-50%) rotate(var(--skill-idle-rotation))}.skill-card:hover .skill-card__heading strong,.skill-card:focus-visible .skill-card__heading strong{background-size:100% 42%}}.hub-page{min-height:calc(100dvh - 13rem);padding-block:clamp(2rem,5vw,4rem) clamp(6rem,11vw,10rem)}.bookmark-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1rem,2vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.bookmark-card{min-height:15rem;color:inherit;background:var(--paper-light);border:1px solid var(--rule);transition:transform .26s var(--ease), box-shadow .42s var(--ease), border-color .26s var(--ease);border-radius:1rem;flex-direction:column;padding:clamp(1.5rem,3vw,2.25rem);text-decoration:none;display:flex}.bookmark-card__domain{color:var(--muted);overflow-wrap:anywhere;margin-bottom:clamp(2.25rem,5vw,4rem);font-size:.82rem}.bookmark-card h2{font-family:var(--display);margin-bottom:.7rem;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.08}.bookmark-card p{max-width:30rem;color:var(--muted);margin-bottom:1.8rem}.bookmark-card__action{border-bottom:1px solid;align-self:flex-start;align-items:center;gap:.45rem;margin-top:auto;padding-block:.35rem;font-weight:700;display:inline-flex}.bookmark-card__action>span{transition:transform .2s var(--ease)}.bookmark-card:hover,.bookmark-card:focus-visible{border-color:#0000;transform:translateY(-4px);box-shadow:0 18px 42px #2b29261c}.bookmark-card:hover .bookmark-card__action>span,.bookmark-card:focus-visible .bookmark-card__action>span{transform:translate(2px,-2px)}.hub-empty{max-width:32rem}@media (width<=47.99rem){.bookmark-grid{grid-template-columns:1fr}.bookmark-card{min-height:13rem}}@media (hover:none),(pointer:coarse){.bookmark-card:hover{border-color:var(--rule);box-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){.bookmark-card,.bookmark-card__action>span{transition:none}}