@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-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-mono:"Courier New", monospace;--default-font-family:Arial, Helvetica, "Microsoft YaHei", sans-serif;--default-mono-font-family:"Courier New", monospace}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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]){appearance:button}::file-selector-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}.fixed{position:fixed}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.blur{--tw-blur:blur(8px);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,)}.invert{--tw-invert:invert(100%);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,)}.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,)}}:root{--paper:#f4f3ed;--ink:#242621;--line:#d9dad2;--acid:#d7ff3f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}::selection{background:var(--acid);color:var(--ink)}:focus-visible{outline-offset:6px;outline:2px solid #617a0b}button:focus-visible{outline-offset:3px}.shell{width:calc(100% - 104px);max-width:1536px;margin-inline:auto}.site{overflow:clip}.eyebrow{letter-spacing:1.5px;font-size:10px;font-family:var(--font-mono);font-weight:600}.skip-link{z-index:50;background:var(--acid);padding:14px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:16px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;display:flex}.brand{align-items:center;gap:17px;display:flex}.brand-symbol{letter-spacing:-7px;padding-right:14px;font-size:42px;font-weight:800;line-height:1;position:relative}.brand-symbol>span{display:inline-block;transform:translateY(3px)}.brand-symbol i{letter-spacing:0;font-size:22px;font-style:normal;position:absolute;top:-8px;right:-1px}.brand-name{letter-spacing:-.6px;font-size:17px;font-weight:700}.brand-name>span{letter-spacing:0;color:#6b6f65;margin-top:4px;font-size:9px;font-weight:400;display:block}.nav-link{padding-block:12px;font-size:12px;position:relative}.nav-link:after{content:"";background:currentColor;width:0;height:1px;transition:width .2s;position:absolute;bottom:5px;left:0}.nav-link:hover:after{width:100%}.nav-link sup{color:#75796f;margin-left:3px;font-size:8px}.nav-dot{margin-left:7px}.header-pill{letter-spacing:.6px;font-size:9px;font-family:var(--font-mono);border:1px solid #c8ccc1;border-radius:30px;align-items:center;gap:10px;padding:12px 15px;display:flex}.status-dot{background:#7b9543;border-radius:50%;width:6px;height:6px;margin-right:3px;display:inline-block;box-shadow:0 0 0 3px #7b954312}.hero{grid-template-columns:1.1fr 1fr;align-items:center;min-height:686px;padding-top:35px;padding-bottom:86px;display:grid;position:relative}.hero-copy{z-index:2;padding-block:34px;position:relative}.hero-copy>.eyebrow{align-items:center;gap:10px;margin:0 0 35px;display:flex}.tiny-cross{font-size:18px}.hero h1{letter-spacing:-.075em;margin:0 0 33px;font-size:clamp(72px,8.3vw,140px);font-weight:500;line-height:1.01}.hero-line{white-space:nowrap;margin-bottom:-8px;padding-bottom:8px;display:block;overflow:hidden}.hero-line>span{display:inline-block}h1 em{letter-spacing:-.075em;font-family:Georgia,Times New Roman,serif;font-weight:400}.title-period{vertical-align:top;letter-spacing:0;margin:18px 0 0 12px;font-size:16px;display:inline-block}.hero-intro{align-items:flex-start;gap:18px;display:flex}.intro-rule{background:#71756a;width:25px;height:1px;margin-top:12px}.hero-intro p{color:#686c60;letter-spacing:.4px;margin:0;font-size:12px;line-height:2.05}.explore-link{align-items:center;gap:15px;margin-top:31px;font-size:12px;display:inline-flex}.round-arrow{background:var(--acid);border:1px solid #c9ec43;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .3s,background .3s;display:grid}.explore-link:hover .round-arrow{background:#c5f51d;transform:rotate(-35deg)}.explore-link small{letter-spacing:.6px;color:#777c70;margin-top:5px;font-size:9px;display:block}.hero-art{height:510px;margin-left:-15px;margin-right:-20px;position:relative}.sculpture-scene{isolation:isolate;width:100%;height:100%;position:relative}.sculpture-canvas{z-index:2;width:100%;height:100%;position:absolute;inset:0}.sculpture-fallback{background:0 0;border:45px solid #a3a79e;border-radius:50%;width:55%;height:55%;position:absolute;top:20%;left:24%;transform:rotate(-32deg)skewY(-20deg);box-shadow:inset 12px 18px 22px #35382f,12px -12px 20px #fff,inset -12px -12px 14px #fff}.sculpture-scene:has(canvas[data-ready=true]) .sculpture-fallback{display:none}.sculpture-shadow{opacity:.21;filter:blur(17px);background:#4c5343;border-radius:50%;width:54%;height:20px;position:absolute;bottom:59px;left:25%}.orbit{z-index:-1;border:1px solid #dfe1d6;border-radius:50%;width:93%;height:70%;position:absolute;top:12%;left:3%;transform:rotate(-31deg)}.orbit-two{width:68%;height:93%;top:0;left:15%;transform:rotate(-31deg)}.scene-cross{font-family:var(--font-mono);color:#7f8578;font-size:20px;position:absolute}.cross-one{top:30%;left:3%}.cross-two{bottom:22%;right:9%}.scene-note{font-family:var(--font-mono);letter-spacing:.5px;color:#838a7b;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;bottom:4px;left:12%;right:5%}.scene-note>span:last-child{margin-left:auto}.tiny-dot{background:#777e6d;border-radius:50%;width:4px;height:4px}.hero-baseline{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.5px;color:#757b6e;justify-content:space-between;align-items:center;padding-block:24px;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-baseline a{color:var(--ink);align-items:center;gap:19px;display:flex}.hero-baseline a span{font-size:18px}.projects-section{padding-block:87px 90px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:36px;display:flex}.section-label{color:#797e71;margin-bottom:17px}.section-heading h2{letter-spacing:-2px;margin:0;font-size:46px;font-weight:400;line-height:1}.section-heading h2>span{vertical-align:top;font-family:var(--font-mono);letter-spacing:0;color:#73796a;margin:4px 0 0 13px;font-size:12px;display:inline-block}.view-switch{border:1px solid var(--line);border-radius:30px;gap:4px;padding:4px;display:flex}.view-switch button{color:#787f70;background:0 0;border:none;border-radius:50%;place-items:center;width:35px;height:35px;transition:background .2s;display:grid}.view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.project-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.project-link{display:block}.project-cover{aspect-ratio:1.36;border-radius:3px;position:relative;overflow:hidden}.car-art,.reader-art{height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.project-link:hover .car-art,.project-link:hover .reader-art{transform:scale(1.035)}.car-art{color:#e4e8c9;background:#334638}.art-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.car-word{letter-spacing:-.07em;color:#e0e7c5;opacity:.93;font-size:clamp(64px,7vw,118px);font-weight:800;position:absolute;top:18%;left:8%}.art-coordinate{font-family:var(--font-mono);letter-spacing:1px;opacity:.72;font-size:8px;position:absolute;top:25px;left:27px}.car-drawing{filter:drop-shadow(0 15px 12px #101b1b20);width:105%;position:absolute;top:25%;left:-2%}.art-bottom{font-family:var(--font-mono);letter-spacing:.8px;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:23px;left:27px;right:27px}.art-bottom>span:last-child{font-size:19px;line-height:10px}.reader-art{color:#5d5140;background:#ded8cc}.reader-circle{aspect-ratio:1;opacity:.45;border:1px solid #b9ae9b;border-radius:50%;width:72%;position:absolute;top:8%;left:14%}.book{filter:drop-shadow(14px 20px 13px #584d423a);width:66%;height:64%;transition:transform .65s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:20%;left:17%;transform:rotate(-13deg)}.project-link:hover .book{transform:rotate(-9deg)translateY(-5px)}.book:after{content:"";z-index:-1;background:#b6ad9d;border-radius:3px;position:absolute;inset:0;transform:translateY(4px)}.book-left,.book-right{padding:11%;background:#f3eee1;width:50%;padding:6%;position:relative}.book-left{background:linear-gradient(90deg,#eee7d8,#faf6eb 85%,#c7bfae 100%);border-radius:3px 0 0 3px;transform:skewY(-2deg)}.book-right{background:linear-gradient(90deg,#d2c8b5,#f5f0e6 14%,#eee7d8);border-radius:0 3px 3px 0;transform:skewY(2deg)}.book-kicker,.book-chapter{font-family:var(--font-mono);letter-spacing:.6px;font-size:5px;display:block}.book-title{letter-spacing:-1.5px;color:#343a2a;margin-top:20%;font-family:Georgia,serif;font-size:clamp(24px,3vw,49px);line-height:.98;display:block}.book-title em{font-weight:400}.book-foot{letter-spacing:.3px;font-size:4px;position:absolute;bottom:9%}.book-lines{background:repeating-linear-gradient(#0000 0 3px,#a49a8670 3px 4px);height:15%;margin-top:15%}.book-lines.short{width:80%;height:10%;margin-top:12%}.book-quote{letter-spacing:-.5px;margin-top:13%;font-family:Georgia,serif;font-size:clamp(15px,1.6vw,28px);line-height:1.03;display:block}.book-page{font-family:var(--font-mono);font-size:5px;position:absolute;bottom:7%;right:12%}.visit-project{background:var(--acid);opacity:0;white-space:nowrap;border-radius:30px;align-items:center;gap:18px;padding:15px 20px;font-size:12px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}.project-link:hover .visit-project,.project-link:focus-visible .visit-project{opacity:1;transform:translate(-50%,-50%)}.project-info{justify-content:space-between;align-items:center;padding-top:24px;display:flex}.project-name{align-items:baseline;gap:12px;display:flex}.project-number{font-family:var(--font-mono);color:#797d70;font-size:10px}.project-name h3{letter-spacing:-1px;margin:0;font-size:30px;font-weight:400;line-height:1}.project-description{color:#777d6f;margin-left:5px;font-size:10px}.project-arrow{border:1px solid #cdd0c5;border-radius:50%;place-items:center;width:35px;height:35px;transition:background .25s,transform .25s;display:grid}.project-link:hover .project-arrow{background:var(--acid);transform:rotate(45deg)}.project-arrow svg{width:17px;height:17px}.project-meta{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.4px;color:#777c6f;justify-content:space-between;margin-top:16px;padding-top:15px;font-size:8px;display:flex}.more-projects{border:1px dashed #c8ccbd;border-radius:3px;align-items:center;gap:23px;margin-top:52px;padding:25px 28px;display:flex}.more-icon{color:#7e866d;font-size:38px;line-height:1}.more-projects p{letter-spacing:-.2px;margin:0;font-size:14px}.more-projects p>span{color:#7b8172;letter-spacing:.5px;margin-top:7px;font-size:10px;display:block}.more-tag{font-family:var(--font-mono);letter-spacing:.5px;color:#7d8472;margin-left:auto;font-size:9px}.more-tag>span{margin-left:30px;font-size:18px}.list-view{grid-template-columns:1fr}.list-view .project-link{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;align-items:center;column-gap:35px;padding-bottom:24px;display:grid}.list-view .project-cover{aspect-ratio:1.4;grid-row:span 2}.list-view .project-info{padding-top:0}.list-view .project-meta{align-self:start}.list-view .art-coordinate,.list-view .art-bottom{display:none}.list-view .car-word{font-size:35px}.list-view .book-title{font-size:16px}.list-view .book-quote{font-size:11px}.list-view .book-kicker,.list-view .book-chapter,.list-view .book-foot{font-size:2px}.list-view .visit-project{gap:7px;padding:10px;font-size:9px}.about{border-top:1px solid var(--line);grid-template-columns:1fr 1.7fr;gap:60px;padding-block:84px 100px;display:grid}.about-aside{flex-direction:column;align-items:flex-start;display:flex}.about-aside .eyebrow{color:#797e71}.about-star{margin-top:33px;font-family:Arial,sans-serif;font-size:133px;line-height:1.1}.about-small{font-family:var(--font-mono);color:#787f6e;letter-spacing:.8px;margin-top:auto;padding-top:25px;font-size:8px;line-height:1.7}.about-copy h2{letter-spacing:-2.9px;margin:0 0 30px;font-size:clamp(35px,4.5vw,70px);font-weight:400;line-height:1.04}.about-copy h2 em{letter-spacing:-2.5px;font-family:Georgia,serif}.about-copy>p{color:#6d7464;letter-spacing:.3px;max-width:455px;margin-bottom:12px;font-size:12px;line-height:2.1}.about-copy>p:first-of-type{color:var(--ink)}.about-link{border-bottom:1px solid #a5ac98;align-items:center;gap:24px;margin-top:19px;padding-bottom:9px;font-size:11px;display:inline-flex}.about-link svg{width:17px}.site-footer{color:var(--paper);background:#262923;padding-top:35px}.footer-top{font-family:var(--font-mono);letter-spacing:.7px;color:#b6beac;justify-content:space-between;font-size:9px;display:flex}.footer-top .status-dot{background:var(--acid);margin-right:8px}.footer-top a{align-items:center;gap:30px;display:flex}.footer-top a span{font-size:18px}.footer-wordmark{letter-spacing:-.085em;justify-content:space-between;align-items:center;margin-top:30px;font-size:clamp(60px,13.2vw,211px);font-weight:600;line-height:1.35;display:flex}.footer-wordmark>span{letter-spacing:-.07em;color:var(--acid);font-size:.6em;font-weight:400;line-height:1}.footer-bottom{font-family:var(--font-mono);letter-spacing:.6px;color:#b6beac;border-top:1px solid #49503f;justify-content:space-between;align-items:center;padding-block:26px;font-size:8px;display:flex}.motion-toggle{color:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:6px;display:flex}.motion-toggle>span{font-size:13px}.motion-toggle:disabled{opacity:.6}.motion-paused *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (min-width:1700px){.hero{min-height:790px}.hero-art{height:600px}}@media (max-width:1100px){.shell{width:calc(100% - 64px)}.header-pill{display:none}.hero{min-height:620px}.hero-art{height:430px}.hero h1{font-size:9vw}.project-description{display:none}.book{top:22%}.about{gap:35px}.scene-note{font-size:6px}}@media (max-width:760px){.shell{width:calc(100% - 40px)}.site-header{height:85px}.brand-symbol{font-size:34px}.brand-symbol i{font-size:17px}.brand-name{font-size:14px}.brand-name>span{font-size:7px}.brand{gap:13px}.nav-link{font-size:11px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:35px;padding-bottom:60px}.hero-copy{padding:14px 0 0}.hero-copy>.eyebrow{margin-bottom:26px;font-size:8px}.hero h1{letter-spacing:-.075em;margin-bottom:24px;font-size:clamp(67px,12vw,90px)}.title-period{margin-top:10px;font-size:12px}.hero-intro p{font-size:11px}.hero-intro{gap:12px}.explore-link{margin-top:24px}.hero-art{width:min(100%,450px);height:370px;margin:-5px auto 0}.scene-note{font-size:7px;bottom:10px}.orbit{height:75%;top:7%}.sculpture-shadow{bottom:37px}.hero-baseline{padding-block:19px;font-size:7px}.desktop-caption{display:none}.hero-baseline a{gap:10px}.projects-section{padding-block:58px}.section-label{margin-bottom:15px;font-size:8px}.section-heading h2{letter-spacing:-1.4px;font-size:33px}.section-heading h2>span{margin-left:8px;font-size:10px}.section-heading{margin-bottom:27px}.view-switch button{width:29px;height:29px}.view-switch{padding:3px}.project-grid{grid-template-columns:1fr;gap:35px}.project-cover{aspect-ratio:1.25}.car-word{font-size:16vw}.car-drawing{top:28%}.book-title{font-size:8vw}.book-quote{font-size:4.6vw}.book-kicker,.book-chapter{font-size:5px}.book{height:64%;top:20%}.book-foot{font-size:4px}.project-info{padding-top:18px}.project-name h3{font-size:28px}.project-description{font-size:9px;display:inline}.project-meta{margin-top:12px;padding-top:12px;font-size:7px}.more-projects{gap:15px;margin-top:34px;padding:20px 17px}.more-icon{font-size:29px}.more-projects p{font-size:12px}.more-projects p>span{font-size:9px}.more-tag{font-size:0}.more-tag>span{margin-left:0;font-size:23px}.about{grid-template-columns:1fr;gap:30px;padding-block:50px 60px}.about-aside{flex-direction:row;justify-content:space-between;align-items:center}.about-aside .eyebrow{font-size:8px}.about-star{margin:0;font-size:50px}.about-small{display:none}.about-copy h2{letter-spacing:-2px;font-size:45px}.about-copy>p{font-size:11px}.about-link{gap:17px;font-size:10px}.site-footer{padding-top:27px}.footer-top{letter-spacing:.3px;font-size:7px}.footer-top a{gap:10px}.footer-wordmark{margin-top:30px;font-size:12.7vw;line-height:1.6}.footer-bottom{padding-block:18px;font-size:7px}.footer-bottom>span:nth-child(2){display:none}.motion-toggle{font-size:7px}.list-view .project-link{grid-template-columns:95px 1fr;column-gap:18px}.list-view .project-name{gap:7px}.list-view .project-name h3{font-size:23px}.list-view .project-description{display:none}.list-view .project-meta{flex-direction:column;gap:5px;margin-top:4px;padding-top:8px;font-size:6px}.list-view .project-arrow{width:27px;height:27px}.list-view .car-word{font-size:20px}.list-view .book-title{font-size:9px}.list-view .book-quote{font-size:6px}.list-view .book-kicker,.list-view .book-chapter,.list-view .book-foot{display:none}.list-view .visit-project{gap:0;padding:8px;font-size:0}.list-view .visit-project svg{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@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-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}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#173b2c;--ink:#e3ecdd;--acid:#c6d9ba;--muted:#b4cbb7;--line:#e3ecdd30;--line-strong:#e3ecdd60;--line-soft:#e3ecdd20;--surface-dark:#173b2c;--surface-dark-raised:#173b2c;--on-dark:#e3ecdd;--on-accent:#173b2c;--muted-on-dark:#b4cbb7;--line-dark:#8fae96;--line-on-dark:#e3ecdd30;--line-on-dark-strong:#e3ecdd40;--inverse-surface:#e8c4d3;--inverse-ink:#1c1322;--cover-bg:#050608;--mist-pine-rgb:55 103 73;--mist-rose-rgb:250 232 241;--mist-rgb:var(--mist-pine-rgb);--sculpture-pigment:#5b9973;--sculpture-highlight:#dcebd5;--sculpture-light:#a7c5a8;--sculpture-mid:#5d8a71;--sculpture-dark:#244e3b;--sculpture-deep:#112d23;--sculpture-shadow:#081e14;--car-glow:#582798;--car-start:#172372;--car-end:#220a4f;--car-lettering:#bbb1ff;--car-grid:#7666ff2b;--car-highlight:#faf5ff;--car-light:#d6c7fa;--car-mid:#a18cce;--car-shadow:#332a61;--book-surface:#e8e5da;--book-page:#f5f0e6;--book-edge:#b6ad9d;--book-ink:#2c4c3f;--cloud-opacity:.9}html[data-theme=rose]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#cc93ae;--ink:#1c1322;--acid:#392645;--muted:#422a3d;--line:#1c132230;--line-strong:#1c132260;--line-soft:#1c132220;--surface-dark:#cc93ae;--surface-dark-raised:#cc93ae;--on-dark:#1c1322;--on-accent:#cc93ae;--muted-on-dark:#422a3d;--line-dark:#705169;--line-on-dark:#1c132230;--line-on-dark-strong:#1c132240;--inverse-surface:#173b2c;--inverse-ink:#e3ecdd;--sculpture-shadow:#f7e1eb;--mist-rgb:var(--mist-rose-rgb);--cloud-opacity:.96}body{background:var(--paper);transition:background-color .45s,color .45s}.site{background:var(--paper);color:var(--ink);min-height:100svh;transition:background-color .45s,color .45s}::selection{background:var(--inverse-surface);color:var(--inverse-ink)}:focus-visible{outline-color:currentColor}.site-header{height:104px}.brand-name>span,.hero-intro p,.explore-link small,.hero-baseline,.nav-link sup,.section-label,.scene-note,.scene-cross{color:var(--muted)}.header-pill{border-color:var(--line-strong)}.status-dot,.tiny-dot{background:var(--acid);box-shadow:none}.hero{min-height:715px}.hero h1{font-weight:500}.hero-copy{will-change:transform}.round-arrow{color:var(--on-accent);background:var(--acid);border-color:var(--acid);width:52px;height:52px}.explore-link:hover .round-arrow{color:var(--paper);background:var(--ink)}.intro-rule{background:var(--ink)}.hero-art{height:550px}.orbit{border-color:var(--line-soft)}.sculpture-shadow{background:var(--sculpture-shadow);opacity:.3}.sculpture-fallback{width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;inset:0;transform:none}.sculpture-preview{width:100%;height:100%;display:block}.sculpture-fallback{opacity:1;transition:opacity .35s}.sculpture-scene:has(canvas[data-ready=true]) .sculpture-fallback{opacity:0;display:block}.sculpture-canvas{opacity:0;transition:opacity .35s}.sculpture-canvas[data-ready=true]{opacity:1}.brand-symbol i>svg,.title-period>svg,.about-star>svg,.loader-asterisk>svg,.footer-wordmark>span>svg{display:block}.nav-dot>svg,.tiny-cross>svg,.art-bottom svg,.more-tag svg,.loader-bottom svg,.project-cover-label svg{vertical-align:-.12em;display:inline-block}.nav-link{white-space:nowrap}.hero-baseline a svg,.footer-top a svg,.motion-toggle svg{display:block}.ambient-fallback{z-index:1;pointer-events:none;mix-blend-mode:soft-light;opacity:.85;background:radial-gradient(ellipse at 12% 18%, rgb(var(--mist-rgb) / .88) 0%, rgb(var(--mist-rgb) / .5) 16%, transparent 44%), radial-gradient(ellipse at 85% 37%, rgb(var(--mist-rgb) / .93) 0%, rgb(var(--mist-rgb) / .53) 21%, transparent 48%), radial-gradient(ellipse at 30% 75%, rgb(var(--mist-rgb) / .9) 0%, rgb(var(--mist-rgb) / .5) 22%, transparent 48%);transition:opacity .5s;animation:22s ease-in-out infinite alternate ambient-drift;position:fixed;inset:-8%}.site[data-clouds-ready=true]>.ambient-fallback,.ambient-fallback[data-ready=true]{opacity:0}html[data-theme=rose] .sculpture-preview,html[data-theme=rose] .sculpture-canvas{filter:invert()}html[data-theme=rose] .ambient-fallback{mix-blend-mode:normal}.sculpture-hint{font:8px var(--font-mono);letter-spacing:1px;color:var(--muted);position:absolute;bottom:-24px;left:12%}.hero-baseline{border-bottom:0}.hero-baseline a span{animation:1.6s ease-in-out infinite nudge-down}.tiny-cross{animation:14s linear infinite slow-turn;display:inline-block}.marquee{border-top:1px solid var(--line);padding:24px 0;overflow:hidden}.marquee-track{letter-spacing:-.055em;white-space:nowrap;will-change:transform;align-items:center;gap:35px;width:max-content;padding-left:40px;font-size:clamp(30px,5.1vw,80px);line-height:1;display:flex}.marquee-track>span{padding:0 10px;font-size:.85em}.preloader{background:var(--paper);color:var(--ink);z-index:100;clip-path:inset(0);flex-direction:column;justify-content:space-between;padding:38px 52px;display:flex;position:fixed;inset:0}.loader-top,.loader-bottom{font:10px var(--font-mono);letter-spacing:1.2px;justify-content:space-between;display:flex}.loader-center{width:100%}.loader-caption{font:11px/1.6 var(--font-mono);letter-spacing:1px;justify-content:space-between;align-items:center;display:flex}.loader-asterisk{font-size:70px;line-height:1;animation:4s linear infinite slow-turn}.loader-counter{letter-spacing:-.085em;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;font-size:clamp(120px,23vw,360px);font-weight:500;line-height:1.15;display:flex}.loader-value{text-align:right}.loader-progress{background:var(--line-on-dark);height:2px;margin-top:25px;overflow:hidden}.loader-progress-fill{background:var(--ink);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.project-cursor{z-index:90;mix-blend-mode:difference;pointer-events:none;opacity:0;will-change:transform;background:#fff;border-radius:50%;width:18px;height:18px;transition:opacity .15s,width .25s,height .25s;position:fixed;top:0;left:0}.project-cursor[data-interactive=true]{width:26px;height:26px}.project-cursor[data-visible=true]{opacity:1}.cloud-field{z-index:1;pointer-events:none;width:100%;height:100%;opacity:var(--cloud-opacity);position:fixed;inset:0}.hidden-garden-field{z-index:1;pointer-events:none;mix-blend-mode:difference;width:100%;height:100%;position:fixed;inset:0}.mist-prism-field{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.85;width:100%;height:100%;position:fixed;inset:0}html[data-theme=rose] .mist-prism-field{filter:invert();mix-blend-mode:multiply}.site-header,.marquee-track,.projects-section,.about,.site-footer>.shell{z-index:2;position:relative}.hero{z-index:2}.projects-band{background:var(--surface-dark);color:var(--on-dark);transition:background-color .8s;overflow-x:clip}.site[data-active-project=car] .projects-band,.site[data-active-project=reader] .projects-band{background:var(--surface-dark-raised)}.projects-section{padding-top:100px;padding-bottom:80px}.projects-section .section-label{color:var(--muted-on-dark)}.section-heading{margin-bottom:60px}.section-heading h2{letter-spacing:-.055em;font-size:clamp(40px,5.5vw,84px)}.section-heading h2>span{color:var(--muted-on-dark)}.view-switch{border-color:var(--line-dark)}.view-switch button{color:var(--muted-on-dark)}.view-switch button[aria-pressed=true]{background:var(--on-dark);color:var(--surface-dark)}.project-grid{display:block}.project{margin-inline:auto;perspective:1100px;width:77%;margin-bottom:85px}.project:nth-child(2n){width:73%;margin-inline:auto}.project-cover{aspect-ratio:1.72;isolation:isolate;will-change:transform;background:var(--cover-bg);--pointer-x:50%;--pointer-y:50%;border-radius:10px}.project-visual{position:absolute;inset:0}.mono-art{filter:grayscale()brightness(.49)contrast(1.15)}.color-art{clip-path:circle(0% at var(--pointer-x) var(--pointer-y));transition:clip-path .8s cubic-bezier(.22,1,.36,1)}.project-link:hover .color-art,.project-link:focus-visible .color-art,.project-cover[data-near=true] .color-art{clip-path:circle(150% at var(--pointer-x) var(--pointer-y))}.project-cover-label{z-index:3;font:10px var(--font-mono);color:#fff;letter-spacing:.6px;mix-blend-mode:difference;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:24px 28px auto}.project-cover-label>span{font-size:8px}.project-link:hover .car-art,.project-link:hover .reader-art{transform:scale(1.045)}.project-cover .art-coordinate{display:none}.car-art{background:radial-gradient(ellipse at 65% 75%, var(--car-glow), transparent 65%), linear-gradient(140deg, var(--car-start), var(--car-end));color:var(--car-highlight)}.car-word{color:var(--car-lettering);font-size:clamp(80px,12vw,190px);top:16%;left:9%}.car-drawing{width:95%;top:16%;left:2.5%}.art-grid{background-image:linear-gradient(var(--car-grid) 1px,transparent 1px),linear-gradient(90deg,var(--car-grid) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px)rotateX(30deg)scale(1.3)}.reader-art{background:var(--book-surface);color:var(--book-ink)}.book{width:54%;height:70%;top:17%;left:24%}.book-title{color:var(--book-ink);font-size:clamp(30px,4.2vw,67px)}.book-quote{color:var(--book-ink);font-size:clamp(20px,2.4vw,38px)}.book{filter:drop-shadow(14px 20px 13px #183c3030)}.book:after{background:var(--book-edge)}.book-left{background:linear-gradient(90deg, var(--book-surface), var(--book-page) 85%, var(--book-edge))}.book-right{background:linear-gradient(90deg, var(--book-edge), var(--book-page) 14%, var(--book-surface))}.book-lines{background:repeating-linear-gradient(#0000 0 3px,#2c4c3f60 3px 4px)}.reader-circle{border-color:#2c4c3f60}.book-chapter,.book-kicker{font-size:7px}.book-foot,.book-page{font-size:6px}.project-info{padding-top:24px}.project-name h3{letter-spacing:-2px;font-size:55px;line-height:1.1;overflow:hidden}.rolling-name{height:1.12em;display:block;overflow:hidden}.rolling-name>span{transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}.project-link:hover .rolling-name>span,.project-link:focus-visible .rolling-name>span{transform:translateY(-100%)}.project-link:hover .rolling-name{color:var(--ink)}.project-number,.project-description{color:var(--muted-on-dark)}.project-description{margin-left:15px}.project-arrow{border-color:var(--line-dark);width:45px;height:45px}.project-link:hover .project-arrow,.project-link:focus-visible .project-arrow{background:var(--ink);color:var(--paper);border-color:var(--ink)}.project-meta{color:var(--muted-on-dark);border-color:var(--line-on-dark);font-size:9px}.more-projects{border-color:var(--line-dark);margin-top:0}.more-icon{color:var(--ink);animation:15s linear infinite slow-turn}.more-projects p>span,.more-tag{color:var(--muted-on-dark)}.list-view{grid-template-columns:1fr;gap:24px;display:grid}.list-view .project,.list-view .project:nth-child(2n){width:100%;margin:0}.list-view .project-link{border-color:var(--line-on-dark)}.list-view .project-cover-label{display:none}.list-view .project-name h3{font-size:42px}.list-view .book{width:66%;height:64%;top:20%;left:17%}.list-view .book-title{font-size:16px}.list-view .book-quote{font-size:11px}.list-view .car-drawing{width:105%;top:25%;left:-2%}.list-view+.more-projects{margin-top:42px}.about{border-top:none;padding-top:100px;padding-bottom:110px}.about-aside .eyebrow,.about-small,.about-copy>p{color:var(--muted)}.about-copy>p:first-of-type{color:var(--ink)}.about-copy h2{font-size:clamp(42px,5.1vw,80px)}.about-link{border-color:var(--line-strong)}.site-footer{background:var(--paper);color:var(--ink);overflow:hidden}.footer-top,.footer-bottom{color:var(--muted-on-dark)}.footer-top .status-dot{background:var(--ink)}.footer-wordmark>span{color:var(--ink);transition:rotate .7s}.footer-wordmark:hover>span{rotate:90deg}.footer-bottom{border-color:var(--line-on-dark-strong);z-index:2;background:var(--surface-dark);position:relative}.motion-paused .project-cover{transform:none!important}.motion-paused .project-cursor{display:none}@media (hover:hover) and (pointer:fine){.custom-cursor-active,.custom-cursor-active *{cursor:none!important}.project-link .visit-project{display:none}.motion-paused .project-cover{cursor:pointer}}@media (hover:none),(pointer:coarse){.color-art{clip-path:none;opacity:0;transition:opacity .5s}.site[data-active-project=car] .cover-car .color-art,.site[data-active-project=reader] .cover-reader .color-art{opacity:1}.project-cover-label>span,.project-cursor,.sculpture-hint{display:none}}@media (max-width:1100px){.hero{min-height:650px}.hero-art{height:450px}.project,.project:nth-child(2n){width:88%}}@media (max-width:760px){.site-header{height:85px}.site-header nav{gap:clamp(12px,4vw,24px)}.nav-dot{margin-left:4px}.hero{min-height:auto;padding-top:20px}.hero-copy>.eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(56px,15.5vw,72px)}.hero-art{height:clamp(280px,82vw,350px);margin-top:8px}.hero-copy{transform:none!important}.sculpture-scene{rotate:none}.sculpture-hint{display:none}.marquee{padding-block:20px}.marquee-track{gap:20px;font-size:35px}.projects-section{padding-block:58px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:33px}.project,.project:nth-child(2n){width:100%;margin-bottom:45px}.project-cover{aspect-ratio:1.25;border-radius:7px}.project-cover-label{font-size:8px;inset:19px 18px auto}.project-info{padding-top:20px}.project-name h3{font-size:35px}.project-description{margin-left:2px;font-size:8px}.project-arrow{width:35px;height:35px}.project-meta{letter-spacing:0;font-size:6px}.car-word{font-size:16vw;top:23%}.car-drawing{width:105%;top:29%;left:-2%}.book{width:66%;height:62%;top:22%;left:17%}.book-title{font-size:8vw}.book-quote{font-size:4.6vw}.book-kicker,.book-chapter,.book-foot,.book-page{font-size:4px}.more-projects{margin-top:0}.about{padding-block:50px 60px}.about-copy h2{font-size:43px}.loader-top,.loader-bottom{letter-spacing:.5px;gap:25px;font-size:7px}.preloader{padding:28px 20px}.loader-counter{font-size:25vw}.loader-caption{font-size:8px}.loader-asterisk{font-size:45px}.loader-bottom>span:last-child,.loader-top>span:last-child{text-align:right}.list-view .project-name h3{font-size:28px}.list-view .book-title{font-size:9px}.list-view .book-quote{font-size:6px}.list-view .project-arrow{width:27px;height:27px}}@keyframes slow-turn{to{rotate:360deg}}@keyframes ambient-drift{0%{transform:translate(-2%)}to{transform:translate(3%,-2%)}}@keyframes nudge-down{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.project-cursor{display:none}.project-cover{cursor:pointer}}
.header-actions{align-items:center;gap:clamp(28px,5vw,80px);display:flex}.theme-toggle{border:1px solid var(--ink);background:var(--ink);width:68px;height:68px;color:var(--paper);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:0;font:21px/1 Arial,sans-serif;transition:color .45s,background-color .45s,transform .35s;display:inline-flex}.theme-toggle:hover{transform:rotate(-9deg)}.theme-toggle-dot{border:1.5px solid;border-radius:50%;width:12px;height:12px;display:block}.theme-toggle[aria-pressed=true] .theme-toggle-dot{background:currentColor}.route-transition-layer{z-index:120;background:var(--paper);visibility:hidden;pointer-events:none;will-change:transform;position:fixed;inset:min(-20vh,-8vw) 0;transform:translateY(-115%)skewY(-7deg)}.route-transition-edge{background:var(--ink);height:clamp(20px,3vw,48px);box-shadow:0 -16px 0 color-mix(in srgb, var(--ink) 35%, transparent);position:absolute;bottom:0;left:0;right:0}.route-transition-layer[data-state=revealing] .route-transition-edge{box-shadow:0 16px 0 color-mix(in srgb, var(--ink) 35%, transparent);top:0;bottom:auto}.detail-back{font:10px var(--font-mono);letter-spacing:.6px;align-items:center;gap:15px;display:inline-flex}.detail-back-arrow{font-size:20px;display:inline-flex;transform:rotate(180deg)}.project-detail{z-index:2;position:relative}.detail-hero{grid-template-columns:.7fr 1.3fr;align-items:center;gap:7%;min-height:660px;padding-block:85px 100px;display:grid}.detail-number{color:var(--muted);margin-bottom:20px;font-size:10px}.detail-heading h1{letter-spacing:-.075em;margin:0 0 30px;font-size:clamp(75px,9vw,145px);font-weight:400;line-height:.95}.detail-description{color:var(--ink);margin-bottom:28px;font-size:14px;line-height:1.8}.detail-category{font:8px/1.8 var(--font-mono);letter-spacing:.7px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.detail-visit{background:var(--ink);color:var(--paper);border-radius:40px;align-items:center;gap:25px;margin-top:38px;padding:16px 20px;font-size:13px;display:inline-flex}.detail-visit small{font:8px var(--font-mono);letter-spacing:1px;opacity:.75;margin-top:4px;display:block}.detail-visit svg{width:23px;height:23px}.detail-domain{font:8px var(--font-mono);letter-spacing:.5px;color:var(--muted);margin-top:16px;display:block}.detail-visual.project,.detail-visual.project:nth-child(2n){width:100%;margin:0}.detail-visual .project-cover{aspect-ratio:1.1}.detail-visual .car-word{font-size:clamp(80px,12vw,180px);top:18%}.detail-visual .car-drawing{top:29%}.detail-visual .book{height:66%;top:18%}.detail-notes{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:9%;padding-block:70px 95px;display:grid}.detail-notes .eyebrow{color:var(--muted);margin-bottom:23px;font-size:8px}.detail-notes h2{letter-spacing:-1px;margin-bottom:22px;font-size:clamp(24px,2.4vw,38px);font-weight:400}.detail-notes article>p:last-child{color:var(--muted);max-width:430px;font-size:12px;line-height:2}.detail-next{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding-block:35px;display:flex}.detail-all-projects{font:9px var(--font-mono);letter-spacing:1px}.detail-next-link{align-items:center;gap:45px;display:flex}.detail-next-link small{color:var(--muted);font:8px var(--font-mono);letter-spacing:1px;margin-bottom:12px;display:block}.detail-next-link strong{letter-spacing:-.055em;font-size:clamp(34px,5vw,70px);font-weight:400}.detail-next-link>svg{width:38px;height:38px}.detail-footer{z-index:2;color:var(--muted);font:8px var(--font-mono);justify-content:space-between;padding-block:28px;display:flex;position:relative}@media (max-width:760px){.header-actions{gap:14px}.site-header nav{gap:12px}.brand{gap:8px}.brand-name{font-size:13px}.brand-name>span{font-size:6px}.nav-link{font-size:10px}.theme-toggle{gap:6px;width:42px;height:42px;font-size:15px}.theme-toggle-dot{width:9px;height:9px}.detail-back{gap:8px;font-size:8px}.detail-hero{grid-template-columns:1fr;gap:45px;min-height:auto;padding-block:45px 50px}.detail-heading h1{margin-bottom:22px;font-size:clamp(72px,20vw,95px)}.detail-description{margin-bottom:20px;font-size:12px}.detail-category{font-size:7px}.detail-visit{margin-top:25px;padding:13px 18px;font-size:11px}.detail-visual .project-cover{aspect-ratio:1.16}.detail-visual .car-word{font-size:22vw}.detail-visual .car-drawing{top:29%}.detail-notes{grid-template-columns:1fr;gap:36px;padding-block:40px 50px}.detail-notes h2{font-size:25px}.detail-notes article>p:last-child{font-size:11px}.detail-next{padding-block:25px}.detail-next-link{gap:15px}.detail-next-link small{font-size:6px}.detail-next-link strong{font-size:36px}.detail-next-link>svg{width:25px;height:25px}.detail-footer{font-size:6px}}@media (max-width:380px){.brand-symbol{letter-spacing:-5px;padding-right:10px;font-size:30px}.brand-symbol i{font-size:15px}.brand-name{font-size:12px}.header-actions{gap:8px}.site-header nav{gap:10px}.theme-toggle{width:36px;height:36px;font-size:13px}.theme-toggle-dot{width:8px;height:8px}.nav-dot{margin-left:2px}}@media (prefers-reduced-motion:reduce){.route-transition-layer{display:none}}
.home-site .hero-baseline{justify-content:flex-end}.home-site .projects-section{padding-block:65px 10px}.home-site .section-heading{align-items:center;margin-bottom:55px}.home-site .section-heading h2{font:10px/1.4 var(--font-mono);letter-spacing:1.2px;color:var(--muted);margin:0}.home-site .project-grid{display:block}.home-site .project-slot{width:100%;margin-bottom:clamp(90px,14vw,190px)}.home-site .project-slot:last-child{min-height:84svh;margin-bottom:55px}.home-site .project-slot>.project{width:66.6667%;margin:0 auto 0 0}.home-site .project-slot:nth-child(2n)>.project{margin:0 0 0 auto}.home-site .project-cover{aspect-ratio:1.35;border-radius:10px}.home-site .project-cover-label{align-items:center;font-size:9px;inset:26px 30px auto}.home-site .project-card-enter{border:1px solid #fff7;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.home-site .project-card-enter svg{width:16px;height:16px}.home-site .project-card-caption{z-index:4;color:#f5f4ef;pointer-events:none;background:linear-gradient(#0000,#000b);padding:70px 30px 28px;position:absolute;inset:auto 0 0}.home-site .project-card-caption h3{letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(32px,4.4vw,70px);font-weight:400;line-height:1}.home-site .project-card-caption p{color:#f5f4efcf;max-width:34em;margin:0;font-size:12px;line-height:1.7}.home-site .art-bottom{display:none}.home-site .list-view .project-slot{margin-bottom:24px}.home-site .list-view .project-slot>.project{width:100%;margin:0}.home-site .list-view .project-link{border:0;padding:0;display:block}.home-site .list-view .project-cover{aspect-ratio:3.6;min-height:170px}.home-site .list-view .project-cover-label{display:flex;inset:18px 24px auto}.home-site .list-view .project-card-caption{padding:65px 24px 22px}.home-site .list-view .project-card-caption h3{margin-bottom:8px;font-size:36px}.home-site .list-view .car-word{font-size:clamp(65px,10vw,150px)}.home-site .list-view .car-drawing{width:65%;top:0;left:30%}.home-site .list-view .book{width:34%;height:90%;top:12%;left:56%}.home-site .about-compact{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;padding-block:65px;display:flex}.home-site .about-compact h2{letter-spacing:-.04em;margin:0;font-size:23px;font-weight:400}.home-site .about-compact p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.home-site .site-footer{padding-top:0}.home-site .footer-bottom{background:0 0}.home-site .back-top{justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.home-site .back-top svg{width:17px;height:17px}@media (max-width:760px){.home-site .hero{padding-bottom:20px}.home-site .hero-copy{padding-top:8px}.home-site .projects-section{padding-top:38px}.home-site .section-heading{margin-bottom:35px}.home-site .section-heading h2{font-size:8px}.home-site .project-slot{margin-bottom:100px}.home-site .project-cover{aspect-ratio:.92;border-radius:8px}.home-site .project-cover-label{font-size:7px;inset:14px 15px auto}.home-site .project-cover-label>.project-card-enter{width:25px;height:25px;display:grid}.home-site .project-card-enter svg{width:12px;height:12px}.home-site .project-card-caption{padding:60px 15px 17px}.home-site .project-card-caption h3{margin-bottom:8px;font-size:clamp(26px,6.8vw,36px)}.home-site .project-card-caption p{font-size:9px;line-height:1.7}.home-site .project-cover .car-word{font-size:13vw;top:23%}.home-site .project-cover .car-drawing{width:120%;top:34%;left:-10%}.home-site .project-cover .book{width:72%;height:56%;top:20%;left:14%}.home-site .project-cover .book-title{font-size:6vw}.home-site .project-cover .book-quote{font-size:3.7vw}.home-site .list-view .project-cover{aspect-ratio:2.15;min-height:150px}.home-site .list-view .project-cover-label{inset:13px 16px auto}.home-site .list-view .project-card-caption{padding:55px 16px 16px}.home-site .list-view .project-card-caption h3{font-size:29px}.home-site .list-view .car-drawing{width:75%;top:12%;left:30%}.home-site .list-view .book{width:40%;height:80%;top:10%;left:53%}.home-site .about-compact{flex-direction:column;align-items:flex-start;gap:14px;padding-block:38px}.home-site .about-compact h2{font-size:20px}.home-site .about-compact p{font-size:10px}}.life-art{color:#716f5a;background:radial-gradient(at 80% 20%,#fff9e6,#e2dccb);height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.life-art>svg{width:100%;height:100%;position:absolute;inset:0}.life-art-title{z-index:2;letter-spacing:8px;color:#747c60;font-family:Georgia,Songti SC,serif;font-size:52px;position:absolute;top:15%;left:9%}.life-art-title>span{font-family:var(--font-mono);letter-spacing:3px;margin-top:10px;font-size:7px;display:block}.project-link:hover .life-art{transform:scale(1.035)}.friends-art{color:#f8f6ed;background:#bab8ad;height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.project-link:hover .friends-art{transform:scale(1.035)}.friends-art-grid{opacity:.9;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:7px;display:grid;position:absolute;inset:-18% -5%;transform:rotate(-8deg)scale(1.12)}.friends-art-grid span{background:linear-gradient(150deg,#b4bdac,#768e80 58%,#d8c6a8)}.friends-art-grid span:nth-child(2),.friends-art-grid span:nth-child(6){background:linear-gradient(35deg,#7c8e88,#d0bd9c 55%,#e4dacf)}.friends-art-grid span:nth-child(3),.friends-art-grid span:nth-child(4){background:linear-gradient(145deg,#dfccae,#b29b88 48%,#7f9387)}.friends-art-title{z-index:2;letter-spacing:-.08em;text-shadow:0 3px 28px #26382e50;font:clamp(48px,8vw,120px)/.8 Georgia,serif;position:absolute;top:24%;left:9%}.friends-art-title em{font-weight:400}@media (hover:none),(pointer:coarse){.site[data-active-project=friends] .cover-friends .color-art,.site[data-active-project=life] .cover-life .color-art{opacity:1}}
:root{--site-header-height:128px;--site-avatar-size:104px}html{scroll-padding-top:calc(var(--site-header-height) + 14px)}.page-content:has(>.floating-site-header){padding-top:var(--site-header-height)}.site-header.floating-site-header{z-index:70;height:var(--site-header-height);isolation:isolate;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 auto auto 50%;transform:translate(-50%)}.floating-site-header:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 68%, transparent), color-mix(in srgb, var(--paper) 26%, transparent) 65%, transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);position:absolute;inset:-20px calc(50% - 50vw) -32px;-webkit-mask-image:linear-gradient(#000 0 55%,#0000 100%);mask-image:linear-gradient(#000 0 55%,#0000 100%)}.floating-site-header .header-identity{flex-shrink:0;align-items:center;gap:16px;display:flex}.floating-site-header .header-avatar-slot{width:var(--site-avatar-size);height:var(--site-avatar-size);flex:none;place-items:center;display:grid}.floating-site-header .header-avatar-slot>*{max-width:100%;max-height:100%}.floating-site-header .header-avatar-home{place-items:center;width:100%;height:100%;display:grid}.floating-site-header .header-brand-name{white-space:nowrap;letter-spacing:-.6px;font-size:17px;font-weight:700}.floating-site-header .header-actions{align-items:center;gap:clamp(24px,3vw,48px);display:flex}.floating-site-header .header-nav{align-items:center;gap:clamp(24px,3vw,42px);display:flex}.floating-site-header .header-controls{align-items:center;gap:14px;display:flex}.floating-site-header .nav-link{font-size:12px}.floating-site-header .header-back{font:9px var(--font-mono);letter-spacing:.7px;align-items:center;gap:13px;display:flex}.floating-site-header .header-back-arrow{font-size:20px;display:inline-flex;transform:rotate(180deg)}.floating-site-header .theme-toggle{width:68px;height:68px}@media (max-width:760px){:root{--site-header-height:96px;--site-avatar-size:64px}.floating-site-header .header-identity{gap:10px}.floating-site-header .header-brand-name{font-size:13px}.floating-site-header .header-actions,.floating-site-header .header-nav{gap:12px}.floating-site-header .header-controls{gap:8px}.floating-site-header .nav-link{font-size:10px}.floating-site-header .nav-dot{margin-left:3px}.floating-site-header .theme-toggle{width:42px;height:42px}.floating-site-header .header-back{gap:8px;font-size:8px}.floating-site-header .header-back-arrow{font-size:17px}}@media (max-width:380px){:root{--site-avatar-size:60px}.floating-site-header .header-brand-name{display:none}.floating-site-header .header-actions,.floating-site-header .header-nav{gap:10px}.floating-site-header .header-controls{gap:6px}.floating-site-header .theme-toggle{width:36px;height:36px}}
.xiaoju-avatar{width:100%;height:100%;color:inherit;cursor:pointer;perspective:500px;-webkit-tap-highlight-color:transparent;--xiaoju-gaze-x:0px;--xiaoju-gaze-y:0px;--xiaoju-lean-x:0px;--xiaoju-lean-y:0px;--xiaoju-turn-x:0deg;--xiaoju-turn-y:0deg;--xiaoju-roll:0deg;--xiaoju-blink-open:1;background:0 0;border:0;border-radius:30%;padding:0;display:block;position:relative}.xiaoju-head{width:100%;height:100%;transform:translate3d(var(--xiaoju-lean-x), var(--xiaoju-lean-y), 0) rotateX(var(--xiaoju-turn-x)) rotateY(var(--xiaoju-turn-y)) rotateZ(var(--xiaoju-roll));transform-origin:50% 65%;display:block;position:relative}.xiaoju-drawing{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.xiaoju-pupils{transform:translate(var(--xiaoju-gaze-x), var(--xiaoju-gaze-y))}.xiaoju-eye-blink{transform-box:fill-box;transform-origin:50%;transform:scaleY(var(--xiaoju-blink-open))}.xiaoju-eye-opening{transform-box:fill-box;transform-origin:50%}.xiaoju-closed-lash{opacity:calc(1 - var(--xiaoju-blink-open))}.xiaoju-wink-mouth,.xiaoju-surprised-mouth,.xiaoju-happy-mouth,.xiaoju-thoughtful-mouth,.xiaoju-happy-eye{display:none}.xiaoju-avatar[data-expression=wink] .xiaoju-eye-1 .xiaoju-eye-opening{transform:scaleY(0)}.xiaoju-avatar[data-expression=wink] .xiaoju-eye-1 .xiaoju-closed-lash{opacity:1}.xiaoju-avatar:not([data-expression=smile]) .xiaoju-smile-mouth{display:none}.xiaoju-avatar[data-expression=wink] .xiaoju-wink-mouth,.xiaoju-avatar[data-expression=surprised] .xiaoju-surprised-mouth,.xiaoju-avatar[data-expression=happy] .xiaoju-happy-mouth,.xiaoju-avatar[data-expression=thoughtful] .xiaoju-thoughtful-mouth{display:block}.xiaoju-avatar[data-expression=surprised] .xiaoju-eye-opening{transform:scaleY(1.12)}.xiaoju-avatar[data-expression=happy] .xiaoju-eye-blink,.xiaoju-avatar[data-expression=happy] .xiaoju-closed-lash{visibility:hidden}.xiaoju-avatar[data-expression=happy] .xiaoju-happy-eye{display:block}.xiaoju-avatar[data-expression=thoughtful] .xiaoju-eye-opening{transform:scaleY(.6)}.xiaoju-avatar:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.xiaoju-avatar[data-still=true] .xiaoju-head{transform:none}@media (prefers-reduced-motion:reduce){.xiaoju-head{transform:none!important}.xiaoju-eye-blink{transform:none}}