/* Meng Le Career Site · Precision Editorial System · 2026-08 */
@font-face{font-family:"Mengle Source Han";src:url("fonts/source-han-sans-cn-regular-subset.woff2") format("woff2");font-style:normal;font-weight:300 500;font-display:swap}
@font-face{font-family:"Mengle Source Han";src:url("fonts/source-han-sans-cn-bold-subset.woff2") format("woff2");font-style:normal;font-weight:600 800;font-display:swap}
:root{
  --site-canvas:#f1f0ec;
  --site-surface:#fbfaf7;
  --site-ink:#171716;
  --site-muted:#6c6b66;
  --site-line:#c9c7c0;
  --site-accent:#d64b31;
  --site-sans:"Mengle Source Han","PingFang SC","SF Pro Display","Helvetica Neue",sans-serif;
  --site-serif:"Songti SC","Noto Serif CJK SC",serif;
  --site-mono:"SFMono-Regular","SF Mono",monospace;
  --site-max:1440px;
}

body.home-page,body.case-page{background:var(--site-canvas);color:var(--site-ink);font-family:var(--site-sans)}
body.home-page .shell,body.case-page .shell{width:min(calc(100% - 96px),var(--site-max));margin-inline:auto}
body.home-page .eyebrow,body.case-page .eyebrow{font-family:var(--site-mono);font-size:10px;line-height:1.45;letter-spacing:.1em}
body.home-page .red,body.case-page .red{color:var(--site-accent)}

/* Shared navigation baseline */
body.home-page .nav,body.case-page .nav{height:64px;background:color-mix(in srgb,var(--site-surface) 90%,transparent);border-color:var(--site-line);backdrop-filter:blur(18px)}
body.home-page .nav .shell,body.case-page .nav .shell{height:100%;align-items:center}
body.home-page .wordmark:focus:not(:focus-visible),body.case-page .back:focus:not(:focus-visible){outline:none}

