:root{
  --paper:#fbfaef;--paper2:#f5f6f1;--ink:#354253;--navy:#29465d;
  --blue:#7893a6;--pale:#dce7ed;--grey:#7c8790;--line:#b8c3c9;--white:#fff;
  --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65}
html[lang="zh-CN"] body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",sans-serif}
a{color:inherit;text-decoration:none} img{width:100%;height:100%;object-fit:cover;display:block}
.wrap{width:min(calc(100% - 44px),var(--max));margin:auto}
nav{position:sticky;top:0;z-index:30;background:rgba(251,250,239,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(41,70,93,.18)}
.nav{height:72px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;letter-spacing:.02em;color:var(--navy)}
.links{display:flex;gap:24px;align-items:center;font-size:14px}.links a:hover{color:var(--blue)}.lang{border:1px solid var(--navy);border-radius:999px;padding:6px 12px}
.hero{padding:105px 0 78px;border-bottom:1px solid var(--line)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--blue)}
h1{font-size:clamp(50px,7.5vw,96px);line-height:.98;letter-spacing:-.055em;margin:18px 0 28px;color:var(--navy);max-width:1020px}
html[lang="zh-CN"] h1{letter-spacing:-.035em}
.lead{font-size:clamp(18px,2vw,23px);max-width:760px;color:#65727d}
.hero-note{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}.pill{border:1px solid var(--line);padding:7px 11px;border-radius:999px;font-size:12px;color:var(--grey)}
.section{padding:92px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}
h2{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.04em;color:var(--navy);margin:8px 0}
.small{color:var(--grey);max-width:550px}.text-link{font-weight:700;color:var(--navy)}
.projects{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.project{border:1px solid var(--line);background:rgba(255,255,255,.36);border-radius:18px;overflow:hidden}
.project.large{grid-row:span 2}.project-media{height:260px;background:var(--pale);position:relative}.large .project-media{height:430px}
.placeholder{height:100%;display:grid;place-items:center;padding:28px;text-align:center;color:#728692;background:linear-gradient(135deg,#dce7ed,#f3f1e5)}
.project-copy{padding:25px}.project h3{font-size:27px;line-height:1.15;color:var(--navy);margin:7px 0 9px;letter-spacing:-.025em}.project p{margin:0;color:#66727b}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:18px;background:rgba(255,255,255,.34)}
.stat{padding:23px;border-right:1px solid var(--line)}.stat:last-child{border:0}.num{font-size:30px;font-weight:800;color:var(--navy)}.label{font-size:12px;color:var(--grey)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.big-copy{font-size:clamp(25px,3.2vw,42px);line-height:1.2;color:var(--navy);letter-spacing:-.025em}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.photo{height:250px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--pale)}.photo.wide{grid-column:span 2;height:330px}
footer{padding:68px 0;background:var(--navy);color:#e9eef0}.footer-mail{font-size:clamp(30px,5vw,64px);letter-spacing:-.04em;margin:8px 0 24px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#bac7ce}
.page-hero{padding:90px 0 62px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(46px,6vw,76px)}
.case{display:grid;grid-template-columns:310px 1fr;gap:65px;padding:65px 0;border-bottom:1px solid var(--line)}.case h2{font-size:34px}.case p{max-width:760px}
.case-media{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-media .photo{height:280px}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tag{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--grey)}
.resume-top{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.download{border:1px solid var(--navy);padding:10px 16px;border-radius:999px;font-weight:700}
.resume-grid{display:grid;grid-template-columns:250px 1fr;gap:50px;padding:44px 0;border-bottom:1px solid var(--line)}.resume-grid h2{font-size:21px;letter-spacing:.06em;text-transform:uppercase}
.entry{margin-bottom:30px}.entry h3{font-size:20px;color:var(--navy);margin:0 0 4px}.when{color:var(--blue);font-size:13px;font-weight:700}.entry ul{padding-left:18px;margin-top:10px}.entry li{margin:6px 0}
.skill-cols{columns:2;column-gap:50px}.skill-cols p{break-inside:avoid;margin:0 0 18px}.certs{display:flex;gap:10px;flex-wrap:wrap}.cert{padding:10px 13px;background:var(--pale);border-radius:10px;font-size:13px}
@media(max-width:820px){
 .links a:not(.lang){display:none}.projects,.story-grid,.case,.resume-grid{grid-template-columns:1fr}.project.large{grid-row:auto}.large .project-media{height:300px}
 .stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .gallery{grid-template-columns:1fr}.photo.wide{grid-column:auto}.section{padding:68px 0}.case{gap:20px}.skill-cols{columns:1}.wrap{width:min(calc(100% - 28px),var(--max))}
}

/* v2: photo-led homepage */
.hero-split{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.hero-portrait{height:520px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--pale)}
.about-poster{height:520px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--pale)}
@media(max-width:820px){.hero-split{grid-template-columns:1fr}.hero-portrait{height:420px}.about-poster{height:430px}}

/* v6: Chinese hero + layered Fastrack case study */
html[lang="zh-CN"] .hero-split{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:48px}
html[lang="zh-CN"] .hero h1{line-height:.98;letter-spacing:-.035em;max-width:690px;word-break:normal}
.case-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.case-button{display:inline-flex;align-items:center;border:1px solid var(--navy);border-radius:999px;padding:9px 15px;font-size:13px;font-weight:700;color:var(--navy)}
.case-button:hover{background:var(--navy);color:var(--paper)}
.venture-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
.venture-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.34)}
.venture-card .project-media{height:220px}.venture-card .project-copy{padding:22px}
.detail-block{padding:65px 0;border-bottom:1px solid var(--line)}
.detail-block h2{font-size:clamp(32px,4vw,50px)}
.back-link{display:inline-block;margin-bottom:25px;font-weight:700;color:var(--blue)}
@media(max-width:820px){
 html[lang="zh-CN"] .hero-split{grid-template-columns:1fr}
 html[lang="zh-CN"] .hero h1{word-break:normal}
 .venture-grid{grid-template-columns:1fr}
}

html[lang="zh-CN"] .hero-split > *{min-width:0}
html[lang="zh-CN"] .hero-portrait{width:100%;min-width:0}

/* v6.6: Fastrack card with its own stat + remaining homepage stats in one row */
.fastrack-card-layout{display:grid;grid-template-columns:1fr 150px;gap:22px;align-items:start}
.fastrack-mini-stat{border-left:1px solid var(--line);padding-left:22px}
.fastrack-mini-stat .num{font-size:38px}
.fastrack-mini-stat .label{line-height:1.4}
.home-stats-three{grid-template-columns:repeat(3,1fr)}
.home-stats-three .stat{border-right:1px solid var(--line);border-bottom:0}
.home-stats-three .stat:last-child{border-right:0}
.official-link{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;color:var(--blue)}
@media(max-width:820px){
 .fastrack-card-layout{grid-template-columns:1fr}
 .fastrack-mini-stat{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}
 .home-stats-three{grid-template-columns:1fr}
 .home-stats-three .stat{border-right:0;border-bottom:1px solid var(--line)}
 .home-stats-three .stat:last-child{border-bottom:0}
}

/* v6.7: Fastrack metrics live inside the main card; other projects form one row */
.fastrack-card-layout{grid-template-columns:1fr 250px}
.fastrack-side-stats{border-left:1px solid var(--line);padding-left:22px;display:grid;gap:18px}
.fastrack-side-stats .mini-stat{padding-bottom:16px;border-bottom:1px solid var(--line)}
.fastrack-side-stats .mini-stat:last-child{border-bottom:0;padding-bottom:0}
.fastrack-side-stats .num{font-size:32px;line-height:1;font-weight:800;color:var(--navy);margin-bottom:7px}
.fastrack-side-stats .label{line-height:1.35}
.other-projects-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.other-projects-row .project-media{height:220px}
@media(max-width:820px){
 .fastrack-card-layout{grid-template-columns:1fr}
 .fastrack-side-stats{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;grid-template-columns:repeat(2,1fr)}
 .other-projects-row{grid-template-columns:1fr}
}

/* v8: Fastrack nested case studies + photo integration */
.responsibility-line{margin:0 0 14px!important;padding:12px 15px;border-left:3px solid var(--blue);background:rgba(220,231,237,.45);border-radius:0 10px 10px 0;color:var(--navy)!important}
.fastrack-overview-gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:34px}
.fastrack-overview-gallery .photo{height:300px}.fastrack-overview-gallery .wide{grid-row:span 2;height:614px}
.project-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}
.project-photo-grid .photo{height:360px}.project-photo-grid .photo.tall{height:520px}.project-photo-grid .wide{grid-column:span 2;height:440px}
.life-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:12px;margin-top:30px}
.life-gallery img{border-radius:14px;border:1px solid var(--line);background:var(--pale)}
.life-gallery img:nth-child(1),.life-gallery img:nth-child(6),.life-gallery img:nth-child(11){grid-row:span 2}
.life-gallery img:nth-child(4),.life-gallery img:nth-child(9){grid-column:span 2}
@media(max-width:820px){
 .fastrack-overview-gallery,.project-photo-grid{grid-template-columns:1fr}
 .fastrack-overview-gallery .wide,.project-photo-grid .wide{grid-column:auto;grid-row:auto;height:330px}
 .fastrack-overview-gallery .photo,.project-photo-grid .photo,.project-photo-grid .photo.tall{height:330px}
 .life-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:210px}
 .life-gallery img:nth-child(n){grid-column:auto;grid-row:auto}
}

