/* Folio edition · September 2026. Native reading, progressive controls. */
@font-face{font-family:'Instrument Serif';src:url('fonts/InstrumentSerif-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('fonts/InstrumentSerif-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Chengxi Editorial';src:url('fonts/ChengxiEditorial-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('fonts/InstrumentSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f7f1e6;--ink:#2f3535;--blue:#284e9a;--muted:#706e67;--apricot:#e8bc98;--line:#d5d0c5;--display:'Chengxi Editorial','Songti SC','Noto Serif CJK SC',serif;--serif:'Instrument Serif',Georgia,serif;--sans:'Instrument Sans','PingFang SC','Microsoft YaHei',sans-serif;--gutter:52px;--card:#fff9ef;--wash:#efe5d4;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.85 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-underline-offset:5px;touch-action:manipulation}a:focus-visible{outline:2px solid var(--blue);outline-offset:7px}::selection{background:var(--apricot);color:var(--ink)}.shell{width:calc(100% - var(--gutter)*2);max-width:1390px;margin-inline:auto}.reading-shell{width:calc(100% - var(--gutter)*2);max-width:1140px;margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:12px 20px;background:var(--blue);color:var(--paper)}.skip:focus{top:14px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:106px}.signature{font:italic 35px/1 var(--serif);text-decoration:none;color:var(--blue);letter-spacing:-.03em;display:flex;align-items:center;min-height:44px}.signature>span{color:#b57448}.edition{font-size:10px;color:var(--muted);margin-left:78px}.masthead nav{display:flex;align-items:center;gap:30px}.masthead nav a{font-size:13px;display:flex;gap:14px;align-items:center;min-height:44px;text-decoration:none}.masthead nav a:hover{color:var(--blue)}.opening-title{padding:46px 0 44px;position:relative;text-align:center}.small-intro{position:absolute;left:0;bottom:47px;font-size:11px;color:var(--muted);text-align:left}.small-intro>.folio-subtitle{display:block;font:italic 17px/1.5 var(--serif);margin-top:4px}.opening h1{font:500 clamp(34px,3.3vw,48px)/1.5 var(--display);letter-spacing:.015em;color:var(--blue)}.hello-en{font:italic 29px/1.4 var(--serif);color:var(--muted);margin-top:2px}.opening-figure{margin-inline:22px}.image-window{max-width:1942px;margin-inline:auto;overflow:hidden}.image-window img{display:block;width:100%;height:auto;aspect-ratio:1942/809;object-fit:cover;transform:scale(1);transition:transform 1.4s cubic-bezier(.2,.65,.35,1)}.opening-figure figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-top:17px;font-size:10px;color:var(--muted)}.opening-figure figcaption>span:first-child{font-family:var(--display);font-weight:500;font-size:12px;color:var(--ink)}.introduction{display:grid;grid-template-columns:1fr 3fr;gap:52px;padding-block:108px 103px}.section-note{display:flex;align-items:flex-start;gap:12px;padding-top:14px}.section-dot{width:5px;height:5px;border-radius:50%;background:var(--blue);margin-top:9px;flex-shrink:0}.section-note h2,.work-heading h2,.life-heading h2{font-size:12px;font-weight:400;line-height:1.8}.introduction-lead{font:500 31px/1.9 var(--display);letter-spacing:.02em}.introduction-detail{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:31px;font-size:14px;line-height:2;color:var(--muted)}.quiet-link{display:inline-flex;align-items:center;gap:30px;min-height:44px;margin-top:22px;font-size:13px;text-decoration:none;color:var(--blue);position:relative}.quiet-link::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(.2);transform-origin:left;transition:transform .25s}.quiet-link:hover::after{transform:scaleX(1)}.quiet-link>span[aria-hidden]{transition:transform .25s}.quiet-link:hover>span[aria-hidden]{transform:translate(2px,-2px)}.selected-work{padding-bottom:125px}.work-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:50px;border-top:1px solid var(--line);padding-top:26px}.work-heading p{font-size:11px;color:var(--muted);max-width:31em;line-height:1.9}.work-composition{display:grid;grid-template-columns:1.3fr 1fr;gap:17%;padding:55px 38px 0 58px}.work-feature{min-width:0}.work-kicker{font-size:10px;color:var(--muted);display:flex;align-items:baseline;gap:15px}.work-kicker>span:first-child{font:italic 22px/1 var(--serif);color:var(--blue)}.work-title-link{display:block;position:relative;text-decoration:none;margin-top:20px;max-width:420px}.work-english{display:block;font:400 94px/.92 var(--serif);letter-spacing:-.04em;color:var(--blue)}.work-english i{font-weight:400}.work-title-link h3{font:500 24px/1.7 var(--display);color:var(--ink);margin-top:25px;letter-spacing:.03em}.work-arrow{position:absolute;top:8px;right:2px;font:400 31px/1.5 var(--serif);color:var(--blue);transition:transform .3s}.work-title-link:hover .work-arrow{transform:translate(6px,-6px)}.work-description{font-size:14px;line-height:1.95;max-width:26em;color:var(--muted);margin-top:17px}.work-caption{font-size:11px;line-height:1.9;color:var(--muted);margin-top:22px}.work-feature .quiet-link{margin-top:9px}.task{padding-top:129px}.task .work-english{font-size:75px;line-height:.94}.task .work-title-link{max-width:330px}.task .work-title-link h3{font-size:23px;margin-top:25px}.task .work-description{font-size:14px;max-width:24em}.task .work-arrow{top:7px;font-size:27px}.life{display:grid;grid-template-columns:1fr 3fr;gap:52px;padding:35px 0 85px;border-top:1px solid var(--line)}.life-heading p{font-size:11px;color:var(--muted);margin-top:11px}.interests{display:flex;justify-content:space-between;gap:32px;list-style:none;margin:0;padding:0}.interests li{display:grid;gap:7px;align-content:start}.interests li>span:first-child{font:italic 33px/1.5 var(--serif);color:var(--blue);letter-spacing:-.015em}.interests li>span:last-child{font-size:11px;color:var(--muted)}.contact{display:flex;justify-content:space-between;align-items:center;gap:60px;padding-block:44px 95px}.contact-intro>p{font:italic 68px/1.1 var(--serif);color:var(--blue);letter-spacing:-.035em}.contact-intro h2{font:500 22px/1.8 var(--display);margin-top:12px}.contact-details{padding-top:10px}.email{display:flex;align-items:center;gap:30px;font-size:20px;text-decoration:none;color:var(--blue);min-height:44px}.email:hover{text-decoration:underline}.contact-details nav{display:flex;gap:27px;margin-top:15px}.contact-details nav a{min-height:44px;display:flex;gap:22px;align-items:center;text-decoration:none;font-size:13px;color:var(--muted)}.contact-details nav a:hover{color:var(--blue)}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:21px 26px;font-size:10px;color:var(--muted)}.footer p>span{margin-inline:10px}.footer>a{display:flex;align-items:center;gap:26px;min-height:44px;text-decoration:none}.footer>a:hover{color:var(--blue)}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.image-window:hover img{transform:scale(1.012)}}
@media(max-width:1100px){:root{--gutter:38px}.masthead{min-height:90px}.opening-title{padding:41px 0 35px}.small-intro{bottom:39px;font-size:10px}.small-intro>.folio-subtitle{font-size:15px}.opening h1{font-size:39px}.hello-en{font-size:27px}.introduction{grid-template-columns:.7fr 3fr;gap:35px;padding-block:85px}.introduction-lead{font-size:29px}.introduction-detail{gap:27px;font-size:14px}.work-composition{padding-left:25px;padding-right:20px;gap:13%}.work-english{font-size:80px}.task .work-english{font-size:66px}.task{padding-top:110px}.work-description{font-size:14px}.selected-work{padding-bottom:96px}.life{grid-template-columns:.7fr 3fr;gap:35px;padding-bottom:66px}.interests{gap:24px}.interests li>span:first-child{font-size:30px}.contact{padding-bottom:70px}.contact-intro>p{font-size:61px}}
@media(max-width:760px){:root{--gutter:25px}.masthead{min-height:84px;gap:25px}.signature{font-size:31px}.edition{display:none}.masthead nav{gap:23px}.masthead nav a{font-size:13px}.opening-title{padding:28px 0 35px}.small-intro{position:static;text-align:center;font-size:10px;margin-bottom:18px}.small-intro>.folio-subtitle{display:none}.opening h1{font-size:38px}.hello-en{font-size:26px}.opening-figure{margin-inline:12px}.opening-figure figcaption{margin-top:13px;font-size:9px;gap:24px}.opening-figure figcaption>span:first-child{font-size:11px}.introduction{grid-template-columns:1fr;gap:20px;padding-block:65px 67px}.section-note{padding-top:0}.introduction-lead{font-size:28px;line-height:1.85}.introduction-detail{font-size:14px;gap:27px;margin-top:24px}.introduction .quiet-link{margin-top:18px}.work-heading{padding-top:22px;gap:25px}.work-heading p{font-size:10px}.work-composition{padding:43px 0 0;gap:11%}.work-english{font-size:69px}.work-title-link h3{font-size:22px;margin-top:21px}.work-arrow{font-size:25px}.work-description{font-size:14px;margin-top:13px}.work-caption{font-size:11px;margin-top:18px}.task{padding-top:96px}.task .work-english{font-size:58px}.task .work-description{font-size:14px}.task .work-title-link h3{font-size:21px;margin-top:23px}.task .work-arrow{font-size:23px}.selected-work{padding-bottom:75px}.life{grid-template-columns:1fr;gap:25px;padding-top:24px;padding-bottom:49px}.life-heading{display:flex;gap:30px;justify-content:space-between}.life-heading p{margin:0;font-size:10px}.interests li>span:first-child{font-size:28px}.interests li>span:last-child{font-size:10px}.contact{padding:28px 0 58px;gap:30px}.contact-intro>p{font-size:51px}.contact-intro h2{font-size:21px}.email{font-size:17px;gap:17px}.contact-details nav{margin-top:10px;gap:22px}.contact-details nav a{font-size:13px;gap:17px}.footer{font-size:9px;gap:20px}.footer>span{display:none}}
@media(max-width:540px){:root{--gutter:25px}.masthead{min-height:81px}.signature{font-size:30px}.masthead nav{gap:19px}.masthead nav a{font-size:13px;gap:7px}.opening-title{padding:21px 0 29px}.small-intro{font-size:9px;margin-bottom:17px}.opening h1{font-size:34px;letter-spacing:.015em;line-height:1.6;white-space:nowrap}.hello-en{font-size:24px;margin-top:1px}.opening-figure{margin-inline:0}.image-window img{aspect-ratio:1.2;object-position:61% 50%}.opening-figure figcaption{font-size:8px;gap:18px;line-height:1.85;margin-top:12px}.opening-figure figcaption>span:first-child{font-size:10px;white-space:nowrap}.opening-figure figcaption>span:last-child{text-align:right;max-width:18em}.introduction{padding-top:56px;padding-bottom:57px;gap:18px}.section-note h2,.work-heading h2,.life-heading h2{font-size:11px}.section-note{gap:10px}.section-dot{margin-top:7px;width:4px;height:4px}.introduction-lead{font-size:23px;line-height:1.95;letter-spacing:0}.introduction-detail{grid-template-columns:1fr;gap:15px;font-size:14px;line-height:2;margin-top:22px}.introduction .quiet-link{font-size:13px;margin-top:15px}.work-heading{gap:24px;padding-top:20px;align-items:flex-start}.work-heading h2{white-space:nowrap}.work-heading p{font-size:9px;line-height:1.85;max-width:22em}.work-composition{display:block;padding-top:36px}.work-kicker{font-size:9px;gap:12px}.work-kicker>span:first-child{font-size:20px}.work-title-link{max-width:300px;margin-top:16px}.work-english{font-size:77px;line-height:.92}.work-arrow{font-size:28px;right:10px;top:7px}.work-title-link h3{font-size:23px;margin-top:22px}.work-description{font-size:14px;max-width:24em;line-height:1.95;margin-top:14px}.work-caption{font-size:11px;margin-top:17px}.work-feature .quiet-link{font-size:13px;margin-top:6px}.task{padding:54px 0 0 55px}.task .work-title-link{max-width:260px}.task .work-english{font-size:66px}.task .work-title-link h3{font-size:21px;margin-top:22px}.task .work-description{font-size:14px;max-width:23em}.task .work-arrow{font-size:25px;right:0;top:7px}.selected-work{padding-bottom:56px}.life{padding-top:21px;gap:24px;padding-bottom:34px}.life-heading{gap:18px}.life-heading p{font-size:9px}.interests{gap:13px}.interests li{gap:5px}.interests li>span:first-child{font-size:24px;line-height:1.4}.interests li>span:last-child{font-size:9px}.contact{display:block;padding:25px 0 44px}.contact-intro>p{font-size:54px}.contact-intro h2{font-size:20px;margin-top:10px}.contact-details{padding-top:23px}.email{font-size:19px;justify-content:space-between;max-width:300px}.contact-details nav{margin-top:7px;gap:30px}.contact-details nav a{font-size:13px;gap:21px}.footer{font-size:8px;padding-block:16px 19px;gap:20px}.footer p>span{margin-inline:5px}.footer>a{gap:15px}}
@media(max-width:360px){.opening h1{font-size:30px}.introduction-lead{font-size:21px}.interests li>span:first-child{font-size:21px}.task{padding-left:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* An explicit download action, using the existing public Chinese PDF. */
.resume-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:9px 17px;border:1px solid var(--blue);border-radius:3px;background:var(--blue);color:var(--paper);font-size:13px;line-height:1.5;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.resume-button:hover{background:var(--paper);color:var(--blue)}
.masthead nav .resume-button{padding:9px 14px;gap:12px}
.resume-about{margin-top:22px}
.resume-format{font-size:10px;letter-spacing:.06em}
.contact-details nav a[href$=".pdf"]{gap:9px}
/* Shared night palette, coordinated with the tool and case pages. */
[data-theme=dark]{--paper:#171d28;--ink:#f2ecdf;--blue:#a9c1ff;--muted:#b7b6b1;--line:#3c4657;--card:#202837;--wash:#293344;--apricot:#e8bc98;color-scheme:dark}
[data-theme=dark] .signature>span{color:var(--apricot)}
[data-theme=dark] .image-window img{filter:brightness(.88)}
::selection{color:#2f3535}
[hidden]{display:none!important}
button{font:inherit;cursor:pointer;touch-action:manipulation}
button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
button{color:inherit}
.masthead{position:relative;justify-content:flex-start}
.signature{margin-right:auto;flex-shrink:0}
.header-controls{display:flex;align-items:center;gap:3px}
.header-controls button{min-width:44px;min-height:44px;padding:8px;background:none;border:0;border-radius:2px;color:var(--muted);font-size:11px;white-space:nowrap}
.header-controls button:hover{color:var(--blue);background:var(--wash)}
.header-controls .nav-toggle{display:none}
#site-nav a[aria-current]{color:var(--blue);text-decoration:underline;text-underline-offset:7px}
.introduction-lead,.work-heading p{white-space:pre-line}
.selected-work,.more-practice,.case-part,.practice-body{position:relative}
.anchor-alias{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.experience-notes{margin-top:27px;max-width:660px}
.experience-notes summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;font-size:13px;color:var(--blue);min-height:44px;cursor:pointer;padding:5px 0}
.experience-notes summary::-webkit-details-marker,.practice summary::-webkit-details-marker{display:none}
.experience-notes summary>span:last-child{font-size:20px;transition:transform .2s}
.experience-notes[open] summary>span:last-child{transform:rotate(45deg)}
.experience-content{padding:15px 0 3px}
.education{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.education strong{font-weight:400;color:var(--ink);font-size:14px}
.timeline{list-style:none;margin:24px 0 0;padding:0}
.timeline li{padding-left:20px;border-left:1px solid var(--line)}
.timeline li+li{margin-top:25px}
.timeline time{font-size:11px;color:var(--muted)}
.timeline h3{font-size:14px;line-height:1.75;font-weight:400;margin-top:5px}
.timeline p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:7px}
.more-practice{padding-bottom:86px}
.practice-list{margin-top:30px}
.practice{border-bottom:1px solid var(--line)}
.practice summary{display:grid;grid-template-columns:25px minmax(0,1fr) auto 22px;gap:24px;align-items:center;list-style:none;cursor:pointer;padding:23px 0;min-height:88px}
.practice-no{font:italic 17px var(--serif);color:var(--muted)}
.practice-name{font:500 21px/1.6 var(--display);color:var(--ink)}
.practice-state{font-size:11px;color:var(--muted)}
.practice-plus{font-size:23px;line-height:1;color:var(--blue);transition:transform .2s;text-align:center}
.practice[open] .practice-plus{transform:rotate(45deg)}
.practice summary:hover .practice-name{color:var(--blue)}
.practice-body{padding:0 0 32px 49px;max-width:1000px}
.practice-intro{font-size:15px;line-height:1.9;margin-bottom:22px}
.case{display:grid;gap:22px}
.case-part{display:grid;grid-template-columns:90px 1fr;gap:22px}
.case-part h4{font-size:12px;font-weight:400;color:var(--blue);margin:0;padding-top:3px;line-height:1.9}
.case-part p{font-size:14px;line-height:1.95;color:var(--muted);margin:0;max-width:48em}
.practice-body .quiet-link{margin-top:19px}
.copy{border:0;padding:8px 0;min-height:44px;background:none;font-size:13px;color:var(--muted)}
.copy:hover{color:var(--blue)}
.copy-status{display:block;color:var(--muted);font-size:12px;line-height:1.8}
.copy-status:empty{display:none}
.copy-fallback{display:block;width:100%;max-width:360px;min-width:0;margin-top:12px;padding:10px 12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:16px/1.5 var(--sans)}
:lang(en) .opening h1{font-family:var(--serif);font-size:clamp(44px,4.8vw,66px);font-weight:400;line-height:1.25;letter-spacing:-.025em}
:lang(en) .introduction-lead{font-family:var(--serif);font-size:37px;line-height:1.5;letter-spacing:0}
:lang(en) .practice-name{font-family:var(--serif);font-size:26px;line-height:1.3;font-weight:400}
:lang(en) .work-title-link h3{font-family:var(--sans);font-size:18px;font-weight:400;line-height:1.6;letter-spacing:0}
:lang(en) .interests li>span:last-child{display:none}
@media(max-width:1100px){.masthead{gap:25px}.masthead nav{gap:23px}.header-controls{gap:1px}.more-practice{padding-bottom:72px}}
@media(max-width:760px){.masthead{gap:18px}.masthead nav{gap:19px}.more-practice{padding-bottom:61px}.practice summary{grid-template-columns:22px minmax(0,1fr) auto 20px;gap:16px}.practice-name{font-size:19px}.practice-state{font-size:10px}.practice-body{padding-left:38px}.case-part{grid-template-columns:77px 1fr;gap:18px}:lang(en) .opening h1{font-size:48px}:lang(en) .introduction-lead{font-size:32px}:lang(en) .practice-name{font-size:24px}.contact-details nav{flex-wrap:wrap;gap:5px 25px}}
@media(max-width:640px){.masthead{flex-wrap:wrap;gap:0 12px;padding-block:13px;min-height:81px}.header-controls .nav-toggle{display:inline-flex;align-items:center;justify-content:center}.header-controls{margin-left:auto;gap:1px}.header-controls button{font-size:11px}.masthead #site-nav{order:3;flex-basis:100%;justify-content:flex-end;flex-wrap:wrap;gap:2px 24px;padding-top:8px}.masthead #site-nav a{min-height:44px;font-size:13px}.masthead #site-nav a:last-child{gap:8px}.practice summary{grid-template-columns:20px 1fr 20px;gap:9px 14px;padding-block:19px}.practice-name{font-size:19px}.practice-state{grid-column:2;grid-row:2;font-size:11px}.practice-plus{grid-column:3;grid-row:1}.practice-no{grid-column:1;grid-row:1;font-size:16px}.practice-body{padding:6px 0 27px 34px}.practice-intro{font-size:14px;margin-bottom:20px}.case-part{grid-template-columns:1fr;gap:6px}.case-part h4{font-size:12px;padding:0}.case-part p{font-size:14px}.case{gap:21px}.practice-body .quiet-link{margin-top:17px;font-size:13px}.more-practice .work-heading{gap:20px}.more-practice .work-heading p{max-width:22em}.more-practice{padding-bottom:55px}:lang(en) .practice-name{font-size:24px}.experience-notes{margin-top:21px}.timeline li{padding-left:15px}}
@media(max-width:540px){.opening h1{white-space:normal}.small-intro>span:first-child{font-size:10px}.opening-figure figcaption{font-size:9px}.opening-figure figcaption>span:last-child{max-width:17em}.work-heading p,.life-heading p{font-size:11px}.work-kicker{font-size:11px}.work-kicker>span:first-child{font-size:20px}.work-kicker>span:last-child{font-size:11px}.interests li>span:last-child{font-size:11px}.footer{font-size:10px}.footer a{font-size:11px}.section-note h2,.work-heading h2,.life-heading h2{font-size:12px}:lang(en) .opening h1{font-size:43px;line-height:1.15;max-width:9em;margin-inline:auto;white-space:normal}:lang(en) .hello-en{font-size:23px;line-height:1.4}:lang(en) .introduction-lead{font-size:29px;line-height:1.5}:lang(en) .task .work-title-link h3{font-size:17px}:lang(en) .work-heading h2{white-space:normal;max-width:11em}:lang(en) .life-heading{flex-direction:column;gap:6px}:lang(en) .work-heading p{max-width:18em}:lang(en) .contact-intro h2{font-family:var(--serif);font-size:26px}.contact-details nav{gap:4px 25px}}
@media(max-width:360px){:lang(en) .opening h1{font-size:37px}.practice-body{padding-left:0}.practice-name{font-size:18px}.masthead #site-nav{gap:2px 19px}.work-composition .task{padding-left:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:820px){.masthead{flex-wrap:wrap;gap:0 12px;padding-block:13px;min-height:81px}.header-controls .nav-toggle{display:inline-flex;align-items:center;justify-content:center}.header-controls{margin-left:auto;gap:1px}.masthead #site-nav{order:3;flex-basis:100%;justify-content:flex-end;flex-wrap:wrap;gap:2px 24px;padding-top:8px}.masthead #site-nav a{min-height:44px;font-size:13px}}

/* Reuse the existing folio composition, with readable details and real work. */
#site-nav a{min-width:44px;justify-content:center}
.header-controls button{font-size:13px}
.work-preview{margin-top:25px}
.work-preview-link{display:block;aspect-ratio:8/5;overflow:hidden;border:1px solid var(--line);background:var(--card);transition:border-color .2s}
.work-preview-link img{display:block;width:120%;max-width:none;height:auto;margin-left:-10%;object-fit:cover}
.work-preview-link:hover{border-color:var(--blue)}
.work-preview-link:focus-visible{outline-offset:5px;border-color:var(--blue)}
.work-preview figcaption{margin-top:9px;font-size:11px;line-height:1.6;color:var(--muted)}
.work-preview+.work-caption{margin-top:17px}
.opening-figure figcaption{font-size:11px}
.opening-figure figcaption>span:first-child{font-size:12px}
.experience-notes summary:hover,.practice summary:hover{color:var(--blue)}
@media(max-width:540px){
 .opening-figure figcaption{font-size:11px;gap:18px}
 .opening-figure figcaption>span:first-child{font-size:11px}
 .opening-figure figcaption>span:last-child{max-width:19em}
 .introduction-detail,.work-description,.task .work-description,.practice-intro,.case-part p{font-size:15px;line-height:1.95}
 .work-preview{margin-top:23px}
 .selected-work{padding-bottom:65px}
}