@font-face{font-family:LocalSong;src:local('Songti SC')}
:root{--paper:#131413;--ink:#f3f3ec;--muted:#a8ada5;--green:#94db91;--sage:#262b26;--line:#383e37;--photo:#efefe8;--pink:#edb1ee;--lemon:#e3e66b;--body:'PingFang SC','Microsoft YaHei',sans-serif;--display:LocalSong,'Songti SC','Noto Serif CJK SC',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:45px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:5px}::selection{background:var(--green);color:#131413}figure,p,h1,h2,h3{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}body.modal-open{overflow:hidden}.skip{position:fixed;left:16px;top:-70px;z-index:100;background:var(--paper);padding:15px}.skip:focus{top:15px}.cursor-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}
.site-header{height:82px;margin:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.brand{font-weight:650;font-size:19px;letter-spacing:.04em}.brand span{font-size:11px;color:var(--muted);font-weight:400;margin-left:15px}.site-header nav{display:flex;gap:30px}.site-header nav a{transition:color .2s}.site-header nav a:hover,.site-header nav a[aria-current],.listen:hover{color:var(--green)}
.intro{max-width:1380px;margin:auto;padding:60px 5vw 105px}.intro-label{display:flex;justify-content:space-between;font:11px 'Courier New',monospace;letter-spacing:.1em;color:var(--muted)}.intro-label>span:last-child:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:10px}.intro-title{position:relative;padding-top:55px;min-height:360px}.intro h1{font:600 clamp(65px,8.8vw,132px)/1.08 var(--display);letter-spacing:-.05em;padding-top:30px;position:relative;z-index:1}.intro h1 span{display:block;color:var(--green);font-weight:400;font-size:.57em;letter-spacing:.03em;margin-top:13px}.intro-portrait{position:absolute!important;width:240px;right:10%;top:25px;transform:rotate(5deg)!important;z-index:0}.intro-portrait .zoom{height:300px!important;border:7px solid var(--photo)}.intro-portrait img{filter:none!important}.intro-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:24px;width:84%}.intro-bottom>p{font-size:18px;line-height:1.9}.intro-background{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.hover-note{font-size:12px;line-height:1.9;color:var(--green)}
.timeline{position:relative;max-width:1380px;margin:0 auto;padding:0 72px 0 85px}.timeline:before{content:'';position:absolute;top:0;bottom:140px;left:42px;width:1px;background:var(--line)}.origins{padding:0 0 65px;position:relative}.origin{position:relative;display:flex;gap:27px;min-height:58px;align-items:start;padding-top:9px}.origin:before{content:'';position:absolute;left:-45px;top:17px;width:5px;height:5px;border:1px solid var(--green);border-radius:50%;background:var(--paper)}.origin-label{font-size:11px;letter-spacing:.1em;color:var(--muted)}.origin p{font-size:14px;line-height:1.6}
.story{position:relative;display:grid;grid-template-columns:25% minmax(0,1fr);gap:7%;padding:0 0 110px;scroll-margin-top:50px}.story-copy{position:relative;padding-top:12px;align-self:start}.story-copy:after,.phase-heading:before{content:'';position:absolute;width:9px;height:9px;background:var(--paper);border:2px solid var(--green);border-radius:50%;left:-47px;top:17px;z-index:2}.eyebrow{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em;margin-bottom:23px}.story h2,.phase-heading h2{font:600 clamp(30px,3.3vw,47px)/1.28 var(--display);letter-spacing:-.03em}.story-copy>p{font-size:15px;line-height:1.95;margin-top:25px}.story-copy>p.small-proof{font-size:13px;color:var(--muted);line-height:1.95;margin-top:25px;max-width:270px}.inline-number{font-family:Georgia,serif;font-size:30px;font-weight:400;color:var(--green);white-space:nowrap}
.collage{position:relative;min-width:0;isolation:isolate}.print{position:relative;min-width:0;align-self:start;transform:rotate(var(--tilt,0deg));transition:transform .35s ease;z-index:1}.zoom{display:block;border:0;padding:0;background:var(--photo);width:100%;overflow:hidden;box-shadow:0 3px 12px #26382d0b;position:relative}.print img{filter:saturate(.82) contrast(.98);transition:filter .5s ease,transform .5s ease}.print.is-near img,.print:focus-within img,.print:hover img{filter:none}.print:hover{z-index:5}.print:hover .zoom{box-shadow:0 7px 18px #26382d18}.print figcaption{font-size:10px;line-height:1.6;color:var(--muted);padding:10px 0 0}.print.photo .zoom{border:7px solid var(--photo)}.live-subscription{margin-top:28px}.subscription-source{display:block;font-size:11px;color:var(--muted)}.subscription-number{display:block;font:42px/1.4 Georgia,serif;letter-spacing:-.04em;color:var(--green)}.data-note{display:flex;flex-direction:column;gap:3px;font-size:9px;line-height:1.5;color:var(--muted)}.handnote{font:22px var(--display);color:var(--green);transform:rotate(-5deg);position:absolute;right:5%;bottom:6%}
.podcast-collage{height:640px}.podcast-collage .milestone{position:absolute;left:0;top:8%;width:32%;--tilt:-5deg}.milestone .zoom{height:330px}.podcast-collage .discovery{position:absolute;left:35%;top:0;width:29%;--tilt:3deg}.discovery .zoom{height:260px}.discovery img{object-position:center 36%;object-fit:cover}.podcast-collage .ranking{position:absolute;right:0;top:18%;width:31%;--tilt:0deg}.ranking .zoom{height:355px}.ranking img{object-position:top}.podcast-collage .recommendation{position:absolute;left:17%;top:61%;width:46%;--tilt:2deg}.recommendation .zoom{height:185px}.recommendation img{object-position:50% 68%;object-fit:cover}.offline-collage{height:660px}.offline-collage .zoom{border:6px solid #fff}.offline-collage .meet{position:absolute;left:0;top:0;width:32%;--tilt:-5deg}.meet .zoom{height:285px}.offline-collage .roundtable{position:absolute;right:0;top:12%;width:66%;--tilt:2deg}.roundtable .zoom{height:245px}.offline-collage .friends{position:absolute;left:12%;top:43%;width:42%;--tilt:-2deg}.friends .zoom{height:300px}.offline-collage .festival{position:absolute;right:11%;top:60%;width:25%;--tilt:6deg}.festival .zoom{height:230px}.festival img{object-position:50% 25%}.offline-collage .merch{position:absolute;right:-1%;top:45%;width:27%;--tilt:-3deg}.merch .zoom{height:137px}.process-collage{height:535px}.process-collage .credits{position:absolute;left:2%;top:0;width:32%;--tilt:-3deg}.credits .zoom{height:445px}.process-collage .outline{position:absolute;right:0;top:20px;width:59%;--tilt:2deg}.outline .zoom{height:210px}.outline img{object-position:top}.process-collage .diagnosis{position:absolute;right:4%;top:48%;width:66%;--tilt:-1deg}.diagnosis .zoom{height:245px}.case-body{min-width:0}.case-notes{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:0 0 42px}.case-notes h3{font:600 25px LocalSong,'Songti SC',serif;margin-bottom:18px}.case-notes p{font-size:13px;line-height:1.9}.case-notes .subscription-number{font-size:27px}.case-notes .live-subscription{margin-top:16px}.cases-collage{height:430px}.launch{position:absolute;width:60%;left:0;top:0;--tilt:-3deg}.launch .zoom{height:205px}.year{position:absolute;right:0;top:5%;width:27%;--tilt:4deg}.year .zoom{height:335px}.award{position:absolute;left:0;top:55%;width:68%;--tilt:1deg}.award .zoom{height:auto;aspect-ratio:5}.ejiao-credit{position:absolute;left:13%;top:77%;width:57%;--tilt:-1deg}.ejiao-credit .zoom{height:94px}.ejiao-credit img{object-fit:cover;object-position:50% 78%;height:570px;transform:translateY(-370px)}
.video-body{min-width:0}.video-collage{height:430px}.behind{position:absolute;left:0;top:0;width:68%;--tilt:-3deg}.behind .zoom{height:335px;border:7px solid white}.studio{position:absolute;right:0;top:12%;width:33%;--tilt:4deg}.studio .zoom{height:185px;border:5px solid white}.equipment{position:absolute;right:4%;top:62%;width:36%;--tilt:-2deg}.equipment .zoom{height:143px;border:5px solid white}.video-evidence{border-top:1px solid #cccec7;padding-top:30px}.video-proof-label{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.video-proof-label h3{font:600 25px/1.4 LocalSong,'Songti SC',serif}.video-proof-label p{font-size:10px;color:var(--muted)}.data-montage{display:grid;grid-template-columns:1.65fr 1fr .5fr .5fr .5fr;grid-template-rows:80px 145px;gap:15px;align-items:start}.data-montage .million{grid-row:1/3}.million .zoom{height:225px}.million-detail{grid-column:2;grid-row:1}.million-detail .zoom{height:57px}.likes{grid-column:2;grid-row:2}.likes .zoom{height:54px}.interaction{grid-row:1/3}.interaction .zoom{height:225px}.data-montage figcaption{display:none}.teaching-collage{height:665px}.salon{position:absolute;left:0;top:0;width:48%;--tilt:-3deg}.salon .zoom{height:340px;border:6px solid white}.salon img{object-position:45% 48%}.speaking{position:absolute;right:2%;top:8%;width:43%;--tilt:4deg}.speaking .zoom{height:330px;border:6px solid white}.course,.invitation,.teacher{position:absolute;top:60%;width:27%}.course{left:5%;--tilt:-4deg}.invitation{left:38%;top:66%;--tilt:3deg}.teacher{right:0;--tilt:-2deg}.course .zoom,.invitation .zoom,.teacher .zoom{aspect-ratio:3/4}/* One period, two practices: the horizontal branch carries equal-weight roles. */
.parallel-phase{position:relative;padding:0 0 120px;scroll-margin-top:40px}.phase-heading{position:relative;padding-top:10px;padding-bottom:62px}.phase-heading h2{font-size:48px}.parallel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;position:relative;padding-top:35px}.parallel-grid:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--line)}.podcast-column,.video-column{min-width:0;position:relative}.podcast-column:before,.video-column:before{content:'';position:absolute;left:0;top:-39px;width:8px;height:8px;border-radius:50%;border:1px solid var(--green);background:var(--paper)}.parallel-grid .story{display:block;padding:0}.parallel-grid .story-copy{padding-top:0;min-height:230px;margin-bottom:25px}.parallel-grid .story-copy:after{display:none}.parallel-grid .story-copy .eyebrow{display:none}.parallel-grid .story h2{font-size:36px}.parallel-grid .story-copy>p{font-size:14px;max-width:390px;margin-top:18px}.parallel-grid .story-copy>p.small-proof{font-size:12px;margin-top:18px;max-width:none}.parallel-grid .process-collage{height:450px}.parallel-grid .credits .zoom{height:350px}.parallel-grid .outline .zoom{height:185px}.parallel-grid .diagnosis{top:49%}.parallel-grid .diagnosis .zoom{height:180px}.parallel-grid .cases-story{margin-top:20px;padding-top:34px;border-top:1px solid var(--line)}.parallel-grid .cases-story .story-copy{min-height:0;margin-bottom:24px}.parallel-grid .cases-story h2{font-size:26px}.parallel-grid .cases-story .story-copy>p{font-size:12px;margin-top:12px}.case-notes{gap:20px;margin-bottom:35px}.case-notes h3{font-size:23px}.case-notes p{font-size:12px}.cases-collage{height:360px}.cases-collage .launch{width:65%}.cases-collage .launch .zoom{height:160px}.cases-collage .year .zoom{height:245px}.cases-collage .award{top:52%;width:69%}.cases-collage .ejiao-credit{top:76%;width:70%;left:5%}.ejiao-credit .zoom{height:auto;aspect-ratio:3.6}.ejiao-credit img{width:100%;height:auto;transform:translateY(-61%);object-fit:initial}
.parallel-grid .video-collage{height:480px}.parallel-grid .behind{width:82%;--tilt:-2deg}.parallel-grid .behind .zoom{height:330px}.parallel-grid .studio{width:37%;top:14%;--tilt:3deg}.parallel-grid .studio .zoom{height:170px}.parallel-grid .equipment{width:50%;top:62%;right:1%}.parallel-grid .equipment .zoom{height:155px}.video-evidence{border-color:var(--line);padding-top:35px}.video-proof-label{display:block;margin-bottom:28px}.video-proof-label h3{font-size:31px}.video-proof-label h3 br{display:none}.video-proof-label p{margin-top:12px;font-size:11px}.data-montage{grid-template-columns:1.1fr 1.1fr .5fr .5fr .5fr;grid-template-rows:90px 145px;gap:12px}.million .zoom{height:245px}.million-detail .zoom,.likes .zoom{height:auto;min-height:45px}.interaction .zoom{height:235px}.million-detail img,.likes img,.data-montage .interaction img{object-fit:contain}.video-body{position:sticky;top:30px}
.recommendation img{object-position:50% 100%}.offline-collage .meet figcaption,.offline-collage .roundtable figcaption{position:absolute;top:-27px;left:2px;padding:0}.offline-collage .friends{top:49%}.offline-collage .merch{top:47%}.teaching-story .story-copy>p.small-proof{max-width:250px}.teaching-collage{height:660px}
/* Products share a horizontal shelf, not six successive timeline milestones. */
.product-phase{padding:0 0 110px;min-width:0}.projects-intro{padding-bottom:35px}.project-intro-note{font:24px/1.7 var(--display);padding-top:42px}.shelf-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0;font-size:11px;color:var(--muted)}.shelf-controls{display:flex;align-items:center;gap:14px}.shelf-controls button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:21px;transition:background .2s,color .2s}.shelf-controls button:hover:not(:disabled){background:var(--green);color:var(--paper)}.shelf-controls button:disabled{opacity:.3;cursor:default}.shelf-position{font:11px 'Courier New',monospace;font-variant-numeric:tabular-nums;min-width:37px;text-align:center}.product-shelf{display:flex;gap:38px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#97ad86 var(--sage);padding:10px 3px 30px;scroll-padding:3px}.product-shelf::-webkit-scrollbar{height:5px}.product-shelf::-webkit-scrollbar-thumb{background:#97ad86}.product-shelf::-webkit-scrollbar-track{background:var(--sage)}.product-card{flex:0 0 calc(50% - 24px);min-width:0;scroll-snap-align:start;padding:0 0 15px}.product-heading{position:relative;min-height:128px;padding-top:5px}.product-heading h3{font:600 28px/1.4 var(--display)}.product-heading p{font-size:13px;line-height:1.85;max-width:450px;margin-top:14px;color:var(--muted)}.project-achievement{display:block;font-size:10px;color:var(--green);margin-top:7px}.product-images{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px;align-items:start}.product-shot{transform:none}.product-shot img{filter:saturate(.87)}.product-shot.shot-0{grid-column:1/-1}.product-shot.shot-0 .zoom{aspect-ratio:1.52;border:1px solid #26382d0c}.product-shot.shot-0 img{object-position:top;object-fit:cover}.product-shot:not(.shot-0){grid-column:span 3}.product-shot:not(.shot-0) .zoom{aspect-ratio:1.65}.product-shot:not(.shot-0) img{object-position:top}.product-images:has(.shot-3) .product-shot:not(.shot-0){grid-column:span 2}.product-shot figcaption{font-size:10px;padding-top:8px}.product-shot:not(.shot-0):hover{transform:translateY(-3px)}
.ending{padding-top:20px;padding-bottom:110px}.ending .story-copy:after{background:var(--green);box-shadow:0 0 0 5px var(--paper)}.ending-body>p{font:32px/1.6 var(--display)}.ending-body>a{display:inline-block;border-bottom:1px solid var(--ink);margin-top:35px;padding-bottom:8px;font-size:13px}.ending-sign{display:block;font:50px var(--display);margin-top:55px;text-align:right;transform:rotate(-8deg);color:var(--green)}.bottom-bar{margin:0 5vw;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}dialog{border:0;padding:64px 30px 25px;background:var(--paper);max-width:95vw;max-height:95vh;width:auto}dialog::backdrop{background:#090b09e8;backdrop-filter:blur(6px)}.close{position:absolute;right:22px;top:18px;border:0;background:none;font-size:14px;padding:8px}.lightbox-body img{height:auto;width:auto;max-width:85vw;max-height:74vh;object-fit:contain;filter:none}.lightbox-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px}.lightbox-caption p{font-size:12px;color:var(--muted)}.lightbox-caption button{background:none;border:1px solid var(--line);width:34px;height:30px;flex:none}.lightbox-caption button:disabled{opacity:.25}
@media(min-width:701px) and (max-width:1100px){.timeline{padding-left:65px;padding-right:40px}.timeline:before{left:30px}.story-copy:after,.phase-heading:before{left:-39px}.origin:before{left:-37px}.story{grid-template-columns:27% minmax(0,1fr);gap:6%}.intro-portrait{right:5%;width:195px}.intro-portrait .zoom{height:260px!important}.intro-background{font-size:12px}.podcast-collage{height:575px}.milestone .zoom{height:280px}.ranking .zoom{height:300px}.discovery .zoom{height:235px}.recommendation .zoom{height:170px}.offline-collage{height:540px}.meet .zoom{height:230px}.roundtable .zoom{height:185px}.friends .zoom{height:225px}.festival .zoom{height:170px}.merch .zoom{height:115px}.parallel-grid{gap:5%}.parallel-grid .story h2{font-size:30px}.parallel-grid .story-copy{min-height:250px}.parallel-grid .process-collage{height:370px}.parallel-grid .credits .zoom{height:280px}.parallel-grid .outline .zoom{height:150px}.parallel-grid .diagnosis .zoom{height:160px}.parallel-grid .video-collage{height:400px}.parallel-grid .behind .zoom{height:290px}.parallel-grid .studio .zoom{height:145px}.parallel-grid .equipment .zoom{height:130px}.case-notes{gap:12px}.case-notes h3{font-size:21px}.case-notes p{font-size:11px}.case-notes p br{display:none}.cases-collage .launch .zoom{height:120px}.cases-collage .year .zoom{height:215px}.cases-collage{height:310px}.data-montage{grid-template-rows:70px 120px;gap:8px}.million .zoom,.interaction .zoom{height:195px}.teaching-collage{height:550px}.salon .zoom,.speaking .zoom{height:275px}.product-heading{min-height:155px}.product-heading h3{font-size:25px}.product-heading p{font-size:12px}.product-shelf{gap:26px}.product-card{flex-basis:calc(58% - 20px)}}
@media(max-width:700px){html{scroll-padding-top:25px}.site-header{height:68px;margin:0 22px}.brand{font-size:17px}.brand span,.listen{display:none}.site-header nav{gap:15px;font-size:11px}.intro{padding:35px 26px 65px}.intro-label{font-size:9px}.intro-title{min-height:350px;padding-top:30px}.intro h1{font-size:71px;padding-top:10px}.intro h1 span{font-size:.53em;letter-spacing:0}.intro-portrait{width:133px;right:4%;top:168px}.intro-portrait .zoom{height:163px!important;border-width:5px}.intro-portrait figcaption{font-size:9px}.intro-bottom{margin-top:10px;width:100%;display:block}.intro-bottom>p{font-size:15px;line-height:1.9}.intro-background{font-size:11px;line-height:1.8}.hover-note{display:block;font-size:11px;margin-top:22px}.timeline{padding:0 22px 0 45px}.timeline:before{left:23px;bottom:100px}.origins{padding-bottom:45px}.origin{gap:20px;min-height:55px;padding-top:0}.origin-label{font-size:10px;min-width:28px}.origin p{font-size:13px;line-height:1.5}.origin:before{left:-24px;top:6px}.story{display:block;padding-bottom:70px;scroll-margin-top:24px}.story-copy{padding-top:0;margin-bottom:32px}.story-copy:after,.phase-heading:before{left:-26px;top:5px}.eyebrow{font-size:10px;margin-bottom:13px}.story h2,.phase-heading h2{font-size:34px}.story-copy>p{font-size:14px;margin-top:17px}.story-copy>p.small-proof{font-size:12px;margin-top:15px;max-width:100%}.live-subscription{margin-top:18px}.subscription-number{font-size:36px}.data-note{font-size:9px}.podcast-story .story-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.podcast-story .story-copy .eyebrow,.podcast-story h2{grid-column:1/3}.podcast-story .story-copy>p{grid-column:1;font-size:12px}.podcast-story .live-subscription{grid-column:2;grid-row:3/5}.podcast-story .small-proof{margin-top:10px!important}.podcast-collage{height:470px}.milestone .zoom{height:232px}.discovery .zoom{height:190px}.ranking .zoom{height:246px}.podcast-collage .recommendation{top:59%;width:55%;left:10%}.recommendation .zoom{height:160px}.print figcaption{font-size:9px;padding-top:7px}.handnote{font-size:16px;bottom:0;right:0}.offline-collage{height:600px}.offline-collage .meet{width:42%;left:1%}.meet .zoom{height:210px}.offline-collage .roundtable{width:81%;top:32%;right:0;z-index:2}.roundtable .zoom{height:166px}.offline-collage .friends{top:63%;left:0;width:44%}.friends .zoom{height:210px}.offline-collage .festival{right:2%;top:2%;width:38%}.festival .zoom{height:185px}.offline-collage .merch{right:3%;top:69%;width:45%}.merch .zoom{height:120px}.offline-collage .meet figcaption,.offline-collage .roundtable figcaption{position:static;padding-top:7px}.parallel-phase{padding-bottom:70px}.phase-heading{padding-top:0;padding-bottom:30px}.parallel-grid{display:block;padding:0 0 0 14px;border-left:1px solid var(--line)}.parallel-grid:before{display:none}.podcast-column:before,.video-column:before{top:12px;left:-18px}.parallel-grid .story-copy{min-height:0;margin-bottom:30px}.parallel-grid .story h2{font-size:30px}.parallel-grid .story-copy>p{font-size:13px}.parallel-grid .process-collage{height:370px}.parallel-grid .credits{width:38%}.parallel-grid .credits .zoom{height:290px}.parallel-grid .outline{width:56%}.parallel-grid .outline .zoom{height:155px}.parallel-grid .diagnosis{top:49%;width:64%;right:0}.parallel-grid .diagnosis .zoom{height:160px}.parallel-grid .cases-story{padding-top:24px;margin-top:15px}.case-notes{gap:16px;margin-bottom:30px}.case-notes h3{font-size:22px}.case-notes p{font-size:11px;line-height:1.8}.case-notes p br{display:none}.case-notes .subscription-number{font-size:26px}.case-notes .subscription-source{font-size:10px}.case-notes .data-note{font-size:8px}.cases-collage{height:330px}.cases-collage .launch{width:67%}.cases-collage .launch .zoom{height:120px}.cases-collage .year{width:29%}.cases-collage .year .zoom{height:210px}.cases-collage .award{width:75%;top:50%}.cases-collage .ejiao-credit{top:76%;width:80%;left:7%}.video-column{margin-top:38px}.video-body{position:static}.parallel-grid .video-collage{height:355px}.parallel-grid .behind{width:77%}.parallel-grid .behind .zoom{height:245px}.parallel-grid .studio{width:39%;top:11%}.parallel-grid .studio .zoom{height:120px}.parallel-grid .equipment{top:61%;width:50%;right:0}.parallel-grid .equipment .zoom{height:117px}.video-proof-label{display:block}.video-proof-label h3{font-size:23px}.video-proof-label p{margin-top:10px}.data-montage{gap:8px;grid-template-columns:1.5fr 1fr .45fr .45fr .45fr;grid-template-rows:50px 105px}.million .zoom{height:155px}.million-detail .zoom,.likes .zoom{min-height:34px}.interaction .zoom{height:155px}.teaching-collage{height:540px}.salon{width:54%}.salon .zoom{height:265px}.salon img{object-position:left center}.speaking{width:44%;top:14%}.speaking .zoom{height:242px}.course,.invitation,.teacher{width:30%;top:65%}.course{left:0}.invitation{left:35%;top:69%}.teacher{right:-1%}.projects-intro{padding-bottom:25px}.project-intro-note{font-size:18px;padding-top:0}.product-phase{padding-bottom:70px}.shelf-toolbar{padding:16px 0;font-size:10px}.shelf-controls{gap:8px}.shelf-controls button{width:31px;height:31px;font-size:18px}.product-shelf{gap:22px;padding-bottom:22px}.product-card{flex-basis:92%}.product-heading{min-height:154px}.product-heading h3{font-size:24px}.product-heading p{font-size:12px}.product-images{gap:13px 8px}.product-shot.shot-0 .zoom{aspect-ratio:1.42}.product-shot figcaption{font-size:9px}.ending{padding-bottom:80px}.ending-body>p{font-size:23px}.ending-sign{font-size:38px}.bottom-bar{font-size:10px;margin:0 22px}dialog{padding:60px 14px 18px}.lightbox-body img{max-width:85vw;max-height:72vh}}
@media(max-width:370px){.intro h1{font-size:60px}.site-header nav{gap:10px}.intro-portrait{top:160px}.timeline{padding-right:16px}.podcast-collage{height:435px}.milestone .zoom{height:200px}.ranking .zoom{height:215px}.discovery .zoom{height:168px}.offline-collage .roundtable .zoom{height:142px}.case-notes{gap:10px}.product-heading{min-height:175px}.shelf-toolbar>span{max-width:100px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.cursor-trail{display:none}}
@media(hover:none),(pointer:coarse){.cursor-trail{display:none}}
/* Give evidence captions their own space, even inside a compact image cluster. */
.parallel-grid .process-collage{height:470px}.parallel-grid .diagnosis{top:55%}.parallel-grid .diagnosis .zoom{height:175px}
.parallel-grid .cases-collage{display:grid;grid-template-columns:minmax(0,1fr) 28%;gap:18px 20px;height:auto;align-items:start;padding:8px 5px 20px}
.parallel-grid .cases-collage .print{position:relative;inset:auto;width:100%;--tilt:0deg}
.parallel-grid .cases-collage .launch{grid-column:1;grid-row:1;--tilt:-1deg}.parallel-grid .cases-collage .launch .zoom{height:auto;aspect-ratio:1.94}
.parallel-grid .cases-collage .year{grid-column:2;grid-row:1/4;--tilt:2deg}.parallel-grid .cases-collage .year .zoom{height:auto;aspect-ratio:.515}
.parallel-grid .cases-collage .award{grid-column:1;grid-row:2}.parallel-grid .cases-collage .ejiao-credit{grid-column:1;grid-row:3}
.parallel-grid .cases-collage figcaption{position:static;padding-top:8px}
.video-evidence{margin-top:12px}.offline-collage .merch figcaption{position:absolute;top:-25px;left:0;padding:0;white-space:nowrap}
@media(min-width:701px) and (max-width:1100px){.parallel-grid .process-collage{height:400px}.parallel-grid .diagnosis .zoom{height:145px}.parallel-grid .cases-collage{gap:16px 12px}}
@media(max-width:700px){.parallel-grid .process-collage{height:410px}.parallel-grid .diagnosis{top:55%}.parallel-grid .diagnosis .zoom{height:155px}.parallel-grid .cases-collage{gap:16px 12px}.offline-collage .merch figcaption{position:static;padding-top:7px;white-space:normal}.product-heading{min-height:130px}}
/* v5.1: equal-height practice overview; each evidence collection gets the width it needs. */
.parallel-phase>.cases-story{display:grid;grid-template-columns:25% minmax(0,1fr);gap:7%;padding:45px 0 65px;margin-top:40px;border-top:1px solid var(--line)}
.parallel-phase>.cases-story .story-copy:after{display:none}.parallel-phase>.cases-story .story-copy{padding:0}.parallel-phase>.cases-story h2{font-size:32px}.parallel-phase>.cases-story .story-copy>p{font-size:13px;margin-top:18px}
.parallel-phase>.cases-story .case-notes{margin-bottom:26px;gap:32px}.parallel-phase>.cases-story .case-notes .live-subscription{margin-top:14px}
.parallel-phase>.cases-story .cases-collage{display:grid;grid-template-columns:1fr 1fr .64fr;gap:18px 22px;height:auto;padding:10px 5px 0;align-items:start}
.parallel-phase>.cases-story .cases-collage .print{position:relative;inset:auto;width:100%;--tilt:0deg}
.parallel-phase>.cases-story .cases-collage .launch{grid-column:1/3;grid-row:1;--tilt:-1deg}.parallel-phase>.cases-story .launch .zoom{height:auto;aspect-ratio:2.3}.parallel-phase>.cases-story .launch img{object-fit:cover;object-position:center}
.parallel-phase>.cases-story .cases-collage .year{grid-column:3;grid-row:1/3;--tilt:2deg}.parallel-phase>.cases-story .year .zoom{height:auto;aspect-ratio:.515}
.parallel-phase>.cases-story .cases-collage .award{grid-column:1;grid-row:2}.parallel-phase>.cases-story .cases-collage .ejiao-credit{grid-column:2;grid-row:2}.parallel-phase>.cases-story .ejiao-credit .zoom{aspect-ratio:3.6}
.parallel-phase .video-body{position:static}.parallel-phase .video-collage{height:470px}
.video-results{border-top:1px solid var(--line);padding:42px 0 0}.video-results .video-evidence{display:grid;grid-template-columns:25% minmax(0,1fr);gap:7%;border:0;padding:0;margin:0}.video-results .video-proof-label h3{font-size:32px;line-height:1.4}.video-results .video-proof-label h3 br{display:block}.video-results .video-proof-label p{font-size:11px;line-height:1.7}.video-results .data-montage{grid-template-columns:1.35fr 1.35fr .48fr .48fr .48fr;grid-template-rows:100px 165px;gap:16px}.video-results .million .zoom{height:281px}.video-results .million img{object-fit:contain}.video-results .interaction .zoom{height:281px}.video-results .million-detail .zoom,.video-results .likes .zoom{min-height:0;height:auto}
.product-heading{min-height:157px}.project-recognition{display:flex;align-items:center;gap:12px;margin:11px 0 0}.project-recognition .project-achievement{display:inline-block;background:var(--green);color:var(--paper);padding:7px 11px;font-size:13px;line-height:1.4;font-weight:600;letter-spacing:.04em;margin:0}.project-recognition>span{color:var(--muted);font-size:10px}.project-recognition+p{margin-top:10px}.teaching-story h2{line-height:1.4}
@media(min-width:701px) and (max-width:1100px){.parallel-phase .video-collage{height:400px}.parallel-phase>.cases-story{grid-template-columns:25% minmax(0,1fr)}.parallel-phase>.cases-story .case-notes{gap:20px}.video-results .data-montage{grid-template-rows:80px 125px;gap:12px}.video-results .million .zoom,.video-results .interaction .zoom{height:217px}.video-results .video-proof-label h3{font-size:28px}.product-heading{min-height:181px}}
@media(max-width:700px){.parallel-phase .video-collage{height:355px}.parallel-phase>.cases-story{display:block;margin-top:25px;padding:30px 0 45px}.parallel-phase>.cases-story .story-copy{margin-bottom:27px}.parallel-phase>.cases-story h2{font-size:29px}.parallel-phase>.cases-story .case-notes{gap:16px}.parallel-phase>.cases-story .cases-collage{grid-template-columns:minmax(0,1fr) 28%;gap:17px 14px}.parallel-phase>.cases-story .cases-collage .launch{grid-column:1;grid-row:1}.parallel-phase>.cases-story .launch .zoom{aspect-ratio:1.94}.parallel-phase>.cases-story .cases-collage .year{grid-column:2;grid-row:1/4}.parallel-phase>.cases-story .cases-collage .award{grid-column:1;grid-row:2}.parallel-phase>.cases-story .cases-collage .ejiao-credit{grid-column:1;grid-row:3}.video-results{padding-top:30px}.video-results .video-evidence{display:block}.video-results .video-proof-label h3{font-size:27px}.video-results .video-proof-label h3 br{display:none}.video-results .data-montage{grid-template-rows:60px 115px;gap:9px;grid-template-columns:1.2fr 1.2fr .48fr .48fr .48fr}.video-results .million .zoom,.video-results .interaction .zoom{height:184px}.product-heading{min-height:176px}.project-recognition{gap:8px}.project-recognition .project-achievement{font-size:12px;padding:6px 9px}.project-recognition>span{font-size:9px}}
/* Keep the enlarged natural-color portrait; restore the v5.1 light photo treatment. */
.intro-title{min-height:445px}.intro-portrait{width:330px;right:7%;top:12px}.intro-portrait .zoom{height:415px!important}
@media(min-width:701px) and (max-width:1100px){.intro-title{min-height:380px}.intro-portrait{width:260px;right:4%;top:20px}.intro-portrait .zoom{height:330px!important}}
@media(max-width:700px){.intro-title{min-height:425px}.intro-portrait{width:180px;right:4%;top:170px}.intro-portrait .zoom{height:225px!important}}
@media(max-width:370px){.intro-title{min-height:410px}.intro-portrait{width:168px;top:167px}.intro-portrait .zoom{height:212px!important}}
.offline-collage .merch figcaption{position:absolute;top:auto;bottom:7px;left:7px;right:7px;width:fit-content;max-width:calc(100% - 14px);padding:3px 6px;background:var(--paper);color:var(--ink);font-size:9px;white-space:normal}

/* v5.3: ten original PPT proofs, arranged as a dense collection of clippings. */
.video-results .data-montage{display:block;position:relative;aspect-ratio:1.25;isolation:isolate}
.video-results .data-montage .print{position:absolute;margin:0;grid-area:auto;--tilt:0deg}
.video-results .data-montage .zoom{height:auto;min-height:0;box-shadow:0 3px 13px #26382d12;border:4px solid var(--photo)}
.video-results .data-montage img{height:auto;object-fit:contain}
.video-results .data-montage .million{left:1%;top:20%;width:40%;--tilt:-4deg;z-index:2}
.video-results .data-montage .million-detail{left:0;top:5%;width:46%;--tilt:2deg;z-index:3}
.video-results .data-montage .likes{left:27%;top:69%;width:18%;--tilt:4deg;z-index:3}
.video-results .data-montage .view-1{left:0;top:61%;width:26%;--tilt:-3deg;z-index:3}
.video-results .data-montage .view-2{left:1%;top:74%;width:26%;--tilt:2deg;z-index:4}
.video-results .data-montage .view-3{left:0;top:87%;width:26%;--tilt:-2deg;z-index:5}
.video-results .data-montage .interaction-1{left:44%;top:12%;width:13.5%;--tilt:-3deg}
.video-results .data-montage .interaction-2{left:57%;top:2%;width:14%;--tilt:2deg}
.video-results .data-montage .interaction-3{left:71%;top:14%;width:14%;--tilt:-2deg}
.video-results .data-montage .interaction-4{left:84%;top:5%;width:13%;--tilt:3deg}
.video-results .data-montage .interaction-4 .zoom{aspect-ratio:1/6;overflow:hidden}
.video-results .data-montage .print:hover,.video-results .data-montage .print:focus-within{z-index:10}
@media(min-width:701px) and (max-width:1100px){.video-results .video-evidence{grid-template-columns:22% minmax(0,1fr);gap:4%}.video-results .data-montage .zoom{border-width:3px}}
@media(max-width:700px){
 .video-results .data-montage{aspect-ratio:.48;margin-top:26px}
 .video-results .data-montage .zoom{border-width:3px}
 .video-results .data-montage .million{left:0;top:6%;width:57%;--tilt:-3deg}
 .video-results .data-montage .million-detail{left:27%;top:1%;width:69%;--tilt:2deg}
 .video-results .data-montage .likes{left:62%;top:10%;width:35%;--tilt:3deg}
 .video-results .data-montage .view-1{left:56%;top:19%;width:41%;--tilt:2deg}
 .video-results .data-montage .view-2{left:43%;top:28%;width:44%;--tilt:-3deg}
 .video-results .data-montage .view-3{left:2%;top:30%;width:43%;--tilt:2deg}
 .video-results .data-montage .interaction-1{left:1%;top:43%;width:24%;--tilt:-3deg}
 .video-results .data-montage .interaction-2{left:25%;top:39%;width:24%;--tilt:2deg}
 .video-results .data-montage .interaction-3{left:50%;top:44%;width:24%;--tilt:-2deg}
 .video-results .data-montage .interaction-4{left:74%;top:40%;width:24%;--tilt:2deg;}
 .video-results .data-montage .interaction-4 .zoom{aspect-ratio:1/4.8}
}
.video-results .data-montage .interaction-4 .zoom img{position:absolute;top:0;left:0}
.video-results .data-montage{margin-bottom:22px}
@media(max-width:370px){.video-results .video-proof-label h3 br{display:block}}

/* Closing contact area: services and QR share one aligned composition. */
.ending{grid-template-columns:minmax(0,1fr) 224px;gap:70px;align-items:center;padding:60px 8% 70px 0;border-top:1px solid var(--line)}
.ending .story-copy{align-self:center;padding:0}
.ending .story-copy .eyebrow{margin-bottom:18px}
.ending .story-copy h2{font-size:48px}
.ending .contact-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 40px;max-width:450px;font-size:22px;line-height:1.5;margin-top:30px}
.ending .contact-services>span{white-space:nowrap}
.contact-podcast{display:inline-block;font-size:12px;color:var(--muted);margin-top:32px;padding-bottom:5px;border-bottom:1px solid var(--line)}
.contact-card{width:224px;text-align:center}
.contact-qr{width:100%;background:#fff;padding:14px;box-shadow:none}
.contact-qr img{width:100%;height:auto;object-fit:contain;filter:none;transform:none}
.contact-card>p{font-size:15px;font-weight:500;line-height:1.6;margin-top:14px}
.contact-card>p.contact-note{font-size:13px;color:var(--green);font-weight:400;margin-top:3px}
.contact-hint{display:block;font-size:10px;color:var(--muted);margin-top:8px}
@media(min-width:701px) and (max-width:1100px){.ending{padding-right:0;gap:42px;grid-template-columns:minmax(0,1fr) 200px}.contact-card{width:200px}.ending .story-copy h2{font-size:40px}.ending .contact-services{font-size:20px;gap:14px 25px}}
@media(max-width:700px){.ending{display:block;padding:36px 0 50px}.ending .story-copy{margin-bottom:0}.ending .story-copy h2{font-size:34px}.ending .contact-services{font-size:21px;gap:12px 24px;margin-top:24px}.contact-podcast{margin-top:24px}.contact-card{width:200px;margin-top:32px;text-align:left}.contact-card>p,.contact-hint{padding-left:14px}.contact-hint{margin-top:7px}}

/* v5.5: a compact introduction with a clear role and supporting experience. */
.intro-bottom{width:100%;gap:30px}
.intro-bio{min-width:0;max-width:960px}
.intro-bio .intro-background{font-size:13px;margin-bottom:10px;line-height:1.8}
.intro-role{font-size:24px;line-height:1.5;font-weight:500;letter-spacing:.01em;color:var(--ink);margin-bottom:16px}
.intro-role .role-times{color:var(--green);font-weight:400;margin:0 3px}
.intro-role .role-focus{white-space:nowrap}
.intro-credentials,.intro-experience,.intro-practice{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;font-size:13px;line-height:1.9}
.intro-credentials{margin-bottom:8px}
.intro-credentials strong{font-weight:600;color:var(--green);font-size:16px}
.intro-credentials>span,.intro-experience>span,.intro-practice>span{white-space:nowrap}
.intro-credentials>span+span:before,.intro-experience>span+span:before,.intro-practice>span+span:before{content:'｜';color:var(--line);margin:0 9px}
.intro-practice{color:var(--muted);margin-top:3px}
.intro-bottom .hover-note{flex-shrink:0;padding-bottom:4px}
@media(max-width:1100px){.intro-role{font-size:21px}.intro-bottom{gap:20px}.intro-credentials,.intro-experience,.intro-practice{font-size:12px}.intro-credentials strong{font-size:15px}}
@media(max-width:700px){.intro-role{font-size:20px;line-height:1.65;margin-bottom:14px}.intro-bio .intro-background{font-size:11px}.intro-credentials{gap:3px 14px;margin-bottom:10px}.intro-credentials>span+span:before{display:none}.intro-experience,.intro-practice{display:block}.intro-experience>span,.intro-practice>span{white-space:normal}.intro-experience>span{display:block}.intro-experience>span+span:before{display:none}.intro-practice{margin-top:8px}.intro-practice>span+span:before{margin:0 3px}.intro-bottom .hover-note{margin-top:20px}}

/* v5.4: keep each podcast's role, result and source images together. */
.parallel-phase>.cases-story .story-copy>p{display:none}
.parallel-phase>.cases-story .case-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,48px);min-width:0}
.parallel-phase>.cases-story .case-panel{min-width:0}
.parallel-phase>.cases-story .case-ejiao{border-left:1px solid var(--line);padding-left:clamp(20px,2.5vw,36px)}
.parallel-phase>.cases-story .case-panel-header{min-height:290px}
.parallel-phase>.cases-story .case-role{display:block;color:var(--green);font-size:11px;letter-spacing:.12em;margin-bottom:14px}
.parallel-phase>.cases-story .case-panel h3{font:600 clamp(25px,2.5vw,34px)/1.3 var(--display);margin:0 0 18px}
.parallel-phase>.cases-story .case-panel p{font-size:12px;line-height:1.85}
.parallel-phase>.cases-story .case-panel .live-subscription{margin-top:17px}
.parallel-phase>.cases-story .case-panel .subscription-number{font-size:30px}
.parallel-phase>.cases-story .case-media{display:flex;flex-direction:column;gap:20px}
.parallel-phase>.cases-story .case-media .case-proof{position:relative;inset:auto;width:100%;transform:none}
.parallel-phase>.cases-story .case-media .case-proof figcaption{position:static;padding:7px 0 0}
.parallel-phase>.cases-story .case-launch .zoom{height:auto;aspect-ratio:1.94}
.parallel-phase>.cases-story .case-year .zoom{height:auto;aspect-ratio:1.13}
.parallel-phase>.cases-story .case-year img{object-fit:cover;object-position:center 28%}
.parallel-phase>.cases-story .case-cover{width:72%!important;margin:0 auto 1px}
.parallel-phase>.cases-story .case-cover .zoom{height:auto;aspect-ratio:1}
.parallel-phase>.cases-story .case-cover img{width:400%;height:auto;max-width:none;object-fit:initial;transform:translate(-70%,-38%)}
.parallel-phase>.cases-story .case-award .zoom{height:auto;aspect-ratio:5}
.parallel-phase>.cases-story .case-award img{object-fit:contain}
.parallel-phase>.cases-story .case-credit .zoom{height:auto;aspect-ratio:3}
.parallel-phase>.cases-story .case-credit img{width:100%;height:auto;object-fit:initial;transform:translateY(-61%)}
@media(min-width:701px) and (max-width:1100px){.parallel-phase>.cases-story .case-body{gap:22px}.parallel-phase>.cases-story .case-ejiao{padding-left:20px}.parallel-phase>.cases-story .case-panel-header{min-height:290px}.parallel-phase>.cases-story .case-panel p br{display:none}.parallel-phase>.cases-story .case-panel p{font-size:11px}}
@media(max-width:700px){.parallel-phase>.cases-story .case-body{display:block}.parallel-phase>.cases-story .case-panel-header{min-height:0;margin-bottom:22px}.parallel-phase>.cases-story .case-panel h3{font-size:29px}.parallel-phase>.cases-story .case-panel p br{display:none}.parallel-phase>.cases-story .case-media{gap:17px}.parallel-phase>.cases-story .case-year .zoom{aspect-ratio:1.18}.parallel-phase>.cases-story .case-ejiao{border-left:0;border-top:1px solid var(--line);padding:30px 0 0;margin-top:42px}.parallel-phase>.cases-story .case-cover{width:70%!important}}

/* v5.8 — charcoal, mint, and a small set of editorial accent papers. */
.site-header .listen{color:var(--green)}
.zoom{box-shadow:0 4px 16px #0002}
.print:hover .zoom{box-shadow:0 8px 22px #0005}
.intro-portrait .zoom{border-color:var(--green)}
.intro-credentials{gap:8px 0;margin-bottom:12px}
.intro-credentials>span{padding:7px 16px;border:1px solid var(--line);border-radius:40px;margin-right:10px}
.intro-credentials>span+span:before{display:none}
.intro-credentials strong{font-family:Georgia,serif;font-weight:400;font-size:22px;margin-right:3px}
.product-shelf{scrollbar-color:var(--green) var(--sage)}
.product-shelf::-webkit-scrollbar-thumb{background:var(--green)}
.product-heading{--card-paper:var(--green);background:var(--card-paper);color:#171b17;padding:24px 26px;min-height:198px;margin-bottom:22px;border-radius:16px}
.product-card:nth-child(3n+2) .product-heading{--card-paper:var(--pink)}
.product-card:nth-child(3n) .product-heading{--card-paper:var(--lemon)}
.product-heading p{color:#394137}
.product-heading .project-recognition>span{color:#394137}
.product-heading .project-achievement{color:#171b17}
.product-heading .project-recognition .project-achievement{background:#171b17;color:var(--card-paper)}
.ending{--paper:#f2f3ed;--ink:#181d18;--muted:#596256;--green:#32683b;--line:#cbd2c7;color:var(--ink);background:var(--paper);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax);border-top:0;padding-top:70px;padding-bottom:70px}
.ending .contact-podcast:hover{color:var(--green)}
.bottom-bar{border-top:0}
@media(min-width:701px) and (max-width:1100px){.product-heading{min-height:258px;padding:22px}}
@media(max-width:700px){
 .intro-credentials{gap:7px}
 .intro-credentials>span{padding:5px 10px;margin:0;font-size:11px}
 .intro-credentials strong{font-size:18px}
 .product-heading{min-height:224px;padding:22px 20px;border-radius:12px}
 .product-heading h3{font-size:24px}
 .ending{padding-top:40px;padding-bottom:45px}
}

/* An explicit, clickable direction cue for the horizontal product collection. */
.shelf-toolbar{flex-wrap:wrap;gap:14px 24px}
.shelf-guide{display:flex;flex-direction:column;gap:9px}
.shelf-hint{display:flex;align-items:center;gap:18px;background:none;border:0;padding:3px 0;color:var(--green);font-size:16px;line-height:1.6;text-align:left}
.shelf-hint-arrow{font-size:30px;line-height:1;transition:transform .2s ease}
.shelf-hint:hover .shelf-hint-arrow{transform:translateX(4px)}
.shelf-controls{margin-left:auto}
@media(max-width:700px){.shelf-hint{font-size:14px;gap:12px}.shelf-hint-arrow{font-size:26px}}
@media(prefers-reduced-motion:reduce){.shelf-hint-arrow{transition:none}}

/* v5.9 — a blue ink journey on pale paper, with selected color photographs. */
:root{--paper:#eeefeb;--ink:#222820;--muted:#62685e;--green:#2548cd;--sage:#e0e4d6;--line:#c5cbbf;--photo:#fafaf4;--pink:#c9e8b8;--lemon:#eee56c;--olive:#7b873b}
body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23858b7e' opacity='.025' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
::selection{background:#e8e366;color:var(--ink)}
.intro-portrait .zoom{border-color:var(--photo)}
.intro-credentials>span{border-color:#bbc3ac}
.timeline{isolation:isolate}
.timeline:before,.origin:before,.story-copy:after,.phase-heading:before{display:none}
.journey-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:-1}
.journey-thread path{fill:none;stroke:#2548cd;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.journey-thread circle{fill:var(--paper);stroke:#2548cd;stroke-width:3}
.origin{min-height:58px}
.offline-story,.teaching-story{padding-bottom:150px}
.print img,.product-shot img{filter:grayscale(1) contrast(1.12) brightness(.98) sepia(.06);opacity:.94;transition:filter .45s ease,opacity .45s ease}
.print.is-near img,.print:hover img,.print:focus-within img,.print.color-anchor img,.intro-portrait img{filter:none;opacity:1}
.zoom{box-shadow:0 4px 12px #353c2912}
.print:hover .zoom{box-shadow:0 7px 20px #353c2926}
.product-heading{--card-paper:#c8df9c;border-radius:5px}
.product-card:nth-child(3n+2) .product-heading{--card-paper:#c9e8b8}
.product-card:nth-child(3n) .product-heading{--card-paper:#eee56c}
.ending{--paper:#e7ebdf;--ink:#222820;--green:#2548cd;--muted:#62685e;clip-path:none;box-shadow:none;background:transparent;border-top:1px solid var(--line)}
.contact-qr img{filter:none;opacity:1}
dialog::backdrop{background:#252b24df}
@media(min-width:701px){
 .offline-story,.teaching-story{grid-template-columns:minmax(0,1fr) 25%;gap:7%}
 .offline-story>.story-copy,.teaching-story>.story-copy{grid-column:2;grid-row:1;padding-top:40px}
 .offline-story>.collage,.teaching-story>.collage{grid-column:1;grid-row:1}
 .offline-collage .roundtable{right:1%;--tilt:3deg}
 .teaching-collage .salon{left:1%;--tilt:-4deg}
 .teaching-collage .speaking{right:1%;--tilt:3deg}
}
@media(max-width:700px){
 .timeline{padding-left:49px}
 .journey-thread path{stroke-width:2.5}
 .journey-thread circle{stroke-width:2}
 .offline-story,.teaching-story{padding-bottom:85px}
 .product-heading{border-radius:5px}
}
@media(prefers-reduced-motion:reduce){.print img{transition:none}}

/* Fresh greens belong to the page accents; the existing cursor ink is retained. */
:root{--green:#386529;--pink:#71d994;--lemon:#f0e46c}
.intro h1 span,.handnote{color:#2548cd}
.product-heading{--card-paper:#b9ef73}
.product-card:nth-child(3n+2) .product-heading{--card-paper:#71d994}
.product-card:nth-child(3n) .product-heading{--card-paper:#f0e46c}
.intro-label>span:last-child:before{background:#54bd63}

/* Preserve the complete discovery feature; open the original for detailed reading. */
.parallel-phase>.cases-story .case-media .case-discovery{width:68%;max-width:230px;align-self:center}
.parallel-phase>.cases-story .case-discovery .zoom{height:auto;aspect-ratio:auto}
.parallel-phase>.cases-story .case-discovery img{height:auto;object-fit:contain}