/* v9 photo curation */
.life-gallery.curated{grid-template-columns:repeat(5,1fr);gap:14px}
.life-gallery.curated img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:18px}
@media(max-width:900px){.life-gallery.curated{grid-template-columns:repeat(2,1fr)}}

/* v10: show the About personal poster in full, without cropping */
.about-poster{
  height:auto;
  min-height:0;
  overflow:visible;
  background:transparent;
}
.about-poster img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center top;
  border-radius:17px;
}
@media(max-width:820px){
  .about-poster{height:auto;}
}


/* v12 image curation and framing */
.leadership-case .case-media .photo{height:440px;background:#f3f1e8;}
.leadership-case .case-media img{object-fit:contain;object-position:center center;}
.mstay-case .case-media .photo{height:auto;min-height:0;background:#f3f1e8;}
.mstay-case .case-media img{width:100%;height:auto;object-fit:contain;object-position:center top;display:block;}
.auto-case .case-media .photo:nth-child(2) img{object-position:72% 36%;}
.about-poster-section .story-grid{grid-template-columns:minmax(220px,.62fr) minmax(0,1.55fr);align-items:start;gap:48px;}
.about-poster-section .about-poster img{width:100%;max-height:none;object-fit:contain;}
.project-photo-grid .photo img[src$="meowra-cat-gaze.jpg"]{object-position:center 38%;}
@media(max-width:820px){
 .leadership-case .case-media .photo{height:auto;}
 .leadership-case .case-media img{height:auto;}
 .about-poster-section .story-grid{grid-template-columns:1fr;gap:24px;}
}


/* v13 About life gallery: one image per interest, two for hiking; never crop photos */
.about-life-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.about-life-gallery .life-card{
  margin:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#f7f5ec;
}
.about-life-gallery .life-card img{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  display:block;
  border:0;
  border-radius:12px;
  background:transparent;
}
.about-life-gallery .life-card figcaption{
  margin-top:10px;
  font-size:13px;
  color:var(--grey);
  letter-spacing:.02em;
}
.about-life-gallery .hiking-group{grid-column:span 2;}
@media(max-width:900px){
  .about-life-gallery{grid-template-columns:1fr 1fr;}
  .about-life-gallery .hiking-group{grid-column:span 2;}
}
@media(max-width:560px){
  .about-life-gallery{grid-template-columns:1fr;}
  .about-life-gallery .hiking-group{grid-column:auto;}
}

/* v14 photo-layout refinements */
/* Work: preserve MStay artwork proportions, keep the second image from leaving an empty crop */
.mstay-case .case-media{align-items:start;}
.mstay-case .case-media .photo{height:auto!important;min-height:0!important;overflow:hidden;}
.mstay-case .case-media img{display:block;width:100%;height:auto!important;object-fit:contain!important;object-position:center top!important;}
/* Automotive second photo: show the upper part of the original image */
.auto-case .case-media .photo:nth-child(2) img{object-position:72% 8%!important;}
/* Leadership posters: natural height rather than a large fixed blank area */
.leadership-case .case-media{align-items:start;}
.leadership-case .case-media .photo{height:auto!important;min-height:0!important;background:transparent!important;}
.leadership-case .case-media img{display:block;width:100%;height:auto!important;object-fit:contain!important;}
/* Fastrack overview: reflection + event image displayed in full */
.fastrack-overview-gallery{grid-template-columns:1.15fr .85fr;align-items:start;}
.fastrack-overview-gallery .photo,.fastrack-overview-gallery .wide{height:auto!important;grid-row:auto!important;background:transparent;}
.fastrack-overview-gallery img{display:block;width:100%;height:auto!important;object-fit:contain!important;}
/* Venture cover photos */
.venture-card .project-media img[src$="IMG_5369.jpg"],.venture-card .project-media img[src$="makhana-product-test.jpg"]{object-position:center center;}
/* Meowra detail: both originals shown without crop */
.project-photo-grid.no-crop{align-items:start;}
.project-photo-grid.no-crop .photo{height:auto!important;background:transparent;}
.project-photo-grid.no-crop img{display:block;width:100%;height:auto!important;object-fit:contain!important;object-position:center center!important;}
/* Makhana detail: keep test/setup photography readable */
.project-photo-grid img[src$="IMG_7599.jpg"]{object-position:center 68%;}
/* About: frameless, caption-free, clean editorial photo wall */
.about-photo-wall{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:start;}
.about-photo-wall img{display:block;width:100%;height:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none;background:transparent;}
.about-photo-wall img:nth-child(1){grid-column:span 7;}
.about-photo-wall img:nth-child(2){grid-column:span 5;}
.about-photo-wall img:nth-child(3){grid-column:span 4;}
.about-photo-wall img:nth-child(4){grid-column:span 4;}
.about-photo-wall img:nth-child(5){grid-column:span 4;}
.about-photo-wall img:nth-child(6){grid-column:span 6;}
.about-photo-wall img:nth-child(7){grid-column:span 6;}
@media(max-width:820px){.fastrack-overview-gallery{grid-template-columns:1fr}.about-photo-wall{grid-template-columns:1fr 1fr}.about-photo-wall img{grid-column:auto!important;}}
@media(max-width:520px){.about-photo-wall{grid-template-columns:1fr}}

/* v16 requested layout refinements */
/* Fastrack overview: two uncropped images in one row with exactly the same visual height. */
.fastrack-overview-gallery{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  align-items:stretch!important;
}
.fastrack-overview-gallery .photo,
.fastrack-overview-gallery .photo.wide{
  height:390px!important;
  min-height:390px!important;
  grid-row:auto!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f7f5ec!important;
}
.fastrack-overview-gallery img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
/* Work / MStay: equal-height presentation while keeping both artworks fully visible. */
.mstay-case .case-media{grid-template-columns:1fr 1fr!important;align-items:stretch!important;}
.mstay-case .case-media .photo{
  height:410px!important;
  min-height:410px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f7f5ec!important;
}
.mstay-case .case-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
/* About: a tight rounded mosaic. No captions, no card frames, no cropping. */
.about-photo-wall{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:4px!important;
  align-items:start!important;
  overflow:hidden;
  border-radius:22px;
  background:transparent;
}
.about-photo-wall img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
  background:transparent!important;
}
.about-photo-wall img:nth-child(1){grid-column:span 7!important;}
.about-photo-wall img:nth-child(2){grid-column:span 5!important;}
.about-photo-wall img:nth-child(3){grid-column:span 4!important;}
.about-photo-wall img:nth-child(4){grid-column:span 4!important;}
.about-photo-wall img:nth-child(5){grid-column:span 4!important;}
.about-photo-wall img:nth-child(6){grid-column:span 6!important;}
.about-photo-wall img:nth-child(7){grid-column:span 6!important;}
/* Chinese homepage: give the three-line headline more room and make the portrait slightly narrower. */
html[lang="zh-CN"] .hero-split{
  grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)!important;
  gap:44px!important;
}
html[lang="zh-CN"] .hero-split>div:first-child{max-width:760px;}
html[lang="zh-CN"] .hero h1{
  max-width:760px!important;
  font-size:clamp(48px,5.7vw,78px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
  white-space:normal!important;
}
html[lang="zh-CN"] .hero-portrait{max-width:470px;justify-self:end;width:100%!important;}
@media(max-width:820px){
 .fastrack-overview-gallery,.mstay-case .case-media{grid-template-columns:1fr!important;}
 .fastrack-overview-gallery .photo,.fastrack-overview-gallery .photo.wide{height:330px!important;min-height:330px!important;}
 .mstay-case .case-media .photo{height:auto!important;min-height:0!important;}
 .mstay-case .case-media img{height:auto!important;}
 html[lang="zh-CN"] .hero-split{grid-template-columns:1fr!important;}
 html[lang="zh-CN"] .hero-portrait{max-width:none;justify-self:stretch;}
 .about-photo-wall{grid-template-columns:1fr 1fr!important;gap:4px!important;}
 .about-photo-wall img{grid-column:auto!important;}
}


/* v17 — natural-size image layout refinements */
/* Fastrack overview: return the reflection image to a single, full-width uncropped image. */
.fastrack-overview-gallery{
  display:block!important;
  margin-top:34px!important;
}
.fastrack-overview-gallery .photo,
.fastrack-overview-gallery .photo.wide{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  overflow:hidden!important;
  background:transparent!important;
}
.fastrack-overview-gallery img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

/* MStay: same image height, but widths follow each artwork's own aspect ratio. */
.mstay-case .case-media{
  display:flex!important;
  gap:14px!important;
  align-items:stretch!important;
}
.mstay-case .case-media .photo{
  height:360px!important;
  min-height:360px!important;
  width:auto!important;
  flex:none!important;
  display:block!important;
  background:transparent!important;
  overflow:hidden!important;
}
.mstay-case .case-media .photo:first-child{flex:1.6358 1 0!important;}
.mstay-case .case-media .photo:last-child{flex:1.746 1 0!important;}
.mstay-case .case-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* About: zero-gap masonry. Photos keep their original proportions; size varies by column width. */
.about-photo-wall{
  display:block!important;
  column-count:3!important;
  column-gap:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  line-height:0!important;
}
.about-photo-wall img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  object-fit:contain!important;
  break-inside:avoid!important;
  box-shadow:none!important;
  vertical-align:top!important;
}
@media(max-width:820px){
  .mstay-case .case-media{display:block!important;}
  .mstay-case .case-media .photo{height:auto!important;min-height:0!important;width:100%!important;margin-bottom:10px!important;}
  .mstay-case .case-media img{height:auto!important;}
  .about-photo-wall{column-count:2!important;column-gap:0!important;}
  .fastrack-overview-gallery .photo,.fastrack-overview-gallery .photo.wide{height:auto!important;min-height:0!important;}
}
@media(max-width:520px){.about-photo-wall{column-count:1!important;}}

