@import"https://fonts.googleapis.com/css2?family=Krona+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.static{position:static}.top-0{top:calc(var(--spacing)*0)}.order-first{order:-9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-span-2{grid-row:span 2/span 2}.row-start-2{grid-row-start:2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-auto{margin-top:auto}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-\[10px\]{margin-bottom:10px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.min-h-screen{min-height:100vh}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.justify-items-stretch{justify-items:stretch}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.overflow-visible{overflow:visible}.border{border-style:var(--tw-border-style);border-width:1px}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-9{padding-right:calc(var(--spacing)*9)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-\[90px\]{font-size:90px}.lowercase{text-transform:lowercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.will-change-transform{will-change:transform}@media(min-width:48rem){.md\:sticky{position:sticky}.md\:order-none{order:0}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-start-1{grid-column-start:1}.md\:col-start-2{grid-column-start:2}.md\:row-span-1{grid-row:span 1/span 1}.md\:row-span-2{grid-row:span 2/span 2}.md\:row-span-4{grid-row:span 4/span 4}.md\:row-start-1{grid-row-start:1}.md\:row-start-5{grid-row-start:5}.md\:inline-block{display:inline-block}.md\:h-screen{height:100vh}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-\[70\%_30\%\]{grid-template-rows:70% 30%}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:self-end{align-self:flex-end}.md\:overflow-hidden{overflow:hidden}.md\:overflow-y-auto{overflow-y:auto}.md\:p-0{padding:calc(var(--spacing)*0)}.md\:pr-34{padding-right:calc(var(--spacing)*34)}.md\:pl-16{padding-left:calc(var(--spacing)*16)}}}:root{--primary-colour:#ff4d00;--secondary-colour:#101112;--accent-colour:#1e61cd;--background-colour:#fff;--grey-light:#ced2d9}.font-noto-hk{font-family:Noto Sans HK,Arial,sans-serif!important}.font-noto-serif{font-family:Noto Serif TC,serif!important}.font-krona{font-family:Krona One,Arial,sans-serif!important}@font-face{font-family:DM Sans;src:url(fonts/DM_Sans/DMSans-VariableFont_opsz,wght.tff)format("tff");font-weight:400;font-style:normal;font-display:swap}html.dark{color:#fff;background-color:#0d0950}.dark .nav-links a{color:#fff}.will-change-transform{will-change:transform}.hamburger{cursor:pointer;padding-right:20px}.hamburger .line{background-color:#ff9776;width:40px;height:5px;margin-bottom:10px;display:block}.nav-links{background-color:#ff9776;width:100%;margin:0;display:none;top:5rem;left:48px}.nav-links a{text-align:center;text-transform:uppercase;padding:10px 0;font-size:1.2rem;font-weight:700;text-decoration:none;display:block}.nav-links a:hover,a:focus{background-color:#ff9776}.expanded{display:unset}@media screen and (min-width:636px){.nav-links{background:0 0;width:auto;margin-left:5em;display:block;position:static}.nav-links a{padding:15px 20px;display:inline-block}.hamburger{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.header[data-astro-cid-3ef6ksr2]{display:flex;padding:0 var(--space-1);border-bottom:1px solid #ced2d9;z-index:10;background:var(--white);position:fixed;left:0;right:0;top:0;.header__title[data-astro-cid-3ef6ksr2]{font-weight:800;font-size:var(--font-size-3);line-height:var(--line-height-1);padding-left:var(--space-2);margin:var(--space-3) 0;text-decoration:none;color:var(--black)}}@media(min-width:575px){.container[data-astro-cid-3ef6ksr2]{max-width:var(--max-width-1);padding:0 var(--space-4)}main[data-astro-cid-3ef6ksr2]{margin-top:unset}.header[data-astro-cid-3ef6ksr2]{position:unset;border-bottom:none;margin:var(--space-3) 0;padding:var(--space-2) 0;background:unset;.header__title[data-astro-cid-3ef6ksr2]{margin:var(--space-3) 0 var(--space-2);font-size:var(--font-size-5)}}.footer[data-astro-cid-3ef6ksr2]{margin:var(--space-3) 0}}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-wght-normal.BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-wght-normal.Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.container[data-astro-cid-sckkx6r4]{margin:0 auto;.homepage &{background-color:var(--primary-colour)}}.footer[data-astro-cid-sckkx6r4]{display:flex;justify-content:flex-end;padding:0 var(--space-3);.footer__text[data-astro-cid-sckkx6r4]{font-size:var(--font-size-1);line-height:var(--line-height-1);display:flex;align-items:center;gap:2px}}@media(max-width:600px){html,body{max-width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;touch-action:pan-y}.post-page[data-astro-cid-sckkx6r4]{.post{.meta-card{margin:1.5rem 0px}.post__content{margin-top:1.6rem!important}}.sticky-container{border:0;.sticky-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:3 / 2.2;border-top:1rem solid black}}.home-side{position:fixed;a{color:#fff;text-decoration:none}}.post{.gallery--carousel{img{border-left:.5rem solid black;border-right:1rem solid black;&:nth-child(odd){border-right:.5rem solid #f5f5f5;border-left:1rem solid #f5f5f5}}}}.tag-item{margin-bottom:5px;a{color:#000}}}}@media(min-width:575px){.container[data-astro-cid-sckkx6r4]{max-width:var(--max-width-1);padding:0 var(--space-4);height:100%;.works &,.tag &,.cat &{background-color:#000}.story &,.Project &,.Article &{max-width:100%;padding:0;main{display:flex}}.mainpage &{max-width:100%;padding:0 var(--space-6);position:relative;box-sizing:border-box;main{margin:auto}}.mainpage.Project &{main{display:block}}.mainpage.about &{padding:var(--space-6)}}.mainpage[data-astro-cid-sckkx6r4][pagename=homepage]{main{max-width:100%}}main[data-astro-cid-sckkx6r4]{margin-top:unset}.footer[data-astro-cid-sckkx6r4]{margin:var(--space-3) 0}}.chinese[data-astro-cid-sckkx6r4]{.post{.post__title{font-family:Noto Sans HK,sans-serif!important;font-size:2.2rem!important}.post__excerpt{font-size:1.3rem!important;background:#1d1d1d;color:#fff;padding:12px;border-radius:2px;margin-top:18px}.post__content{font-family:"Noto Serif TC",serif!important;h4.custom-h4{font-size:1.3rem;strong{font-weight:800;padding-left:1rem;text-shadow:0px 0px 1px #03010140;border-left:.5rem solid #5b5b5b}}}}}@media(min-width:575px){.chinese[data-astro-cid-sckkx6r4]{.post{.post__excerpt{margin-bottom:-15px!important}}}.Article[data-astro-cid-sckkx6r4]{.meta-card{margin:2.5rem 0px 1.5rem}}}@media(max-width:600px){.chinese[data-astro-cid-sckkx6r4]{.post{.post__excerpt{margin-bottom:1rem}}}}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 20px;--space-5: 32px;--space-6: 52px;--space-7: 84px;--space-8: 136px;--space-9: 220px;--font-family-sans: "Parkinsans", sans-serif;--font-family-serif: "IBM Plex Serif";--font-family-mono: IBM Plex Mono;--font-size-0: 12px;--font-size-1: 14px;--font-size-2: 16px;--font-size-3: 18px;--font-size-4: 20px;--font-size-5: 24px;--font-size-6: 30px;--font-size-7: 36px;--font-size-8: 48px;--font-size-9: 60px;--font-size-10: 72px;--line-height-0: 16px;--line-height-1: 20px;--line-height-2: 24px;--line-height-3: 28px;--line-height-4: 28px;--line-height-5: 32px;--line-height-6: 36px;--line-height-7: 40px;--line-height-8: 48px;--line-height-9: 60px;--line-height-10: 72px;--line-height-11: 96px;--line-height-12: 128px;--white: #fff;--black: #101112;--gray-200: #ced2d9;--gray-600: #6e7683;--blue-600: #1e61cd;--magenta-100: #f9d7eb;--primary-colour: #FF4D00;--secondary-colour: #101112;--accent-colour: #1e61cd;--background-colour: #fff;--grey-light: #ced2d9;--max-width-0: 320px;--max-width-1: 768px}html{background-color:var(--white);font-family:var(--font-family-sans),var(--font-family-serif),sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media(min-width:768px){body{margin:0;&.story,&.Project,&.Article{overflow:hidden}}}