:root{color-scheme:light;--theme-color: #eeb9ce;--bg: #f7f4ee;--surface: #fffdf8;--surface-strong: #ffffff;--text: #202124;--muted: #68635b;--line: #ddd6ca;--primary: #e9563f;--primary-ink: #ffffff;--accent: #16856c;--accent-soft: #d9efe5;--gold: #e1ad32;--violet: #6c5ce7;--shadow: 0 18px 42px rgb(32 33 36 / 12%);--radius: 8px;--max-width: 1180px;--header-height: 72px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #181715;--surface: #22201d;--surface-strong: #2b2824;--text: #f3eee5;--muted: #bbb0a3;--line: #3d3831;--primary: #ff765f;--primary-ink: #1d1512;--accent: #44c6a0;--accent-soft: #20362f;--gold: #efc65a;--violet: #9a8cff;--shadow: 0 18px 42px rgb(0 0 0 / 28%)}*{box-sizing:border-box}html{scroll-behavior:smooth}html:has([data-floor-two]){scroll-snap-type:y mandatory}body{margin:0;min-width:320px;background:#f7f7f7;color:var(--text);font-family:var(--font-sans);line-height:1.6;overscroll-behavior-y:contain}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08}main{overflow:visible}main>.section-band{scroll-snap-align:start;scroll-snap-stop:always}::selection{background:var(--theme-color);color:#111}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 clamp(18px,4vw,44px);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 30%);background:color-mix(in srgb,var(--surface),transparent 10%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.site-nav,.hero-actions,.filter-row,.tag-row{display:flex;align-items:center}.brand{gap:10px;font-weight:800}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:2px solid var(--text);background:var(--gold);color:#15130f}.site-nav{gap:clamp(16px,3vw,34px);color:var(--muted);font-size:.95rem}.site-nav a:hover{color:var(--text)}.page-tabs{position:fixed;top:22px;right:22px;z-index:32;display:inline-flex;align-items:center;gap:clamp(20px,2.4vw,34px);max-width:calc(100vw - 44px)}.page-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px 0 11px;border:0;background:transparent;color:#111;font-size:clamp(1rem,1.35vw,1.28rem);font-weight:400;line-height:1;white-space:nowrap;transition:color .16s ease}.page-tab:hover,.page-tab.is-active{color:#111}.page-tab.is-active{font-weight:500}.page-tab:focus-visible{border-radius:3px;outline:2px solid rgb(52 8 36 / 35%);outline-offset:5px}.page-tab-draw-line{position:absolute;right:0;bottom:0;left:0;height:8px;color:var(--theme-color);pointer-events:none}.page-tab-draw-line svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.page-tab-draw-line path{vector-effect:non-scaling-stroke}.page-tab-download{position:relative}.page-download-menu{position:absolute;top:calc(100% + 10px);right:0;display:grid;width:max-content;min-width:112px;gap:2px;padding:6px;border:1px solid rgb(17 17 17 / 12%);border-radius:8px;background:#fff}.page-download-menu[hidden]{display:none}.page-download-option{min-height:38px;padding:8px 14px;border:0;border-radius:5px;background:transparent;color:#111;font-size:.95rem;font-weight:400;text-align:left;white-space:nowrap}.page-download-option:hover,.page-download-option:focus-visible{background:color-mix(in srgb,var(--theme-color),transparent 72%);outline:none}.page-download-option[aria-disabled=true]{cursor:default}.click-spark-canvas{position:fixed;z-index:100;inset:0;display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.icon-button,.dialog-close{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text)}.section-band{width:min(var(--max-width),calc(100% - 36px));margin:0 auto;padding:clamp(54px,8vw,104px) 0;scroll-margin-top:24px}.hero{position:relative;isolation:isolate;display:grid;width:calc(100% - 20px);height:100vh;height:100dvh;margin:0 10px;place-items:end center;padding:0;overflow:hidden}.eyebrow,.section-kicker{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin-top:18px;max-width:10ch;font-size:clamp(4.2rem,9vw,8.5rem)}.hero-summary{max-width:660px;margin-top:22px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:var(--radius);font-weight:800}.button.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-ink)}.button.secondary{background:var(--surface)}.hero-media{position:relative;z-index:1;width:min(65vw,500px);background:transparent;overflow:visible}.hero-theme-art,.hero-theme-art-front{position:absolute;top:10%;left:0;width:min(95vw,1000px);background:var(--theme-color);pointer-events:none}.hero-theme-art{z-index:0;aspect-ratio:2074 / 759;-webkit-mask:url(/assets/section1-1.svg) center / contain no-repeat;mask:url(/assets/section1-1.svg) center / contain no-repeat}.hero-theme-art-front{inset:auto 0 5% auto;z-index:2;width:min(80vw,740px);aspect-ratio:485 / 191;-webkit-mask:url(/assets/section1-2.svg) center / contain no-repeat;mask:url(/assets/section1-2.svg) center / contain no-repeat;mix-blend-mode:multiply}.hero-decorations{position:absolute;z-index:3;inset:0;pointer-events:none}.hero-decoration{--decor-repel-x: 0px;--decor-repel-y: 0px;position:absolute;height:auto;transform:translate3d(var(--decor-repel-x),var(--decor-repel-y),0);will-change:transform}.hero-decoration--3{top:7%;left:5%;width:min(23vw,299px)}.hero-decoration--4{top:8%;left:27%;width:min(27vw,351px)}.hero-decoration--5{top:14%;right:3%;width:min(29vw,377px)}.hero-decoration--6{top:39%;right:17%;width:min(15vw,195px)}.hero-decoration--7{top:56%;right:4%;width:min(22vw,286px)}.hero-decoration--8{top:61%;left:7%;width:min(28vw,364px)}.hero-decoration--9{top:70%;left:4%;width:min(30vw,390px)}.dither-portrait{position:relative;z-index:1;aspect-ratio:4 / 5;width:100%;overflow:visible;background:transparent;opacity:0;transition:opacity .18s ease}.dither-portrait.is-ready{opacity:1}.dither-canvas,.portrait-fallback{position:absolute;inset:0;width:100%;height:100%}.dither-canvas{opacity:0;image-rendering:pixelated;transition:opacity .24s ease}.portrait-fallback{filter:grayscale(1) contrast(1.25);object-fit:contain;transition:opacity .24s ease}.dither-portrait.is-ready .dither-canvas{opacity:1}.dither-portrait.is-ready .portrait-fallback{opacity:0}.dither-panel-toggle{position:fixed;left:22px;bottom:22px;z-index:31;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgb(255 255 255 / 12%);border-radius:var(--radius);background:#11161d;color:#f8fafc;box-shadow:0 16px 34px #00000047}.dither-panel{position:fixed;top:88px;left:22px;z-index:30;width:min(340px,calc(100vw - 28px));max-height:calc(100vh - 126px);border:1px solid rgb(255 255 255 / 10%);border-radius:var(--radius);background:#12171c;color:#f8fafc;box-shadow:0 24px 60px #00000057;overflow:auto;transform:translate(0);transition:opacity .18s ease,transform .18s ease}.dither-panel.is-closed{opacity:0;pointer-events:none;transform:translate(calc(-100% - 28px))}.dither-panel-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #242b35;background:#252b36}.dither-panel-header h2{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:1rem;font-weight:800}.dither-panel-header button{min-height:32px;border:1px solid #3d4656;border-radius:var(--radius);background:#343b4d;color:#dce3ef;padding:0 10px;font-weight:800}.dither-controls{display:grid}.dither-control-group{border-bottom:1px solid #242b35}.dither-control-group summary{cursor:pointer;padding:15px 18px 10px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:1rem}.dither-control-list{display:grid;gap:14px;padding:0 18px 18px}.dither-control{display:grid;grid-template-columns:minmax(88px,.82fr) minmax(110px,1fr) 58px;gap:12px;align-items:center;color:#9da7b8;font-size:.9rem}.dither-control.is-checkbox{grid-template-columns:minmax(88px,.82fr) 1fr}.dither-control input[type=range]{width:100%;accent-color:#0a84ff}.dither-control input[type=checkbox]{width:26px;height:26px;accent-color:#0a84ff}.dither-control output{min-width:58px;border-radius:var(--radius);background:#3a4153;color:#c4ccd9;padding:6px 8px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:var(--surface-strong)}.stat-item{padding:16px;border-right:1px solid var(--line)}.stat-item:last-child{border-right:0}.stat-item strong{display:block;font-size:clamp(1.35rem,3vw,2rem)}.stat-item span{color:var(--muted);font-size:.86rem}.intro-grid,.about-layout,.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,6vw,70px);align-items:start}.intro-panel h2,.section-heading h2,.contact-copy h2{margin-top:12px;font-size:clamp(2rem,5vw,4rem)}.skill-cloud{display:flex;flex-wrap:wrap;gap:12px}.skill-pill,.tag-row span{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.9rem}.skill-pill{padding:10px 14px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:26px}.filter-button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted)}.filter-button.is-active{border-color:var(--text);background:var(--text);color:var(--surface)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}body:has([data-project-index]){background:#fff}.project-index{--project-stack-top: clamp(88px, 13vh, 132px);width:calc(100% - 80px);max-width:none;min-height:100vh;min-height:100svh;padding-top:var(--project-index-offset, 48px);padding-bottom:0}.project-index-header{position:sticky;z-index:21;top:var(--project-index-offset, 48px);width:100%;margin-bottom:50px;pointer-events:none}.project-index-title{margin:0;color:var(--theme-color);font-family:Alfa Slab One,Georgia,Times New Roman,serif;font-size:clamp(58px,6vw,92px);font-weight:400;letter-spacing:.03em;line-height:normal;text-align:center;-webkit-text-stroke:3px #111111;paint-order:stroke fill}.project-detail-copy h1,.project-detail-empty h1{color:#151515;font-size:clamp(2.8rem,8vw,6.8rem)}.project-detail-copy p,.project-detail-section p,.project-detail-section li,.project-detail-empty p:last-child{color:#666;font-size:clamp(1rem,1.5vw,1.16rem)}.project-stack-layout{display:grid;grid-template-columns:minmax(0,1280px);justify-content:center;align-items:start;width:100%}.project-line-sidebar{--directory-active: #111111;--directory-idle: rgb(17 17 17 / 45%);--marker-length: 60px;--marker-gap: 0px;--max-shift: 30px;--item-gap: 36px;--tick-scale: .5;position:sticky;z-index:20;top:var(--project-directory-top, var(--project-stack-top));align-self:start;min-width:0;font-family:PingFang SC,PingFang TC,sans-serif;font-size:14px;font-weight:400;display:none}.project-line-sidebar-title{margin-bottom:18px;color:var(--directory-idle);font-size:14px;font-weight:400;letter-spacing:.18em;text-transform:uppercase}.project-line-sidebar-list{display:flex;flex-direction:column;gap:var(--item-gap);margin:0;padding:16px 0;list-style:none}.project-line-sidebar-item{position:relative}.project-line-sidebar-button{position:relative;display:block;width:100%;border:0;background:transparent;color:color-mix(in srgb,var(--directory-active) calc(var(--effect, 0) * 100%),var(--directory-idle));padding:0 0 0 calc(var(--marker-length) + var(--marker-gap));text-align:left}.project-line-sidebar-button:before{content:"";position:absolute;inset:-6px -48px}.project-line-sidebar-label{display:inline-flex;align-items:baseline;max-width:100%;font-size:14px;font-weight:400;line-height:1.25;transform:translate(calc(var(--effect, 0) * var(--max-shift)))}.project-line-sidebar-index{flex:0 0 auto;margin-right:7px;font-family:inherit;font-size:14px;opacity:calc(.5 + var(--effect, 0) * .5)}.project-line-sidebar-marker{position:absolute;top:50%;left:0;width:var(--marker-length);height:1px;background:color-mix(in srgb,var(--directory-active) calc(var(--effect, 0) * 100%),var(--directory-idle));transform:translateY(-50%) scaleX(calc(.7 + var(--effect, 0) * .5));transform-origin:left center}.project-line-sidebar-item:not(:last-child):after{content:"";position:absolute;top:calc(100% + var(--item-gap) / 2);left:0;width:calc(var(--marker-length) * var(--tick-scale));height:1px;background:var(--directory-idle);transform:translateY(-50%) scaleX(calc(.7 + var(--effect, 0) * .6));transform-origin:left center}.project-line-sidebar-button:focus-visible{border-radius:3px;outline:2px solid var(--directory-active);outline-offset:5px}.project-scroll-stack{--stack-top: var(--project-stack-top);--stack-card-gap: clamp(120px, 22vh, 230px);--stack-card-end-margin: 0px;position:relative;width:100%;max-width:1280px;padding-bottom:55vh;overflow:clip}.project-stack-anchor{display:block;width:100%;height:0;pointer-events:none}.project-stack-card{position:sticky;z-index:var(--stack-z);top:calc(var(--stack-top) + var(--stack-index) * 14px);display:block;width:100%;margin-bottom:var(--stack-card-end-margin);border:0;border-radius:clamp(18px,2.2vw,30px);background:#fff;box-shadow:none;outline:0;overflow:hidden;transform:translateZ(0) scale(var(--stack-scale, 1));transform-origin:top center;backface-visibility:hidden;will-change:transform}.project-stack-spacer{display:block;width:100%;height:calc(var(--stack-card-gap) - var(--stack-card-end-margin));pointer-events:none}.project-stack-card>img,.project-stack-card>.project-stack-picture,.project-stack-card>.project-cover-placeholder{width:100%;border-radius:inherit;background:#f2f2f2}.project-stack-card>.project-stack-picture{display:block;overflow:hidden}.project-stack-picture>img,.project-stack-card>img{display:block;width:100%;height:auto;object-fit:contain}.project-stack-card>.project-cover-placeholder{aspect-ratio:16 / 7}.project-scroll-stack-end{width:100%;height:1px}.project-cover-placeholder{display:grid;align-content:space-between;width:100%;padding:clamp(18px,4vw,34px);background:radial-gradient(circle at 84% 18%,rgb(255 255 255 / 72%) 0 7%,transparent 7.5%),linear-gradient(135deg,#d9ff9e 0 52%,#b7a5ff 52% 100%);color:#151515;overflow:hidden}.project-cover-placeholder span{max-width:8ch;font-size:clamp(2rem,6vw,4.8rem);font-weight:900;letter-spacing:-.06em;line-height:.92}.project-cover-placeholder small{justify-self:end;font-size:.7rem;font-weight:900;letter-spacing:.16em}.project-detail{position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100svh;padding:0}.project-back-link{position:fixed;top:22px;left:22px;z-index:32;display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid rgb(32 33 36 / 10%);border-radius:var(--radius);background:#ffffffdb;color:#555;font-weight:800;box-shadow:0 14px 34px #2021241f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-back-link:hover,.project-back-link:focus-visible{color:#151515;outline:none}.project-detail-hero{display:grid;gap:clamp(18px,3vw,28px);max-width:860px}.project-detail-copy{display:grid;gap:18px}.project-image-flow{position:relative;display:grid;gap:0;margin-top:0}.project-image-floor{position:relative;isolation:isolate;display:grid;gap:0;background:var(--floor-bg, #ffffff);overflow:hidden}.project-floor-content{position:relative;z-index:1;display:grid;gap:0}.project-floor-background{position:absolute;z-index:0;top:0;left:0;width:100%;height:var(--floor-background-height, 0);pointer-events:none}.project-floor-background img{display:block;width:100%;height:100%;object-fit:fill}.project-image-frame{position:relative;display:block;margin:0;padding:0 30px;background:var(--project-image-background, transparent);overflow:hidden}.project-image-stage{position:relative;container-type:inline-size;width:min(100%,1000px);margin:0 auto}.project-image-flow[data-project-id=atlas] .project-image-stage,.project-image-flow[data-project-id=yizhi-iren] .project-image-stage{width:min(100%,1000px)}.project-image-flow[data-project-id=signal] .project-image-floor:first-child .project-image-stage:before{content:"";position:absolute;z-index:4;top:1.5cqw;left:50%;width:100vw;height:2cqw;background-image:conic-gradient(#ffffff 25%,transparent 0 50%,#ffffff 0 75%,transparent 0);background-size:calc(4cqw / 3) calc(4cqw / 3);pointer-events:none;transform:translate(-50%)}.project-image-stage>img{display:block;width:100%;height:auto;object-fit:contain}.project-image-stage>.project-top-divider,.project-image-stage>.project-bottom-divider{position:absolute;z-index:4;left:50%;width:100vw;max-width:none;object-fit:fill;pointer-events:none;transform:translate(-50%)}.project-image-stage>.project-top-divider{top:0;height:var(--project-divider-height, 13%)}.project-image-stage>.project-bottom-divider{bottom:0;height:10.8%}.project-image-stage>.project-image-overlay{position:absolute;z-index:2;top:var(--project-overlay-top, 0);left:var(--project-overlay-left, 0);display:block;width:var(--project-overlay-width, auto);height:var(--project-overlay-height, auto);object-fit:contain}.project-image-stage>.project-image-overlay.is-page-top-left{left:calc(50% - 50vw);top:0}.project-video-overlay{position:absolute;z-index:2;bottom:2%;left:50%;width:27.4%;aspect-ratio:9 / 17;overflow:hidden;border:0;border-radius:clamp(12px,2vw,28px);outline:0;background:transparent;transform:translate(-50%)}.project-video-overlay.is-empty{visibility:hidden}.project-video-overlay video{display:block;width:100%;height:100%;object-fit:cover}.project-video-toggle{position:absolute;z-index:3;top:50%;left:50%;width:29%;aspect-ratio:1;padding:0;border:0;background:transparent;transform:translate(-50%,-50%)}.project-video-toggle img{display:block;width:100%;height:100%;object-fit:contain}.project-video-toggle[hidden]{display:none}.project-detail-empty{display:grid;gap:14px;max-width:720px;border-top:1px solid #d8d8d8;padding-top:18px}.project-detail-placeholder{display:grid;gap:14px;width:min(920px,100%);margin:40px auto 0;padding:0 clamp(18px,5vw,72px) 72px}.project-detail-placeholder-cover{aspect-ratio:16 / 9;margin-bottom:18px;border-radius:var(--radius)}.project-detail-placeholder h2{font-size:clamp(2.4rem,7vw,5.6rem)}.project-detail-placeholder p:last-child{max-width:620px;color:var(--muted)}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 0 #20212400;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.project-card:hover,.project-card:focus-visible{border-color:var(--accent);box-shadow:var(--shadow);outline:none;transform:translateY(-4px)}.project-card img{width:100%;height:auto;object-fit:contain}.project-card>.project-cover-placeholder.project-card-cover{width:100%;aspect-ratio:16 / 10}.project-body{padding:20px}.project-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.84rem;font-weight:700}.project-body h3{margin-top:12px;font-size:clamp(1.35rem,3vw,2rem)}.project-body p,.about-copy,.timeline-item p,.process-card p,.contact-copy p{color:var(--muted)}.project-body p{margin-top:10px}.tag-row{flex-wrap:wrap;gap:8px;margin-top:18px}.tag-row span{padding:5px 9px}.about-copy{display:grid;gap:18px;font-size:1.06rem}.timeline{display:grid;gap:14px}.timeline-item,.process-card{border-left:4px solid var(--primary);background:color-mix(in srgb,var(--surface),transparent 5%);padding:18px}.timeline-item time,.process-card span{color:var(--accent);font-size:.86rem;font-weight:800}.timeline-item h3,.process-card h3{margin:8px 0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-section{border-top:1px solid var(--line)}.contact-copy p{margin-top:16px;max-width:560px}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:8px;color:var(--muted);font-size:.92rem;font-weight:700}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:13px 14px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 78%)}.project-dialog{width:min(760px,calc(100% - 28px));max-height:min(760px,calc(100vh - 32px));border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:0;box-shadow:var(--shadow)}.project-dialog::backdrop{background:#00000094;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;right:12px;z-index:2;background:color-mix(in srgb,var(--surface),transparent 8%);font-size:1.4rem}[data-dialog-content]{padding:22px}.dialog-cover{width:100%;height:auto;border-radius:var(--radius);object-fit:contain}.dialog-meta{margin-top:18px}[data-dialog-content] h2{margin-top:8px;font-size:clamp(2rem,4vw,3rem)}[data-dialog-content] p{margin-top:14px;color:var(--muted)}.dialog-section{margin-top:20px}.dialog-section h3{font-size:1rem}.dialog-section ul{margin:10px 0 0;padding-left:20px;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;gap:18px;width:min(var(--max-width),calc(100% - 36px));margin:0 auto;padding:32px 0 44px;border-top:1px solid var(--line);color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .42s ease,transform .42s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.floor-two{position:relative;z-index:1;isolation:isolate;display:grid;width:100%;height:100vh;height:100dvh;min-height:0;margin:0;padding:0;background:#fff;font-family:PingFang SC,PingFang TC,Helvetica Neue,Arial,sans-serif;place-items:stretch;scroll-margin-top:0;overflow:hidden}.section-band.floor-two{width:100%}.floor-two-stage{position:relative;width:100%;height:100%;min-height:0;background:#f1ece9;cursor:grab;overflow:hidden;touch-action:none}.floor-two-copy{position:relative;z-index:0;width:min(64vw,1100px);margin:0 auto;padding-top:60px;color:#000000a6;font-size:14px;font-weight:300;line-height:1.48;cursor:text;pointer-events:auto;-webkit-user-select:text;user-select:text}.floor-two-profile{color:#000000d9;font-weight:400;line-height:20px;text-align:center}.floor-two-intro{font-weight:inherit}.floor-two-role{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px}.floor-two-role span:nth-child(2),.floor-two-contact-divider{display:inline-block;flex:0 0 1px;width:1px;height:10px;border-radius:999px;background:#00000026;color:transparent;font-size:0}.floor-two-contact{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px;font-style:normal}.floor-two-contact a{display:inline-flex;align-items:center;gap:4px;pointer-events:auto}.floor-two-contact-icon{flex:0 0 16px;width:16px;height:16px}.floor-two-resume{display:grid;gap:12px;margin-top:30px}.resume-entry-heading{display:grid;grid-template-columns:max-content minmax(48px,1fr) max-content;align-items:center;gap:clamp(16px,2vw,34px)}.resume-entry h2,.resume-entry time{color:#000000d9;font:inherit;font-weight:400;white-space:nowrap}.resume-entry-rule{height:1px;background:repeating-linear-gradient(to right,#353231 0 4px,transparent 4px 8px)}.resume-entry ul{display:grid;gap:4px;padding:0;margin:4px 0 0;color:#000000a6;font-weight:300;list-style:none}.resume-entry li{position:relative;padding-left:11px}.resume-entry li:before{position:absolute;left:0;top:.74em;width:3px;height:3px;border-radius:50%;background:currentColor;content:"";transform:translateY(-50%)}.floor-two-canvas{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;pointer-events:none}.floor-two.is-dragging .floor-two-stage{cursor:grabbing}body.is-physics-dragging{-webkit-user-select:none;user-select:none}@media(max-width:900px){.floor-two-copy{width:min(calc(100% - 48px),900px);padding-top:60px}.floor-two-resume{margin-top:54px}.resume-entry-heading{display:flex;flex-wrap:wrap;gap:4px 12px}.resume-entry h2{flex:0 0 auto;white-space:nowrap}.resume-entry-rule{flex:1 1 32px;min-width:32px}.resume-entry time{flex:0 0 auto;margin-left:auto}.resume-entry-heading.is-date-wrapped{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.resume-entry-heading.is-date-wrapped .resume-entry-rule{display:none}.resume-entry-heading.is-date-wrapped time{margin-left:0;justify-self:start}}@media(max-width:560px){.section-band.floor-two{width:100%}.floor-two-copy{width:calc(100% - 40px);padding-top:60px}.floor-two-contact{flex-wrap:wrap}.floor-two-contact-divider{display:none}.floor-two-resume{margin-top:30px}.resume-entry-heading{display:grid;grid-template-columns:1fr;gap:2px}.resume-entry-rule{display:none}.resume-entry h2{white-space:nowrap}.resume-entry time{white-space:normal}.resume-entry time{color:#6e6966;margin-left:0}.resume-entry ul{gap:4px;margin-top:4px}}@font-face{font-family:Alfa Slab One;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/alfa-slab-one-latin.woff2) format("woff2")}.floor-three{width:100%;height:100vh;height:100dvh;min-height:0;margin:0;padding:0;background:#f7f7f7;font-family:PingFang SC,PingFang TC,Helvetica Neue,Arial,sans-serif;overflow:hidden}.section-band.floor-three{width:100%}.floor-three-inner{display:grid;align-content:center;height:100%;min-height:0;padding:72px clamp(24px,5vw,88px) 44px}.floor-three-title{position:relative;z-index:2;margin:0 auto clamp(50px,7vh,72px);color:var(--theme-color);font-family:Alfa Slab One,Georgia,Times New Roman,serif;font-size:clamp(58px,6vw,92px);font-weight:400;letter-spacing:.03em;line-height:normal;text-align:center;-webkit-text-stroke:3px #111111;paint-order:stroke fill}.skills-carousel{position:relative;width:100%;min-width:0}.skills-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;width:min(1320px,100%);margin:0 auto;padding:34px 66px 26px}.skill-card{--card-rotation: 6deg;position:relative;z-index:2;width:322px;height:390px;padding:clamp(55px,7vh,72px) clamp(22px,2vw,32px) 28px;border-radius:16px;color:#111;transform:rotate(var(--card-rotation));transform-origin:center;transition:transform .22s ease,box-shadow .22s ease}.skill-card:nth-child(2){--card-rotation: -5.1deg;z-index:1;top:-14px;margin-left:-16px}.skill-card:nth-child(3){--card-rotation: 4.6deg;z-index:2;margin-left:-22px}.skill-card:nth-child(4){--card-rotation: -3.5deg;z-index:3;top:-12px;left:22px;margin-left:-18px}.skill-card:first-child{left:-24px}.skill-card:hover{z-index:8;box-shadow:0 22px 44px #00000021;transform:rotate(0) translateY(-12px)}.skill-card--green{background:#2d7a65;color:#fff}.skill-card--blue{background:#97acf6}.skill-card--orange{background:#f6693c;color:#fff}.skill-card--lilac{background:#f0befb}.skill-card h3{font-size:20px;font-weight:400;line-height:1.25}.skill-card-rule{display:block;width:100%;height:1px;margin:20px 0;background:currentColor;opacity:.8}.skill-card ul{display:grid;gap:8px;padding:0;margin:0;font-size:14px;font-weight:300;line-height:1.55;list-style:none}.skill-card li{position:relative;padding-left:18px}.skill-card li:before{position:absolute;top:0;left:0;width:10px;height:22px;background:currentColor;content:"";-webkit-mask:url(/assets/section3/section3-5.svg) center / contain no-repeat;mask:url(/assets/section3/section3-5.svg) center / contain no-repeat}.skill-sticker{position:absolute;z-index:4;top:-48px;right:24px;display:block;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform:rotate(10deg)}.skill-sticker--green{width:81px;height:107px}.skill-sticker--blue{right:34px;width:77px;height:110px;transform:rotate(-18deg)}.skill-sticker--orange{right:24px;width:116px;height:98px;transform:rotate(14deg)}.skill-sticker--lilac{right:28px;width:145px;height:98px;transform:rotate(8deg)}.skills-nav-arrow{display:none}@media(max-width:1150px){.floor-three-inner{padding-right:0;padding-left:0}.floor-three-title{margin-bottom:12px;padding:0 24px;font-size:clamp(48px,9vw,72px)}.skills-cards{display:flex;width:100%;padding:84px 76px 42px;overflow-x:auto;scroll-padding-inline:76px;scroll-snap-type:x proximity;scrollbar-width:none}.skills-cards::-webkit-scrollbar{display:none}.skill-card,.skill-card:nth-child(2),.skill-card:nth-child(3),.skill-card:nth-child(4){flex:0 0 min(82vw,322px);margin-left:-10px;scroll-snap-align:center}.skill-card:first-child{margin-left:0}.skills-nav-arrow{position:absolute;z-index:12;top:55%;display:grid;width:48px;height:48px;padding:0;border:1px solid rgb(17 17 17 / 12%);border-radius:50%;background:#ffffff94;box-shadow:0 8px 24px #1111111f;color:#111;font-size:27px;line-height:1;opacity:.78;place-items:center;transform:translateY(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .16s ease,transform .16s ease}.skills-nav-arrow:hover{opacity:1;transform:translateY(-50%) scale(1.06)}.skills-nav-arrow--previous{left:18px}.skills-nav-arrow--next{right:18px}.skills-nav-arrow[hidden]{display:none}}@media(max-width:808px){.skills-cards{position:relative;display:block;height:506px;padding:0;overflow:visible;scroll-snap-type:none;touch-action:pan-y;-webkit-user-select:none;user-select:none}.skills-cards .skill-card{position:absolute;z-index:var(--stack-z, 1);top:72px;left:50%;width:min(82vw,322px);margin:0;opacity:.92;scroll-snap-align:none;transform:translate(-50%) translate(var(--stack-x, 0),var(--stack-y, 0)) translate(var(--swipe-x, 0px)) rotate(var(--card-rotation)) scale(var(--stack-scale, 1));transition:transform .24s ease,opacity .24s ease,box-shadow .24s ease}.skills-cards.is-dragging .skill-card.is-active{transition:none}.skills-cards .skill-card.is-active{opacity:1;box-shadow:0 18px 38px #11111124}}@media(max-width:560px){.section-band.floor-three{width:100%}.floor-three-inner{padding-top:76px;padding-bottom:24px}.floor-three-title{margin-bottom:0;font-size:clamp(42px,13vw,58px)}.skill-card{padding-top:58px}.skills-nav-arrow{width:42px;height:42px;font-size:23px}}@media(prefers-reduced-motion:reduce){.skill-card,.skills-nav-arrow{transition:none}}@media(max-width:999px){.project-index-header{margin-bottom:30px}.project-scroll-stack{max-width:700px;margin-inline:auto}}@media(max-width:860px){.site-header{gap:14px}.brand-text{display:none}.site-nav{gap:12px;font-size:.88rem}.hero,.intro-grid,.about-layout,.contact-section{grid-template-columns:1fr}.hero-media{justify-self:center}.hero h1{font-size:clamp(3.4rem,18vw,6rem)}.project-grid,.process-grid,.project-detail-sections,.project-detail-hero,.project-stack-layout{grid-template-columns:1fr}.project-line-sidebar{top:var(--project-directory-top, 70px);z-index:24;padding:8px 0;background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none}.project-line-sidebar::-webkit-scrollbar{display:none}.project-line-sidebar-title,.project-line-sidebar-marker,.project-line-sidebar-item:after{display:none}.project-line-sidebar-list{flex-direction:row;gap:8px;width:max-content}.project-line-sidebar-button{width:auto;border:1px solid #dedede;border-radius:999px;background:#ffffffd6;padding:8px 12px;white-space:nowrap}.project-line-sidebar-button[aria-current=true]{border-color:var(--directory-active);background:var(--directory-active);color:#fff}.project-line-sidebar-label{transform:none}}@media(max-width:560px){.site-header{height:auto;min-height:var(--header-height);padding:12px 14px}.page-tabs{top:12px;right:12px;gap:18px;max-width:calc(100vw - 24px)}.page-tab{padding-bottom:9px;font-size:.95rem}.site-nav{overflow-x:auto;max-width:62vw;white-space:nowrap}.section-band,.site-footer{width:min(100% - 24px,var(--max-width))}.hero-stats{grid-template-columns:1fr}.stat-item{border-right:0;border-bottom:1px solid var(--line)}.stat-item:last-child{border-bottom:0}.section-heading,.site-footer{align-items:start;flex-direction:column}.button{width:100%}.hero-actions{align-items:stretch}.dither-panel{top:82px;left:12px;width:calc(100vw - 24px);max-height:calc(100vh - 148px)}.dither-panel-toggle{left:12px;bottom:12px}.dither-control{grid-template-columns:minmax(72px,.7fr) minmax(92px,1fr) 54px;gap:8px}.project-index{--project-stack-top: 78px;padding-top:var(--project-index-offset, 24px)}.project-index-header{margin-bottom:30px}.project-scroll-stack{--stack-card-gap: 18vh;padding-bottom:42vh}.project-stack-card{top:calc(var(--stack-top) + var(--stack-index) * 8px);border-radius:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.project-stack-card{transform:none!important}}