:root{--ink:#2b211c;--paper:#f7eee6;--white:#fff8f1;--muted:#6f6058;--soft:#eaded4;--line:#dac8b9;--signal:#985333;--blue:#ead6c7;--max:1240px;--narrow:820px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);letter-spacing:0;margin:0;font-family:Inter,Noto Sans TC,Microsoft JhengHei,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.wrap{width:min(var(--max), calc(100% - 64px));margin-inline:auto}[data-en],body.en [data-zh]{display:none!important}body.en [data-en]{display:initial!important}body.en ul[data-en]{display:block!important}body.en .responsibility-grid[data-en]{display:grid!important}.skip-link{z-index:99;color:var(--white);background:var(--ink);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{z-index:20;backdrop-filter:blur(14px);background:#f7eee6f0;border-bottom:1px solid #2b211c24;position:sticky;top:0}.site-nav{align-items:center;gap:28px;min-height:72px;display:flex}.brand{margin-right:auto;font-size:15px;font-weight:900}.brand small{color:var(--muted);margin-left:9px;font-size:12px;font-weight:600}.nav-links{align-items:center;gap:25px;font-size:13px;font-weight:700;display:flex}.nav-links a,.lang-toggle{position:relative}.nav-links a:after{content:"";background:var(--signal);transform-origin:0;height:2px;transition:transform .2s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}.lang-toggle{border:1px solid var(--ink);cursor:pointer;background:0 0;min-width:70px;padding:7px 9px;font-size:12px;font-weight:800}.lang-toggle:hover{color:var(--white);background:var(--ink)}.mobile-page-nav{display:none}.hero{grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);align-items:center;gap:80px;min-height:calc(100svh - 72px);padding-block:72px 54px;display:grid}.hero-copy{align-self:center}.hero-name{text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.hero-name span{color:var(--muted);margin-left:10px;font-weight:600}h1,h2,h3,p{text-wrap:pretty}.hero h1{max-width:900px;margin:28px 0 34px;font-size:82px;font-weight:850;line-height:1.03}.hero h1 em{color:var(--signal);font-family:Iowan Old Style,Times New Roman,serif;font-weight:500}.hero-intro{max-width:700px;color:var(--muted);margin:0;font-size:19px}.actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.button{border:1px solid var(--ink);justify-content:center;align-items:center;gap:18px;min-height:48px;padding:0 18px;font-size:13px;font-weight:850;transition:color .18s,background .18s;display:inline-flex}.button.primary{color:var(--white);background:var(--ink)}.button.primary:hover{border-color:var(--signal);background:var(--signal)}.button.quiet:hover,.button.secondary:hover{background:var(--blue)}.hero-portrait{align-self:end;margin:0}.hero-portrait img{aspect-ratio:4/5.1;object-fit:cover;object-position:center top;filter:saturate(.86)contrast(1.03);width:100%}.hero-portrait figcaption{color:var(--muted);justify-content:space-between;margin-top:9px;font-size:10px;font-weight:800;display:flex}.social-links{flex-wrap:wrap;gap:18px;margin-top:18px;font-size:12px;font-weight:800;display:flex}.social-links a{align-items:center;gap:7px;display:inline-flex}.social-links svg{width:15px;height:15px}.social-links a:hover{color:var(--signal)}.section{padding-block:112px}.section-index{color:var(--signal);margin:0;font-size:11px;font-weight:900}.section-label{color:var(--muted);text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:900}.section-head{grid-template-columns:1fr 3fr;gap:28px;margin-bottom:56px;display:grid}.section-head h2{max-width:820px;margin:0;font-size:40px;line-height:1.18}.editorial-grid{grid-template-columns:.5fr 2.2fr 1.3fr;align-items:start;gap:46px;display:grid}.about-section{color:var(--ink);background:var(--white)}.about-section .section-index{color:var(--signal)}.about-section .section-label,.about-section .about-body{color:var(--muted)}.about-copy h2{max-width:730px;margin:0;font-size:46px;line-height:1.22}.about-body p{margin:34px 0 30px;font-size:16px}.text-link{border-bottom:1px solid;align-items:center;gap:12px;padding-bottom:5px;font-size:13px;font-weight:850;display:inline-flex}.text-link:hover{color:var(--signal)}.focus-section{background:var(--blue)}.focus-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.focus-item{border-top:1px solid var(--ink);min-width:0;min-height:260px;padding:25px 32px 25px 0}.focus-item+.focus-item{border-left:1px solid #11141833;padding-left:32px}.focus-item>span{color:var(--muted);font-size:11px;font-weight:900}.focus-item h3{margin:54px 0 14px;font-size:24px}.focus-item p{color:var(--muted);margin:0;font-size:14px}.writing-section{background:var(--white)}.writing-list{border-top:1px solid var(--ink)}.writing-row{border-bottom:1px solid var(--line);grid-template-columns:130px minmax(0,1fr) 24px;align-items:start;gap:30px;padding-block:27px;transition:color .18s,padding .18s;display:grid}.writing-row:hover{color:var(--signal);padding-left:10px}.writing-row time{color:var(--muted);padding-top:5px;font-size:12px;font-weight:700}.writing-row h2,.writing-row h3{margin:0;font-size:23px;line-height:1.3}.writing-row p{max-width:760px;color:var(--muted);margin:7px 0 0;font-size:14px}.writing-empty{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:1fr 3fr;align-items:center;gap:28px;min-height:230px;display:grid}.writing-empty.large{min-height:360px}.empty-mark{color:var(--signal);margin:0;font-family:Iowan Old Style,Times New Roman,serif;font-size:46px}.writing-empty strong{font-size:26px}.writing-empty p:not(.empty-mark){max-width:650px;color:var(--muted);margin:9px 0 0}.section-link{margin-top:34px}.journey-section{background:var(--paper)}.journey-head{margin-bottom:38px}.timeline{max-width:970px;margin-left:auto;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:18px;bottom:18px;left:160px}.timeline-entry{padding:9px 38px 9px 0;position:relative}.timeline-entry summary{cursor:pointer;grid-template-columns:136px 24px minmax(0,1fr);align-items:start;gap:12px;list-style:none;display:grid}.timeline-entry summary::-webkit-details-marker{display:none}.timeline-entry summary:after{content:"+";color:var(--muted);font-size:17px;position:absolute;top:8px;right:3px}.timeline-entry[open] summary:after{content:"−";color:var(--signal)}.timeline-date{color:var(--muted);padding-top:2px;font-size:11px;font-weight:800}.timeline-marker{min-height:18px;position:relative}.timeline-marker:before{content:"";border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:4px}.timeline-entry.project .timeline-marker:before{border-color:var(--signal);background:var(--signal)}.timeline-entry.experience .timeline-marker:before{background:#5a4b43;border-color:#5a4b43}.timeline-type{color:var(--muted);margin-bottom:2px;font-size:9px;font-weight:850;display:block}.timeline-summary strong{font-size:15px;line-height:1.4;display:block}.timeline-entry summary:hover strong{color:var(--signal)}.timeline-entry>p{max-width:720px;color:var(--muted);margin:7px 0 4px 172px;font-size:13px}.journey-link{margin:35px 0 0 calc(100% - 798px)}.projects-section{color:var(--ink);background:var(--paper)}.projects-section .section-label{color:var(--muted)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-listing{min-width:0}.project-listing>.project-card{height:100%}.project-card{min-width:0;color:var(--ink);background:var(--white);flex-direction:column;transition:transform .22s;display:flex}.project-card:hover{transform:translateY(-5px)}.project-media{aspect-ratio:16/10;background:var(--soft);position:relative;overflow:hidden}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.project-media.contain img{object-fit:contain;padding:16px}.project-card:hover .project-media img{transform:scale(1.025)}.project-number{color:var(--white);background:var(--ink);padding:5px 7px;font-size:10px;font-weight:850;position:absolute;top:12px;left:12px}.project-body{flex-direction:column;flex:1;min-height:300px;padding:22px;display:flex}.project-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;font-weight:750;display:flex}.project-type{color:var(--signal);font-weight:900}.project-body h3{margin:20px 0 11px;font-size:21px;line-height:1.35}.project-summary{color:var(--muted);margin:0;font-size:13px}.tag-list{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);padding:3px 6px;font-size:10px;font-weight:750}.project-footer{justify-content:space-between;margin-top:auto;padding-top:20px;font-size:11px;font-weight:850;display:flex}.projects-section .section-link{color:var(--ink)}.page-intro{flex-direction:column;justify-content:flex-end;min-height:540px;padding-block:80px;display:flex}.page-intro h1,.archive-intro h1{max-width:950px;margin:20px 0 28px;font-size:68px;line-height:1.08}.page-intro>p:last-child,.archive-intro>p:last-child{max-width:700px;color:var(--muted);margin:0;font-size:17px}.page-intro+.journey-section{padding-top:50px}.writing-archive{background:var(--white);padding-top:38px}.writing-toolbar,.archive-toolbar{grid-template-columns:minmax(260px,.8fr) minmax(0,2.2fr);gap:20px;margin-bottom:42px;display:grid}.search-box{position:relative}.search-box svg{width:18px;height:18px;color:var(--muted);pointer-events:none;position:absolute;top:14px;left:14px}.search-box input{border:1px solid var(--ink);background:var(--white);border-radius:0;width:100%;min-height:46px;padding:0 14px 0 42px}.filters{flex-wrap:wrap;gap:7px;display:flex}.filter{border:1px solid var(--line);cursor:pointer;background:0 0;min-height:38px;padding:6px 11px;font-size:12px;font-weight:800}.filter:hover,.filter[aria-pressed=true]{color:var(--white);border-color:var(--ink);background:var(--ink)}.empty{min-height:190px;color:var(--muted);text-align:center;place-items:center;display:none}.empty.is-visible{display:grid}.archive-intro{flex-direction:column;justify-content:flex-end;min-height:480px;padding-block:72px;display:flex}.projects-page{color:#2b211c;background:#f7eee6}.projects-page .archive-intro .eyebrow{color:#985333}.projects-page .archive-intro-copy p{color:#5a4b43}.archive{--neo-bg:#f7eee6;--neo-surface:#fff8f1;--neo-surface-warm:#ead6c7;--neo-text:#2b211c;--neo-text-secondary:#5a4b43;--neo-muted:#6f6058;--neo-accent:#985333;--neo-border:#dac8b9;--neo-border-soft:#eaded4;--neo-raised:8px 10px 24px #805c462e, -8px -8px 20px #ffffffb3;--neo-inset:inset 3px 3px 7px #805c4624, inset -3px -3px 7px #ffffffb8;color:var(--neo-text);background:var(--neo-bg);padding:55px 0 110px}.archive .search-box input{border-color:var(--neo-border);background:var(--neo-surface);box-shadow:none;color:var(--neo-text);border-radius:8px;transition:border-color .18s,box-shadow .18s}.archive .search-box input::placeholder,.archive .search-box svg{color:var(--neo-muted)}.archive .search-box input:focus{border-color:var(--neo-accent);outline:none;box-shadow:0 0 0 4px #b46a4633}.archive .filter{border-color:var(--neo-border);color:var(--neo-text-secondary);background:var(--neo-surface);box-shadow:none;border-radius:8px;transition:color .18s,border-color .18s,background-color .18s}.archive .filter:hover{color:var(--neo-accent);border-color:var(--neo-accent)}.archive .filter[aria-pressed=true],.archive .filter:active{color:#fff;border-color:var(--neo-accent);background:var(--neo-accent);box-shadow:none}.result-bar{color:var(--muted);justify-content:space-between;gap:16px;margin-bottom:18px;font-size:11px;font-weight:700;display:flex}.archive .result-bar{color:var(--neo-muted)}.project-listing.is-hidden{display:none}.load-more{border:1px solid var(--ink);cursor:pointer;background:0 0;min-width:180px;min-height:46px;margin:36px auto 0;font-weight:850;display:none}.load-more:hover{color:var(--white);background:var(--ink)}.load-more.is-visible{display:block}.archive .project-card{border:1px solid var(--neo-border);color:var(--neo-text);background:var(--neo-surface);box-shadow:var(--neo-raised);border-radius:8px;transition:border-color .22s,box-shadow .26s cubic-bezier(.2,0,0,1),transform .26s cubic-bezier(.2,0,0,1);overflow:hidden}.archive .project-card:hover,.archive .project-card:focus-visible{border-color:var(--neo-accent);outline:none;transform:translateY(-5px);box-shadow:10px 12px 26px #805c4638,-9px -9px 22px #ffffffc7}.archive .project-card:focus-visible{box-shadow:var(--neo-raised), 0 0 0 4px #b46a463d}.archive .project-card:active{box-shadow:var(--neo-inset);transform:translateY(0)}.archive .project-media{border:1px solid var(--neo-border-soft);border-radius:5px;margin:10px 10px 0}.archive .project-body{min-height:310px}.archive .project-meta,.archive .project-summary{color:var(--neo-muted)}.archive .project-type,.archive .project-footer span:last-child{color:var(--neo-accent)}.archive .project-number{color:#fff;background:var(--neo-accent)}.archive .tag{color:var(--neo-text-secondary);border-color:var(--neo-border);background:var(--neo-bg)}.archive .load-more{border-color:var(--neo-border);color:var(--neo-text);background:var(--neo-surface);box-shadow:none;border-radius:8px}.archive .load-more:hover{color:#fff;border-color:var(--neo-accent);background:var(--neo-accent)}.archive .load-more:active{color:#fff;background:color-mix(in srgb, var(--neo-accent), #000 12%)}.detail-hero{min-height:620px;color:var(--ink);background:var(--blue);grid-template-columns:1fr 1.15fr;align-items:stretch;display:grid}.detail-hero>img{object-fit:cover;grid-area:1/2;width:100%;height:100%;min-height:620px}.detail-hero.contain>img{object-fit:contain;padding:30px}.detail-hero-copy{grid-area:1/1;width:min(520px,100% - 64px);margin:auto;padding:64px 0}.detail-hero h1{margin:22px 0 0;font-size:56px;line-height:1.08}.eyebrow{color:var(--signal);margin:0;font-size:10px;font-weight:900}.detail-meta{color:var(--muted);flex-wrap:wrap;gap:9px 16px;margin-top:28px;font-size:12px;font-weight:700;display:flex}.detail-page{padding:70px 0 110px}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:42px;font-size:12px;font-weight:850;display:inline-flex}.back-link:before{content:"←"}.back-link:hover{color:var(--signal)}.detail-lead{max-width:860px;margin:0 0 64px;font-size:29px;line-height:1.4}.detail-section{border-top:1px solid var(--line);grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:46px;padding:52px 0;display:grid}.detail-section h2{margin:0;font-size:12px}.detail-section ul{margin:0;padding-left:19px}.detail-section li+li{margin-top:9px}.responsibility-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.responsibility-block{border-top:3px solid var(--ink);padding-top:13px}.responsibility-block.owned{border-color:var(--signal)}.responsibility-block.collaborated{border-color:#5a4b43}.responsibility-block h3{margin:0 0 12px;font-size:15px}.responsibility-block ul{color:var(--muted);font-size:13px}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.evidence{background:var(--white);margin:0}.evidence img{aspect-ratio:16/10;object-fit:cover;width:100%}.evidence figcaption{color:var(--muted);padding:9px 0;font-size:12px}.score-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0;display:grid}.score-list div{padding:15px 15px 15px 0}.score-list dt{color:var(--muted);font-size:11px}.score-list dd{margin:7px 0 0;font-weight:900}.project-links{flex-wrap:wrap;gap:9px;display:flex}.project-links a{border:1px solid var(--ink);align-items:center;min-height:40px;padding:0 12px;font-size:12px;font-weight:850;display:inline-flex}.project-links a:hover{color:var(--white);background:var(--ink)}.resume-page{min-height:calc(100vh - 200px);padding:110px 0}.resume-page h1{max-width:850px;margin:22px 0 28px;font-size:68px;line-height:1.08}.resume-page>p{max-width:660px;color:var(--muted);font-size:17px}.resume-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.resume-note{margin-top:22px;font-size:12px!important}.article-page{max-width:960px;padding-block:70px 120px}.article-header{margin-bottom:56px}.article-meta{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:10px;font-weight:800;display:flex}.article-header h1{margin:24px 0;font-size:62px;line-height:1.12}.article-header>p{max-width:760px;color:var(--muted);font-size:19px}.article-tools{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:30px;display:flex}.copy-link{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;padding:0 0 4px;font-size:12px;font-weight:850}.copy-link:hover{color:var(--signal);border-color:var(--signal)}.article-cover{object-fit:cover;width:100%;max-height:560px;margin-bottom:54px}.prose{max-width:740px;font-size:17px;line-height:1.85}.prose h2{margin:2.2em 0 .7em;font-size:30px;line-height:1.3}.prose h3{margin:1.8em 0 .6em;font-size:22px}.prose a{color:var(--signal);text-decoration:underline}.prose img{margin-block:32px}.prose blockquote{border-left:4px solid var(--signal);color:var(--muted);margin:30px 0;padding-left:22px;font-size:20px}.prose code{background:var(--soft);padding:2px 5px;font-size:.9em}.prose pre{color:var(--white);background:var(--ink);padding:20px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.site-footer{color:var(--ink);border-top:1px solid var(--line);background:var(--white);padding:72px 0 46px}.footer-grid{grid-template-columns:1.4fr 1fr auto;align-items:end;gap:30px;display:grid}.footer-label{color:var(--muted);margin:0 0 8px;font-size:12px}.footer-grid h2{margin:0;font-size:28px}.footer-grid h2 span{color:var(--muted);font-size:14px;font-weight:500}.social-links.compact{margin:0}.social-links.compact a:hover{color:var(--signal)}.footer-meta{color:var(--muted);margin:0;font-size:10px;font-weight:700}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=960px){.wrap{width:min(var(--max), calc(100% - 40px))}.nav-links{display:none}.hero{grid-template-columns:1fr .45fr;gap:38px;min-height:0;padding-block:64px}.hero h1{font-size:60px}.hero-intro{font-size:17px}.editorial-grid{grid-template-columns:.35fr 1.6fr 1fr;gap:26px}.about-copy h2{font-size:36px}.section-head{grid-template-columns:.35fr 2.65fr}.section-head h2{font-size:34px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{max-width:none}.journey-link{margin-left:172px}.detail-hero,.detail-hero>img{min-height:540px}.detail-hero-copy{width:calc(100% - 40px)}.detail-hero h1{font-size:44px}.responsibility-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1/-1}}@media (width<=680px){.wrap{width:min(var(--max), calc(100% - 28px))}.site-nav{min-height:62px}.brand small{display:none}.hero{flex-direction:column;gap:34px;padding-block:45px;display:flex}.hero-copy{order:1}.hero-portrait{order:0;width:100%}.hero-portrait img{aspect-ratio:4/4.4;object-position:center 22%}.hero h1{margin:22px 0 25px;font-size:47px}.hero-intro{font-size:16px}.actions{flex-direction:column}.button{justify-content:space-between;width:100%}.section{padding-block:76px}.section-head,.editorial-grid{grid-template-columns:1fr;gap:24px}.section-head{margin-bottom:38px}.section-head h2,.about-copy h2{font-size:31px}.about-body p{margin-top:0}.focus-list{grid-template-columns:1fr}.focus-item{min-height:0;padding:22px 0}.focus-item+.focus-item{border-left:0;padding-left:0}.focus-item h3{margin:26px 0 9px;font-size:21px}.writing-empty{grid-template-columns:1fr;gap:16px;min-height:270px;padding-block:30px}.writing-row{grid-template-columns:1fr 20px;gap:14px}.writing-row time{grid-column:1/-1}.writing-row h2,.writing-row h3{font-size:20px}.timeline{margin:0}.timeline:before{left:93px}.timeline-entry{padding-right:26px}.timeline-entry summary{grid-template-columns:74px 16px minmax(0,1fr);gap:8px}.timeline-date{font-size:9px}.timeline-marker:before{left:1px}.timeline-summary strong{font-size:13px}.timeline-entry>p{margin-left:98px;font-size:12px}.journey-link{margin-left:98px}.project-grid{grid-template-columns:1fr}.project-body{min-height:270px}.page-intro{min-height:460px;padding-block:60px}.page-intro h1,.archive-intro h1,.resume-page h1{font-size:46px}.page-intro>p:last-child,.archive-intro>p:last-child{font-size:15px}.writing-toolbar,.archive-toolbar{grid-template-columns:1fr}.result-bar{flex-direction:column;align-items:flex-start}.detail-hero{flex-direction:column;min-height:0;display:flex}.detail-hero>img{aspect-ratio:4/3;order:0;min-height:0}.detail-hero-copy{order:1;width:calc(100% - 28px)}.detail-hero h1{font-size:38px}.detail-lead{font-size:23px}.detail-section{grid-template-columns:1fr;gap:22px;padding:40px 0}.evidence-grid,.score-list{grid-template-columns:1fr}.score-list div{border-bottom:1px solid var(--line)}.article-header h1{font-size:43px}.article-tools{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr;align-items:start}.footer-meta{grid-column:auto}}.home-cinematic{--cinematic-bg:#f7eee6;--cinematic-surface:#fff8f1;--cinematic-text:#2b211c;--cinematic-muted:#6f6058;--cinematic-line:#dac8b9;--cinematic-lime:#985333;color:var(--cinematic-text);background:var(--cinematic-bg)}.home-cinematic .site-header{color:var(--cinematic-text);border-color:var(--cinematic-line);background:#f7eee6f0}.home-cinematic .lang-toggle{color:inherit;border-color:currentColor}.home-cinematic .nav-links a{position:relative}.home-cinematic .nav-links a:after{background:var(--cinematic-lime);content:"";opacity:0;transform-origin:0;height:2px;transition:opacity .22s,transform .22s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.home-cinematic .nav-links a:hover:after,.home-cinematic .nav-links a:focus-visible:after,.home-cinematic .nav-links a.is-active:after{opacity:1;transform:scaleX(1)}.home-cinematic .nav-links a.is-active{color:var(--cinematic-lime)}.cinematic-wrap{width:min(1280px,100% - 96px);margin:0 auto}.scroll-reveal{opacity:1;transform:none}html[data-motion-ready=true] .scroll-reveal{opacity:0;transform:translateY(var(--reveal-distance,32px));transition:opacity var(--reveal-duration,.85s) ease, transform var(--reveal-duration,.85s) cubic-bezier(.65, 0, .35, 1);transition-delay:var(--reveal-delay,0s)}html[data-motion-ready=true] .scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-mask{display:block;overflow:hidden}.reveal-content{opacity:1;display:block;transform:none}html[data-motion-ready=true] .reveal-content{opacity:0;transform:translateY(var(--reveal-distance,110%));transition:transform var(--reveal-duration,.9s) cubic-bezier(.65, 0, .35, 1), opacity .6s ease;transition-delay:var(--reveal-delay,0s)}html[data-motion-ready=true] .is-visible .reveal-content{opacity:1;transform:translateY(0)}.cinematic-overline{color:var(--cinematic-lime);margin:0 0 26px;font-size:11px;font-weight:850}.skill-cloud{flex-wrap:wrap;gap:6px;display:flex}.skill-cloud span{border:1px solid;padding:5px 8px;font-size:10px;font-weight:800}@media (width<=1020px){.cinematic-wrap{width:min(1280px,100% - 48px)}}@media (width<=720px){.cinematic-wrap{width:min(1280px,100% - 28px)}}@media (prefers-reduced-motion:reduce){html[data-motion-ready=true] .scroll-reveal,html[data-motion-ready=true] .reveal-content{opacity:1;transition:none;transform:none}}.blog-home{color:var(--ink);background:var(--paper)}.blog-home .site-header{color:var(--ink);border-color:var(--line);background:#f7eee6f0}.blog-home .site-footer{color:var(--ink);border-color:var(--line);background:var(--white);display:block}.blog-home .site-footer .footer-label,.blog-home .site-footer .footer-meta,.blog-home .site-footer h2 span{color:var(--muted)}.blog-home-main{overflow:clip}.blog-hero{border-bottom:1px solid var(--line);align-items:center;min-height:calc(100svh - 72px);display:grid}.blog-hero-layout{grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr);align-items:center;gap:clamp(48px,8vw,120px);min-height:calc(100svh - 72px);padding-block:72px 48px;display:grid}.blog-hero-copy{min-width:0}.blog-hero-copy h1{margin:24px 0 30px;font-size:clamp(76px,11.5vw,160px);font-weight:900;line-height:.79}.blog-hero-copy h1 .reveal-mask+.reveal-mask{margin-top:.12em}.blog-hero-copy .hero-accent{color:var(--cinematic-lime)}.blog-hero-intro{max-width:720px;color:var(--muted);font-size:clamp(15px,1.45vw,19px)}.blog-hero-intro p{margin:0}.blog-hero-links{flex-wrap:wrap;align-items:center;gap:28px;margin-top:34px;display:flex}.blog-hero-links>a{border-bottom:1px solid var(--ink);align-items:center;gap:22px;min-height:46px;font-size:12px;font-weight:850;display:inline-flex}.blog-hero-links>a:hover{color:var(--cinematic-lime);border-color:var(--cinematic-lime)}.blog-hero-links .social-links{color:var(--muted);margin:0}.blog-portrait{align-self:end;margin:0 0 3vh}.blog-portrait img{aspect-ratio:4/5.25;border:1px solid var(--line);object-fit:cover;object-position:center top;filter:none;width:100%}.blog-portrait figcaption{color:var(--muted);justify-content:space-between;gap:12px;margin-top:10px;font-size:8px;font-weight:850;display:flex}.blog-index-section{color:var(--ink);background:var(--paper);padding-block:clamp(90px,10vw,150px)}.blog-index-heading{grid-template-columns:minmax(110px,.32fr) minmax(0,1.35fr) minmax(220px,.5fr);align-items:start;gap:clamp(28px,5vw,72px);margin-bottom:74px;display:grid}.blog-index-heading>p:first-child{color:var(--signal);margin:7px 0 0;font-size:10px;font-weight:850}.blog-index-heading h2{margin:0;font-size:clamp(41px,5vw,70px);line-height:1.03}.blog-index-description{color:var(--muted);margin:7px 0 0;font-size:14px}.blog-toolbar{grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:18px;margin-bottom:38px;display:grid}.blog-search{position:relative}.blog-search svg{color:var(--muted);pointer-events:none;position:absolute;top:14px;left:14px}.blog-search input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:var(--white);border-radius:0;padding:0 14px 0 42px}.blog-filters{flex-wrap:wrap;gap:7px;display:flex}.blog-filters button{border:1px solid var(--line);min-height:38px;color:var(--muted);background:var(--white);cursor:pointer;padding:6px 11px;font-size:12px;font-weight:800}.blog-filters button:hover,.blog-filters button[aria-pressed=true]{color:#fff;border-color:var(--signal);background:var(--signal)}.about-page-intro{grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);align-items:end;gap:clamp(55px,9vw,130px);min-height:650px;display:grid}.about-page{background:var(--paper)}.about-page-intro>div{padding-bottom:10px}.about-intro-copy>p{max-width:710px;color:var(--muted);margin:0;font-size:17px}.about-intro-copy .social-links{margin-top:28px}.about-portrait-reveal{align-self:end}.about-page-intro h1{max-width:870px}.about-page-intro figure{margin:0}.about-page-intro figure img{aspect-ratio:4/5.1;object-fit:cover;object-position:center top;width:100%}.about-page-intro figcaption{color:var(--muted);margin-top:8px;font-size:10px;font-weight:800}.about-focus-section{color:var(--ink);background:var(--paper);overflow:clip}.about-focus-section .section-heading{grid-template-columns:minmax(130px,.4fr) minmax(0,1.6fr);gap:40px;margin-bottom:65px;display:grid}.about-focus-section .section-heading h2{max-width:900px;margin:0;font-size:clamp(34px,4vw,56px);line-height:1.12}.focus-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.focus-reveal{height:100%}.focus-reveal+.focus-reveal{border-left:1px solid var(--line)}.focus-grid article{min-height:245px;padding:25px 30px 25px 0}.focus-reveal+.focus-reveal article{padding-left:30px}.focus-grid article>span{color:var(--signal);font-size:10px;font-weight:900}.focus-grid h3{margin:48px 0 13px;font-size:23px}.focus-grid p{color:var(--muted);margin:0;font-size:13px}.about-skills{border-top:1px solid var(--line);grid-template-columns:minmax(130px,.4fr) minmax(0,1.6fr);gap:40px;margin-top:70px;padding-top:28px;display:grid}.skills-heading>p:last-child{color:var(--muted);margin:8px 0 0;font-size:12px}.skill-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.skill-group-reveal{height:100%}.skill-group{border:1px solid var(--line);background:var(--white);height:100%;padding:20px;transition:transform .36s cubic-bezier(.65,0,.35,1),background-color .26s}.skill-group:hover{background:var(--soft);transform:translateY(-4px)}.skill-group-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.skill-group-heading h3{margin:0;font-size:15px}.skill-icon{color:#fff;background:var(--signal);place-items:center;width:36px;height:36px;display:grid}.skill-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.about-skills .skill-cloud span{border-color:var(--line);background:var(--white)}@media (width<=900px){.blog-hero-layout{grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr);gap:42px}.blog-index-heading{grid-template-columns:110px minmax(0,1fr)}.blog-index-description{grid-column:2}.about-page-intro{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:45px}}@media (width<=720px){.site-header{position:sticky}.mobile-page-nav{border-top:1px solid #1114181f;grid-template-columns:repeat(5,minmax(0,1fr));min-height:38px;display:grid}.mobile-page-nav a{border-right:1px solid #1114181f;place-items:center;min-width:0;padding:7px 3px;font-size:10px;font-weight:800;display:grid}.mobile-page-nav a:last-child{border-right:0}.mobile-page-nav a.is-active{color:var(--white);background:var(--ink)}.blog-home .site-nav{min-height:62px}.blog-home .nav-links{display:none}.blog-home .mobile-page-nav{border-color:var(--line);background:var(--paper)}.blog-home .mobile-page-nav a{border-color:var(--line)}.blog-home .mobile-page-nav a.is-active{color:#fff;background:var(--signal)}.blog-hero{min-height:auto}.blog-hero-layout{flex-direction:column;align-items:stretch;gap:27px;min-height:calc(100svh - 100px);padding-block:32px 38px;display:flex}.blog-portrait{order:0;align-self:flex-end;width:116px;margin:0}.blog-portrait figcaption{display:none}.blog-hero-copy{order:1}.blog-hero-copy h1{margin-block:18px 23px;font-size:clamp(64px,22vw,90px)}.blog-hero-intro{font-size:14px}.blog-hero-links{margin-top:24px}.blog-hero-links .social-links{display:none}.blog-index-heading{grid-template-columns:1fr;gap:18px;margin-bottom:45px}.blog-index-heading h2{font-size:40px}.blog-toolbar{grid-template-columns:1fr}.about-page-intro{flex-direction:column-reverse;align-items:stretch;gap:35px;min-height:auto;padding-block:55px 75px;display:flex}.about-page-intro figure{align-self:flex-end;width:135px}.about-page-intro h1{font-size:43px}.about-focus-section .section-heading,.about-skills{grid-template-columns:1fr;gap:20px}.focus-grid{grid-template-columns:1fr}.focus-reveal+.focus-reveal{border-left:0;border-top:1px solid var(--line)}.focus-grid article,.focus-reveal+.focus-reveal article{min-height:auto;padding:26px 0 32px}.focus-grid h3{margin-top:24px}.skill-groups,.focus-grid{grid-template-columns:1fr}.focus-grid article{border-bottom:1px solid var(--line);min-height:auto;padding:27px 0}.focus-grid article+article{border-left:0;padding-left:0}.focus-grid h3{margin:22px 0 9px}}.blog-portrait{align-self:center;margin:0;transform:translateY(-3vh)}.blog-index-heading{grid-template-columns:minmax(110px,.32fr) minmax(0,1.85fr);margin-bottom:50px}.blog-index-heading h2{font-size:clamp(38px,4.2vw,58px)}.article-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.article-card-grid>.scroll-reveal{min-width:0;height:100%}.article-card{min-width:0;height:100%;color:var(--ink);border:1px solid var(--line);background:var(--white);flex-direction:column;transition:transform .42s cubic-bezier(.65,0,.35,1),border-color .28s,opacity .28s;display:flex;overflow:hidden}.article-card-cover{aspect-ratio:16/10;color:var(--ink);justify-content:space-between;align-items:flex-end;gap:20px;padding:22px;display:flex;position:relative;overflow:hidden}.article-card-cover:after{content:"";opacity:.24;transform-origin:0;background:currentColor;height:1px;transition:transform .52s cubic-bezier(.65,0,.35,1);position:absolute;bottom:0;left:22px;right:22px;transform:scaleX(.35)}.article-card-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.article-card-cover strong{z-index:1;max-width:80%;font-size:clamp(25px,3vw,43px);line-height:.92;transition:transform .52s cubic-bezier(.65,0,.35,1);position:relative}.article-card-cover>span{z-index:1;font-size:10px;font-weight:900;position:relative}.article-tone-lime .article-card-cover{color:#fff;background:var(--signal)}.article-tone-blue .article-card-cover{background:var(--blue)}.article-tone-coral .article-card-cover{background:var(--soft)}.article-tone-white .article-card-cover{background:var(--white)}.article-card-body{flex-direction:column;flex:1;min-height:190px;padding:21px;display:flex;position:relative}.article-card-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:9px;font-weight:850;display:flex}.article-card h3{max-width:90%;margin:34px 0 0;font-size:22px;line-height:1.3}.article-card-arrow{color:var(--signal);opacity:0;transition:opacity .28s,transform .42s cubic-bezier(.65,0,.35,1);position:absolute;bottom:19px;right:21px;transform:translate(-8px,8px)}.article-card:hover,.article-card:focus-visible{z-index:1;border-color:var(--signal);transform:translateY(-9px)}.article-card:hover .article-card-cover:after,.article-card:focus-visible .article-card-cover:after{transform:scaleX(1)}.article-card:hover .article-card-cover strong,.article-card:focus-visible .article-card-cover strong{transform:translateY(-8px)}.article-card:hover .article-card-arrow,.article-card:focus-visible .article-card-arrow{opacity:1;transform:translate(0)}.article-template-grid:has(.article-template-card:hover) .article-template-card:not(:hover){opacity:.58}.article-template-card{cursor:default}.archive-intro-copy p,.page-intro-copy p{max-width:760px;color:var(--muted);margin:0;font-size:17px}.timeline-reveal{min-width:0}@media (width<=980px){.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.blog-portrait{transform:none}.blog-index-heading,.article-card-grid{grid-template-columns:1fr}.article-card-body{min-height:165px}.article-card h3{margin-top:26px;font-size:21px}.archive-intro-copy p,.page-intro-copy p{font-size:15px}}@media (prefers-reduced-motion:reduce){.archive .project-card,.archive .filter,.archive .load-more{transition:none}.archive .project-card:hover,.archive .filter:hover,.archive .load-more:hover{transform:none}.article-card,.article-card-cover:after,.article-card-cover strong,.article-card-arrow{transition:none!important}.article-card:hover,.article-card:focus-visible{transform:none}}