@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans+TC:wght@400;500;600&family=Noto+Serif+TC:wght@400;500;600;700&display=swap";@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{--tw-border-style:solid;--tw-outline-style:solid}::backdrop{--tw-border-style:solid;--tw-outline-style:solid}}}@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-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::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;appearance:button}::file-selector-button{-webkit-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{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.flex{display:flex}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#171b18;--forest:#121a13;--cream:#f3eedf;--paper:#f7f3e8;--blue:#244cdb;--grid:#244cdb21;--redline:#da49446b;--acid:#e9f253;--muted:#777b70;--serif-en:"Cormorant Garamond", Georgia, serif;--serif-zh:"Noto Serif TC", "Songti TC", serif;--sans:"IBM Plex Sans TC", "Noto Sans TC", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--forest);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}main{overflow:hidden}.cover{background:var(--forest);color:var(--cream);min-height:100svh;padding:0 clamp(20px,4vw,64px) 30px;position:relative;overflow:hidden}.site-header{z-index:5;border-bottom:1px solid #f3eedf42;justify-content:space-between;align-items:center;padding:22px 0;display:flex;position:relative}.wordmark{font-family:var(--serif-en);letter-spacing:-.04em;font-size:1.35rem;font-weight:500}.wordmark span{color:var(--acid)}.main-nav{gap:clamp(22px,3vw,42px);display:flex}.main-nav a,.cover-kicker,.cover-bottom,.card-label,.margin-index,.footer-top,.footer-bottom{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem}.main-nav a{color:#f3eedfb8;transition:color .16s}.main-nav a:hover{color:var(--acid)}.cover-haze{filter:blur(70px);opacity:.34;pointer-events:none;border-radius:50%;position:absolute}.haze-one{background:#7ca33c;width:480px;height:480px;top:12%;right:-110px}.haze-two{background:#274d36;width:560px;height:560px;bottom:-200px;left:5%}.cover-grid{z-index:2;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:center;gap:6vw;min-height:calc(100svh - 150px);padding:7vh 5vw 9vh;display:grid;position:relative}.cover-kicker{color:#f3eedf9e;margin:0 0 25px}.cover h1{font-family:var(--serif-en);letter-spacing:-.062em;max-width:1120px;margin:0;font-size:clamp(4.15rem,8.8vw,10.7rem);font-weight:400;line-height:.77}.cover h1 em{color:var(--acid);font-weight:500}.aquarius-card{background:var(--cream);color:var(--ink);min-height:350px;padding:22px;position:relative;transform:rotate(3deg);box-shadow:12px 14px #0000003d}.tape{background:#e9f253bf;width:110px;height:28px;position:absolute;top:-15px;left:50%;transform:translate(-50%)rotate(-3deg)}.card-label{color:var(--muted)}.aquarius-card>p{font-family:var(--serif-en);letter-spacing:-.05em;margin:0;font-size:clamp(1.65rem,2.6vw,2.8rem);line-height:.96;position:absolute;bottom:24px}.aquarius-mark{flex-direction:column;gap:9px;width:153px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.aquarius-wave{width:153px;height:12px;position:relative}.aquarius-wave i{background:var(--ink);transform-origin:0;width:20px;height:1.5px;display:block;position:absolute}.aquarius-wave i:first-child{top:8px;left:0;transform:rotate(-18deg)}.aquarius-wave i:nth-child(2){top:2px;left:19px;transform:rotate(18deg)}.aquarius-wave i:nth-child(3){top:8px;left:38px;transform:rotate(-18deg)}.aquarius-wave i:nth-child(4){top:2px;left:57px;transform:rotate(18deg)}.aquarius-wave i:nth-child(5){top:8px;left:76px;transform:rotate(-18deg)}.aquarius-wave i:nth-child(6){top:2px;left:95px;transform:rotate(18deg)}.aquarius-wave i:nth-child(7){top:8px;left:114px;transform:rotate(-18deg)}.aquarius-wave i:nth-child(8){top:2px;left:133px;transform:rotate(18deg)}.cover-bottom{z-index:3;border-top:1px solid #f3eedf42;justify-content:space-between;align-items:end;padding-top:18px;display:flex;position:relative}.cover-bottom p{font-family:var(--serif-zh);letter-spacing:0;text-transform:none;margin:0;font-size:clamp(.9rem,1.3vw,1.2rem)}.cover-bottom a{color:#f3eedfa6}.cover-bottom a span{color:var(--acid);margin-left:8px;font-size:1.1rem}.about-section{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:24px 24px;padding:clamp(70px,9vw,125px) clamp(20px,4vw,64px) clamp(85px,11vw,150px);position:relative}.about-section:before{background:var(--redline);content:"";width:1px;position:absolute;top:0;bottom:0;left:clamp(72px,9vw,145px)}.margin-index{color:var(--muted);gap:26px;display:flex}.margin-index span:first-child{color:var(--blue)}.about-inner{max-width:900px;margin:58px auto 0}.hand-label{color:var(--blue);font-family:var(--serif-en);margin:0 0 20px;font-size:1.2rem;font-style:italic;display:inline-block;transform:rotate(-2deg)}.about-inner h2{font-family:var(--serif-zh);letter-spacing:-.07em;max-width:820px;margin:0;font-size:clamp(2.2rem,4vw,4.7rem);font-weight:500;line-height:1.2}.about-copy{max-width:580px;margin:45px 0 0 18%;font-size:.95rem;line-height:2}.works-section{background:var(--cream);color:var(--ink);padding:clamp(70px,9vw,125px) clamp(20px,4vw,64px) clamp(90px,12vw,160px);position:relative}.works-section:before{background:var(--redline);content:"";width:1px;position:absolute;top:0;bottom:0;left:clamp(72px,9vw,145px)}.works-inner{z-index:1;grid-template-columns:minmax(240px,.8fr) minmax(330px,1.2fr);gap:clamp(38px,7vw,105px);max-width:1180px;margin:58px auto 0;display:grid;position:relative}.works-heading{padding-left:7vw}.works-heading h2{font-family:var(--serif-zh);letter-spacing:-.07em;margin:0;font-size:clamp(2.1rem,4vw,4.7rem);font-weight:500;line-height:1.2}.work-card{background:var(--forest);color:var(--cream);padding:clamp(20px,3vw,30px);transition:box-shadow .18s,transform .18s;display:block;transform:rotate(-1.5deg);box-shadow:11px 13px #171b1826}.work-card:hover{transform:rotate(0)translateY(-4px);box-shadow:15px 17px #171b182e}.work-card-topline{color:#f3eedf9e;font-family:var(--mono);letter-spacing:.06em;border-bottom:1px solid #f3eedf3d;justify-content:space-between;padding-bottom:15px;font-size:.62rem;display:flex}.work-card-visual{grid-template-columns:.9fr 1.1fr;align-items:center;gap:16px;padding:clamp(34px,5vw,66px) 2vw;display:grid}.mini-screen{background:var(--blue);color:var(--cream);min-height:190px;padding:19px;position:relative;transform:rotate(-3deg)}.mini-screen-label{font-family:var(--mono);letter-spacing:.07em;font-size:.58rem}.mini-screen strong{font-family:var(--serif-zh);letter-spacing:-.08em;font-size:clamp(1.45rem,2.3vw,2.4rem);font-weight:500;line-height:1.03;position:absolute;bottom:18px;left:19px}.mini-screen-line{background:var(--acid);width:40px;height:3px;position:absolute;bottom:18px;right:19px}.mini-calculator{background:var(--paper);color:var(--ink);min-height:190px;padding:19px;transform:rotate(4deg)}.mini-calculator span{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;font-size:.59rem}.mini-calculator strong{font-family:var(--serif-en);letter-spacing:-.05em;margin-top:21px;font-size:clamp(1.55rem,2.5vw,2.6rem);font-weight:500;display:block}.mini-result{font-family:var(--mono);border-top:1px solid #171b183d;padding-top:10px;font-size:.69rem;position:absolute;bottom:18px;left:19px;right:19px}.mini-result i{color:var(--blue);float:right;font-size:1rem;font-style:normal}.work-card-bottom{border-top:1px solid #f3eedf3d;justify-content:space-between;align-items:end;gap:20px;padding-top:20px;display:flex}.work-card-bottom h3{font-family:var(--serif-zh);letter-spacing:-.07em;margin:0 0 8px;font-size:clamp(1.45rem,2.5vw,2.7rem);font-weight:500;line-height:1}.work-card-bottom p{color:#f3eedfa6;margin:0;font-size:.82rem;line-height:1.7}.work-arrow{color:var(--acid);font-family:var(--mono);white-space:nowrap;font-size:.68rem}.site-footer{background:var(--forest);color:var(--cream);padding:28px clamp(20px,4vw,64px) 22px}.footer-top{border-bottom:1px solid #f3eedf3d;justify-content:space-between;padding-bottom:18px;display:flex}.contact-block{margin:9vh 0 10vh 8vw}.contact-block p{font-family:var(--serif-zh);letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(1.1rem,1.8vw,1.9rem)}.email-link{border-bottom:1px solid var(--acid);font-family:var(--serif-en);letter-spacing:-.06em;font-size:clamp(1.9rem,4vw,4.7rem);line-height:1;display:inline-block}.email-link span{color:var(--acid);vertical-align:top;font-size:.6em}.threads-link{color:#f3eedfb8;font-family:var(--mono);letter-spacing:.04em;align-items:center;gap:8px;width:fit-content;margin-top:22px;font-size:.68rem;display:flex}.threads-icon{color:var(--cream);width:1.05rem;height:1.05rem}.threads-link .threads-arrow{color:var(--acid);margin-left:1px}.threads-link:hover{color:var(--cream)}.footer-bottom{color:#f3eedf8c;justify-content:space-between;display:flex}@media (max-width:820px){.cover-grid{min-height:auto;padding:11vh 0 14vh;display:block}.cover h1{font-size:clamp(4rem,17vw,7rem);line-height:.8}.aquarius-card{min-height:300px;margin:75px 7vw 0 20vw}.cover-bottom{align-items:flex-start;gap:25px}.cover-bottom p{max-width:210px}.about-section:before{left:53px}.about-inner{margin-left:48px}.about-inner h2{font-size:clamp(2.2rem,9vw,3.8rem)}.about-copy{margin:35px 0 0}.works-section:before{left:53px}.works-inner{margin-left:48px;display:block}.works-heading{padding-left:0}.work-card{margin-top:48px}.work-card-visual{gap:8px;padding-left:0;padding-right:0}.mini-screen,.mini-calculator{min-height:160px;padding:14px}.mini-screen strong{bottom:14px;left:14px}.mini-screen-line{bottom:14px;right:14px}.mini-result{bottom:14px;left:14px;right:14px}.contact-block{margin:7vh 0 8vh}.contact-block p{font-size:clamp(1rem,4vw,1.3rem)}.email-link{overflow-wrap:anywhere;font-size:clamp(1.65rem,6.7vw,2.8rem)}.threads-link{margin-top:18px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}