/* v18 — MStay: no letterboxing. Keep artwork proportions and size columns so both rendered images end at the same height. */
.mstay-case .case-media{
  display:grid!important;
  grid-template-columns:1.6358fr 1.746fr!important;
  gap:14px!important;
  align-items:start!important;
}
.mstay-case .case-media .photo{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  background:transparent!important;
  overflow:hidden!important;
  display:block!important;
}
.mstay-case .case-media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:initial!important;
  object-position:initial!important;
}
.references{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.references .entry{margin:0}
.references a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){
 .mstay-case .case-media{grid-template-columns:1fr!important;}
 .references{grid-template-columns:1fr}
}

/* v20 — Fastrack reading flow */
.learning-steps{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.learning-steps span{border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:.88rem;background:rgba(255,255,255,.25)}
.chapter-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line)}
.chapter-nav a{font-weight:700;text-decoration:none}.chapter-nav .next{border:1px solid var(--navy);border-radius:999px;padding:11px 16px}
@media(max-width:620px){.chapter-nav{align-items:stretch;flex-direction:column}.chapter-nav a{text-align:center}}

/* v21: project cards are clickable, not only their buttons */
.clickable-card{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.clickable-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(41,70,93,.09);border-color:#8fa3af;}
.clickable-card:focus-visible{outline:2px solid var(--navy);outline-offset:4px;}