/* Career cover: first visit only, same visual language as the site */
body.home-page .cover{background:var(--site-canvas);color:var(--site-ink)}
body.home-page .cover:before,body.home-page .cover:after{content:none}
body.home-page .cover-grid{height:calc(100% - 40px);grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;column-gap:24px;border-color:var(--site-line);margin:20px}
body.home-page .cover-meta{grid-column:1/-1;padding:20px 24px;border-color:var(--site-line);color:var(--site-muted)}
body.home-page .cover-meta span:nth-child(2){left:50%;right:auto;transform:translateX(-50%)}
body.home-page .cover-title{grid-column:1/6;align-self:center;padding:40px 24px 24px;z-index:2}
body.home-page .cover-title .cover-name{display:block;margin-bottom:28px;color:var(--site-accent)}
body.home-page .cover-title h1{max-width:720px;font-family:var(--site-sans);font-size:clamp(54px,5.8vw,90px);font-weight:650;line-height:.94;letter-spacing:-.06em}
body.home-page .cover-title h1 span{display:block;white-space:nowrap}
body.home-page .cover-title>p{max-width:500px;margin:30px 0 22px;color:var(--site-muted);font-size:clamp(15px,1.15vw,18px);line-height:1.65}
body.home-page .cover-statement{grid-column:1/6;align-self:end;width:100%;padding:20px 24px 32px}
body.home-page .cover-role{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding-top:14px;border-top:1px solid var(--site-line);color:var(--site-muted);font-size:11px;line-height:1.55}
body.home-page .cover-role b{display:block;margin-bottom:3px;color:var(--site-ink)}
body.home-page .cover-enter{max-width:500px;min-height:54px;border-top-color:var(--site-ink);border-bottom-color:var(--site-line);color:var(--site-ink)}
body.home-page .cover-enter span:last-child{color:var(--site-accent)}
body.home-page .cover-visual{grid-column:6/-1;grid-row:2/4;display:grid;grid-template-columns:1fr 142px;grid-template-rows:minmax(0,1fr) auto;gap:14px 18px;padding:24px 24px 24px 0;min-height:0}
body.home-page .cover-artwork{grid-column:1;grid-row:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;background:#e6e3dc}
body.home-page .cover-artwork:before{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--site-ink) 14%,transparent);pointer-events:none;z-index:1}
body.home-page .cover-artwork img{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
body.home-page .cover-artwork img.is-changing{opacity:0;transform:scale(.985)}
body.home-page .cover-artwork-count{position:absolute;left:14px;top:14px;display:flex;align-items:baseline;gap:3px;padding:7px 9px;background:var(--site-surface);font:600 9px/1 var(--site-mono);z-index:2}
body.home-page .cover-artwork-count span:first-child{font-size:16px;color:var(--site-accent)}
body.home-page .cover-artwork-caption{grid-column:1;grid-row:2;display:grid;grid-template-columns:150px 1fr auto;gap:16px;align-items:baseline;border-top:1px solid var(--site-ink);padding-top:11px}
body.home-page .cover-artwork-caption span{color:var(--site-muted);font:600 8px/1.4 var(--site-mono);letter-spacing:.08em}
body.home-page .cover-artwork-caption b{font-size:14px}
body.home-page .cover-tabs{grid-column:2;grid-row:1/3;display:grid;grid-template-rows:repeat(4,1fr);border-top:1px solid var(--site-line)}
body.home-page .cover-tabs button{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:13px 0;border:0;border-bottom:1px solid var(--site-line);background:none;color:var(--site-muted);cursor:pointer;font:600 10px/1.3 var(--site-sans);text-align:left;transition:color .2s,padding-left .2s}
body.home-page .cover-tabs button span{font:600 8px/1 var(--site-mono);color:var(--site-muted)}
body.home-page .cover-tabs button.is-active{padding-left:9px;color:var(--site-ink);border-left:3px solid var(--site-accent)}
body.home-page .cover-tabs button.is-active span{color:var(--site-accent)}
body.home-page .cover-index{border-color:var(--site-line);color:var(--site-muted)}
body.home-page .cover-index span{border-color:var(--site-line)}
body.home-page .cover-skip{top:43px;color:var(--site-ink)}

/* Home title system and vertical rhythm */
body.home-page .hero h1{max-width:790px;font-family:var(--site-sans);font-size:clamp(54px,5.2vw,80px);font-weight:650;line-height:.98;letter-spacing:-.055em}
body.home-page .hero h1 em{font-family:var(--site-sans);font-style:normal;font-weight:650;letter-spacing:inherit}
body.home-page .hero-dek{font-family:var(--site-sans);font-size:17px;line-height:1.8}
body.home-page .bridge h2,body.home-page .projects h2,body.home-page .career h2,body.home-page .method h2,body.home-page .closing h2{font-family:var(--site-sans);font-size:clamp(46px,4.6vw,70px);font-weight:650;line-height:1.02;letter-spacing:-.05em}
body.home-page .bridge h2 em,body.home-page .closing h2 em{font-family:var(--site-sans);font-style:normal;font-weight:650;color:inherit}
body.home-page .bridge-copy,body.home-page .projects-intro,body.home-page .method-head p,body.home-page .closing p{font-family:var(--site-sans)}
body.home-page .panel{scroll-margin-top:64px}

/* Home image alignment: natural ratio, shared top/caption baselines */
body.home-page .editorial-grid,body.home-page .project-strip{align-items:start}
body.home-page .project{display:grid;grid-template-rows:auto 1fr;align-content:start}
body.home-page .project>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
body.home-page .project-info{align-self:start;margin-top:0;padding-top:14px;border-top:1px solid var(--site-ink)}
body.home-page .project-system-preview{width:100%;aspect-ratio:16/9;background:var(--site-ink);color:var(--site-surface)}
body.home-page .mini-system div{border-color:#777;background:transparent;color:var(--site-surface)}
body.home-page .project-strip{grid-template-columns:5fr 7fr;gap:24px;margin-top:80px}
body.home-page .project-wide .project-info{min-height:68px}

/* Case typography: headings are manually constrained, not browser-led */
body.case-page .hero{grid-template-columns:5fr 7fr}
body.case-page .hero-copy{padding-right:5vw}
body.case-page .hero h1{max-width:780px;font-family:var(--site-sans);font-size:clamp(48px,4.8vw,72px);font-weight:650;line-height:1.02;letter-spacing:-.05em;text-wrap:balance}
body.case-page .hero-dek{max-width:660px;font-family:var(--site-sans);font-size:17px;line-height:1.8}
body.case-page .section{padding-block:112px}
body.case-page .section-head{grid-template-columns:4fr 8fr;gap:24px;align-items:start}
body.case-page .section h2,body.case-page .next h2{max-width:840px;font-family:var(--site-sans);font-size:clamp(38px,4vw,58px);font-weight:650;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
body.case-page .section-lead{font-family:var(--site-sans);font-size:18px;line-height:1.75}
body.case-page .story-grid{align-items:start}
body.case-page .story{min-height:0;padding-top:24px}

/* Case image alignment: preserve original proportions and align captions */
body.case-page .gallery{grid-template-columns:repeat(12,1fr);gap:56px 24px;align-items:start}
body.case-page .gallery figure{grid-column:span 6;display:grid;grid-template-rows:auto auto;align-content:start}
body.case-page .gallery figure.full{grid-column:1/-1}
body.case-page .gallery img,body.case-page .gallery .tall{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent}
body.case-page .gallery figure:has(img.tall){grid-column:5/9}
body.case-page .gallery figcaption{min-height:42px;margin-top:12px;padding-top:10px;border-top:1px solid var(--site-line);align-items:start}
body.case-page .hero-media{align-items:center;background:var(--site-surface)}
body.case-page .hero-media img{width:100%;height:auto;max-height:calc(100svh - 64px);object-fit:contain}
body.case-page .evidence-row{grid-template-columns:128px 1fr;align-items:start}
body.case-page .process-board,body.case-page .flow,body.case-page .relationship,body.case-page .module-grid{align-items:stretch}

/* Zhitou case: leadership first, then workflow and Agent architecture */
body.operations-page .hero-media{padding:5vw 4vw}
.leadership-map{width:min(100%,900px);padding:30px;background:var(--site-surface);border:1px solid var(--site-line)}
.map-kicker{padding-bottom:14px;border-bottom:1px solid var(--site-line);color:var(--site-accent);font:650 9px/1.3 var(--site-mono);letter-spacing:.12em}
.map-head{display:grid;grid-template-columns:1fr 2.15fr 1fr;gap:12px;align-items:end;margin:26px 0 12px}.map-head span{color:var(--site-muted);font:600 9px/1.2 var(--site-mono)}.map-head span:last-child{text-align:right}.map-head b{font-size:20px;text-align:center}
.map-body{display:grid;grid-template-columns:1fr 2.15fr 1fr;gap:12px;align-items:stretch}.map-problems,.map-outcomes{display:grid;grid-template-rows:repeat(4,1fr);gap:8px}.map-outcomes{grid-template-rows:repeat(3,1fr)}.map-problems span,.map-outcomes span{display:flex;align-items:center;justify-content:center;min-height:50px;padding:10px;border:1px solid var(--site-line);color:var(--site-muted);font-size:11px;text-align:center}.map-core{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--site-ink)}.map-core div{position:relative;min-height:108px;padding:17px;border-right:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}.map-core div:nth-child(2n){border-right:0}.map-core div:nth-last-child(-n+2){border-bottom:0}.map-core small{color:var(--site-accent);font:650 8px/1 var(--site-mono)}.map-core b{display:block;margin:22px 0 6px;font-size:15px}.map-core span{color:var(--site-muted);font-size:10px;line-height:1.5}.map-foundation{display:grid;grid-template-columns:1fr auto 1fr auto;gap:14px;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--site-line);font-size:11px}.map-foundation i{color:var(--site-accent);font-style:normal}.map-foundation b{font-size:12px}.map-foundation em{padding:5px 7px;background:var(--site-accent);color:white;font:600 8px/1 var(--site-mono);font-style:normal}
.operating-loop{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--site-ink);border-bottom:1px solid var(--site-ink)}.loop-stage{position:relative;min-height:230px;padding:24px 18px;border-right:1px solid var(--site-line);background:var(--site-surface)}.loop-stage:last-child{border-right:0}.loop-stage:not(:last-child):after{content:"→";position:absolute;right:-9px;top:33px;z-index:2;color:var(--site-accent);font-weight:700}.loop-stage small{color:var(--site-muted);font:650 8px/1 var(--site-mono)}.loop-stage b{display:block;margin:34px 0 12px;font-size:15px}.loop-stage p{margin:0;color:var(--site-muted);font-size:11px;line-height:1.6}.loop-stage span{position:absolute;left:18px;right:18px;bottom:18px;padding-top:10px;border-top:1px solid var(--site-line);color:var(--site-muted);font:600 8px/1.3 var(--site-mono)}.loop-stage.lead-stage{background:var(--site-ink);color:white}.loop-stage.lead-stage small,.loop-stage.lead-stage p,.loop-stage.lead-stage span{color:#aaa9a4}.loop-stage.lead-stage span{border-color:#555}.loop-stage.lead-stage:before{content:"MENG LE";position:absolute;right:14px;top:13px;color:var(--site-accent);font:650 7px/1 var(--site-mono)}
.decision-rail{display:grid;grid-template-columns:1.1fr repeat(4,1fr);margin-top:18px;border:1px solid var(--site-line)}.decision-rail>div{min-height:100px;padding:18px;border-right:1px solid var(--site-line)}.decision-rail>div:last-child{border-right:0}.decision-rail>div:first-child{background:var(--site-accent);color:white}.decision-rail span{font:650 10px/1.4 var(--site-mono)}.decision-rail b{font-size:13px}.decision-rail p{margin:10px 0 0;color:var(--site-muted);font-size:10px;line-height:1.5}
.agent-architecture{display:grid;grid-template-columns:1fr auto 2fr auto 1fr;gap:18px;align-items:stretch}.agent-arrow{align-self:center;color:#ff7065;font-size:24px}.agent-column{padding:22px;border:1px solid #555}.agent-label{display:block;padding-bottom:14px;border-bottom:1px solid #555;color:#ff7065;font:650 8px/1.3 var(--site-mono);letter-spacing:.08em}.agent-input>div,.agent-output>div{padding:16px 0;border-bottom:1px solid #444}.agent-input>div:last-child,.agent-output>div:last-child{border-bottom:0}.agent-column b{display:block;font-size:13px}.agent-column small{display:block;margin-top:5px;color:#aaa9a4;font-size:10px;line-height:1.4}.agent-core{background:#202020}.agent-core-head{padding:24px 0}.agent-core-head>b{font-size:24px}.agent-core-head em{display:inline-block;margin:10px 0 12px;padding:5px 7px;border:1px solid #666;color:#ff7065;font:650 8px/1 var(--site-mono);font-style:normal}.agent-core-head p{margin:0;color:#aaa9a4;font-size:12px;line-height:1.65}.agent-module-groups{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #555}.agent-module-groups>div{padding:18px 14px 4px;border-right:1px solid #555}.agent-module-groups>div:last-child{border:0}.agent-module-groups span{color:#aaa9a4;font:600 7px/1 var(--site-mono)}.agent-module-groups b{margin-top:15px}.agent-module-groups p{color:#aaa9a4;font-size:10px;line-height:1.5}.contribution-boundary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border-top:1px solid #555}.contribution-boundary>div{padding:22px 24px 0 0;border-right:1px solid #555}.contribution-boundary>div+div{padding-left:24px}.contribution-boundary>div:last-child{border:0}.contribution-boundary span{color:#ff7065;font:650 9px/1.3 var(--site-mono)}.contribution-boundary p{margin:12px 0 0;color:#aaa9a4;font-size:11px;line-height:1.65}

@media(max-width:900px){
  body.home-page .shell,body.case-page .shell{width:calc(100% - 40px)}
  body.home-page .nav-links a{display:block!important}
  body.home-page .nav-links a:nth-child(3),body.home-page .nav-links a:nth-child(5){display:none!important}
  body.home-page .cover-grid{height:calc(100% - 20px);grid-template-columns:repeat(4,1fr);grid-template-rows:auto 1fr auto auto;column-gap:16px;margin:10px}
  body.home-page .cover-meta{padding:16px}
  body.home-page .cover-meta span:nth-child(2){display:none}
  body.home-page .cover-title{grid-column:1/-1;padding:46px 16px 20px}
  body.home-page .cover-title h1{font-size:clamp(38px,12vw,68px)}
  body.home-page .cover-title>p{margin:20px 0 14px}
  body.home-page .cover-visual{grid-column:1/-1;grid-row:auto;grid-template-columns:1fr;grid-template-rows:minmax(240px,40svh) auto auto;padding:0 16px 20px}
  body.home-page .cover-artwork{grid-column:1;grid-row:1}
  body.home-page .cover-artwork-caption{grid-column:1;grid-row:2;grid-template-columns:1fr;gap:5px}
  body.home-page .cover-tabs{grid-column:1;grid-row:3;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;border-top:1px solid var(--site-line)}
  body.home-page .cover-tabs button{min-height:54px;padding:10px;border-right:1px solid var(--site-line)}
  body.home-page .cover-tabs button.is-active{padding-left:10px;border-left:0;border-bottom:3px solid var(--site-accent)}
  body.home-page .cover-statement{display:none}
  body.home-page .cover-index{grid-column:1/-1;grid-template-columns:1fr 1fr}
  body.home-page .cover-skip{right:26px;top:30px}
  body.home-page .hero h1{font-size:clamp(48px,12vw,68px)}
  body.home-page .project-strip{grid-template-columns:1fr;margin-top:64px}
  body.case-page .hero{grid-template-columns:1fr}
  body.case-page .hero h1{font-size:clamp(42px,11vw,58px)}
  body.case-page .section{padding-block:84px}
  body.case-page .section-head{grid-template-columns:1fr;gap:28px}
  body.case-page .gallery{grid-template-columns:1fr;gap:52px}
  body.case-page .gallery figure,body.case-page .gallery figure.full{grid-column:1}
  body.case-page .gallery figure:has(img.tall){grid-column:1;width:min(72%,420px);justify-self:center}
  .leadership-map{padding:22px}.map-head,.map-body{grid-template-columns:1fr}.map-head span{display:none}.map-head b{text-align:left}.map-problems,.map-outcomes{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.map-outcomes{grid-template-columns:repeat(3,1fr)}.map-problems span,.map-outcomes span{min-height:46px}.map-foundation{grid-template-columns:1fr auto 1fr}.map-foundation em{grid-column:3}
  .operating-loop{grid-template-columns:1fr 1fr}.loop-stage{min-height:190px;border-bottom:1px solid var(--site-line)}.loop-stage:nth-child(2n){border-right:0}.loop-stage:not(:last-child):after{content:none}.decision-rail{grid-template-columns:1fr 1fr}.decision-rail>div:first-child{grid-column:1/-1}.agent-architecture{grid-template-columns:1fr}.agent-arrow{transform:rotate(90deg);text-align:center}.agent-module-groups{grid-template-columns:1fr}.agent-module-groups>div{border-right:0;border-bottom:1px solid #555}.contribution-boundary{grid-template-columns:1fr}.contribution-boundary>div,.contribution-boundary>div+div{padding:20px 0;border-right:0;border-bottom:1px solid #555}
}

@media(max-width:560px){
  body.home-page .cover-title h1 span{white-space:nowrap}
  body.home-page .cover-role{grid-template-columns:1fr 1fr}
  body.home-page .cover-index{grid-template-columns:1fr}
  body.home-page .bridge h2,body.home-page .projects h2,body.home-page .career h2,body.home-page .method h2{font-size:42px;line-height:1.06}
  body.case-page .section h2{font-size:36px;line-height:1.12}
  .operating-loop,.decision-rail{grid-template-columns:1fr}.loop-stage{border-right:0}.decision-rail>div{border-right:0;border-bottom:1px solid var(--site-line)}.map-problems,.map-outcomes{grid-template-columns:1fr}.map-foundation{grid-template-columns:1fr}.map-foundation i{transform:rotate(90deg)}.map-foundation em{grid-column:1;justify-self:start}.agent-module-groups{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  body.home-page .cover.is-leaving{transition:none}
}

/* Concept cover v4 — a precise order is disturbed, then becomes a new system */
body.home-page .cover{background:#ece9e1;color:#181817}
body.home-page .cover-scene{position:absolute;inset:0;width:100%;height:100%;z-index:-4}
body.home-page .cover-film{background:linear-gradient(90deg,rgba(236,233,225,.96) 0%,rgba(236,233,225,.88) 31%,rgba(236,233,225,.28) 53%,rgba(236,233,225,.03) 100%)}
body.home-page .cover-film:after{opacity:.055;mix-blend-mode:multiply}
body.home-page .cover-frame{border-color:rgba(24,24,23,.28)}
body.home-page .cover-meta{border-color:rgba(24,24,23,.23);color:rgba(24,24,23,.62)}
body.home-page .cover-manifesto{grid-column:1/9}
body.home-page .cover-manifesto .cover-name{color:var(--site-accent)}
body.home-page .cover-manifesto h1{max-width:960px;color:#181817;text-shadow:none;font-size:clamp(58px,6.6vw,100px)}
body.home-page .cover-manifesto p{color:rgba(24,24,23,.58)}
body.home-page .cover-roleline{color:rgba(24,24,23,.58)}
body.home-page .cover-cycle{color:rgba(24,24,23,.45)}
body.home-page .cover-cycle span{color:var(--site-accent)}
body.home-page .cover-cycle b:not(:last-child):after{background:rgba(24,24,23,.22)}
body.home-page .cover-enter{color:#181817;border-bottom-color:rgba(24,24,23,.62)}
body.home-page .cover-enter:hover,body.home-page .cover-enter:focus-visible{color:#181817;border-color:rgba(24,24,23,.28)}
body.home-page .cover-enter i{color:var(--site-accent)}

@media(max-width:900px){
  body.home-page .cover-film{background:linear-gradient(90deg,rgba(236,233,225,.95),rgba(236,233,225,.7) 52%,rgba(236,233,225,.12))}
  body.home-page .cover-manifesto{grid-column:1/-1}
}

/* Editorial moving cover v2 — manifesto, image and motion share one composition */
body.home-page .cover{--cover-x:0;--cover-y:0;background:#0d0d0c;color:#f4f0e8;isolation:isolate}
body.home-page .cover-image{position:absolute;inset:-3%;z-index:-3;overflow:hidden;animation:cover-breathe 14s cubic-bezier(.45,0,.3,1) infinite alternate}
body.home-page .cover-image img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(calc(var(--cover-x) * -10px),calc(var(--cover-y) * -8px)) scale(1.045);transition:transform 1.2s cubic-bezier(.2,.8,.2,1);filter:saturate(.82) contrast(1.04)}
body.home-page .cover-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,5,5,.93) 0%,rgba(5,5,5,.72) 34%,rgba(5,5,5,.14) 67%,rgba(5,5,5,.04) 100%),linear-gradient(0deg,rgba(5,5,5,.45),transparent 42%)}
body.home-page .cover-shade:after{content:"";position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
body.home-page .cover-frame{position:absolute;inset:20px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;border:1px solid rgba(244,240,232,.34)}
body.home-page .cover-meta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;padding:18px 22px;border-bottom:1px solid rgba(244,240,232,.28);color:rgba(244,240,232,.72);font:600 8px/1.3 var(--site-mono);letter-spacing:.12em}
body.home-page .cover-meta span:nth-child(2){position:static;transform:none;text-align:center}.cover-meta span:last-child{text-align:right}
body.home-page .cover-manifesto{grid-column:1/9;align-self:center;padding:3vh 24px 0;transform:translate(calc(var(--cover-x) * 3px),calc(var(--cover-y) * 2px));transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
body.home-page .cover-manifesto .cover-name{display:block;margin-bottom:clamp(22px,4vh,44px);color:#e26850;font:650 10px/1.3 var(--site-mono);letter-spacing:.13em}
body.home-page .cover-manifesto h1{margin:0;max-width:1040px;font-family:var(--site-sans);font-size:clamp(62px,7.5vw,118px);font-weight:650;line-height:.92;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 2px 28px rgba(0,0,0,.22)}
body.home-page .cover-manifesto h1 span{display:block;white-space:nowrap}
body.home-page .cover-manifesto p{margin:28px 0 0;color:rgba(244,240,232,.7);font:500 clamp(12px,1.05vw,16px)/1.5 var(--site-mono);letter-spacing:.05em;text-transform:uppercase}
body.home-page .cover-roleline{grid-column:1/6;align-self:end;display:flex;gap:22px;padding:0 24px 22px;color:rgba(244,240,232,.64);font:600 8px/1.3 var(--site-mono);letter-spacing:.1em}
body.home-page .cover-roleline span:before{content:"";display:inline-block;width:12px;height:1px;margin:0 7px 3px 0;background:#e26850}
body.home-page .cover-enter{grid-column:8/12;align-self:end;display:flex;justify-content:space-between;max-width:none;min-height:58px;margin:0 0 22px;padding:0 16px;border:1px solid rgba(244,240,232,.5);background:rgba(10,10,9,.16);color:#f4f0e8;backdrop-filter:blur(8px);font:650 9px/1 var(--site-mono);letter-spacing:.11em;transition:background .35s,color .35s,border-color .35s}
body.home-page .cover-enter:hover,body.home-page .cover-enter:focus-visible{background:#f4f0e8;color:#171716;border-color:#f4f0e8}
body.home-page .cover-enter span:last-child{color:#e26850}
body.home-page .cover-folio{grid-column:12;grid-row:2;align-self:start;justify-self:end;padding:28px 20px 0 0;color:rgba(244,240,232,.18);font:650 clamp(60px,7vw,106px)/.72 var(--site-sans);letter-spacing:-.08em;text-align:right;transform:translate(calc(var(--cover-x) * -5px),calc(var(--cover-y) * -4px));transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
body.home-page .cover-folio span{color:#e26850;font:650 9px/1 var(--site-mono);letter-spacing:.1em}
body.home-page .cover-skip{top:84px;right:44px;color:rgba(244,240,232,.76)}
body.home-page .cover.is-leaving{opacity:0;transform:scale(1.025);filter:blur(5px);transition:opacity .58s ease,transform .76s cubic-bezier(.2,.8,.2,1),filter .5s ease}
body.home-page .cover.is-leaving .cover-image{transform:scale(1.06);transition:transform .76s cubic-bezier(.2,.8,.2,1)}
@keyframes cover-breathe{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.025) translate3d(-.35%,.25%,0)}}

@media(max-width:900px){
  body.home-page .cover-frame{inset:10px;grid-template-columns:repeat(4,1fr)}
  body.home-page .cover-meta{grid-column:1/-1;padding:15px}.cover-meta span:nth-child(2){display:none}.cover-meta span:last-child{display:block}
  body.home-page .cover-manifesto{grid-column:1/-1;padding:4vh 16px 0;align-self:center}
  body.home-page .cover-manifesto h1{font-size:clamp(46px,11.8vw,76px);line-height:.96}
  body.home-page .cover-manifesto h1 span{white-space:normal}
  body.home-page .cover-manifesto p{max-width:270px;margin-top:20px}
  body.home-page .cover-roleline{grid-column:1/-1;padding:0 16px 16px;gap:12px;flex-wrap:wrap}
  body.home-page .cover-enter{grid-column:1/-1;margin:0 16px 68px;min-height:54px}
  body.home-page .cover-folio{grid-column:4;grid-row:2;padding:22px 16px 0 0;font-size:68px}
  body.home-page .cover-shade{background:linear-gradient(90deg,rgba(5,5,5,.91),rgba(5,5,5,.32)),linear-gradient(0deg,rgba(5,5,5,.62),transparent 60%)}
  body.home-page .cover-image img{object-position:62% center}
  body.home-page .cover-skip{top:72px;right:27px}
}

@media(max-width:560px){
  body.home-page .cover-meta span:last-child{display:none}
  body.home-page .cover-manifesto .cover-name{margin-bottom:20px}
  body.home-page .cover-manifesto h1{font-size:clamp(42px,13vw,62px)}
  body.home-page .cover-roleline span:last-child{display:none}
}

@media(prefers-reduced-motion:reduce){
  body.home-page .cover-image{animation:none}
  body.home-page .cover-image img,body.home-page .cover-manifesto,body.home-page .cover-folio{transform:none!important;transition:none}
}

/* Cover v5 — Working State: continuous editorial motion under a disciplined pop collage */
body.home-page .cover{
  --cover-x:0;--cover-y:0;--pop-yellow:#ffd51f;--pop-blue:#1e58ff;--pop-paper:#eeece5;
  background:#101112;color:var(--pop-paper);isolation:isolate
}
body.home-page .cover-workstage{position:absolute;inset:0;z-index:-4;overflow:hidden;background:#101112}
body.home-page .cover-keyboard{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:center;filter:contrast(1.06) brightness(.82);transform:translate3d(calc(var(--cover-x) * -7px),calc(var(--cover-y) * -5px),0) scale(1.035);animation:cover-camera 13s cubic-bezier(.45,0,.28,1) infinite alternate;will-change:transform}
body.home-page .cover-scene{position:absolute;inset:0;width:100%;height:100%;z-index:2;mix-blend-mode:screen;opacity:.94}
body.home-page .cover-film{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,11,.92) 0%,rgba(10,10,11,.78) 34%,rgba(10,10,11,.22) 58%,rgba(10,10,11,.05) 100%),linear-gradient(0deg,rgba(7,7,8,.66),transparent 46%)}
body.home-page .cover-film:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.92%,rgba(238,236,229,.12) 50%,transparent 50.08%),linear-gradient(0deg,transparent 63.92%,rgba(238,236,229,.1) 64%,transparent 64.08%);opacity:.58}
body.home-page .cover-film:after{content:"";position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E");mix-blend-mode:screen;animation:cover-grain .42s steps(2,end) infinite}
body.home-page .cover-print{position:absolute;z-index:3;color:rgba(238,236,229,.78);font:700 9px/1.05 var(--site-mono);letter-spacing:.12em;pointer-events:none;mix-blend-mode:difference}
body.home-page .cover-print-a{right:4.2vw;top:24vh;font-size:clamp(24px,3.3vw,54px);line-height:.82;letter-spacing:-.075em;text-align:right;opacity:.34;transform:translate3d(calc(var(--cover-x) * -4px),calc(var(--cover-y) * -3px),0)}
body.home-page .cover-print-b{right:4.2vw;bottom:8.8vh;writing-mode:vertical-rl;opacity:.62}
body.home-page .cover-register{position:absolute;right:7.1vw;top:52%;z-index:4;width:52px;height:52px;transform:translateY(-50%);mix-blend-mode:screen}
body.home-page .cover-register i{position:absolute;width:27px;height:27px;border-radius:50%;background:var(--pop-yellow);opacity:.78;animation:register-pulse 4.8s cubic-bezier(.4,0,.2,1) infinite}
body.home-page .cover-register i:nth-child(1){left:0;top:0}.cover-register i:nth-child(2){right:0;top:0;background:var(--pop-blue);animation-delay:-1.2s}.cover-register i:nth-child(3){left:0;bottom:0;background:#e94b35;animation-delay:-2.4s}.cover-register i:nth-child(4){right:0;bottom:0;background:var(--pop-paper);animation-delay:-3.6s}
body.home-page .cover-frame{position:absolute;inset:20px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;border:1px solid rgba(238,236,229,.3)}
body.home-page .cover-meta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;padding:18px 22px;border-bottom:1px solid rgba(238,236,229,.22);color:rgba(238,236,229,.68);font:600 8px/1.3 var(--site-mono);letter-spacing:.12em}
body.home-page .cover-meta span:nth-child(2){position:static;transform:none;text-align:center}.cover-meta span:last-child{text-align:right}
body.home-page .cover-manifesto{grid-column:1/8;align-self:center;padding:2vh 24px 0;transform:translate3d(calc(var(--cover-x) * 2px),calc(var(--cover-y) * 1.5px),0);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
body.home-page .cover-manifesto .cover-name{display:block;margin-bottom:clamp(24px,4vh,42px);color:var(--pop-yellow);font:650 9px/1.3 var(--site-mono);letter-spacing:.14em}
body.home-page .cover-manifesto h1{max-width:900px;margin:0;color:var(--pop-paper);font-family:var(--site-sans);font-size:clamp(58px,6.5vw,100px);font-weight:650;line-height:.93;letter-spacing:-.063em;text-shadow:0 3px 34px rgba(0,0,0,.28)}
body.home-page .cover-manifesto h1 span{display:block;white-space:nowrap}
body.home-page .cover-manifesto p{margin:27px 0 0;color:rgba(238,236,229,.62);font:600 clamp(10px,.85vw,13px)/1.5 var(--site-mono);letter-spacing:.1em;text-transform:uppercase}
body.home-page .cover-roleline{grid-column:1/5;align-self:end;display:flex;gap:20px;padding:0 24px 22px;color:rgba(238,236,229,.58);font:600 8px/1.3 var(--site-mono);letter-spacing:.11em}
body.home-page .cover-roleline span:before{content:"";display:inline-block;width:12px;height:3px;margin:0 7px 2px 0;background:var(--pop-yellow)}
body.home-page .cover-enter{grid-column:8/12;align-self:end;display:grid;grid-template-columns:1fr auto;width:auto;max-width:none;min-height:58px;margin:0 0 22px;padding:0;border:0;border-bottom:1px solid rgba(238,236,229,.68);background:transparent;color:var(--pop-paper);font:650 9px/1 var(--site-mono);letter-spacing:.11em;transition:border-color .35s,color .35s}
body.home-page .cover-enter:before{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:3px;background:var(--pop-yellow);transition:right .55s cubic-bezier(.2,.8,.2,1)}
body.home-page .cover-enter:hover,body.home-page .cover-enter:focus-visible{background:transparent;color:#fff;border-color:rgba(238,236,229,.24)}
body.home-page .cover-enter:hover:before,body.home-page .cover-enter:focus-visible:before{right:0}
body.home-page .cover-enter span:last-child{color:var(--pop-yellow);font-size:11px}.cover-enter i{font-style:normal;margin-left:8px}
body.home-page .cover-cycle{position:absolute;right:22px;top:50%;display:flex;align-items:center;gap:8px;transform:rotate(90deg) translateX(50%);transform-origin:right center;color:rgba(238,236,229,.42);font:600 7px/1 var(--site-mono);letter-spacing:.12em}
body.home-page .cover-cycle span{color:var(--pop-yellow)}body.home-page .cover-cycle b{font-weight:600}body.home-page .cover-cycle b:not(:last-child):after{content:"";display:inline-block;width:28px;height:1px;margin:0 0 2px 8px;background:rgba(238,236,229,.23)}
body.home-page .cover-skip{top:76px;right:44px;color:rgba(238,236,229,.64)}
body.home-page .cover.is-leaving{opacity:0;transform:scale(1.018);filter:blur(4px);transition:opacity .52s ease,transform .72s cubic-bezier(.2,.8,.2,1),filter .5s ease}
@keyframes cover-camera{0%{transform:translate3d(-.15%,0,0) scale(1.035)}100%{transform:translate3d(.45%,-.25%,0) scale(1.055)}}
@keyframes cover-grain{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(-.4%,.2%,0)}50%{transform:translate3d(.3%,-.25%,0)}75%{transform:translate3d(.1%,.35%,0)}}
@keyframes register-pulse{0%,100%{transform:translate3d(0,0,0);opacity:.5}35%{transform:translate3d(4px,-3px,0);opacity:.9}62%{transform:translate3d(-2px,3px,0);opacity:.66}}

@media(max-width:900px){
  body.home-page .cover-frame{inset:10px;grid-template-columns:repeat(4,1fr)}
  body.home-page .cover-meta{grid-column:1/-1;padding:15px}.cover-meta span:nth-child(2){display:none}
  body.home-page .cover-keyboard{inset:-2%;width:104%;height:104%;object-position:63% center}
  body.home-page .cover-film{background:linear-gradient(90deg,rgba(8,9,10,.91),rgba(8,9,10,.58) 58%,rgba(8,9,10,.15)),linear-gradient(0deg,rgba(6,7,8,.66),transparent 58%)}
  body.home-page .cover-manifesto{grid-column:1/-1;padding:3vh 16px 0;align-self:center}
  body.home-page .cover-manifesto h1{font-size:clamp(44px,11.7vw,72px);line-height:.95}.cover-manifesto h1 span{white-space:normal!important}
  body.home-page .cover-manifesto p{max-width:290px;margin-top:20px}
  body.home-page .cover-roleline{grid-column:1/-1;padding:0 16px 16px;gap:12px;flex-wrap:wrap}
  body.home-page .cover-enter{grid-column:1/-1;margin:0 16px 54px;min-height:54px}
  body.home-page .cover-cycle{display:none}.cover-print-a{right:4vw!important;top:27vh!important}.cover-print-b,.cover-register{display:none!important}
  body.home-page .cover-skip{top:70px;right:26px}
}
@media(max-width:560px){body.home-page .cover-meta span:last-child{display:none}.cover-roleline span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){body.home-page .cover-keyboard,body.home-page .cover-film:after,body.home-page .cover-register i{animation:none!important}.cover-scene{display:none}}

/* Cover v6 calibration — less literal, stronger print materiality */
body.home-page .cover-keyboard{filter:contrast(1.12) brightness(.76);object-position:center}
body.home-page .cover-film{background:linear-gradient(90deg,rgba(8,8,9,.94) 0%,rgba(8,8,9,.78) 32%,rgba(8,8,9,.19) 57%,rgba(8,8,9,.04) 100%),linear-gradient(0deg,rgba(6,6,7,.58),transparent 48%)}
body.home-page .cover-film:after{opacity:.16;mix-blend-mode:soft-light}
body.home-page .cover-print-a{right:3.8vw;top:18vh;font-size:clamp(16px,2vw,32px);line-height:.86;letter-spacing:-.055em;opacity:.24}
body.home-page .cover-register{right:5.8vw;width:42px;height:42px}
body.home-page .cover-register i{width:22px;height:22px}
body.home-page .cover-scene{opacity:.7}

/* Cover v7 motion study — the print itself moves as continuous misregistration */
body.home-page .cover-keyboard-fragment{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:center;pointer-events:none;will-change:transform,opacity,filter}
body.home-page .fragment-a{z-index:1;clip-path:polygon(43% 8%,100% 8%,100% 33%,54% 40%);opacity:.2;filter:contrast(1.24) brightness(1.08);mix-blend-mode:screen;animation:print-drift-a 9.6s cubic-bezier(.42,0,.22,1) infinite alternate}
body.home-page .fragment-b{z-index:1;clip-path:polygon(38% 39%,100% 31%,100% 65%,51% 73%);opacity:.16;filter:contrast(1.3) brightness(.86);mix-blend-mode:screen;animation:print-drift-b 12.8s cubic-bezier(.38,0,.24,1) infinite alternate}
body.home-page .fragment-c{z-index:1;clip-path:polygon(33% 69%,100% 58%,100% 100%,44% 100%);opacity:.14;filter:contrast(1.18) brightness(1.12);mix-blend-mode:lighten;animation:print-drift-c 11.2s cubic-bezier(.46,0,.2,1) infinite alternate}
body.home-page .cover-workstage:after{content:"";position:absolute;inset:-12% -4%;z-index:1;background:linear-gradient(102deg,transparent 33%,rgba(238,236,229,.07) 45%,rgba(238,236,229,.18) 49%,rgba(238,236,229,.04) 54%,transparent 67%);transform:translate3d(-45%,0,0);mix-blend-mode:screen;animation:print-light-pass 8.8s cubic-bezier(.45,0,.3,1) infinite;pointer-events:none}
@keyframes print-drift-a{0%{transform:translate3d(-1.1%,.5%,0) scale(1.045);opacity:.08}45%{opacity:.22}100%{transform:translate3d(1.6%,-.8%,0) scale(1.072);opacity:.14}}
@keyframes print-drift-b{0%{transform:translate3d(1.4%,-.6%,0) scale(1.06);opacity:.09}52%{opacity:.19}100%{transform:translate3d(-1.8%,.9%,0) scale(1.035);opacity:.13}}
@keyframes print-drift-c{0%{transform:translate3d(-.7%,1.1%,0) scale(1.04);opacity:.08}100%{transform:translate3d(1.2%,-1.3%,0) scale(1.065);opacity:.17}}
@keyframes print-light-pass{0%,12%{transform:translate3d(-48%,0,0);opacity:0}28%{opacity:1}58%{opacity:.8}78%,100%{transform:translate3d(48%,0,0);opacity:0}}
@media(prefers-reduced-motion:reduce){body.home-page .cover-keyboard-fragment,body.home-page .cover-workstage:after{animation:none!important;opacity:0!important}}

/* Philosophical motion cover v3 — arrow, impact and ten-ring ripple */
body.home-page .cover{background:#0a0d0e;color:#f1eee7}
body.home-page .cover-film{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(5,7,8,.82),rgba(5,7,8,.4) 43%,rgba(5,7,8,.06) 76%),linear-gradient(0deg,rgba(5,7,8,.45),transparent 42%);pointer-events:none}
body.home-page .cover-film:after{content:"";position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
body.home-page .cover-frame{grid-template-rows:auto 1fr auto;border-color:rgba(241,238,231,.26)}
body.home-page .cover-meta{border-color:rgba(241,238,231,.22);color:rgba(241,238,231,.66)}
body.home-page .cover-manifesto{grid-column:1/10;align-self:center;padding-top:0;transform:none}
body.home-page .cover-manifesto .cover-name{margin-bottom:clamp(20px,3vh,34px);color:#e16750}
body.home-page .cover-manifesto h1{max-width:1120px;font-size:clamp(54px,6.7vw,102px);line-height:.98;letter-spacing:-.06em}
body.home-page .cover-manifesto p{margin-top:24px;color:rgba(241,238,231,.62);font-size:clamp(10px,.85vw,13px)}
body.home-page .cover-roleline{grid-column:1/5;padding-bottom:24px;color:rgba(241,238,231,.62)}
body.home-page .cover-cycle{grid-column:6/9;align-self:end;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:0 0 25px;color:rgba(241,238,231,.48);font:600 7px/1 var(--site-mono);letter-spacing:.1em}
body.home-page .cover-cycle span{color:#e16750}.cover-cycle b{position:relative;font-weight:600}.cover-cycle b:not(:last-child):after{content:"";position:absolute;left:calc(100% + 8px);top:50%;width:calc(100% - 22px);height:1px;background:rgba(241,238,231,.25)}
body.home-page .cover-enter{grid-column:10/13;align-self:end;position:relative;display:flex;min-height:0;margin:0 22px 24px 0;padding:0 0 12px;border:0;border-bottom:1px solid rgba(241,238,231,.6);background:transparent;backdrop-filter:none;color:#f1eee7;font-size:9px;overflow:hidden}
body.home-page .cover-enter:before{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:#e16750;transition:right .45s cubic-bezier(.2,.8,.2,1)}
body.home-page .cover-enter:hover,body.home-page .cover-enter:focus-visible{background:transparent;color:#f1eee7;border-color:rgba(241,238,231,.3)}
body.home-page .cover-enter:focus-visible{outline:0;box-shadow:none}
body.home-page .cover-enter:hover:before,body.home-page .cover-enter:focus-visible:before{right:0}
body.home-page .cover-enter i{display:inline-block;margin-left:7px;color:#e16750;font-size:15px;font-style:normal;transition:transform .35s ease}
body.home-page .cover-enter:hover i{transform:translateX(6px)}
body.home-page .cover-skip{display:none}
body.home-page .cover.is-leaving{filter:none;transform:none;clip-path:inset(0 0 100% 0);transition:clip-path .82s cubic-bezier(.72,0,.22,1)}

@media(max-width:900px){
  body.home-page .cover-film{background:linear-gradient(90deg,rgba(5,7,8,.83),rgba(5,7,8,.22)),linear-gradient(0deg,rgba(5,7,8,.62),transparent 58%)}
  body.home-page .cover-manifesto{grid-column:1/-1;padding:0 16px}
  body.home-page .cover-manifesto h1{font-size:clamp(43px,10.5vw,70px);line-height:1.02}
  body.home-page .cover-roleline{grid-column:1/3;padding-bottom:18px}
  body.home-page .cover-cycle{display:none}
  body.home-page .cover-enter{grid-column:3/-1;margin:0 16px 18px 0;padding-bottom:11px}
}

@media(max-width:560px){
  body.home-page .cover-manifesto h1{font-size:clamp(39px,11.5vw,55px)}
  body.home-page .cover-manifesto h1 span{display:block}
  body.home-page .cover-manifesto p{max-width:260px}
  body.home-page .cover-roleline{grid-column:1/-1;padding-bottom:14px}
  body.home-page .cover-enter{grid-column:1/-1;margin:0 16px 18px}
}

@media(prefers-reduced-motion:reduce){
  body.home-page .cover.is-leaving{transition:none}
}