/* Macintosh Personal Archive */
body.human-interface-v2 {
  --paper:#f5f1e9;--paper-deep:#ece5d9;--surface:#fffdf8;--surface-soft:#f8f3eb;
  --shell:#dcd4c6;--ink:#24211d;--ink-soft:#6f685f;--ink-faint:#92897d;
  --line:#d8d0c3;--line-strong:#bdb3a4;--line-section:rgba(189,179,164,.38);--line-content:rgba(189,179,164,.24);
  --space-section-y:clamp(82px,7vw,112px);--space-content-y:clamp(40px,3.7vw,52px);
  --accent:#c54a2b;--accent-dark:#9f321d;
  --accent-soft:#f7e3da;--amber:#d99325;--screen:#171715;
  --font-serif-cn:"Songti SC","STSong","SimSun","Times New Roman",serif;
  --font-sans:"PingFang SC","Helvetica Neue","Hiragino Sans GB",sans-serif;
  --font-serif:"Iowan Old Style","Baskerville","Times New Roman",serif;
  --text-primary:var(--ink);--text-secondary:var(--ink-soft);--accent-coral:var(--accent);--bg-primary:var(--paper);
  color:var(--ink);
  background:radial-gradient(circle at 14% 10%,rgba(255,255,255,.72),transparent 27rem),radial-gradient(circle at 86% 24%,rgba(214,138,24,.055),transparent 31rem),var(--paper);
  font-family:var(--font-sans);font-size:16px;line-height:1.72;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.human-interface-v2::before {content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;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='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
body.human-interface-v2 *,body.human-interface-v2 *::before,body.human-interface-v2 *::after{box-sizing:border-box}
body.human-interface-v2 img{max-width:100%}
body.human-interface-v2 a,body.human-interface-v2 button{-webkit-tap-highlight-color:transparent}
body.human-interface-v2 a:focus-visible,body.human-interface-v2 button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
body.human-interface-v2 .container{width:min(1320px,calc(100% - 96px));max-width:none;margin-inline:auto}
body.human-interface-v2 .page.main-section,body.human-interface-v2 #page-detail{padding-top:72px}
body.human-interface-v2.main-scroll-mode #page-about,body.human-interface-v2.main-scroll-mode #page-contact{padding-top:0}
body.human-interface-v2 footer{padding:42px 48px;border-top:1px solid var(--line);color:var(--ink-faint);background:transparent;font-family:var(--font-sans);font-size:.72rem;letter-spacing:.08em;text-align:center}

/* Navigation */
body.human-interface-v2 #mainNav{position:fixed;inset:0 0 auto;z-index:1000;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(48px,calc((100vw - 1320px)/2));border-bottom:1px solid rgba(189,179,164,.58);background:rgba(245,241,233,.91);box-shadow:none;backdrop-filter:blur(18px) saturate(120%)}
body.human-interface-v2 #mainNav::before,body.human-interface-v2 #mainNav::after,body.human-interface-v2 .nav-logo::before,body.human-interface-v2 .nav-logo::after,body.human-interface-v2 .nav-links::after{display:none!important;content:none!important}
body.human-interface-v2 .nav-logo{color:var(--ink);font-family:var(--font-serif);font-size:1.55rem;font-weight:600;letter-spacing:-.035em;text-decoration:none}
body.human-interface-v2 .nav-links{display:flex;align-items:center;gap:40px;padding:0;border:0;background:transparent;box-shadow:none}
body.human-interface-v2 .nav-links a{position:relative;padding:24px 0 22px;color:var(--ink-soft);font-size:.91rem;font-weight:500;letter-spacing:.015em;text-decoration:none;transition:color 180ms ease}
body.human-interface-v2 .nav-links a::after{content:"";position:absolute;right:0;bottom:15px;left:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 180ms ease}
body.human-interface-v2 .nav-links a:hover,body.human-interface-v2 .nav-links a.active{color:var(--ink)}
body.human-interface-v2 .nav-links a:hover::after,body.human-interface-v2 .nav-links a.active::after{transform:scaleX(1)}
body.human-interface-v2 .hamburger{border:0;background:transparent;box-shadow:none}
body.human-interface-v2 .hamburger span{background:var(--ink)}
body.human-interface-v2 .mobile-menu{top:72px;border-bottom:1px solid var(--line);background:rgba(245,241,233,.98);box-shadow:0 18px 42px rgba(50,42,32,.08)}
body.human-interface-v2 .mobile-menu a{border-color:var(--line);color:var(--ink)}

/* Home */
body.human-interface-v2 #page-home .hero{min-height:min(850px,calc(100vh - 72px));padding:78px 0 72px;border:0;background:transparent}
body.human-interface-v2 #page-home .hero::before,body.human-interface-v2 #page-home .hero::after,body.human-interface-v2 .hero-inner::before,body.human-interface-v2 .hero-inner::after{display:none!important;content:none!important}
body.human-interface-v2 #page-home .hero-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,.78fr);align-items:center;gap:clamp(64px,8vw,132px);min-height:660px}
body.human-interface-v2 #page-home .hero-text{position:relative;z-index:1;width:auto;max-width:620px;padding:0;border:0;background:transparent;box-shadow:none}
body.human-interface-v2 #page-home .hero-text::after{display:none!important;content:none!important}
body.human-interface-v2 #page-home .name{display:flex;flex-direction:column;align-items:flex-start;margin:0;color:var(--ink);font-family:var(--font-serif);font-size:inherit;font-weight:500;line-height:1;letter-spacing:-.055em;opacity:1;transform:none;animation:none}
body.human-interface-v2 #page-home .hero-greeting{display:block;color:var(--ink);font-size:clamp(2.75rem,3.8vw,3.8rem);line-height:1.03}
body.human-interface-v2 #page-home .hero-person-name{display:block;margin-top:-.03em;padding-bottom:.06em;color:var(--accent);font-size:clamp(4.35rem,5.65vw,5.85rem);line-height:.98}
body.human-interface-v2 #page-home .hero-process{display:flex;align-items:center;gap:clamp(10px,1.15vw,16px);margin:18px 0 0;color:var(--ink-faint);font-family:var(--font-sans);font-size:.68rem;font-weight:600;line-height:1.4;letter-spacing:.17em;white-space:nowrap}
body.human-interface-v2 #page-home .hero-process-divider{display:block;width:1px;height:12px;background:var(--line-strong)}
body.human-interface-v2 #page-home .hero-intro-list{display:grid;gap:16px;max-width:59ch;margin:34px 0 0;padding:0;list-style:none;color:var(--ink-soft);font-family:var(--font-sans);font-size:clamp(.96rem,1.1vw,1.04rem);line-height:1.65;letter-spacing:.004em;text-align:left}
body.human-interface-v2 #page-home .hero-intro-list li{position:relative;padding-left:20px}
body.human-interface-v2 #page-home .hero-intro-list li::before{content:"";position:absolute;top:.72em;left:1px;width:4px;height:4px;border-radius:50%;background:var(--line-strong)}
body.human-interface-v2 #page-home .hero-intro-list li:first-child{color:var(--ink);font-weight:500}
body.human-interface-v2 #page-home .hero-capabilities{display:flex;flex-wrap:wrap;align-items:center;margin-top:24px;color:var(--ink-soft);font-family:var(--font-sans);font-size:.88rem;font-weight:500;letter-spacing:.045em}
body.human-interface-v2 #page-home .hero-capabilities span{display:inline-flex;align-items:center;white-space:nowrap}
body.human-interface-v2 #page-home .hero-capabilities span:not(:last-child)::after{content:"·";margin:0 13px;color:var(--accent);font-family:var(--font-serif);font-size:1.08em}
body.human-interface-v2 #page-home .hero-belief{position:relative;margin:38px 0 0;padding:28px 0 0;border-top:1px solid var(--line-strong);color:var(--ink)}
body.human-interface-v2 #page-home .hero-belief p{max-width:22ch;margin:0;font-family:var(--font-serif);font-size:clamp(1.45rem,2.15vw,2rem);font-style:italic;font-weight:400;line-height:1.26;letter-spacing:-.025em;text-wrap:balance}
body.human-interface-v2 #page-home .hero-belief cite{display:block;margin-top:11px;color:var(--ink-faint);font-family:var(--font-sans);font-size:.64rem;font-style:normal;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
body.human-interface-v2 #page-home .hero-motto{margin:22px 0 0;color:var(--ink-soft);font-family:var(--font-serif-cn);font-size:1.03rem;line-height:1.7;letter-spacing:.025em}
body.human-interface-v2 .hero-btns,body.human-interface-v2 .contact-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
body.human-interface-v2 #page-home .hero-btns>a{min-width:136px}
body.human-interface-v2 .btn-primary,body.human-interface-v2 .btn-secondary{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 26px;border:1px solid var(--line-strong);border-radius:12px;font-family:var(--font-sans);font-size:.9rem;font-weight:500;text-decoration:none;transition:transform 180ms ease,background 180ms ease,border-color 180ms ease,color 180ms ease}
body.human-interface-v2 .btn-primary{border-color:var(--accent);color:#fffaf4;background:var(--accent);box-shadow:0 8px 20px rgba(159,50,29,.13)}
body.human-interface-v2 .btn-secondary{color:var(--ink);background:rgba(255,253,248,.42)}
body.human-interface-v2 .btn-primary:hover,body.human-interface-v2 .btn-secondary:hover{transform:translateY(-2px)}
body.human-interface-v2 .btn-primary:hover{border-color:var(--accent-dark);background:var(--accent-dark)}
body.human-interface-v2 .btn-secondary:hover{border-color:var(--ink-soft);background:var(--surface)}

/* Homepage Macintosh object */
body.human-interface-v2 #page-home .hero-photo{position:relative;isolation:isolate;width:min(100%,520px);margin:0 auto;padding:34px 32px 112px;overflow:visible;border:1px solid #aaa192;border-radius:37px 37px 51px 51px;background:linear-gradient(145deg,rgba(255,255,255,.82),transparent 28%),repeating-linear-gradient(102deg,rgba(255,255,255,.028) 0 1px,rgba(83,68,48,.014) 1px 2px,transparent 2px 6px),linear-gradient(118deg,#eee9df 0%,#ded7ca 52%,#ccc3b3 100%);box-shadow:0 36px 70px rgba(56,46,33,.2),0 8px 18px rgba(56,46,33,.1),inset 2px 2px 2px rgba(255,255,255,.96),inset -2px -3px 5px rgba(76,61,43,.16)}
body.human-interface-v2 #page-home .hero-photo::before{content:"";position:absolute;right:39px;bottom:39px;width:112px;height:33px;border-radius:2px;background:repeating-linear-gradient(to bottom,rgba(54,48,40,.46) 0 2px,rgba(255,255,255,.2) 2px 3px,transparent 3px 7px);opacity:.72;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}
body.human-interface-v2 #page-home .hero-photo::after{content:"";position:absolute;bottom:40px;left:53px;color:transparent;background:linear-gradient(to bottom,#5e9d49 0 16.6%,#f0c33c 16.6% 33.2%,#e88932 33.2% 49.8%,#d94a3b 49.8% 66.4%,#8b5aa5 66.4% 83%,#3678ad 83% 100%);background-clip:text;-webkit-background-clip:text;font-family:-apple-system,"Helvetica Neue",sans-serif;font-size:1.42rem;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.45);filter:saturate(.82)}
body.human-interface-v2 #page-home .mac-screen{position:relative;z-index:1;width:100%;aspect-ratio:4/3;overflow:hidden;border:13px solid #282722;border-radius:27px;background:#11130f;box-shadow:0 2px 0 rgba(255,255,255,.8),0 8px 15px rgba(60,48,31,.18),inset 0 0 0 2px #080906,inset 0 0 34px rgba(0,0,0,.82)}
body.human-interface-v2 #page-home .mac-screen::before{content:"";position:absolute;z-index:7;inset:0;border:1px solid rgba(255,255,255,.13);border-radius:13px;box-shadow:inset 0 0 38px rgba(0,0,0,.48),inset 12px 0 22px rgba(255,255,255,.035),inset -12px 0 22px rgba(0,0,0,.16);pointer-events:none}
body.human-interface-v2 #page-home .mac-screen::after{content:"";position:absolute;z-index:8;inset:0;border-radius:13px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.018) 0 1px,rgba(0,0,0,.035) 1px 3px);mix-blend-mode:overlay;opacity:.58;pointer-events:none}
body.human-interface-v2 #page-home .mac-screen-glass{position:absolute;z-index:9;inset:0;border-radius:13px;background:linear-gradient(128deg,rgba(255,255,255,.12),transparent 25% 72%,rgba(255,255,255,.025)),radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.29) 100%);pointer-events:none}
body.human-interface-v2 #page-home .mac-screen>img{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;margin:-1px!important;border:0!important;opacity:0!important}
body.human-interface-v2 #page-home .mac-screen-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:13px;background-clip:padding-box;opacity:0}
body.human-interface-v2 #page-home .mac-screen-hello{z-index:3;color:#193432;background:radial-gradient(circle at 48% 42%,#d7eee6,#a9d0c9 72%);animation:macHelloScene 12s ease-in-out infinite}
body.human-interface-v2 #page-home .mac-hello-stage{display:flex;align-items:center;justify-content:center;width:88%;overflow:visible;font-family:"Snell Roundhand","Apple Chancery","URW Chancery L",cursive;font-size:clamp(6rem,9vw,8.6rem);line-height:1}
body.human-interface-v2 #page-home .mac-hello-word{display:inline-block;width:auto;padding:.2em .34em .24em;margin:-.2em -.34em -.24em;color:#193432;font:inherit;font-weight:400;letter-spacing:-.08em;white-space:nowrap;text-align:center;filter:drop-shadow(0 1px 0 rgba(255,255,255,.48));clip-path:inset(-.22em 100% -.26em -.38em);transform:translateX(-.16em);animation:macWriteHello 12s cubic-bezier(.45,0,.18,1) infinite}
body.human-interface-v2 #page-home .mac-screen-smile{z-index:2;color:#193432;background:radial-gradient(circle at 48% 42%,#d7eee6,#a9d0c9 72%);animation:macSmileScene 12s ease-in-out infinite}
body.human-interface-v2 #page-home .mac-smile-icon{width:36%;min-width:132px;max-width:190px;color:inherit;filter:drop-shadow(0 2px 0 rgba(255,255,255,.52));transform-origin:center;animation:macSmileIcon 12s cubic-bezier(.2,.75,.25,1) infinite}
body.human-interface-v2 #page-home .mac-controls{position:absolute;z-index:2;right:38px;bottom:91px;width:126px;height:16px}
body.human-interface-v2 #page-home .mac-drive-slot{position:absolute;top:0;right:0;width:116px;height:12px;border:1px solid #8b8274;border-radius:3px;background:linear-gradient(180deg,#9e9588,#625c52 42%,#272722 49% 72%,#5d574e 77%,#bdb3a3);box-shadow:0 1px 0 rgba(255,255,255,.72),inset 0 1px 2px rgba(0,0,0,.35)}
body.human-interface-v2 #page-home .mac-drive-slot i{position:absolute;right:11px;top:-3px;width:22px;height:16px;border:1px solid #766e62;border-radius:2px;background:linear-gradient(180deg,#d4ccbf,#898174);box-shadow:0 1px 2px rgba(38,32,25,.22)}
body.human-interface-v2 #page-home .mac-power-light{position:absolute;right:1px;top:34px;width:7px;height:7px;border:1px solid #b38b4e;border-radius:50%;background:#ffd47a;box-shadow:0 0 5px rgba(255,176,47,.78),0 1px 0 rgba(255,255,255,.8)}
@keyframes macHelloScene{0%,42%{opacity:1}50%,100%{opacity:0}}
@keyframes macSmileScene{0%,46%{opacity:0}54%,92%{opacity:1}100%{opacity:0}}
@keyframes macWriteHello{0%,4%{clip-path:inset(-.22em 100% -.26em -.38em);opacity:1}24%,42%{clip-path:inset(-.22em -.42em -.26em -.38em);opacity:1}50%,100%{clip-path:inset(-.22em -.42em -.26em -.38em);opacity:0}}
@keyframes macSmileIcon{0%,46%{opacity:0;transform:translateY(9px) scale(.88);filter:blur(2px) drop-shadow(0 2px 0 rgba(255,255,255,.52))}56%,92%{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 2px 0 rgba(255,255,255,.52))}100%{opacity:0;transform:translateY(-2px) scale(1.025);filter:blur(0) drop-shadow(0 2px 0 rgba(255,255,255,.52))}}

/* Stats */
body.human-interface-v2 .stats-bar{padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,253,248,.3);box-shadow:none}
body.human-interface-v2 .stats-bar::before,body.human-interface-v2 .stats-bar::after{display:none!important;content:none!important}
body.human-interface-v2 .stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0;min-height:154px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.human-interface-v2 .stat-item{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;border-right:1px solid var(--line);background:transparent}
body.human-interface-v2 .stat-item:last-child{border-right:0}
body.human-interface-v2 .stat-num{color:var(--accent);font-family:var(--font-serif-cn);font-size:clamp(2rem,3vw,2.85rem);font-weight:500;line-height:1;letter-spacing:-.045em}
body.human-interface-v2 .stat-label{margin-top:10px;color:var(--ink-soft);font-size:.78rem;line-height:1.5;text-align:center;word-break:keep-all}

/* Project typography */
body.human-interface-v2 .section-title,body.human-interface-v2 .group-title,body.human-interface-v2 .home-featured-title{color:var(--ink);font-family:var(--font-serif-cn);font-weight:500;letter-spacing:-.035em}
body.human-interface-v2 .section-title{margin:0 0 26px;font-size:clamp(2.8rem,5vw,4.7rem);line-height:1.04}
body.human-interface-v2 .group-kicker{margin-bottom:12px;color:var(--accent);font-size:.69rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
body.human-interface-v2 .group-title{margin:0;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.16}

/* Selected work */
body.human-interface-v2 .home-featured-section{padding:var(--space-section-y) 0;border-bottom:0}
body.human-interface-v2 .home-featured-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:24px}
body.human-interface-v2 .home-featured-title{position:relative;margin:0;padding-bottom:15px;font-size:clamp(2.35rem,3.7vw,3.55rem);line-height:1.05}
body.human-interface-v2 .home-featured-title::after{position:absolute;bottom:0;left:0;width:38px;height:2px;background:var(--accent);content:""}
body.human-interface-v2 .home-featured-link{display:inline-flex;align-items:center;gap:11px;padding:10px 0 7px;border-bottom:1px solid var(--line-strong);color:var(--ink-soft);font-size:.8rem;text-decoration:none;transition:color 180ms ease,border-color 180ms ease}
body.human-interface-v2 .home-featured-link:hover{border-color:var(--accent);color:var(--accent)}
body.human-interface-v2 .home-featured-grid{display:grid;height:clamp(380px,calc(100vh - 250px),520px);height:clamp(380px,calc(100svh - 250px),520px);grid-template-columns:minmax(0,1.48fr) minmax(360px,.92fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}
body.human-interface-v2 .home-featured-grid .project-card{overflow:hidden;gap:0;padding:0;border:1px solid var(--line);border-radius:15px;background:rgba(255,253,248,.58);box-shadow:none;transition:transform 420ms cubic-bezier(.22,1,.36,1),border-color 320ms ease,box-shadow 420ms cubic-bezier(.22,1,.36,1)}
body.human-interface-v2 .home-featured-grid .project-card:first-child{grid-row:1/3;height:100%;min-height:0;background:#1d1b18}
body.human-interface-v2 .home-featured-grid .project-card:first-child .project-media{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
body.human-interface-v2 .home-featured-grid .project-card:first-child .project-img{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;filter:saturate(.84) contrast(1.02);box-shadow:none}
body.human-interface-v2 .home-featured-grid .project-card:first-child .project-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(32px,4vw,54px);background:linear-gradient(90deg,rgba(15,14,12,.78) 0%,rgba(15,14,12,.52) 42%,rgba(15,14,12,.06) 78%);color:#fffaf4}
body.human-interface-v2 .home-featured-grid .project-card:first-child .project-client{float:none;order:0;color:rgba(255,250,244,.74)}
body.human-interface-v2 .home-featured-grid .project-card:first-child .project-name{max-width:12ch;color:#fffaf4;font-size:clamp(2.2rem,3.5vw,3.65rem);line-height:1.12}
body.human-interface-v2 .home-featured-grid .project-card:first-child .project-desc{max-width:36ch;color:rgba(255,250,244,.78);font-size:.84rem;line-height:1.75}
body.human-interface-v2 .home-featured-grid .project-card:first-child .project-arrow{border-color:rgba(255,250,244,.5);color:#fffaf4;background:rgba(20,18,16,.14)}
body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2){display:grid;grid-template-columns:minmax(0,1.12fr) minmax(220px,.88fr);min-height:0}
body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2) .project-media{width:100%;height:100%;border-radius:0}
body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2) .project-img{width:100%;height:100%;min-height:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}
body.human-interface-v2 .home-featured-grid .project-card[data-project-id="honor-robot"] .project-img{object-position:center center}
body.human-interface-v2 .home-featured-grid .project-card[data-project-id="hyundai"] .project-img{object-position:center center}
body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2) .project-info{position:relative;display:flex;width:auto;height:100%;min-width:0;box-sizing:border-box;align-self:stretch;flex-direction:column;justify-content:flex-start;gap:0;padding:clamp(15px,2.1vh,24px) 48px clamp(15px,2.1vh,22px) clamp(18px,1.7vw,26px);border-left:1px solid var(--line)}
body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2) .project-client{float:none;order:-1;margin-bottom:clamp(5px,1vh,9px);font-size:.63rem;line-height:1.3;color:var(--accent)}
body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2) .project-name{padding-top:0;font-size:clamp(1.12rem,1.42vw,1.58rem);line-height:1.2}
body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2) .project-desc{display:block;overflow:visible;margin-top:clamp(7px,1.2vh,12px);font-size:clamp(.67rem,.72vw,.75rem);line-height:1.48}
body.human-interface-v2 .home-featured-grid .project-year,body.human-interface-v2 .home-featured-grid .project-tags{display:none}
body.human-interface-v2 .home-featured-grid .project-arrow{width:34px;height:34px;margin-top:18px;font-size:1rem}
body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2) .project-arrow{position:absolute;right:14px;bottom:14px;width:30px;height:30px;margin:0;font-size:.9rem}
body.human-interface-v2 .project-card{position:relative;display:block;min-width:0;overflow:visible;border:0;border-radius:0;color:var(--ink);background:transparent;box-shadow:none;text-decoration:none;transform:none;transition:transform 560ms cubic-bezier(.22,1,.36,1),color 420ms ease,box-shadow 560ms cubic-bezier(.22,1,.36,1)}
body.human-interface-v2 .project-card::before,body.human-interface-v2 .project-card::after{display:none!important;content:none!important}
body.human-interface-v2 .project-card:hover{padding-left:0;padding-right:0;margin-left:0;margin-right:0;color:var(--ink);background:transparent;transform:none;box-shadow:none}
body.human-interface-v2 .project-media{display:block;width:100%;min-width:0;overflow:hidden;border-radius:18px;background:var(--paper-deep)}
body.human-interface-v2 .project-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(189,179,164,.52);border-radius:18px;background:var(--paper-deep);filter:saturate(.9) contrast(.995);box-shadow:0 18px 45px rgba(63,52,38,.08);transform:translateZ(0) scale(1);transform-origin:center;transition:transform 580ms cubic-bezier(.22,1,.36,1),filter 520ms ease,box-shadow 580ms cubic-bezier(.22,1,.36,1)}
body.human-interface-v2 .project-card:hover .project-img{transform:translateZ(0) scale(1.008);filter:saturate(.98) contrast(1);box-shadow:0 23px 50px rgba(63,52,38,.105)}
body.human-interface-v2 .project-info{display:block;padding:22px 2px 0;overflow:hidden;background:transparent}
body.human-interface-v2 .project-year,body.human-interface-v2 .project-client{color:var(--ink-faint);font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
body.human-interface-v2 .project-year{float:left}
body.human-interface-v2 .project-client{float:right;color:var(--accent)}
body.human-interface-v2 .project-name{clear:both;padding-top:12px;color:var(--ink);font-family:var(--font-serif-cn);font-size:clamp(1.45rem,2.2vw,2.15rem);font-weight:500;line-height:1.34;letter-spacing:-.025em;text-wrap:balance}
body.human-interface-v2 .project-desc{max-width:62ch;margin-top:14px;color:var(--ink-soft);font-family:var(--font-sans);font-size:.93rem;line-height:1.75;text-wrap:pretty}
body.human-interface-v2 .project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
body.human-interface-v2 .tag,body.human-interface-v2 .project-tag,body.human-interface-v2 .method-tag{display:inline-flex;align-items:center;min-height:28px;padding:4px 11px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:rgba(255,253,248,.46);font-size:.7rem;line-height:1.2}
body.human-interface-v2 .project-arrow{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;margin-top:24px;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:1.2rem;transform:translateX(0);transition:transform 480ms cubic-bezier(.22,1,.36,1),color 420ms ease,border-color 420ms ease,background-color 420ms ease}
body.human-interface-v2 .project-card:hover .project-arrow{border-color:var(--accent);color:#fffaf4;background:var(--accent);transform:translateX(3px)}
body.human-interface-v2 .project-card:hover .tag{border-color:var(--line);color:var(--ink-soft);background:rgba(255,253,248,.46)}

@media(hover:hover) and (pointer:fine){
  body.human-interface-v2 .home-featured-grid .project-card:hover{border-color:rgba(159,50,29,.28);box-shadow:0 20px 48px rgba(63,52,38,.08);transform:translateY(-2px)}
}

/* Products I build */
body.human-interface-v2 .things-built-section{padding:var(--space-section-y) 0;border-bottom:0}
body.human-interface-v2 .things-built-header{margin-bottom:22px;padding-top:0;border-top:0}
body.human-interface-v2 .things-built-title{margin:0;color:var(--ink);font-family:var(--font-serif);font-size:clamp(2.1rem,3.2vw,3.05rem);font-weight:500;line-height:1.05;letter-spacing:-.045em}
body.human-interface-v2 .things-built-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body.human-interface-v2 .build-card{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(190px,.82fr);height:244px;overflow:hidden;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:rgba(255,253,248,.54);box-shadow:none;text-decoration:none;transition:transform 420ms cubic-bezier(.22,1,.36,1),border-color 320ms ease,box-shadow 420ms cubic-bezier(.22,1,.36,1),background-color 320ms ease}
body.human-interface-v2 .build-media{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--line);background:var(--paper-deep)}
body.human-interface-v2 .build-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(.99);transition:transform 540ms cubic-bezier(.22,1,.36,1),filter 420ms ease}
body.human-interface-v2 .build-card-app .build-media img{object-position:45% center}
body.human-interface-v2 .build-card-moyu .build-media{background:#e9eddf}
body.human-interface-v2 .build-card-moyu .build-media img{object-fit:contain;padding:12px;box-sizing:border-box;filter:none}
body.human-interface-v2 .build-info{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:26px 24px}
body.human-interface-v2 .build-type{display:none}
body.human-interface-v2 .build-info h3{position:relative;margin:0;padding-bottom:15px;color:var(--ink);font-family:var(--font-serif-cn);font-size:clamp(1.35rem,1.8vw,1.72rem);font-weight:500;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
body.human-interface-v2 .build-info h3::after{position:absolute;bottom:0;left:0;width:28px;height:1px;background:var(--accent);content:""}
body.human-interface-v2 .build-info>p:not(.build-type){display:-webkit-box;overflow:hidden;margin:16px 0 0;color:var(--ink-soft);font-size:.78rem;line-height:1.62;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:4}
body.human-interface-v2 .build-action{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:16px;color:var(--accent);font-size:.72rem;font-weight:600}
body.human-interface-v2 .build-status{color:var(--ink-faint);font-size:.68rem;font-weight:500;letter-spacing:.03em;white-space:nowrap;text-transform:none}
body.human-interface-v2 .build-card-link:hover{border-color:rgba(159,50,29,.27);background:rgba(255,253,248,.72);box-shadow:0 22px 48px rgba(63,52,38,.08);transform:translateY(-3px)}
body.human-interface-v2 .build-card:hover .build-media img{transform:scale(1.012);filter:saturate(.96) contrast(1)}
body.human-interface-v2 .build-card-link:active{transform:translateY(-1px) scale(.995)}

/* Project archive */
body.human-interface-v2.main-scroll-mode #page-projects{display:none!important}
body.human-interface-v2 #page-projects{background:linear-gradient(180deg,rgba(244,239,230,.58),rgba(248,245,239,.2) 42%,transparent)}
body.human-interface-v2 #page-projects .project-archive-section{padding:42px 0 128px!important}
body.human-interface-v2 .project-archive-header{margin-bottom:92px;padding-bottom:44px;border-bottom:1px solid var(--line)}
body.human-interface-v2 .project-archive-back{display:inline-flex;align-items:center;gap:10px;margin-bottom:78px;color:var(--ink-soft);font-size:.78rem;text-decoration:none;transition:color 180ms ease,transform 180ms ease}
body.human-interface-v2 .project-archive-back:hover{color:var(--accent);transform:translateX(-3px)}
body.human-interface-v2 .project-archive-heading{display:grid;grid-template-columns:minmax(0,.88fr) minmax(360px,.72fr);gap:72px;align-items:end}
body.human-interface-v2 .project-archive-title{margin:0;color:var(--ink);font-family:var(--font-serif-cn);font-size:clamp(3.5rem,7vw,6.8rem);font-weight:500;line-height:.98;letter-spacing:-.06em}
body.human-interface-v2 .project-archive-intro{max-width:52ch;margin:0 0 6px;color:var(--ink-soft);font-size:.96rem;line-height:1.85;text-wrap:pretty}
body.human-interface-v2 .project-archive-meta{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:62px;padding-top:22px;border-top:1px solid var(--line);color:var(--ink-faint);font-size:.72rem;letter-spacing:.06em}
body.human-interface-v2 .project-archive-meta strong{margin-right:8px;color:var(--accent);font-family:var(--font-serif);font-size:1.35rem;font-weight:500;letter-spacing:-.02em}
body.human-interface-v2 .projects-shell{display:block;padding:0;border:0;background:transparent;box-shadow:none}
body.human-interface-v2 .projects-shell::before,body.human-interface-v2 .projects-shell::after{display:none!important;content:none!important}
body.human-interface-v2 .projects-group{margin-top:0;padding:0}
body.human-interface-v2 .projects-group+.projects-group{margin-top:130px;padding-top:86px;border-top:1px solid var(--line)}
body.human-interface-v2 .projects-group-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:9px;margin-bottom:44px;padding:0;border:0}
body.human-interface-v2 #page-projects #featuredProjects{grid-template-columns:repeat(2,minmax(0,1fr));gap:76px 38px}
body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child{grid-column:auto;display:block;overflow:visible;border:0;border-radius:0;background:transparent}
body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child .project-img{height:auto;min-height:0;aspect-ratio:16/9;border-radius:18px}
body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child .project-info{padding:22px 2px 0;border-left:0}
body.human-interface-v2 #page-projects .project-name{font-size:clamp(1.35rem,2vw,1.9rem)}
body.human-interface-v2 #page-projects .project-desc{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
body.human-interface-v2 .trusted-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.human-interface-v2 .partner-tile{min-height:176px;padding:26px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.36);box-shadow:none;transition:border-color 180ms ease,background 180ms ease,transform 180ms ease}
body.human-interface-v2 .partner-tile:hover{border-color:var(--line-strong);background:rgba(255,253,248,.72);transform:translateY(-2px)}
body.human-interface-v2 .partner-logo-wrap{height:76px;padding:4px;background:transparent}
body.human-interface-v2 .partner-logo{max-width:78%;max-height:58px;filter:grayscale(1) contrast(.78);opacity:.68}
body.human-interface-v2 .partner-title{color:var(--ink-soft);font-size:.76rem;line-height:1.55;text-wrap:pretty}

/* Case index */
body.human-interface-v2 .detail-sticky-actions{position:relative;top:auto;z-index:8;padding:22px 0 0;border:0;background:transparent;box-shadow:none}
body.human-interface-v2 .detail-actions-inner{width:min(1320px,calc(100% - 96px));margin:0 auto}
body.human-interface-v2 .detail-action{min-height:40px;padding:0;border:0;color:var(--ink-soft);background:transparent;box-shadow:none;font-size:.82rem}
body.human-interface-v2 .detail-action:hover{color:var(--accent);background:transparent}
body.human-interface-v2 .case-index-nav{position:sticky;top:72px;z-index:900;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(245,241,233,.94);box-shadow:0 8px 24px rgba(54,44,31,.045);backdrop-filter:blur(16px) saturate(115%)}
body.human-interface-v2 .case-index-nav::before,body.human-interface-v2 .case-index-nav::after,body.human-interface-v2 .case-index-inner::before,body.human-interface-v2 .case-index-inner::after{display:none!important;content:none!important}
body.human-interface-v2 .case-index-inner{width:min(1320px,calc(100% - 96px));min-height:66px;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none}
body.human-interface-v2 .case-index-brand,body.human-interface-v2 .case-index-state,body.human-interface-v2 .case-index-label{color:var(--ink-faint);font-family:var(--font-serif);letter-spacing:.13em}
body.human-interface-v2 .case-index-item,body.human-interface-v2 .case-index-trigger,body.human-interface-v2 .case-index-link{color:var(--ink-soft);background:transparent;font-family:var(--font-sans);font-weight:500}
body.human-interface-v2 .case-index-item:hover,body.human-interface-v2 .case-index-item.active,body.human-interface-v2 .case-index-trigger:hover,body.human-interface-v2 .case-index-trigger.active,body.human-interface-v2 .case-index-link:hover,body.human-interface-v2 .case-index-link.active{color:var(--accent);background:transparent}
body.human-interface-v2 .case-index-progress,body.human-interface-v2 .case-index-progress-bar,body.human-interface-v2 .case-index-progress-fill{background-color:var(--accent)}
body.human-interface-v2 .case-index-menu,body.human-interface-v2 .case-index-dropdown{border:1px solid var(--line);border-radius:12px;background:rgba(255,253,248,.98);box-shadow:0 20px 48px rgba(52,42,30,.12)}

/* Detail editorial system */
body.human-interface-v2 #page-detail{color:var(--ink);background:transparent}
body.human-interface-v2 #page-detail>[id$="Detail"],body.human-interface-v2 #page-detail>div[id*="Detail"]{background:transparent}
body.human-interface-v2 .hyundai-hero-intro,body.human-interface-v2 .sleepace-hero-intro,body.human-interface-v2 .detail-hero,body.human-interface-v2 .project-detail-hero{width:min(1320px,calc(100% - 96px));max-width:none;margin-inline:auto;padding:80px 0 74px;border-bottom:1px solid var(--line);background:transparent}
body.human-interface-v2 #page-detail h1,body.human-interface-v2 #page-detail .hero-title{max-width:1120px;color:var(--ink);font-family:var(--font-serif-cn);font-size:clamp(3rem,5.5vw,5.1rem);font-weight:500;line-height:1.12;letter-spacing:-.055em;text-wrap:balance}
body.human-interface-v2 #page-detail .hero-desc,body.human-interface-v2 #page-detail .project-subtitle,body.human-interface-v2 #page-detail .detail-subtitle{max-width:1060px;color:var(--ink-soft);font-family:var(--font-serif-cn);font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.85;text-wrap:pretty}
body.human-interface-v2 #page-detail .eyebrow,body.human-interface-v2 #page-detail .section-label,body.human-interface-v2 #page-detail .part-label,body.human-interface-v2 #page-detail [class*="eyebrow"]{color:var(--accent);font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
body.human-interface-v2 .detail-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:62px;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}
body.human-interface-v2 .meta-item{min-width:0;padding:24px 26px 28px 0;border:0}
body.human-interface-v2 .meta-item label,body.human-interface-v2 .meta-item .meta-label{display:block;margin-bottom:10px;color:var(--ink-faint);font-size:.68rem;font-weight:600;letter-spacing:.1em}
body.human-interface-v2 .meta-item span,body.human-interface-v2 .meta-item .meta-value{display:block;color:var(--ink);font-family:var(--font-serif-cn);font-size:.96rem;line-height:1.65;word-break:keep-all;overflow-wrap:normal;text-wrap:pretty}
body.human-interface-v2 #page-detail section,body.human-interface-v2 #page-detail .process-section,body.human-interface-v2 #page-detail .detail-section{scroll-margin-top:152px}
body.human-interface-v2 #page-detail .process-section,body.human-interface-v2 #page-detail .detail-section{width:min(1320px,calc(100% - 96px));max-width:none;margin-inline:auto;padding-top:92px;padding-bottom:92px}
body.human-interface-v2 #page-detail .section-header{max-width:1120px;margin-bottom:42px}
body.human-interface-v2 #page-detail .section-header h2,body.human-interface-v2 #page-detail .section-title-cn,body.human-interface-v2 #page-detail h2{color:var(--ink);font-family:var(--font-serif-cn);font-size:clamp(2.2rem,4vw,3.7rem);font-weight:500;line-height:1.2;letter-spacing:-.04em;text-wrap:balance}
body.human-interface-v2 #page-detail .section-desc,body.human-interface-v2 #page-detail .method-intro,body.human-interface-v2 #page-detail .section-subtitle{max-width:1040px;margin-top:16px;color:var(--ink-soft);font-size:1rem;line-height:1.85;text-wrap:pretty}
body.human-interface-v2 #page-detail .overview-grid,body.human-interface-v2 #page-detail .process-grid,body.human-interface-v2 #page-detail .method-grid,body.human-interface-v2 #page-detail .deliverable-grid,body.human-interface-v2 #page-detail .impact-grid,body.human-interface-v2 #page-detail [class$="-grid"]{border-color:var(--line)}
body.human-interface-v2 #page-detail .overview-card,body.human-interface-v2 #page-detail .process-card,body.human-interface-v2 #page-detail .method-card,body.human-interface-v2 #page-detail .deliverable-card,body.human-interface-v2 #page-detail .impact-card,body.human-interface-v2 #page-detail .stage-card{border-color:var(--line);border-radius:18px;background-color:rgba(255,253,248,.52);box-shadow:none}
body.human-interface-v2 #page-detail .core-output,body.human-interface-v2 #page-detail .output-box,body.human-interface-v2 #page-detail .method-output,body.human-interface-v2 #page-detail [class*="output-box"]{border-color:var(--line);border-left-color:var(--accent);border-radius:14px;color:var(--ink);background:var(--accent-soft);box-shadow:none}
body.human-interface-v2 #page-detail .core-output strong,body.human-interface-v2 #page-detail .output-label,body.human-interface-v2 #page-detail [class*="output"] strong{color:var(--accent)}
body.human-interface-v2 #page-detail .section-icon,body.human-interface-v2 #page-detail .title-icon{border-color:var(--line);color:var(--accent);background:var(--surface-soft);box-shadow:none}
body.human-interface-v2 #page-detail .step-kicker,body.human-interface-v2 #page-detail .track-kicker,body.human-interface-v2 #page-detail .card-kicker,body.human-interface-v2 #page-detail [class*="kicker"]{color:var(--accent)}
body.human-interface-v2 #page-detail .deliverable-image,body.human-interface-v2 #page-detail .evidence-image,body.human-interface-v2 #page-detail .gallery-image,body.human-interface-v2 #page-detail .deliverable-gallery img,body.human-interface-v2 #page-detail .image-grid img,body.human-interface-v2 #page-detail figure img{border:1px solid var(--line);border-radius:16px;background:var(--paper-deep);box-shadow:0 16px 40px rgba(61,49,34,.08)}
body.human-interface-v2 #page-detail figcaption,body.human-interface-v2 #page-detail .image-caption,body.human-interface-v2 #page-detail .privacy-note{color:var(--ink-faint);font-size:.76rem;line-height:1.6}
body.human-interface-v2 #page-detail table{border-color:var(--line);color:var(--ink);background:var(--surface)}
body.human-interface-v2 #page-detail th,body.human-interface-v2 #page-detail td{border-color:var(--line)}

/* About */
body.human-interface-v2 .about-hero{padding:var(--space-section-y) 0;background:transparent}
body.human-interface-v2 .about-section-title{margin:0 0 48px;color:var(--ink);font-family:var(--font-serif);font-size:clamp(2.1rem,3.2vw,3.05rem);font-weight:500;line-height:1.05;letter-spacing:-.045em}
body.human-interface-v2 .about-inner{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(56px,8vw,126px)}
body.human-interface-v2 .about-photo{position:sticky;top:120px;padding:0;border:0;background:transparent;box-shadow:none}
body.human-interface-v2 .about-photo::before,body.human-interface-v2 .about-photo::after{display:none!important;content:none!important}
body.human-interface-v2 .about-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border:1px solid var(--line);border-radius:20px;filter:none;box-shadow:0 24px 56px rgba(63,52,38,.11)}
body.human-interface-v2 .about-content h1{margin:0;color:var(--ink);font-family:var(--font-serif-cn);font-size:clamp(3.1rem,5vw,5rem);font-weight:500;line-height:1.06;letter-spacing:-.055em}
body.human-interface-v2 .about-content .subtitle{display:grid;gap:2px;margin:16px 0 48px;color:var(--ink-soft);font-size:1rem;line-height:1.7;word-break:keep-all;text-wrap:pretty}
body.human-interface-v2 .about-content .subtitle span{display:block}
body.human-interface-v2 .about-content .subtitle span[lang="en"]{color:var(--ink-faint);font-family:var(--font-serif);font-size:.9em;letter-spacing:.01em}
body.human-interface-v2 .about-block{margin:0;padding:0;border:0}
body.human-interface-v2 .about-block+.about-block{margin-top:var(--space-content-y)}
body.human-interface-v2 .about-block.about-block--major{margin-top:clamp(62px,5.2vw,78px);padding-top:clamp(48px,4vw,60px);border-top:1px solid var(--line-content)}
body.human-interface-v2 .about-block h3{margin:0 0 18px;padding:0;border:0;color:var(--accent);font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.16em}
body.human-interface-v2 .about-block p{margin:0;color:var(--ink-soft);font-family:var(--font-serif-cn);font-size:1rem;line-height:1.9;text-wrap:pretty}
body.human-interface-v2 .about-intro-copy{display:grid;gap:12px}
body.human-interface-v2 .about-intro-copy p:first-child{color:var(--ink);font-weight:500}
body.human-interface-v2 .about-block .job-tags{gap:9px;margin-top:0}
body.human-interface-v2 .about-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 44px}
body.human-interface-v2 .about-capability-item{min-width:0;padding-top:16px;border-top:1px solid var(--line-content)}
body.human-interface-v2 .about-capability-head{display:flex;align-items:baseline;gap:12px}
body.human-interface-v2 .about-capability-head span{color:var(--accent);font-family:var(--font-sans);font-size:.64rem;font-weight:600;letter-spacing:.12em}
body.human-interface-v2 .about-capability-head h4{margin:0;color:var(--ink);font-family:var(--font-serif-cn);font-size:1.08rem;font-weight:500;line-height:1.35;letter-spacing:.01em}
body.human-interface-v2 .about-capability-item p{margin:10px 0 0;color:var(--ink-soft);font-family:var(--font-sans);font-size:.76rem;line-height:1.85;letter-spacing:.01em}
body.human-interface-v2 .about-workstyle-grid{display:grid;grid-template-columns:1fr;gap:0}
body.human-interface-v2 .about-workstyle-item{display:grid;min-width:0;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:16px;padding:18px 0;border-top:1px solid var(--line-content)}
body.human-interface-v2 .about-advantage-copy{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:8px}
body.human-interface-v2 .about-workstyle-item h4{margin:0;color:var(--ink);font-family:var(--font-serif-cn);font-size:1rem;font-weight:500;line-height:1.5;white-space:normal}
body.human-interface-v2 .about-workstyle-item p{margin:0;color:var(--ink-soft);font-family:var(--font-sans);font-size:.76rem;line-height:1.75}
body.human-interface-v2 .about-advantage-icon{position:relative;display:block;width:28px;height:28px;margin-top:1px;color:var(--accent)}
body.human-interface-v2 .about-advantage-icon i{position:absolute;display:block;box-sizing:border-box}
body.human-interface-v2 .about-advantage-icon--learn i:nth-child(1),body.human-interface-v2 .about-advantage-icon--learn i:nth-child(2){top:5px;width:11px;height:17px;border:1.35px solid currentColor;background:rgba(255,253,248,.2)}
body.human-interface-v2 .about-advantage-icon--learn i:nth-child(1){left:3px;border-radius:4px 1px 1px 3px;transform:skewY(5deg)}
body.human-interface-v2 .about-advantage-icon--learn i:nth-child(2){right:3px;border-radius:1px 4px 3px 1px;transform:skewY(-5deg)}
body.human-interface-v2 .about-advantage-icon--learn i:nth-child(3){top:6px;left:13.4px;width:1px;height:17px;background:currentColor;opacity:.7}
body.human-interface-v2 .about-advantage-icon--insight i:nth-child(1){top:6px;left:5px;width:18px;height:18px;border:1.35px solid currentColor;border-radius:70% 12% 70% 12%;transform:rotate(45deg)}
body.human-interface-v2 .about-advantage-icon--insight i:nth-child(2){top:11px;left:11px;width:6px;height:6px;border:1.35px solid currentColor;border-radius:50%;background:var(--paper)}
body.human-interface-v2 .about-advantage-icon--build::before,body.human-interface-v2 .about-advantage-icon--build::after{content:"";position:absolute;background:currentColor;opacity:.5}
body.human-interface-v2 .about-advantage-icon--build::before{top:7px;left:7px;width:14px;height:1px}
body.human-interface-v2 .about-advantage-icon--build::after{top:7px;left:13px;width:1px;height:14px}
body.human-interface-v2 .about-advantage-icon--build i{width:8px;height:8px;border:1.35px solid currentColor;border-radius:2px;background:var(--paper)}
body.human-interface-v2 .about-advantage-icon--build i:nth-child(1){top:3px;left:3px}
body.human-interface-v2 .about-advantage-icon--build i:nth-child(2){top:3px;right:3px}
body.human-interface-v2 .about-advantage-icon--build i:nth-child(3){right:3px;bottom:3px}
body.human-interface-v2 .about-client-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:14px 24px;max-width:720px}
body.human-interface-v2 .about-client-logo{--client-logo-width:112px;--client-logo-height:38px;display:grid;min-width:0;height:58px;place-items:center}
body.human-interface-v2 .about-client-logo img{display:block;width:min(var(--client-logo-width),100%);height:var(--client-logo-height);max-width:100%;object-fit:contain;filter:grayscale(1) saturate(0) contrast(.8);opacity:.72;transition:filter 180ms ease,opacity 180ms ease,transform 180ms ease}
body.human-interface-v2 .about-client-logo--honor{--client-logo-width:88px;--client-logo-height:20px}
body.human-interface-v2 .about-client-logo--gac{--client-logo-width:112px;--client-logo-height:28px}
body.human-interface-v2 .about-client-logo--hyundai{--client-logo-width:116px;--client-logo-height:24px}
body.human-interface-v2 .about-client-logo--wuling{--client-logo-width:112px;--client-logo-height:26px}
body.human-interface-v2 .about-client-logo--lkk{--client-logo-width:52px;--client-logo-height:52px}
body.human-interface-v2 .about-client-logo--haier{--client-logo-width:86px;--client-logo-height:30px}
body.human-interface-v2 .about-client-logo--adidas{--client-logo-width:48px;--client-logo-height:36px}
body.human-interface-v2 .about-client-logo--softide{--client-logo-width:112px;--client-logo-height:24px}
body.human-interface-v2 .about-client-logo--xiaomi{--client-logo-width:40px;--client-logo-height:40px}
body.human-interface-v2 .about-client-logo--infinitus{--client-logo-width:48px;--client-logo-height:48px}
body.human-interface-v2 .about-client-logo--bmw{--client-logo-width:48px;--client-logo-height:48px}
body.human-interface-v2 .about-client-logo--infinitus img,body.human-interface-v2 .about-client-logo--bmw img{mix-blend-mode:multiply}
body.human-interface-v2 .about-client-name{color:var(--ink-soft);font-family:var(--font-sans);font-size:1.05rem;font-weight:600;letter-spacing:.06em}
body.human-interface-v2 .about-block .about-client-note{margin-top:20px;color:var(--ink-faint);font-family:var(--font-sans);font-size:.76rem;line-height:1.75}
body.human-interface-v2 .about-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px}
body.human-interface-v2 .about-job-grid>div{min-width:0}
@media(hover:hover) and (pointer:fine){
  body.human-interface-v2 .about-client-logo:hover img{filter:none;opacity:1;transform:translateY(-1px)}
}
body.human-interface-v2 .job-tag{padding:7px 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:transparent;font-size:.76rem}
body.human-interface-v2 .timeline-item{padding:0;border:0}
body.human-interface-v2 .timeline-item+.timeline-item{margin-top:22px}
body.human-interface-v2 .timeline-year{color:var(--ink-faint);font-size:.78rem}
body.human-interface-v2 .tl-title{color:var(--ink);font-family:var(--font-serif-cn)}
body.human-interface-v2 .tl-role{color:var(--ink-soft)}

/* Life outside work */
body.human-interface-v2 .life-gallery-section{overflow:hidden;padding:0 0 var(--space-section-y);border-top:0;background:transparent}
body.human-interface-v2 .life-gallery-heading{padding:var(--space-section-y) 0 48px}
body.human-interface-v2 .life-gallery-heading h2{margin:0;color:var(--ink);font-family:var(--font-serif);font-size:clamp(2.15rem,3vw,2.85rem);font-weight:500;line-height:1.04;letter-spacing:-.045em}
body.human-interface-v2 .life-gallery-meta{margin:14px 0 0;color:var(--ink-faint);font-size:.72rem;font-weight:500;line-height:1.4;letter-spacing:.12em}
body.human-interface-v2 .life-gallery-viewport{overflow-x:auto;overflow-y:hidden;padding:0 max(34px,calc((100vw - 1320px)/2));outline:none;cursor:grab;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
body.human-interface-v2 .life-gallery-viewport::-webkit-scrollbar{display:none}
body.human-interface-v2 .life-gallery-viewport:focus-visible{outline:1px solid transparent;outline-offset:-1px;box-shadow:none}
body.human-interface-v2 .life-gallery-viewport.is-auto-playing,body.human-interface-v2 .life-gallery-viewport.is-dragging{scroll-snap-type:none}
body.human-interface-v2 .life-gallery-viewport.is-dragging{cursor:grabbing}
body.human-interface-v2 .life-gallery-track{display:flex;width:max-content;height:500px;align-items:flex-start;gap:16px;padding:0 0 58px;user-select:none;-webkit-user-select:none}
body.human-interface-v2 .life-shot{position:relative;flex:none;overflow:hidden;margin:0;border:1px solid rgba(124,109,88,.18);border-radius:15px;background:var(--paper-deep);box-shadow:0 18px 44px rgba(63,52,38,.08);scroll-snap-align:start;transition:transform 520ms cubic-bezier(.22,1,.36,1),box-shadow 420ms ease}
body.human-interface-v2 .life-shot--tall{width:288px;height:426px}
body.human-interface-v2 .life-shot--portrait{width:274px;height:358px}
body.human-interface-v2 .life-shot--square{width:360px;height:360px}
body.human-interface-v2 .life-shot--wide{width:420px;height:304px}
body.human-interface-v2 .life-shot--rise{margin-top:0}
body.human-interface-v2 .life-shot--center{margin-top:68px}
body.human-interface-v2 .life-shot--sink{margin-top:124px}
body.human-interface-v2 .life-shot img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;filter:saturate(.92) contrast(.99);transition:transform 760ms cubic-bezier(.22,1,.36,1),filter 520ms ease}
body.human-interface-v2 .life-shot figcaption{position:absolute;right:14px;bottom:14px;left:14px;width:max-content;max-width:calc(100% - 28px);padding:7px 10px;border-radius:999px;color:#fff;background:rgba(20,20,18,.58);font-size:.61rem;font-weight:600;letter-spacing:.12em;backdrop-filter:blur(8px)}
@media(hover:hover) and (pointer:fine){
  body.human-interface-v2 .life-shot:hover{z-index:2;box-shadow:0 24px 58px rgba(63,52,38,.15);transform:translateY(-6px)}
  body.human-interface-v2 .life-shot:hover img{filter:saturate(1) contrast(1);transform:scale(1.025)}
}

/* Contact */
body.human-interface-v2 .contact-section{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:var(--space-section-y) 0;border-top:1px solid var(--line-section);background:transparent}
body.human-interface-v2 .contact-inner{width:min(900px,100%);padding:clamp(48px,7vw,92px);border:1px solid var(--line);border-radius:24px;background:rgba(255,253,248,.52);box-shadow:0 28px 70px rgba(61,50,36,.08);text-align:left}
body.human-interface-v2 .contact-inner::before{content:"OPEN TO NEW OPPORTUNITIES";display:block;margin-bottom:30px;color:var(--accent);font-size:.69rem;font-weight:600;letter-spacing:.2em}
body.human-interface-v2 .contact-inner h1{margin:0;color:var(--ink);font-family:var(--font-serif);font-size:clamp(3.5rem,7vw,6.6rem);font-weight:500;line-height:.98;letter-spacing:-.06em}
body.human-interface-v2 .contact-subtitle{margin-top:26px;color:var(--ink-soft);font-family:var(--font-serif-cn);font-size:1.12rem}
body.human-interface-v2 .contact-info{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:42px}
body.human-interface-v2 .contact-info a{border-bottom:1px solid transparent;color:var(--ink);font-family:var(--font-serif);font-size:clamp(1.15rem,2vw,1.55rem);text-decoration:none}
body.human-interface-v2 .contact-info a:hover{border-color:var(--accent);color:var(--accent)}

/* Motion */
body.human-interface-v2 [data-anim]{opacity:0;transform:translateY(16px);transition:opacity 560ms ease,transform 560ms cubic-bezier(.2,.7,.2,1)}
body.human-interface-v2 [data-anim].visible{opacity:1;transform:translateY(0)}
body.human-interface-v2 .build-card-link[data-anim].visible:hover{transform:translateY(-3px)}
body.human-interface-v2 .build-card-link[data-anim].visible:active{transform:translateY(-1px) scale(.995)}
@keyframes heroTextReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
  body.human-interface-v2 #page-home .hero-greeting,body.human-interface-v2 #page-home .hero-person-name,body.human-interface-v2 #page-home .hero-process,body.human-interface-v2 #page-home .hero-intro-list li{opacity:0;transform:translateY(14px);animation:heroTextReveal 620ms cubic-bezier(.16,1,.3,1) forwards}
  body.human-interface-v2 #page-home .hero-greeting{animation-delay:80ms}
  body.human-interface-v2 #page-home .hero-person-name{animation-delay:180ms}
  body.human-interface-v2 #page-home .hero-process{animation-delay:320ms}
  body.human-interface-v2 #page-home .hero-intro-list li:nth-child(1){animation-delay:420ms}
  body.human-interface-v2 #page-home .hero-intro-list li:nth-child(2){animation-delay:500ms}
  body.human-interface-v2 #page-home .hero-intro-list li:nth-child(3){animation-delay:580ms}
  body.human-interface-v2 #page-home .hero-btns{animation:heroTextReveal 620ms cubic-bezier(.16,1,.3,1) 700ms forwards}
}
@media(prefers-reduced-motion:reduce){body.human-interface-v2 *,body.human-interface-v2 *::before,body.human-interface-v2 *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(prefers-reduced-motion:reduce){body.human-interface-v2 #page-home .hero-greeting,body.human-interface-v2 #page-home .hero-person-name,body.human-interface-v2 #page-home .hero-process,body.human-interface-v2 #page-home .hero-intro-list li,body.human-interface-v2 #page-home .hero-btns{opacity:1!important;transform:none!important;animation:none!important}}
@media(prefers-reduced-motion:reduce){body.human-interface-v2 #page-home .mac-screen-hello{opacity:1!important}body.human-interface-v2 #page-home .mac-screen-smile{opacity:0!important}body.human-interface-v2 #page-home .mac-hello-word{clip-path:none!important;opacity:1!important}body.human-interface-v2 #page-home .mac-smile-icon{opacity:0!important;transform:none!important;filter:none!important}}

@media(min-width:821px){
  body.human-interface-v2 #page-home .hero-inner{text-align:left;transform:translateY(clamp(-72px,-6vh,-48px))}
  body.human-interface-v2 #page-home .hero-text{order:1}
  body.human-interface-v2 #page-home .hero-photo{order:2}
  body.human-interface-v2 #page-home .hero-btns{justify-content:flex-start}
}

@media(min-width:821px) and (max-height:800px){
  body.human-interface-v2 #page-home .hero{padding-top:50px;padding-bottom:52px}
  body.human-interface-v2 #page-home .hero-inner{min-height:600px}
  body.human-interface-v2 #page-home .hero-greeting{font-size:2.45rem}
  body.human-interface-v2 #page-home .hero-person-name{font-size:4.25rem}
  body.human-interface-v2 #page-home .hero-process{margin-top:14px}
  body.human-interface-v2 #page-home .hero-intro-list{gap:10px;margin-top:26px;font-size:.92rem;line-height:1.58}
  body.human-interface-v2 #page-home .hero-btns{margin-top:26px}
}

@media(max-width:1120px){
  body.human-interface-v2 .container,body.human-interface-v2 .detail-actions-inner,body.human-interface-v2 .case-index-inner,body.human-interface-v2 .hyundai-hero-intro,body.human-interface-v2 .sleepace-hero-intro,body.human-interface-v2 .detail-hero,body.human-interface-v2 .project-detail-hero,body.human-interface-v2 #page-detail .process-section,body.human-interface-v2 #page-detail .detail-section{width:min(100% - 64px,1320px)}
  body.human-interface-v2 #mainNav{padding-inline:32px}
  body.human-interface-v2 #page-home .hero-inner{grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);gap:56px}
  body.human-interface-v2 .project-archive-heading{grid-template-columns:minmax(0,.8fr) minmax(320px,.72fr);gap:48px}
  body.human-interface-v2 .trusted-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.human-interface-v2 .things-built-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.human-interface-v2 .build-card{grid-template-columns:minmax(0,1.28fr) minmax(180px,.72fr);height:250px;min-height:0}
  body.human-interface-v2 .detail-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.human-interface-v2 .about-inner{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:58px}
}

@media(max-width:820px){
  body.human-interface-v2{--space-section-y:72px;--space-content-y:38px}
  body.human-interface-v2 .container,body.human-interface-v2 .detail-actions-inner,body.human-interface-v2 .case-index-inner,body.human-interface-v2 .hyundai-hero-intro,body.human-interface-v2 .sleepace-hero-intro,body.human-interface-v2 .detail-hero,body.human-interface-v2 .project-detail-hero,body.human-interface-v2 #page-detail .process-section,body.human-interface-v2 #page-detail .detail-section{width:min(100% - 40px,1320px)}
  body.human-interface-v2 #mainNav{height:64px;padding-inline:20px}
  body.human-interface-v2 .page.main-section,body.human-interface-v2 #page-detail{padding-top:64px}
  body.human-interface-v2 .nav-links{display:none}
  body.human-interface-v2 .hamburger{display:flex}
  body.human-interface-v2 .mobile-menu{top:64px}
  body.human-interface-v2 #page-home .hero{min-height:auto;padding:58px 0 72px}
  body.human-interface-v2 #page-home .hero-inner{grid-template-columns:1fr;gap:60px;min-height:auto}
  body.human-interface-v2 #page-home .hero-text{max-width:none}
  body.human-interface-v2 #page-home .name{align-items:center}
  body.human-interface-v2 #page-home .hero-process{justify-content:center;margin-inline:auto}
  body.human-interface-v2 #page-home .hero-intro-list{width:min(100%,440px);margin-inline:auto}
  body.human-interface-v2 #page-home .hero-photo{width:min(100%,460px);grid-row:auto}
  body.human-interface-v2 .stats-inner{grid-template-columns:repeat(2,1fr)}
  body.human-interface-v2 .stat-item:nth-child(2){border-right:0}
  body.human-interface-v2 .stat-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  body.human-interface-v2 .home-featured-section,body.human-interface-v2 .things-built-section{padding:var(--space-section-y) 0}
  body.human-interface-v2 #page-projects .project-archive-section{padding-top:30px!important}
  body.human-interface-v2 .project-archive-header{margin-bottom:70px;padding-bottom:34px}
  body.human-interface-v2 .project-archive-back{margin-bottom:54px}
  body.human-interface-v2 .project-archive-heading{grid-template-columns:1fr;gap:28px}
  body.human-interface-v2 .project-archive-intro{max-width:60ch}
  body.human-interface-v2 .project-archive-meta{margin-top:42px}
  body.human-interface-v2 .home-featured-grid{height:auto;grid-template-columns:1fr;grid-template-rows:auto;gap:16px;min-height:0}
  body.human-interface-v2 #featuredProjects{grid-template-columns:1fr;gap:58px}
  body.human-interface-v2 .home-featured-grid .project-card:first-child{grid-row:auto;min-height:520px}
  body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child{grid-column:auto;display:block;overflow:visible;border:0;border-radius:0;background:transparent}
  body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child .project-img{height:auto;min-height:0;aspect-ratio:16/9;border-radius:18px}
  body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child .project-info{padding:22px 2px 0;border-left:0}
  body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2){min-height:235px}
  body.human-interface-v2 .trusted-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.human-interface-v2 .things-built-grid{grid-template-columns:1fr}
  body.human-interface-v2 .build-card{grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);height:290px;min-height:0}
  body.human-interface-v2 .case-index-nav{top:64px}
  body.human-interface-v2 .case-index-inner{overflow-x:auto;scrollbar-width:none}
  body.human-interface-v2 .case-index-inner::-webkit-scrollbar{display:none}
  body.human-interface-v2 .hyundai-hero-intro,body.human-interface-v2 .sleepace-hero-intro,body.human-interface-v2 .detail-hero,body.human-interface-v2 .project-detail-hero{padding:62px 0 56px}
  body.human-interface-v2 .detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:44px}
  body.human-interface-v2 #page-detail .process-section,body.human-interface-v2 #page-detail .detail-section{padding-top:72px;padding-bottom:72px}
  body.human-interface-v2 .about-hero{padding:var(--space-section-y) 0}
  body.human-interface-v2 .about-inner{grid-template-columns:1fr;gap:52px}
  body.human-interface-v2 .about-photo{position:relative;top:auto;width:min(100%,430px)}
  body.human-interface-v2 .life-gallery-heading{padding:var(--space-section-y) 0 40px}
  body.human-interface-v2 .life-gallery-viewport{padding-inline:max(28px,calc((100vw - 1320px)/2))}
  body.human-interface-v2 .life-gallery-track{height:452px}
  body.human-interface-v2 .life-shot--tall{width:264px;height:392px}
  body.human-interface-v2 .life-shot--portrait{width:250px;height:330px}
  body.human-interface-v2 .life-shot--square{width:324px;height:324px}
  body.human-interface-v2 .life-shot--wide{width:368px;height:276px}
  body.human-interface-v2 .life-shot--center{margin-top:56px}
  body.human-interface-v2 .life-shot--sink{margin-top:100px}
  body.human-interface-v2 .contact-inner{padding:48px 34px}
}

@media(max-width:520px){
  body.human-interface-v2{--space-section-y:64px;--space-content-y:34px}
  body.human-interface-v2 .container,body.human-interface-v2 .detail-actions-inner,body.human-interface-v2 .case-index-inner,body.human-interface-v2 .hyundai-hero-intro,body.human-interface-v2 .sleepace-hero-intro,body.human-interface-v2 .detail-hero,body.human-interface-v2 .project-detail-hero,body.human-interface-v2 #page-detail .process-section,body.human-interface-v2 #page-detail .detail-section{width:min(100% - 28px,1320px)}
  body.human-interface-v2 #page-home .hero-greeting{font-size:clamp(2.1rem,10.5vw,2.7rem)}
  body.human-interface-v2 #page-home .hero-person-name{font-size:clamp(3.55rem,17vw,4.35rem)}
  body.human-interface-v2 #page-home .hero-process{gap:9px;margin-top:15px;font-size:.61rem;letter-spacing:.13em}
  body.human-interface-v2 #page-home .hero-intro-list{width:min(100%,330px);gap:11px;margin-top:27px;font-size:.9rem;line-height:1.62}
  body.human-interface-v2 #page-home .hero-intro-list li{padding-left:18px}
  body.human-interface-v2 .hero-btns,body.human-interface-v2 .contact-btns{display:grid;grid-template-columns:1fr 1fr}
  body.human-interface-v2 .btn-primary,body.human-interface-v2 .btn-secondary{padding-inline:15px}
  body.human-interface-v2 #page-home .hero-photo{padding:24px 22px 82px;border-radius:28px 28px 36px 36px}
  body.human-interface-v2 #page-home .hero-photo img{border-width:9px;border-radius:18px}
  body.human-interface-v2 #page-home .hero-photo::before{right:28px;bottom:34px;width:78px}
  body.human-interface-v2 #page-home .hero-photo::after{bottom:26px;left:25px}
  body.human-interface-v2 .stat-item{min-height:132px;padding:22px 12px}
  body.human-interface-v2 .stat-label{max-width:9em}
  body.human-interface-v2 .home-featured-header{align-items:flex-start;flex-direction:column;margin-bottom:38px}
  body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2){grid-template-columns:42% 58%;min-height:252px}
  body.human-interface-v2 .home-featured-grid .project-card[data-project-id="honor-robot"] .project-img{object-position:center center}
  body.human-interface-v2 .home-featured-grid .project-card[data-project-id="hyundai"] .project-img{object-position:center center}
  body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2) .project-info{padding:20px 42px 20px 16px}
  body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2) .project-client{font-size:.59rem;letter-spacing:.06em}
  body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2) .project-name{font-size:1.02rem;line-height:1.3}
  body.human-interface-v2 .home-featured-grid .project-card:nth-child(n+2) .project-desc{display:-webkit-box;overflow:hidden;margin-top:10px;color:var(--ink-soft);font-size:.7rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  body.human-interface-v2 #page-projects #featuredProjects .project-img,
  body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child .project-img{height:auto;aspect-ratio:4/5;object-position:center;border-radius:16px}
  body.human-interface-v2 .things-built-header{margin-bottom:32px}
  body.human-interface-v2 .things-built-title{font-size:clamp(2.2rem,12vw,3rem)}
  body.human-interface-v2 .build-card{display:flex;height:auto;min-height:0;flex-direction:column}
  body.human-interface-v2 .build-media{height:210px;flex:none;border-right:0;border-bottom:1px solid var(--line)}
  body.human-interface-v2 .build-card-app .build-media{height:210px}
  body.human-interface-v2 .build-info{min-height:190px;padding:26px 24px}
  body.human-interface-v2 .project-archive-header{margin-bottom:58px}
  body.human-interface-v2 .project-archive-title{font-size:clamp(3.15rem,18vw,4.8rem)}
  body.human-interface-v2 .project-archive-intro{font-size:.88rem}
  body.human-interface-v2 .project-archive-meta{align-items:flex-start;flex-direction:column;gap:12px}
  body.human-interface-v2 .project-name{font-size:1.48rem}
  body.human-interface-v2 .project-desc{font-size:.86rem}
  body.human-interface-v2 #page-projects .projects-section{padding:72px 0 96px!important}
  body.human-interface-v2 .section-title{margin-bottom:44px}
  body.human-interface-v2 .projects-group+.projects-group{margin-top:92px;padding-top:66px}
  body.human-interface-v2 .projects-group-head{margin-bottom:38px}
  body.human-interface-v2 .trusted-wall{grid-template-columns:1fr}
  body.human-interface-v2 .partner-tile{min-height:146px}
  body.human-interface-v2 .detail-sticky-actions{padding-top:14px}
  body.human-interface-v2 #page-detail h1,body.human-interface-v2 #page-detail .hero-title{font-size:clamp(2.4rem,12vw,3.35rem)}
  body.human-interface-v2 #page-detail .section-header h2,body.human-interface-v2 #page-detail .section-title-cn,body.human-interface-v2 #page-detail h2{font-size:clamp(2rem,9vw,2.7rem)}
  body.human-interface-v2 .detail-meta{grid-template-columns:1fr}
  body.human-interface-v2 .meta-item{padding:19px 0;border-bottom:1px solid var(--line)}
  body.human-interface-v2 .meta-item:last-child{border-bottom:0}
  body.human-interface-v2 .about-content h1{font-size:3.2rem}
  body.human-interface-v2 .about-content .subtitle{font-size:.92rem}
  body.human-interface-v2 .about-section-title{margin-bottom:32px;font-size:clamp(2.2rem,12vw,3rem)}
  body.human-interface-v2 .about-block.about-block--major{margin-top:52px;padding-top:42px}
  body.human-interface-v2 .about-capability-grid{grid-template-columns:1fr;gap:24px}
  body.human-interface-v2 .about-workstyle-grid{grid-template-columns:1fr;gap:0}
  body.human-interface-v2 .about-workstyle-item{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px 0}
  body.human-interface-v2 .about-advantage-copy{gap:6px}
  body.human-interface-v2 .about-job-grid{grid-template-columns:1fr}
  body.human-interface-v2 .about-workstyle-item h4{font-size:.92rem}
  body.human-interface-v2 .about-workstyle-item p{font-size:.72rem;line-height:1.7}
  body.human-interface-v2 .about-client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
  body.human-interface-v2 .about-client-logo{height:50px;transform:scale(.9)}
  body.human-interface-v2 .life-gallery-section{padding-bottom:var(--space-section-y)}
  body.human-interface-v2 .life-gallery-heading{padding:var(--space-section-y) 0 32px}
  body.human-interface-v2 .life-gallery-heading h2{font-size:clamp(2.15rem,10vw,2.7rem)}
  body.human-interface-v2 .life-gallery-meta{margin-top:11px;font-size:.68rem}
  body.human-interface-v2 .life-gallery-viewport{padding-inline:14px;scroll-snap-type:none;touch-action:pan-x pan-y pinch-zoom}
  body.human-interface-v2 .life-gallery-track{height:378px;gap:10px;padding-bottom:38px}
  body.human-interface-v2 .life-shot{border-radius:12px}
  body.human-interface-v2 .life-shot--tall{width:224px;height:338px}
  body.human-interface-v2 .life-shot--portrait{width:210px;height:286px}
  body.human-interface-v2 .life-shot--square{width:286px;height:286px}
  body.human-interface-v2 .life-shot--wide{width:302px;height:226px}
  body.human-interface-v2 .life-shot--center{margin-top:42px}
  body.human-interface-v2 .life-shot--sink{margin-top:76px}
  body.human-interface-v2 .life-shot figcaption{right:10px;bottom:10px;left:10px;max-width:calc(100% - 20px);font-size:.56rem}
  body.human-interface-v2 .contact-section{padding:var(--space-section-y) 0}
  body.human-interface-v2 .contact-inner{padding:38px 24px;border-radius:18px}
}

/* Detail pages: compact editorial layout with an early-computer display frame */
body.human-interface-v2.detail-page-active .case-index-nav{
  position:fixed;
  top:72px;
  height:58px;
  border-top:0;
  background:rgba(245,241,233,.965);
  box-shadow:0 7px 20px rgba(54,44,31,.04);
}
body.human-interface-v2.detail-page-active .case-index-inner{
  width:min(1220px,calc(100% - 96px));
  height:58px;
  min-height:0;
  padding:0;
  display:flex;
  align-items:stretch;
  gap:0;
}
body.human-interface-v2.detail-page-active .case-index-kicker,
body.human-interface-v2.detail-page-active .case-index-state{
  display:none;
}
body.human-interface-v2.detail-page-active .case-index-links{
  width:100%;
  height:58px;
  align-items:stretch;
  gap:clamp(25px,3vw,44px);
  overflow-x:auto;
  scrollbar-width:none;
}
body.human-interface-v2.detail-page-active .case-index-links::-webkit-scrollbar{display:none}
body.human-interface-v2.detail-page-active .case-index-group{height:58px;align-items:stretch}
body.human-interface-v2.detail-page-active .case-index-link{
  height:58px;
  padding:1px 0 0;
  color:var(--ink-soft);
  font-size:.84rem;
  font-weight:500;
  letter-spacing:.015em;
}
body.human-interface-v2.detail-page-active .case-index-link::after{bottom:0;height:2px}
body.human-interface-v2.detail-page-active .case-index-link:hover,
body.human-interface-v2.detail-page-active .case-index-link.is-active{color:var(--ink)}
body.human-interface-v2.detail-page-active .case-index-toggle{width:17px;padding-left:7px;color:var(--ink-faint)}
body.human-interface-v2.detail-page-active .case-index-submenu{
  top:calc(100% + 1px);
  left:-16px;
  width:min(330px,72vw);
  padding:7px;
  border-radius:12px;
  background:rgba(255,253,248,.985);
  box-shadow:0 20px 48px rgba(52,42,30,.11);
}
body.human-interface-v2.detail-page-active .case-index-sub-link{padding:10px 11px;grid-template-columns:74px minmax(0,1fr)}
body.human-interface-v2.detail-page-active .case-index-progress{height:1px;background:rgba(122,112,104,.12)}

body.human-interface-v2 #page-detail>div[id$="Detail"]{
  width:100%;
  max-width:none;
  margin-inline:0;
}
body.human-interface-v2 #page-detail>div[id$="Detail"]>section,
body.human-interface-v2 #page-detail>div[id$="Detail"]>.overview-header,
body.human-interface-v2 #page-detail>div[id$="Detail"]>.context-grid,
body.human-interface-v2 #page-detail>div[id$="Detail"]>.detail-nav{
  width:min(1220px,calc(100% - 96px));
  max-width:none;
  margin-inline:auto;
}
body.human-interface-v2 .detail-actions-inner{width:min(1220px,calc(100% - 96px))}
body.human-interface-v2 .detail-sticky-actions{padding-top:18px}
body.human-interface-v2 .detail-action{font-size:.84rem}
body.human-interface-v2 .detail-back{display:none!important}

body.human-interface-v2 #page-detail .retro-detail-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);
  grid-template-areas:
    "tag visual"
    "title visual"
    "desc visual"
    "meta meta";
  column-gap:clamp(50px,6vw,88px);
  align-items:start;
  padding:50px 0 46px;
  border-bottom:0;
}
body.human-interface-v2 #page-detail .retro-detail-hero>.project-tagline{
  grid-area:tag;
  align-self:end;
  margin:0 0 24px;
  color:var(--accent)!important;
  font-family:var(--font-serif)!important;
  font-size:.78rem!important;
  font-weight:500!important;
  line-height:1.45!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.human-interface-v2 #page-detail .retro-detail-hero>h1,
body.human-interface-v2 #page-detail .retro-detail-hero>.hero-title{
  grid-area:title;
  align-self:start;
  max-width:760px;
  margin:0!important;
  color:var(--ink);
  font-size:clamp(2.55rem,4.15vw,4.05rem)!important;
  font-weight:500!important;
  line-height:1.15!important;
  letter-spacing:-.05em!important;
  text-wrap:balance;
}
body.human-interface-v2 #page-detail .retro-detail-hero>.hero-desc{
  grid-area:desc;
  max-width:720px;
  margin:24px 0 0;
  color:var(--ink-soft);
  font-family:var(--font-sans);
  font-size:1rem;
  line-height:1.85;
  text-wrap:pretty;
}
body.human-interface-v2 #page-detail .retro-detail-hero>.retro-detail-visual{
  grid-area:visual;
  position:relative;
  isolation:isolate;
  align-self:center;
  width:100%;
  margin:0;
  padding:12px 12px 32px;
  overflow:hidden;
  border:1px solid #a89d86;
  border-radius:13px 13px 17px 17px;
  background:
    linear-gradient(0deg,rgba(113,97,67,.13),transparent 32px),
    linear-gradient(115deg,#ece6d8 0%,#d5c9b0 72%,#c4b696 100%);
  /* A rounded front bezel over a visible lower casing, with a soft contact shadow. */
  box-shadow:
    inset 0 2px 1px #fff9ea,
    inset 3px 0 3px rgba(255,253,242,.72),
    inset -3px 0 4px rgba(98,80,48,.18),
    inset 0 -4px 3px rgba(116,98,65,.23),
    0 5px 0 #b8aa8f,
    0 8px 0 #988c76,
    0 9px 1px rgba(83,72,51,.45),
    0 20px 22px -13px rgba(60,48,31,.38);
  animation:detailVisualReveal 320ms ease-out both;
}
body.human-interface-v2 #page-detail .retro-detail-hero>.retro-detail-visual::before{
  content:"";
  position:absolute;
  left:25px;
  bottom:12px;
  width:18px;
  height:5px;
  border:1px solid rgba(73,63,50,.28);
  border-radius:2px;
  background:linear-gradient(90deg,#5d9648 0 25%,#e5ba37 25% 50%,#dc7130 50% 75%,#b9493f 75% 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.68);
  opacity:.65;
}
body.human-interface-v2 #page-detail .retro-detail-hero>.retro-detail-visual::after{
  content:"";
  position:absolute;
  right:20px;
  bottom:12px;
  width:4px;
  height:4px;
  border:1px solid #838b6d;
  border-radius:50%;
  background:#9aa884;
  box-shadow:0 1px 0 rgba(255,255,255,.55);
}
body.human-interface-v2 #page-detail .retro-detail-hero>.retro-detail-visual>img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  margin:0;
  border:7px solid;
  border-color:#292b25 #515044 #817b68 #38392f;
  border-radius:9px;
  object-fit:cover;
  object-position:center;
  background:var(--screen);
  filter:none;
  box-shadow:0 0 0 1px #aca18a,0 -3px 4px rgba(56,48,31,.4),0 2px 1px rgba(255,253,237,.92);
}
@keyframes detailVisualReveal{
  from{opacity:0}
  to{opacity:1}
}

body.human-interface-v2 #page-detail .retro-detail-hero>.detail-meta{
  grid-area:meta;
  display:grid;
  grid-template-columns:.72fr .58fr 1fr 1.25fr 2fr;
  margin-top:48px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,253,248,.38);
}
body.human-interface-v2 #page-detail .retro-detail-hero .meta-item{
  min-width:0;
  padding:17px 22px 19px;
  border-right:1px solid var(--line);
}
body.human-interface-v2 #page-detail .retro-detail-hero .meta-item:last-child{border-right:0}
body.human-interface-v2 #page-detail .retro-detail-hero .meta-item label{
  margin-bottom:7px;
  color:var(--ink-faint);
  font-size:.65rem;
  letter-spacing:.09em;
}
body.human-interface-v2 #page-detail .retro-detail-hero .meta-item span{
  color:var(--ink);
  font-family:var(--font-serif-cn);
  font-size:.9rem;
  line-height:1.55;
  word-break:keep-all;
  overflow-wrap:normal;
  text-wrap:pretty;
}
body.human-interface-v2 #page-detail .retro-detail-hero .meta-term{white-space:nowrap}

body.human-interface-v2 #page-detail .process-section,
body.human-interface-v2 #page-detail .detail-section,
body.human-interface-v2 #page-detail .deliverable-section,
body.human-interface-v2 #page-detail .impact-section,
body.human-interface-v2 #page-detail .method-detail-section,
body.human-interface-v2 #page-detail .sleepace-method-section{
  width:min(1220px,calc(100% - 96px));
  max-width:none;
  margin-inline:auto;
  padding-top:76px;
  padding-bottom:76px;
  scroll-margin-top:148px;
}
body.human-interface-v2 #page-detail .overview-header{
  max-width:none;
  margin-top:76px;
  margin-bottom:34px;
}
body.human-interface-v2 #page-detail .section-header{max-width:980px;margin-bottom:34px}
body.human-interface-v2 #page-detail .section-header h2,
body.human-interface-v2 #page-detail .section-title-cn,
body.human-interface-v2 #page-detail h2{
  font-size:clamp(2rem,3.2vw,3rem);
  line-height:1.22;
  letter-spacing:-.035em;
}
body.human-interface-v2 #page-detail .section-desc,
body.human-interface-v2 #page-detail .method-intro,
body.human-interface-v2 #page-detail .section-subtitle{
  max-width:920px;
  margin-top:14px;
  color:var(--ink-soft);
  font-size:1rem;
  line-height:1.82;
}
body.human-interface-v2 #page-detail :is(.context-card,.process-step,.method-card,.stage-card,.track-card,.research-step-card,.pest-card,.deliverable-card,.impact-card,.framework-card) h3{
  color:var(--ink);
  font-size:1.16rem;
  line-height:1.48;
}
body.human-interface-v2 #page-detail :is(.context-card,.process-step,.method-card,.stage-card,.track-card,.research-step-card,.pest-card,.deliverable-card,.impact-card,.framework-card) p,
body.human-interface-v2 #page-detail .logic-summary,
body.human-interface-v2 #page-detail .logic-label,
body.human-interface-v2 #page-detail .logic-node,
body.human-interface-v2 #page-detail .logic-sep,
body.human-interface-v2 #page-detail .impact-list li{
  font-size:.94rem;
  line-height:1.78;
}
body.human-interface-v2 #page-detail .method-detail-section .part-title{font-size:clamp(1.55rem,2.35vw,2rem);line-height:1.4}
body.human-interface-v2 #page-detail .method-detail-section .part-logic{padding-top:12px;margin-bottom:28px}
body.human-interface-v2 #page-detail .deliverable-content{margin-top:32px}
body.human-interface-v2 #page-detail .detail-nav{padding-top:66px;padding-bottom:70px}

@media(max-width:1120px){
  body.human-interface-v2.detail-page-active .case-index-inner,
  body.human-interface-v2 .detail-actions-inner,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>section,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>.overview-header,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>.context-grid,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>.detail-nav,
  body.human-interface-v2 #page-detail .process-section,
  body.human-interface-v2 #page-detail .detail-section,
  body.human-interface-v2 #page-detail .deliverable-section,
  body.human-interface-v2 #page-detail .impact-section,
  body.human-interface-v2 #page-detail .method-detail-section,
  body.human-interface-v2 #page-detail .sleepace-method-section{width:min(100% - 64px,1220px)}
  body.human-interface-v2 #page-detail .retro-detail-hero{grid-template-columns:minmax(0,1fr) minmax(350px,.8fr);column-gap:48px}
  body.human-interface-v2 #page-detail .retro-detail-hero>.detail-meta{grid-template-columns:.7fr .55fr .92fr 1.35fr 1.8fr}
  body.human-interface-v2 #page-detail .retro-detail-hero .meta-item{padding-inline:17px}
  body.human-interface-v2 #page-detail .retro-detail-hero .meta-item span{font-size:.86rem}
}

@media(max-width:820px){
  body.human-interface-v2.detail-page-active .case-index-nav{top:64px;height:54px}
  body.human-interface-v2.detail-page-active .case-index-inner{width:100%;height:54px;padding:0 20px}
  body.human-interface-v2.detail-page-active .case-index-links{height:54px;gap:26px}
  body.human-interface-v2.detail-page-active .case-index-group,
  body.human-interface-v2.detail-page-active .case-index-link{height:54px}
  body.human-interface-v2.detail-page-active .case-index-link{font-size:.79rem}
  body.human-interface-v2.detail-page-active .case-index-toggle,
  body.human-interface-v2.detail-page-active .case-index-submenu{display:none!important}
  body.human-interface-v2 .detail-actions-inner,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>section,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>.overview-header,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>.context-grid,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>.detail-nav,
  body.human-interface-v2 #page-detail .process-section,
  body.human-interface-v2 #page-detail .detail-section,
  body.human-interface-v2 #page-detail .deliverable-section,
  body.human-interface-v2 #page-detail .impact-section,
  body.human-interface-v2 #page-detail .method-detail-section,
  body.human-interface-v2 #page-detail .sleepace-method-section{width:min(100% - 40px,1220px)}
  body.human-interface-v2 #page-detail .retro-detail-hero{
    grid-template-columns:1fr;
    grid-template-areas:"tag" "title" "desc" "visual" "meta";
    gap:0;
    padding:42px 0 40px;
  }
  body.human-interface-v2 #page-detail .retro-detail-hero>.project-tagline{margin-bottom:18px}
  body.human-interface-v2 #page-detail .retro-detail-hero>.hero-desc{margin-top:20px}
  body.human-interface-v2 #page-detail .retro-detail-hero>.retro-detail-visual{width:min(100%,660px);margin-top:36px}
  body.human-interface-v2 #page-detail .retro-detail-hero>.detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px}
  body.human-interface-v2 #page-detail .retro-detail-hero .meta-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  body.human-interface-v2 #page-detail .retro-detail-hero .meta-item:nth-child(2n){border-right:0}
  body.human-interface-v2 #page-detail .retro-detail-hero .meta-item:last-child{grid-column:1/-1;border-bottom:0}
  body.human-interface-v2 #page-detail .retro-detail-hero .meta-item:nth-last-child(2){border-bottom:0}
  body.human-interface-v2 #page-detail .process-section,
  body.human-interface-v2 #page-detail .detail-section,
  body.human-interface-v2 #page-detail .deliverable-section,
  body.human-interface-v2 #page-detail .impact-section,
  body.human-interface-v2 #page-detail .method-detail-section,
  body.human-interface-v2 #page-detail .sleepace-method-section{padding-top:64px;padding-bottom:64px;scroll-margin-top:130px}
}

@media(max-width:520px){
  body.human-interface-v2 .detail-actions-inner,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>section,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>.overview-header,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>.context-grid,
  body.human-interface-v2 #page-detail>div[id$="Detail"]>.detail-nav,
  body.human-interface-v2 #page-detail .process-section,
  body.human-interface-v2 #page-detail .detail-section,
  body.human-interface-v2 #page-detail .deliverable-section,
  body.human-interface-v2 #page-detail .impact-section,
  body.human-interface-v2 #page-detail .method-detail-section,
  body.human-interface-v2 #page-detail .sleepace-method-section{width:min(100% - 28px,1220px)}
  body.human-interface-v2 #page-detail .retro-detail-hero>h1,
  body.human-interface-v2 #page-detail .retro-detail-hero>.hero-title{font-size:clamp(2.05rem,9vw,2.55rem)!important;line-height:1.18!important}
  body.human-interface-v2 #page-detail .retro-detail-hero>.hero-desc{font-size:.94rem;line-height:1.78}
  body.human-interface-v2 #page-detail .retro-detail-hero>.retro-detail-visual{padding:9px 9px 26px;border-radius:11px 11px 14px 14px}
  body.human-interface-v2 #page-detail .retro-detail-hero>.retro-detail-visual>img{border-width:7px;border-radius:7px}
  body.human-interface-v2 #page-detail .retro-detail-hero>.retro-detail-visual::before{left:19px;bottom:10px}
  body.human-interface-v2 #page-detail .retro-detail-hero>.retro-detail-visual::after{right:18px;bottom:10px}
  body.human-interface-v2 #page-detail .retro-detail-hero>.detail-meta{grid-template-columns:1fr}
  body.human-interface-v2 #page-detail .retro-detail-hero .meta-item,
  body.human-interface-v2 #page-detail .retro-detail-hero .meta-item:nth-child(2n),
  body.human-interface-v2 #page-detail .retro-detail-hero .meta-item:nth-last-child(2){grid-column:auto;padding:14px 17px 15px;border-right:0;border-bottom:1px solid var(--line)}
  body.human-interface-v2 #page-detail .retro-detail-hero .meta-item:last-child{grid-column:auto;border-bottom:0}
  body.human-interface-v2 #page-detail .overview-header{margin-top:62px}
  body.human-interface-v2 #page-detail .section-header h2,
  body.human-interface-v2 #page-detail .section-title-cn,
  body.human-interface-v2 #page-detail h2{font-size:clamp(1.82rem,8.4vw,2.42rem)}
  body.human-interface-v2 #page-detail :is(.context-card,.process-step,.method-card,.stage-card,.track-card,.research-step-card,.pest-card,.deliverable-card,.impact-card,.framework-card) p,
  body.human-interface-v2 #page-detail .logic-summary,
  body.human-interface-v2 #page-detail .logic-label,
  body.human-interface-v2 #page-detail .logic-node,
  body.human-interface-v2 #page-detail .logic-sep,
  body.human-interface-v2 #page-detail .impact-list li{font-size:.91rem}
}

/* Focused QA fixes layered after the main visual theme. */

:root {
  --qa-motion-standard: cubic-bezier(0.22, 1, 0.36, 1);
}

:where(h1, h2, h3, h4, .project-name, .part-title) {
  text-wrap: balance;
  line-break: strict;
}

:where(p, li, .section-desc, .hero-desc, .project-desc, .strategy-summary) {
  text-wrap: pretty;
  line-break: strict;
  overflow-wrap: break-word;
}

:where(a, button, [tabindex]):focus-visible {
  outline: 2px solid var(--accent, #d44a2c);
  outline-offset: 4px;
}

img {
  max-width: 100%;
}

.sleepace-icon-sprite,
.robam-icon-sprite,
.hyundai-icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.project-card,
.first-featured-project,
.featured-project-card,
.project-img,
.project-arrow {
  transition-duration: 520ms !important;
  transition-timing-function: var(--qa-motion-standard) !important;
}

.mobile-menu {
  display: flex;
  flex-direction: column;
  gap: 32px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-12px);
  pointer-events: none;
  transition:
    opacity 260ms ease,
    transform 360ms var(--qa-motion-standard),
    visibility 0s linear 360ms;
}

.mobile-menu.open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 0s;
}

.hamburger[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(6.5px) rotate(45deg);
}

.hamburger[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.hamburger[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-6.5px) rotate(-45deg);
}

body.detail-page-active .detail-meta {
  grid-template-columns:
    minmax(96px, 0.72fr)
    minmax(78px, 0.55fr)
    minmax(130px, 0.95fr)
    minmax(210px, 1.55fr)
    minmax(260px, 1.8fr);
  align-items: start;
}

body.detail-page-active .meta-item {
  min-width: 0;
}

body.detail-page-active .meta-item > span {
  display: block;
  text-wrap: pretty;
  line-break: strict;
}

body.detail-page-active .meta-item .meta-term {
  display: inline-block;
  white-space: nowrap;
}

body.human-interface-v2.detail-page-active #page-detail .project-overview-header {
  margin-bottom: 0;
}

body.human-interface-v2.detail-page-active #page-detail .project-overview-header h2 {
  margin-bottom: 0;
}

body.human-interface-v2.detail-page-active #page-detail .project-overview-header + .context-grid {
  margin-top: clamp(24px, 3vw, 32px);
}

body.detail-page-active .case-index-links {
  scrollbar-width: none;
}

body.detail-page-active .case-index-links::-webkit-scrollbar {
  display: none;
}

@media (hover: none) {
  .project-card:hover,
  .first-featured-project:hover,
  .featured-project-card:hover {
    transform: none !important;
  }

  .project-card:hover .project-img,
  .first-featured-project:hover img,
  .featured-project-card:hover img,
  .project-card:hover .project-arrow {
    transform: none !important;
  }
}

@media (max-width: 1040px) {
  body.detail-page-active .detail-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.detail-page-active .detail-meta .meta-item:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  body.detail-page-active .detail-meta {
    grid-template-columns: 1fr;
  }

  body.detail-page-active .detail-meta .meta-item:last-child {
    grid-column: auto;
  }

  body.human-interface-v2.detail-page-active .case-index-links {
    gap: 18px;
    scroll-snap-type: x proximity;
  }

  body.detail-page-active .case-index-group {
    scroll-snap-align: start;
  }
}

/* GAC experience-innovation capability case */
body.human-interface-v2.detail-page-active #gacDetail .gac-hero-visual {
  min-width: 0;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-hero-carousel {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 9px solid #25241f;
  border-radius: 17px;
  background: #11130f;
  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.72), 0 7px 13px rgba(60, 48, 31, 0.16), inset 0 0 0 2px #080906;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: gacHeroCycle 35s ease-in-out infinite;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide:nth-child(2) { animation-delay: 5s; }
body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide:nth-child(3) { animation-delay: 10s; }
body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide:nth-child(4) { animation-delay: 15s; }
body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide:nth-child(5) { animation-delay: 20s; }
body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide:nth-child(6) { animation-delay: 25s; }
body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide:nth-child(7) { animation-delay: 30s; }

body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.86) contrast(1.02);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide--cover img {
  filter: saturate(0.9) contrast(1.02) brightness(0.94);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide > span {
  position: absolute;
  left: 18px;
  bottom: 16px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  background: rgba(17, 18, 15, 0.68);
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.67rem;
  letter-spacing: 0.03em;
  backdrop-filter: blur(10px);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide > span b {
  color: #ff9a6a;
  font-size: 0.6rem;
  letter-spacing: 0.13em;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-hero-carousel:hover .gac-hero-slide {
  animation-play-state: paused;
}

@keyframes gacHeroCycle {
  0%, 12% { opacity: 1; }
  14.285%, 100% { opacity: 0; }
}

body.human-interface-v2.detail-page-active #gacDetail .gac-overview-list {
  display: grid;
  gap: 7px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-overview-list li {
  position: relative;
  padding-left: 15px;
  color: var(--ink-soft);
  font-size: 0.82rem;
  line-height: 1.55;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-overview-list li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--accent);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-process-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-process-node {
  position: relative;
  min-width: 0;
  min-height: 270px;
  padding: 28px 24px 26px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 253, 248, 0.58);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-process-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 34px;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
  border-radius: 12px;
  color: var(--accent);
  font-family: var(--font-serif);
  font-size: 1rem;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-process-kicker {
  margin: 0 0 8px;
  color: var(--accent);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-process-node h3 {
  margin: 0 0 13px;
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 1.28rem;
  font-weight: 600;
  line-height: 1.4;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-process-node > p:last-child {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.91rem;
  line-height: 1.78;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-section .part-logic {
  margin-bottom: 30px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(420px, 1.12fr);
  gap: 24px;
  align-items: stretch;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-layout--reverse {
  grid-template-columns: minmax(420px, 1.12fr) minmax(0, 0.88fr);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-copy {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-copy article,
body.human-interface-v2.detail-page-active #gacDetail .gac-evaluation-grid article {
  padding: 25px 24px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255, 253, 248, 0.58);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-copy small,
body.human-interface-v2.detail-page-active #gacDetail .gac-evaluation-grid small,
body.human-interface-v2.detail-page-active #gacDetail .gac-tools-catalogue small {
  display: block;
  margin-bottom: 9px;
  color: var(--accent);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.13em;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-copy h3,
body.human-interface-v2.detail-page-active #gacDetail .gac-evaluation-grid h3,
body.human-interface-v2.detail-page-active #gacDetail .gac-tools-catalogue h3 {
  margin: 0 0 10px;
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.45;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-copy p,
body.human-interface-v2.detail-page-active #gacDetail .gac-evaluation-grid p,
body.human-interface-v2.detail-page-active #gacDetail .gac-tools-catalogue p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.88rem;
  line-height: 1.72;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-visual {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 253, 248, 0.56);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-visual img {
  display: block;
  width: 100%;
  flex: 1;
  min-height: 320px;
  object-fit: cover;
  filter: saturate(0.8) contrast(1.01);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-visual--contain img {
  object-fit: contain;
  padding: 18px;
  background: #fff;
  filter: saturate(0.92) contrast(1.01);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-phase-visual figcaption {
  padding: 15px 18px 17px;
  color: var(--ink-soft);
  font-size: 0.76rem;
  line-height: 1.55;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-evaluation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-evaluation-grid article {
  padding: 22px 20px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-method-story {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
  gap: 38px;
  align-items: stretch;
  margin-top: 34px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-story-flow {
  display: grid;
  gap: 12px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-story-step {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 18px;
  padding: 23px 24px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255, 253, 248, 0.55);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-story-step > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(205, 73, 39, 0.09);
  color: var(--accent);
  font-family: var(--font-serif);
  font-size: 0.95rem;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-story-step small {
  display: block;
  margin: 0 0 7px;
  color: var(--accent);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.13em;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-story-step h3 {
  margin: 0 0 8px;
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.46;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-story-step p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.9rem;
  line-height: 1.72;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-story-step--question {
  border-color: color-mix(in srgb, var(--accent) 25%, var(--line));
  background: rgba(205, 73, 39, 0.035);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-story-step--concept {
  background: rgba(255, 250, 243, 0.82);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 253, 248, 0.56);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence-image {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #ece7df;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence-image::after {
  content: "PROJECT DETAILS ANONYMIZED";
  position: absolute;
  right: 16px;
  bottom: 14px;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(27, 26, 23, 0.78);
  color: rgba(255, 255, 255, 0.84);
  font-size: 0.56rem;
  letter-spacing: 0.1em;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.72) blur(1.1px);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence figcaption {
  display: grid;
  gap: 7px;
  padding: 22px 24px 24px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence figcaption strong {
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 1.03rem;
  font-weight: 600;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence figcaption span {
  color: var(--ink-soft);
  font-size: 0.89rem;
  line-height: 1.7;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-output-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-output-grid article {
  min-height: 205px;
  padding: 26px 24px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255, 253, 248, 0.57);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-output-grid strong {
  display: block;
  margin-bottom: 24px;
  color: var(--accent);
  font-family: var(--font-serif);
  font-size: clamp(2.5rem, 4.3vw, 4rem);
  font-weight: 400;
  line-height: 1;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-output-grid h3 {
  margin: 0 0 9px;
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.45;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-output-grid p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.87rem;
  line-height: 1.65;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-deliverable-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-deliverable-summary-grid article {
  min-height: 178px;
  padding: 28px 26px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 253, 248, 0.6);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-deliverable-summary-grid span {
  display: block;
  margin-bottom: 28px;
  color: var(--accent);
  font-family: var(--font-serif);
  font-size: 1.05rem;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-deliverable-summary-grid h3 {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 1.22rem;
  font-weight: 600;
  line-height: 1.45;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-deliverable-summary-grid p {
  margin: 12px 0 0;
  color: var(--ink-soft);
  font-size: 0.88rem;
  line-height: 1.72;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-output-grid--practice {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.human-interface-v2.detail-page-active #gacDetail .gac-output-grid--practice article {
  min-height: 218px;
  padding: 25px 20px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-triple-diamond {
  display: grid;
  gap: 24px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-model-phasebar {
  display: grid;
  grid-template-columns: 2fr 1fr;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 253, 248, 0.58);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-model-phasebar div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-width: 0;
  padding: 14px 18px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-model-phasebar div:first-child {
  border-right: 1px solid var(--line);
  background: color-mix(in srgb, var(--accent) 4%, transparent);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-model-phasebar span {
  color: var(--accent);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-model-phasebar strong {
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 0.96rem;
  font-weight: 600;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-triple-diamond-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-shape {
  position: relative;
  display: grid;
  place-items: center;
  width: min(100%, 230px);
  aspect-ratio: 1;
  margin: 0 auto -26px;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  background: color-mix(in srgb, var(--accent) 34%, var(--line));
  z-index: 1;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-shape::before {
  content: "";
  position: absolute;
  inset: 1px;
  clip-path: inherit;
  background: linear-gradient(145deg, rgba(255, 253, 248, 0.98), color-mix(in srgb, var(--accent) 6%, #fffdf8));
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-copy {
  position: relative;
  z-index: 1;
  width: 70%;
  text-align: center;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-copy > span {
  display: block;
  margin-bottom: 9px;
  color: var(--accent);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-copy h3 {
  margin: 0 0 7px;
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.3;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-copy p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.78rem;
  line-height: 1.55;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-links {
  display: grid;
  gap: 0;
  min-height: 184px;
  padding: 45px 18px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 253, 248, 0.54);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-links p {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  column-gap: 8px;
  margin: 0;
  padding: 11px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-links p:last-child {
  border-bottom: 0;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-links b {
  grid-row: 1 / span 2;
  color: var(--accent);
  font-family: var(--font-serif);
  font-size: 0.9rem;
  font-weight: 500;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-links strong {
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.45;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-links span {
  margin-top: 3px;
  color: var(--ink-soft);
  font-size: 0.74rem;
  line-height: 1.55;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tools-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: start;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-evidence-grid,
body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-evidence-card {
  min-width: 0;
  margin: 0;
  align-self: start;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255, 253, 248, 0.62);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-evidence-card--wide {
  grid-column: 1 / -1;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-evidence-card--highlight {
  border-color: color-mix(in srgb, var(--accent) 32%, var(--line));
}

body.human-interface-v2.detail-page-active #gacDetail .gac-evidence-card .deliverable-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-evidence-card figcaption {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 13px 15px 14px;
  border-top: 1px solid var(--line);
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 0.92rem;
  line-height: 1.45;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-evidence-card figcaption span {
  flex: 0 0 auto;
  color: var(--accent);
  font-family: var(--font-sans);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-evidence-card--highlight figcaption {
  background: color-mix(in srgb, var(--accent) 5%, transparent);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence-gallery .gac-evidence-card--wide .deliverable-img {
  background: #fff;
  object-fit: contain;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tools-summary {
  display: grid;
  grid-template-columns: minmax(190px, 0.38fr) minmax(0, 1.62fr);
  gap: 18px;
  align-items: stretch;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tools-summary-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 27px 24px;
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line));
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(205, 73, 39, 0.06), rgba(255, 253, 248, 0.74));
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tools-summary-heading > span {
  display: block;
  margin-bottom: 15px;
  color: var(--accent);
  font-family: var(--font-serif);
  font-size: 3.8rem;
  line-height: 1;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tools-summary-heading h3 {
  margin: 0 0 9px;
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 1.18rem;
  font-weight: 600;
  line-height: 1.42;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tools-summary-heading p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.82rem;
  line-height: 1.65;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tools-catalogue {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 253, 248, 0.58);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tools-catalogue article {
  min-width: 0;
  padding: 24px 21px;
  border-right: 1px solid var(--line);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tools-catalogue article:last-child {
  border-right: 0;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tools-catalogue article > strong {
  display: block;
  margin-bottom: 23px;
  color: var(--accent);
  font-family: var(--font-serif);
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard {
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line));
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(205, 73, 39, 0.06), rgba(255, 253, 248, 0.74));
}

body.human-interface-v2.detail-page-active #gacDetail .gac-standard-heading {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin: 0;
  padding: 27px 25px;
  border-right: 1px solid var(--line);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-standard-heading > span {
  color: var(--accent);
  font-family: var(--font-serif);
  font-size: 3.2rem;
  line-height: 0.95;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-standard-heading h3 {
  margin: 0 0 8px;
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 1.14rem;
  font-weight: 600;
  line-height: 1.42;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-standard-heading p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.8rem;
  line-height: 1.65;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 23px 20px;
  list-style: none;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard li {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: 0;
  padding: 4px 17px;
  border-left: 1px solid var(--line);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard li:first-child {
  border-left: 0;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard li > span {
  color: var(--accent);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard li > strong {
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.55;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-impact-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(42px, 7vw, 92px);
  padding: clamp(34px, 5vw, 58px);
  border: 1px solid color-mix(in srgb, var(--accent) 20%, var(--line));
  border-radius: 20px;
  background: linear-gradient(125deg, rgba(205, 73, 39, 0.055), rgba(255, 253, 248, 0.7) 58%);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-impact-heading h2 {
  margin: 13px 0 0;
  max-width: 560px;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-impact-copy > p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 1rem;
  line-height: 1.85;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-impact-copy ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-impact-copy li {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  padding: 15px 0;
  border-bottom: 1px solid var(--line);
}

body.human-interface-v2.detail-page-active #gacDetail .gac-impact-copy li strong {
  color: var(--accent);
  font-size: 0.8rem;
  letter-spacing: 0.04em;
}

body.human-interface-v2.detail-page-active #gacDetail .gac-impact-copy li span {
  color: var(--ink-soft);
  font-size: 0.89rem;
  line-height: 1.65;
}

@media (max-width: 980px) {
  body.human-interface-v2.detail-page-active #gacDetail .gac-process-map {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-process-node {
    min-height: 270px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-method-story,
  body.human-interface-v2.detail-page-active #gacDetail .gac-impact-panel,
  body.human-interface-v2.detail-page-active #gacDetail .gac-phase-layout,
  body.human-interface-v2.detail-page-active #gacDetail .gac-phase-layout--reverse,
  body.human-interface-v2.detail-page-active #gacDetail .gac-tools-layout {
    grid-template-columns: 1fr;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-output-grid--practice {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-tools-summary,
  body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard {
    grid-template-columns: 1fr;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-standard-heading {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence-image {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 800px) {
  body.human-interface-v2.detail-page-active #gacDetail .gac-model-phasebar,
  body.human-interface-v2.detail-page-active #gacDetail .gac-triple-diamond-row {
    grid-template-columns: 1fr;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-model-phasebar div:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-shape {
    width: min(76vw, 230px);
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-links {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  body.human-interface-v2.detail-page-active #gacDetail .gac-hero-carousel {
    border-width: 7px;
    border-radius: 13px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide > span {
    left: 11px;
    bottom: 10px;
    padding: 5px 8px;
    font-size: 0.58rem;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-process-map,
  body.human-interface-v2.detail-page-active #gacDetail .gac-output-grid,
  body.human-interface-v2.detail-page-active #gacDetail .gac-deliverable-summary-grid,
  body.human-interface-v2.detail-page-active #gacDetail .gac-evaluation-grid,
  body.human-interface-v2.detail-page-active #gacDetail .gac-tools-catalogue,
  body.human-interface-v2.detail-page-active #gacDetail .gac-evidence-grid,
  body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence-gallery {
    grid-template-columns: 1fr;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-evidence-card--wide {
    grid-column: auto;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-phase-section .part-logic {
    margin-bottom: 22px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-phase-layout {
    gap: 14px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-phase-copy article,
  body.human-interface-v2.detail-page-active #gacDetail .gac-evaluation-grid article {
    padding: 21px 19px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-phase-visual img {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-phase-visual--contain img {
    padding: 10px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-process-node {
    min-height: 0;
    padding: 22px 20px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-process-index {
    width: 38px;
    height: 38px;
    margin-bottom: 24px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-method-story {
    gap: 22px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-story-step {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 13px;
    padding: 19px 18px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-story-step > span {
    width: 36px;
    height: 36px;
    font-size: 0.82rem;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-method-evidence figcaption {
    padding: 18px 18px 20px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-output-grid article {
    min-height: 0;
    padding: 22px 20px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-output-grid strong {
    margin-bottom: 16px;
    font-size: 2.7rem;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-deliverable-summary-grid article {
    min-height: 0;
    padding: 23px 20px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-deliverable-summary-grid span {
    margin-bottom: 24px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-tools-catalogue article {
    min-height: 0;
    padding: 22px 20px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-tools-catalogue article:last-child {
    border-bottom: 0;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-tools-summary-heading {
    padding: 24px 21px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard {
    padding: 0;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-standard-heading {
    grid-template-columns: 48px minmax(0, 1fr);
    padding: 24px 21px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-standard-heading > span {
    font-size: 2.7rem;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard ul {
    grid-template-columns: 1fr;
    padding: 10px 20px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard li {
    flex-direction: row;
    gap: 13px;
    padding: 13px 0;
    border-left: 0;
    border-bottom: 1px solid var(--line);
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard li:last-child {
    border-bottom: 0;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-tool-standard li > span {
    min-width: 25px;
    padding-top: 2px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-model-phasebar div {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-diamond-copy > span {
    margin-bottom: 8px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-impact-panel {
    gap: 25px;
    padding: 25px 20px;
    border-radius: 16px;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-impact-copy li {
    grid-template-columns: 72px minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide {
    display: none;
    animation: none;
  }

  body.human-interface-v2.detail-page-active #gacDetail .gac-hero-slide:first-child {
    display: block;
    opacity: 1;
  }
}

@media (max-width: 360px) {
  body.human-interface-v2.detail-page-active .case-index-links {
    gap: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}

/* Detail-page consolidation: one editorial rhythm across every case study. */
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero {
  min-width: 0;
  overflow: clip;
}

body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > * {
  min-width: 0;
}

body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-detail-visual,
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .detail-meta {
  width: 100%;
  max-width: 100%;
}

body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-detail-visual {
  height: auto;
  aspect-ratio: auto;
}

body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-detail-visual > img {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

body.human-interface-v2.detail-page-active #page-detail .sleepace-hero-intro::before {
  top: -90px;
  right: 0;
  width: 280px;
  height: 280px;
  opacity: 0.7;
}

body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item span {
  word-break: normal;
  overflow-wrap: anywhere;
}

body.human-interface-v2.detail-page-active #page-detail .context-grid {
  gap: 14px;
  overflow: visible;
  border: 0;
  background: transparent;
}

body.human-interface-v2.detail-page-active #page-detail .context-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 253, 248, 0.56);
}

body.human-interface-v2.detail-page-active #page-detail :is(
  .context-card,
  .process-step,
  .honor-process-node,
  .honor-quant-card,
  .honor-positioning-card,
  .honor-roadmap-card,
  .honor-relation-card,
  .sleepace-process-card,
  .sleepace-method-node,
  .robam-stage-node,
  .generic-focus-grid > article
) {
  min-width: 0;
}

body.human-interface-v2.detail-page-active #page-detail :is(
  .honor-process-node,
  .honor-quant-card,
  .honor-positioning-card,
  .honor-roadmap-card,
  .sleepace-process-card,
  .sleepace-method-node,
  .robam-stage-node
)::after {
  display: none;
}

body.human-interface-v2.detail-page-active #page-detail .honor-process-map {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  overflow: visible;
  border: 0;
  background: transparent;
}

body.human-interface-v2.detail-page-active #page-detail .honor-process-node {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 253, 248, 0.56);
}

body.human-interface-v2.detail-page-active #page-detail :is(
  .honor-quant-path,
  .honor-positioning-model,
  .honor-roadmap,
  .honor-relation-path,
  .sleepace-process-grid,
  .sleepace-method-grid
) {
  gap: 12px;
  overflow: visible;
  border: 0;
  background: transparent;
}

body.human-interface-v2.detail-page-active #page-detail :is(
  .honor-quant-card,
  .honor-positioning-card,
  .honor-roadmap-card,
  .honor-relation-card,
  .sleepace-process-card,
  .sleepace-method-node
) {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 253, 248, 0.56);
}

body.human-interface-v2.detail-page-active #page-detail .sleepace-method-lead .part-pill {
  min-height: 0;
  padding: 2px 0 2px 12px;
  border-left: 2px solid var(--accent);
  border-radius: 0;
  background: transparent;
  color: var(--accent);
}

body.human-interface-v2.detail-page-active #page-detail .deliverable-grid,
body.human-interface-v2.detail-page-active #page-detail .sleepace-deliverable-grid,
body.human-interface-v2.detail-page-active #page-detail .wuling-screenshot-grid,
body.human-interface-v2.detail-page-active #page-detail .honor-screenshot-grid {
  align-items: start;
}

body.human-interface-v2.detail-page-active #page-detail :is(
  .deliverable-grid,
  .sleepace-deliverable-grid,
  .wuling-screenshot-grid,
  .honor-screenshot-grid
) img {
  display: block;
  width: 100%;
  height: auto;
}

body.human-interface-v2.detail-page-active #genericDetail .generic-focus-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.human-interface-v2.detail-page-active #genericDetail .generic-focus-grid > article {
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 253, 248, 0.56);
}

body.human-interface-v2.detail-page-active #genericDetail .generic-focus-grid span {
  display: block;
  margin-bottom: 16px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

body.human-interface-v2.detail-page-active #genericDetail .generic-focus-grid h3 {
  margin-bottom: 10px;
  font-family: var(--font-serif-cn);
  font-size: 1.12rem;
  font-weight: 600;
  line-height: 1.45;
}

body.human-interface-v2.detail-page-active #genericDetail .generic-focus-grid p {
  color: var(--ink-soft);
  font-size: 0.92rem;
  line-height: 1.72;
}

/* Streamlined overview and process hierarchy */
body.human-interface-v2.detail-page-active #page-detail .process-evidence-strip {
  width: fit-content;
  margin-top: 20px;
  padding: 8px 13px;
  border: 1px solid color-mix(in srgb, var(--accent) 24%, transparent);
  border-radius: 999px;
  color: var(--accent);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}

body.human-interface-v2.detail-page-active #page-detail .lkk-process-section .section-header {
  margin-bottom: 34px;
}

body.human-interface-v2.detail-page-active #page-detail .lkk-process-map::after {
  display: none;
}

body.human-interface-v2.detail-page-active #page-detail .lkk-decision-card {
  display: flex;
  min-height: 0;
  flex-direction: column;
  padding: 28px;
}

body.human-interface-v2.detail-page-active #page-detail .lkk-decision-head {
  min-height: 58px;
  align-items: center;
  margin-bottom: 22px;
}

body.human-interface-v2.detail-page-active #page-detail .lkk-decision-node {
  display: flex;
  min-height: 132px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: 17px 16px;
  text-align: left;
}

body.human-interface-v2.detail-page-active #page-detail .lkk-decision-node strong {
  margin-bottom: 8px;
  font-size: 0.84rem;
}

body.human-interface-v2.detail-page-active #page-detail .lkk-decision-node span {
  font-size: 0.69rem;
  line-height: 1.65;
}

body.human-interface-v2.detail-page-active #page-detail .lkk-stage-output {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  margin-top: auto;
  padding-top: 18px;
}

body.human-interface-v2.detail-page-active #page-detail :is(.process-step, .sleepace-process-card) > p:last-child {
  margin-bottom: 0;
}

@media (max-width: 900px) {
  body.human-interface-v2.detail-page-active #page-detail .honor-process-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.human-interface-v2.detail-page-active #page-detail .lkk-decision-card {
    padding: 22px;
  }

  body.human-interface-v2.detail-page-active #page-detail .lkk-decision-head {
    min-height: 0;
    margin-bottom: 20px;
  }

  body.human-interface-v2.detail-page-active #page-detail .lkk-decision-node {
    min-height: 0;
    padding: 18px;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero {
    padding-top: 30px;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > h1,
  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .hero-title {
    font-size: clamp(1.78rem, 8vw, 2rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.035em !important;
  }

  body.human-interface-v2.detail-page-active #page-detail :is(
    .honor-process-map,
    .honor-quant-path,
    .honor-positioning-model,
    .honor-roadmap,
    .honor-relation-path,
    .sleepace-process-grid,
    .sleepace-method-grid,
    .generic-focus-grid
  ) {
    grid-template-columns: 1fr;
  }

  body.human-interface-v2.detail-page-active #page-detail .honor-process-node {
    min-height: 0;
    padding-bottom: 24px;
  }

  body.human-interface-v2.detail-page-active #page-detail .honor-process-node small {
    position: static;
    display: block;
    margin-top: 18px;
  }

  body.human-interface-v2.detail-page-active #page-detail .section-label {
    letter-spacing: 0.13em;
  }
}

/* Project archive: compact header, capability filters and responsive case grid */
body.human-interface-v2 #page-projects .project-archive-section {
  padding-top: 30px !important;
}

body.human-interface-v2 #page-projects .project-archive-header {
  margin-bottom: 48px;
  padding-bottom: 0;
  border-bottom: 0;
}

body.human-interface-v2 #page-projects .project-archive-back {
  margin-bottom: 40px;
}

body.human-interface-v2 #page-projects .project-archive-heading {
  grid-template-columns: 1fr;
  gap: 0;
}

body.human-interface-v2 #page-projects .project-archive-title {
  font-size: clamp(3.4rem, 5.6vw, 5.45rem);
}

body.human-interface-v2 #page-projects .project-archive-meta {
  margin-top: 30px;
  padding-top: 0;
  border-top: 0;
}

body.human-interface-v2 #page-projects .project-filter-bar {
  display: flex;
  align-items: center;
  gap: clamp(22px, 2.4vw, 36px);
  overflow-x: auto;
  scrollbar-width: none;
}

body.human-interface-v2 #page-projects .project-filter-bar::-webkit-scrollbar {
  display: none;
}

body.human-interface-v2 #page-projects .project-filter {
  position: relative;
  flex: none;
  appearance: none;
  padding: 8px 0 10px;
  border: 0;
  color: var(--ink-faint);
  background: transparent;
  font: inherit;
  font-size: 0.76rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  cursor: pointer;
  transition: color 180ms ease;
}

body.human-interface-v2 #page-projects .project-filter::after {
  position: absolute;
  right: 0;
  bottom: 2px;
  left: 0;
  height: 1px;
  background: var(--accent);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.human-interface-v2 #page-projects .project-filter:hover,
body.human-interface-v2 #page-projects .project-filter.is-active {
  color: var(--ink);
}

body.human-interface-v2 #page-projects .project-filter.is-active::after {
  transform: scaleX(1);
}

body.human-interface-v2 #page-projects .projects-group:first-child > .projects-group-head {
  display: none;
}

body.human-interface-v2 #page-projects #featuredProjects {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 42px 28px;
}

body.human-interface-v2 #page-projects #featuredProjects .project-card,
body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0;
}

body.human-interface-v2 #page-projects #featuredProjects .project-card[hidden] {
  display: none !important;
}

body.human-interface-v2 #page-projects #featuredProjects .project-img,
body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child .project-img {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 10;
  border-radius: 16px;
  object-position: center;
}

body.human-interface-v2 #page-projects #featuredProjects .project-info,
body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child .project-info {
  position: relative;
  display: grid;
  min-height: 174px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: start;
  flex: 1;
  padding: 14px 42px 0 2px;
  overflow: visible;
  border-left: 0;
}

body.human-interface-v2 #page-projects .project-capabilities {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-bottom: 8px;
}

body.human-interface-v2 #page-projects .project-capability {
  position: relative;
  color: var(--accent);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}

body.human-interface-v2 #page-projects .project-capability + .project-capability::before {
  position: absolute;
  top: 50%;
  left: -9px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--line-strong);
  content: "";
  transform: translateY(-50%);
}

body.human-interface-v2 #page-projects #featuredProjects .project-year,
body.human-interface-v2 #page-projects #featuredProjects .project-client {
  float: none;
  align-self: center;
}

body.human-interface-v2 #page-projects #featuredProjects .project-year {
  grid-column: 1;
}

body.human-interface-v2 #page-projects #featuredProjects .project-client {
  grid-column: 2;
}

body.human-interface-v2 #page-projects #featuredProjects .project-name {
  display: -webkit-box;
  overflow: hidden;
  grid-column: 1 / -1;
  padding-top: 7px;
  font-size: clamp(1.38rem, 1.75vw, 1.78rem);
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.human-interface-v2 #page-projects #featuredProjects .project-desc {
  display: -webkit-box;
  overflow: hidden;
  grid-column: 1 / -1;
  margin-top: 8px;
  font-size: 0.84rem;
  line-height: 1.65;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.human-interface-v2 #page-projects #featuredProjects .project-tags {
  display: none;
}

body.human-interface-v2 #page-projects #featuredProjects .project-arrow {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 36px;
  height: 36px;
  margin: 0;
  font-size: 1rem;
}

body.human-interface-v2 #page-projects #featuredProjects .project-card:hover .project-arrow {
  transform: none;
}

body.human-interface-v2 #page-projects .projects-group + .projects-group {
  margin-top: 96px;
  padding-top: 72px;
}

@media (max-width: 820px) {
  body.human-interface-v2 #page-projects .project-archive-header {
    margin-bottom: 40px;
  }

  body.human-interface-v2 #page-projects .project-archive-back {
    margin-bottom: 30px;
  }

  body.human-interface-v2 #page-projects .project-archive-heading {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body.human-interface-v2 #page-projects .project-archive-title {
    font-size: clamp(3rem, 14vw, 4.35rem);
  }

  body.human-interface-v2 #page-projects .project-archive-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
    margin-top: 28px;
  }

  body.human-interface-v2 #page-projects .project-filter-bar {
    width: 100%;
    padding-bottom: 2px;
  }

  body.human-interface-v2 #page-projects #featuredProjects {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  body.human-interface-v2 #page-projects #featuredProjects .project-card,
  body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child {
    display: block;
    height: auto;
  }

  body.human-interface-v2 #page-projects #featuredProjects .project-info,
  body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child .project-info {
    min-height: 0;
    padding-top: 14px;
    padding-bottom: 38px;
  }

  body.human-interface-v2 #page-projects .projects-group + .projects-group {
    margin-top: 78px;
    padding-top: 58px;
  }
}

@media (max-width: 640px) {
  body.human-interface-v2 #page-projects .project-filter-bar {
    gap: 22px;
  }

  body.human-interface-v2 #page-projects .project-filter {
    font-size: 0.72rem;
  }

  body.human-interface-v2 #page-projects #featuredProjects .project-img,
  body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child .project-img {
    aspect-ratio: 4 / 5;
  }

  body.human-interface-v2 #page-projects #featuredProjects .project-name {
    font-size: 1.42rem;
  }
}

/* Project-detail QA pass: icon fidelity, compact metadata and readable evidence. */
body.human-interface-v2.detail-page-active #wulingDetail .title-with-icon {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

body.human-interface-v2.detail-page-active #wulingDetail .title-icon {
  display: inline-flex;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(197, 74, 43, 0.18);
  border-radius: 12px;
  background: rgba(197, 74, 43, 0.06);
  color: var(--accent);
}

body.human-interface-v2.detail-page-active #wulingDetail .title-icon svg {
  display: block;
  width: 18px !important;
  height: 18px !important;
  max-width: 18px;
  max-height: 18px;
  overflow: visible;
}

body.human-interface-v2.detail-page-active #wulingDetail .title-icon svg * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.6 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.human-interface-v2.detail-page-active #page-detail .detail-evidence-image {
  contain-intrinsic-size: 1600px 900px;
  cursor: zoom-in;
  transition:
    filter 180ms ease,
    transform 280ms var(--qa-motion-standard),
    box-shadow 280ms var(--qa-motion-standard);
}

body.human-interface-v2.detail-page-active #page-detail :is(
  .deliverable-grid,
  .sleepace-deliverable-grid,
  .wuling-screenshot-grid,
  .honor-screenshot-grid,
  .honor-method-evidence,
  .lkk-evidence-grid
) .detail-evidence-image {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: var(--paper-deep);
}

body.human-interface-v2.detail-page-active #page-detail .detail-evidence-image:hover {
  filter: saturate(1.02) contrast(1.015);
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(61, 49, 34, 0.12);
}

body.human-interface-v2.detail-page-active #page-detail .detail-evidence-image:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 5px;
}

body.human-interface-v2.detail-page-active #page-detail :is(
  .deliverable-grid,
  .sleepace-deliverable-grid,
  .wuling-screenshot-grid,
  .honor-screenshot-grid,
  .honor-method-evidence,
  .lkk-evidence-grid
) .gallery-overflow-item {
  display: none !important;
}

body.human-interface-v2.detail-page-active #page-detail :is(
  .deliverable-grid,
  .sleepace-deliverable-grid,
  .wuling-screenshot-grid,
  .honor-screenshot-grid,
  .honor-method-evidence,
  .lkk-evidence-grid
).is-expanded .gallery-overflow-item {
  display: block !important;
}

body.human-interface-v2.detail-page-active #page-detail .gallery-disclosure {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  padding: 8px 15px;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  color: var(--ink-soft);
  background: rgba(255, 253, 248, 0.72);
  font: inherit;
  font-size: 0.75rem;
  line-height: 1;
  cursor: pointer;
  transition:
    border-color 180ms ease,
    color 180ms ease,
    background 180ms ease,
    transform 180ms ease;
}

body.human-interface-v2.detail-page-active #page-detail .gallery-disclosure:hover {
  border-color: color-mix(in srgb, var(--accent) 52%, var(--line-strong));
  color: var(--accent);
  background: rgba(255, 253, 248, 0.94);
}

body.human-interface-v2.detail-page-active #page-detail .gallery-disclosure:active {
  transform: translateY(1px);
}

body.human-interface-v2.detail-page-active #page-detail :is(.img-caption, .image-caption, figcaption) {
  max-width: 72ch;
  color: var(--ink-faint);
  font-size: 0.76rem;
  font-style: normal;
  line-height: 1.65;
  text-align: left;
}

.detail-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: clamp(18px, 3vw, 42px);
  visibility: hidden;
  background: rgba(20, 19, 16, 0.88);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 220ms ease,
    visibility 0s linear 220ms;
}

.detail-lightbox.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}

.detail-lightbox-panel {
  position: relative;
  display: grid;
  width: min(94vw, 1560px);
  height: min(90dvh, 980px);
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  background: #1f1e1a;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.34);
  transform: translateY(12px) scale(0.985);
  transition: transform 260ms var(--qa-motion-standard);
}

.detail-lightbox.is-open .detail-lightbox-panel {
  transform: translateY(0) scale(1);
}

.detail-lightbox-stage {
  display: grid;
  min-height: 0;
  place-items: center;
  overflow: auto;
  padding: clamp(50px, 5vw, 76px) clamp(18px, 4vw, 56px) 22px;
}

.detail-lightbox-image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: calc(90dvh - 140px);
  border: 0;
  border-radius: 8px;
  object-fit: contain;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.28);
}

.detail-lightbox-caption {
  min-height: 54px;
  margin: 0;
  padding: 16px clamp(18px, 4vw, 56px);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.78rem;
  line-height: 1.55;
}

.detail-lightbox-close,
.detail-lightbox-nav {
  position: absolute;
  z-index: 1;
  display: inline-flex;
  min-width: 42px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(24, 23, 20, 0.78);
  font: inherit;
  font-size: 0.75rem;
  cursor: pointer;
  backdrop-filter: blur(10px);
}

.detail-lightbox-close {
  top: 14px;
  right: 14px;
  padding: 0 15px;
}

.detail-lightbox-nav {
  top: 50%;
  width: auto;
  padding: 0 12px;
  font-size: 0.72rem;
  transform: translateY(-50%);
}

.detail-lightbox-prev {
  left: 14px;
}

.detail-lightbox-next {
  right: 14px;
}

.detail-lightbox-nav[hidden] {
  display: none;
}

body.detail-lightbox-open {
  overflow: hidden;
}

/* Tablet detail metadata: keep five fields balanced as three plus two. */
@media (min-width: 821px) and (max-width: 1040px) {
  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .detail-meta {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item {
    grid-column: span 2 !important;
    border-right: 1px solid var(--line) !important;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item:nth-child(-n + 3) {
    border-bottom: 1px solid var(--line) !important;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item:nth-child(3),
  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item:last-child {
    border-right: 0 !important;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item:nth-child(n + 4) {
    grid-column: span 3 !important;
  }
}

@media (max-width: 640px) {
  body.human-interface-v2.detail-page-active #wulingDetail .title-with-icon {
    gap: 10px;
  }

  body.human-interface-v2.detail-page-active #wulingDetail .title-icon {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    border-radius: 10px;
  }

  body.human-interface-v2.detail-page-active #wulingDetail .title-icon svg {
    width: 16px !important;
    height: 16px !important;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .detail-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 32px;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item,
  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item:nth-child(2n),
  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item:nth-last-child(2) {
    grid-column: auto;
    padding: 13px 12px 14px !important;
    border-right: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item:nth-child(2n) {
    border-right: 0 !important;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item:last-child {
    grid-column: 1 / -1;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item label {
    margin-bottom: 5px;
    font-size: 0.58rem;
  }

  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero .meta-item span {
    font-size: 0.78rem;
    line-height: 1.5;
  }

  .detail-lightbox {
    padding: 10px;
  }

  .detail-lightbox-panel {
    width: calc(100vw - 20px);
    height: calc(100dvh - 20px);
    border-radius: 12px;
  }

  .detail-lightbox-stage {
    padding: 58px 12px 16px;
  }

  .detail-lightbox-image {
    max-height: calc(100dvh - 122px);
  }

  .detail-lightbox-caption {
    min-height: 48px;
    padding: 13px 16px;
    font-size: 0.7rem;
  }

  .detail-lightbox-prev {
    left: 8px;
  }

  .detail-lightbox-next {
    right: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.human-interface-v2.detail-page-active #page-detail .detail-evidence-image,
  .detail-lightbox,
  .detail-lightbox-panel {
    transition: none !important;
  }

  body.human-interface-v2.detail-page-active #page-detail .detail-evidence-image:hover {
    transform: none;
  }
}

/* Case-study method hierarchy: concise process, explicit method and evidence. */
body.human-interface-v2.detail-page-active #page-detail .case-title-keep {
  white-space: nowrap;
}

body.human-interface-v2.detail-page-active #page-detail .method-detail-section .part-logic {
  padding-bottom: 0;
}

body.human-interface-v2.detail-page-active #page-detail .case-method-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 30px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 253, 248, 0.46);
}

body.human-interface-v2.detail-page-active #page-detail .case-method-steps--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.human-interface-v2.detail-page-active #page-detail .case-method-steps--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Hyundai uses one typography scale across process and method cards. */
body.human-interface-v2.detail-page-active #page-detail #hyundaiDetail :is(
  .process-section .section-header .section-desc,
  .method-detail-section .logic-summary
) {
  font-size: 0.92rem;
  line-height: 1.72;
}

body.human-interface-v2.detail-page-active #page-detail #hyundaiDetail :is(
  .process-step .step-label,
  .case-method-step > span
) {
  font-size: 0.7rem;
}

body.human-interface-v2.detail-page-active #page-detail #hyundaiDetail :is(
  .process-step h3,
  .case-method-step h3
) {
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.5;
}

body.human-interface-v2.detail-page-active #page-detail #hyundaiDetail :is(
  .process-step p,
  .case-method-step p
) {
  font-size: 0.86rem;
  line-height: 1.72;
}

body.human-interface-v2.detail-page-active #hyundaiDetail .hyundai-deliverable-summary-metric--compound {
  display: grid;
  align-items: start;
  gap: 6px;
  min-height: 74px;
  margin-bottom: 18px;
}

body.human-interface-v2.detail-page-active #hyundaiDetail .hyundai-deliverable-summary-metric--double {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

body.human-interface-v2.detail-page-active #hyundaiDetail .hyundai-deliverable-summary-metric--triple {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 4px;
}

body.human-interface-v2.detail-page-active #hyundaiDetail .hyundai-summary-node {
  display: grid;
  justify-items: center;
  min-width: 0;
}

body.human-interface-v2.detail-page-active #hyundaiDetail .hyundai-summary-node strong {
  color: var(--accent);
  font-family: var(--font-display);
  font-size: clamp(2rem, 3.3vw, 3rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

body.human-interface-v2.detail-page-active #hyundaiDetail .hyundai-summary-node small {
  margin-top: 9px;
  color: var(--accent);
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
}

body.human-interface-v2.detail-page-active #hyundaiDetail .hyundai-summary-arrow {
  margin-top: 10px;
  color: color-mix(in srgb, var(--accent) 66%, transparent);
  font-size: 0.9rem;
  line-height: 1;
}

body.human-interface-v2.detail-page-active #page-detail .case-method-step {
  min-width: 0;
  padding: clamp(22px, 2.6vw, 32px);
  border-right: 1px solid var(--line);
}

body.human-interface-v2.detail-page-active #page-detail .case-method-step:last-child {
  border-right: 0;
}

body.human-interface-v2.detail-page-active #page-detail .case-method-step > span {
  display: block;
  margin-bottom: 24px;
  color: var(--accent);
  font-size: 0.69rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

body.human-interface-v2.detail-page-active #page-detail .case-method-step h3 {
  margin: 0 0 10px;
  font-family: var(--font-serif-cn);
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  font-weight: 500;
  line-height: 1.45;
}

body.human-interface-v2.detail-page-active #page-detail .case-method-step p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.84rem;
  line-height: 1.72;
}

body.human-interface-v2.detail-page-active #page-detail .case-method-evidence {
  display: flex;
  align-items: baseline;
  gap: 18px;
  margin-top: 14px;
  padding: 13px 18px;
  border-left: 2px solid var(--accent);
  color: var(--ink-soft);
  background: color-mix(in srgb, var(--accent) 4%, transparent);
  font-size: 0.78rem;
  line-height: 1.6;
}

body.human-interface-v2.detail-page-active #page-detail .case-method-evidence strong {
  flex: none;
  color: var(--accent);
  font-size: 0.7rem;
  letter-spacing: 0.05em;
}

/* Older dense breakdowns remain in source for reference and leave the visible narrative. */
body.human-interface-v2.detail-page-active #robamDetail :is(.robam-architecture-grid, .robam-method-flow, .robam-strategy-grid),
body.human-interface-v2.detail-page-active #wulingDetail .research-steps,
body.human-interface-v2.detail-page-active #robamDetail :is(.robam-research-section, .robam-strategy-section) > .robam-architecture-output,
body.human-interface-v2.detail-page-active #wulingDetail .robam-architecture-output {
  display: none;
}

/* One visual grammar for the overview process on all current case studies. */
body.human-interface-v2.detail-page-active #page-detail :is(
  #gacDetail .gac-process-map,
  #lkkDetail .lkk-process-map,
  #hyundaiDetail .process-timeline,
  #robamDetail .process-timeline,
  #wulingDetail .process-timeline,
  #honorDetail .honor-process-map,
  #sleepaceDetail .sleepace-process-grid
) {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 253, 248, 0.42);
}

body.human-interface-v2.detail-page-active #page-detail :is(
  #gacDetail .gac-process-node,
  #lkkDetail .lkk-decision-card,
  #hyundaiDetail .process-step,
  #robamDetail .process-step,
  #wulingDetail .process-step,
  #honorDetail .honor-process-node,
  #sleepaceDetail .sleepace-process-card
) {
  min-height: 0;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.human-interface-v2.detail-page-active #page-detail :is(
  #gacDetail .gac-process-node,
  #lkkDetail .lkk-decision-card,
  #hyundaiDetail .process-step,
  #robamDetail .process-step,
  #wulingDetail .process-step,
  #honorDetail .honor-process-node,
  #sleepaceDetail .sleepace-process-card
):last-child {
  border-right: 0;
}

body.human-interface-v2.detail-page-active #page-detail :is(
  #gacDetail .gac-process-map,
  #lkkDetail .lkk-process-map,
  #hyundaiDetail .process-timeline,
  #robamDetail .process-timeline,
  #wulingDetail .process-timeline
) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.human-interface-v2.detail-page-active #page-detail :is(
  #honorDetail .honor-process-map,
  #sleepaceDetail .sleepace-process-grid
) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.human-interface-v2.detail-page-active #page-detail :is(.context-card, .honor-process-node, .sleepace-process-card) {
  box-shadow: none;
}

body.human-interface-v2.detail-page-active #honorDetail .honor-house-stages {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: visible;
}

body.human-interface-v2.detail-page-active #honorDetail .honor-house-stage {
  width: auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}

body.human-interface-v2.detail-page-active #honorDetail .honor-house-stage::after {
  display: none;
}

@media (max-width: 760px) {
  body.human-interface-v2.detail-page-active #page-detail .case-method-steps,
  body.human-interface-v2.detail-page-active #page-detail .case-method-steps--four,
  body.human-interface-v2.detail-page-active #page-detail :is(
    #gacDetail .gac-process-map,
    #lkkDetail .lkk-process-map,
    #hyundaiDetail .process-timeline,
    #robamDetail .process-timeline,
    #wulingDetail .process-timeline,
    #honorDetail .honor-process-map,
    #sleepaceDetail .sleepace-process-grid
  ) {
    grid-template-columns: 1fr;
  }

  body.human-interface-v2.detail-page-active #page-detail .case-method-step,
  body.human-interface-v2.detail-page-active #page-detail :is(
    #gacDetail .gac-process-node,
    #lkkDetail .lkk-decision-card,
    #hyundaiDetail .process-step,
    #robamDetail .process-step,
    #wulingDetail .process-step,
    #honorDetail .honor-process-node,
    #sleepaceDetail .sleepace-process-card
  ) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  body.human-interface-v2.detail-page-active #page-detail .case-method-step:last-child,
  body.human-interface-v2.detail-page-active #page-detail :is(
    #gacDetail .gac-process-node,
    #lkkDetail .lkk-decision-card,
    #hyundaiDetail .process-step,
    #robamDetail .process-step,
    #wulingDetail .process-step,
    #honorDetail .honor-process-node,
    #sleepaceDetail .sleepace-process-card
  ):last-child {
    border-bottom: 0;
  }

  body.human-interface-v2.detail-page-active #sleepaceDetail .sleepace-process-card {
    padding: 24px 22px 26px;
  }

  body.human-interface-v2.detail-page-active #page-detail :is(
    #hyundaiDetail .hyundai-deliverable-summary-card,
    #robamDetail .robam-deliverable-summary-card,
    #wulingDetail .wuling-deliverable-summary-card,
    #lkkDetail .sleepace-deliverable-metric,
    #sleepaceDetail .sleepace-deliverable-metric
  ) {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    gap: 4px 16px;
    min-height: 0;
    padding: 18px 20px;
    text-align: left;
  }

  body.human-interface-v2.detail-page-active #page-detail :is(
    #hyundaiDetail .hyundai-deliverable-summary-metric,
    #robamDetail .robam-deliverable-summary-metric,
    #wulingDetail .wuling-deliverable-summary-metric
  ) {
    grid-row: 1 / span 2;
    margin: 0;
    text-align: center;
  }

  body.human-interface-v2.detail-page-active #page-detail :is(
    #lkkDetail .sleepace-deliverable-metric .metric-num,
    #sleepaceDetail .sleepace-deliverable-metric .metric-num
  ) {
    grid-row: 1 / span 2;
    margin: 0;
    text-align: center;
  }

  body.human-interface-v2.detail-page-active #page-detail :is(
    #hyundaiDetail .hyundai-deliverable-summary-card h3,
    #robamDetail .robam-deliverable-summary-card h3,
    #wulingDetail .wuling-deliverable-summary-card h3,
    #lkkDetail .sleepace-deliverable-metric h3,
    #sleepaceDetail .sleepace-deliverable-metric h3
  ) {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
  }

  body.human-interface-v2.detail-page-active #page-detail :is(
    #hyundaiDetail .hyundai-deliverable-summary-card p,
    #robamDetail .robam-deliverable-summary-card p,
    #wulingDetail .wuling-deliverable-summary-card p,
    #lkkDetail .sleepace-deliverable-metric p,
    #sleepaceDetail .sleepace-deliverable-metric p
  ) {
    grid-column: 2;
    margin: 0;
    text-align: left;
  }

  body.human-interface-v2.detail-page-active #page-detail .case-method-step > span {
    margin-bottom: 14px;
  }

  body.human-interface-v2.detail-page-active #page-detail .case-method-evidence {
    display: grid;
    gap: 4px;
  }

  body.human-interface-v2.detail-page-active #honorDetail .honor-house-stages {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    overflow: visible;
    padding: 2px 0;
  }

  body.human-interface-v2.detail-page-active #honorDetail .honor-house-stage {
    padding: 11px 2px;
    font-size: 0.58rem;
    letter-spacing: 0;
  }

  body.human-interface-v2.detail-page-active #page-detail #hyundaiDetail .hyundai-deliverable-summary-card--compound {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px 14px;
    text-align: center;
  }

  body.human-interface-v2.detail-page-active #page-detail #hyundaiDetail .hyundai-deliverable-summary-card--compound .hyundai-deliverable-summary-metric--compound {
    grid-row: auto;
    width: 100%;
    margin: 0;
  }

  body.human-interface-v2.detail-page-active #page-detail #hyundaiDetail .hyundai-deliverable-summary-card--compound h3 {
    text-align: center;
  }

  body.human-interface-v2.detail-page-active #hyundaiDetail .hyundai-summary-node strong {
    font-size: 2rem;
  }
}

/* Local hero evolution: DESIGN_VARIANCE 5 / MOTION_INTENSITY 6 / VISUAL_DENSITY 3.
   Preserve the warm editorial palette, copy, full first screen, and navigation. */
@media(min-width:821px) {
  body.human-interface-v2 #page-home .hero { min-height:calc(100svh - 72px); }
  body.human-interface-v2 #page-home .hero-inner {
    grid-template-columns:minmax(0,clamp(320px,30vw,430px)) minmax(0,clamp(350px,37.5vw,560px));
    gap:clamp(28px,3vw,44px); justify-content:center;
    /* Optical inset: bring copy inward without shortening or scaling the hero. */
    box-sizing:border-box;
    padding-inline:clamp(0px,calc((100vw - 1024px)*.08),32px) 0;
  }
}
body.human-interface-v2 #page-home .hero-photo.mac-3d-stage {
  display:block; position:relative; isolation:isolate;
  width:100%; aspect-ratio:1; height:auto; min-height:0; min-width:0;
  padding:0; margin:0 auto; overflow:visible;
  background:none; border:0; border-radius:0; box-shadow:none;
  transform:none; animation:none; opacity:1;
}
body.human-interface-v2 #page-home .mac-3d-stage::before,
body.human-interface-v2 #page-home .mac-3d-stage::after { display:none; content:none; }
.mac-3d-stage > .mac-screen,
.mac-3d-stage > .mac-controls { display:none; }
.mac-3d-stage .macintosh-canvas,
body.human-interface-v2 #page-home .mac-3d-stage .macintosh-poster {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  max-width:none; margin:0; padding:0; border:0; border-radius:0;
  object-fit:contain; object-position:center; background:none; filter:none;
  box-shadow:none; pointer-events:none;
}
.mac-3d-stage .macintosh-canvas { opacity:0; }
.mac-3d-stage.mac-webgl-ready .macintosh-canvas { opacity:1; }
.mac-3d-stage.mac-webgl-ready .macintosh-canvas {
  pointer-events:auto; cursor:grab; touch-action:pan-y pinch-zoom; user-select:none;
  -webkit-user-select:none;
}
.mac-3d-stage.mac-webgl-ready .macintosh-canvas.is-dragging { cursor:grabbing; }
.mac-3d-stage .macintosh-canvas:focus-visible {
  outline:1px solid var(--accent); outline-offset:2px;
}
.mac-rotation-toolbar {
  display:none; position:absolute; z-index:2; bottom:0; left:8%; right:8%;
  align-items:center; justify-content:center; min-height:44px;
  pointer-events:none; font:400 12px/1.5 var(--font-body); color:var(--text-secondary);
}
.mac-webgl-ready .mac-rotation-toolbar { display:flex; }
.mac-rotation-reset[hidden] { display:none; }
.mac-rotation-reset {
  pointer-events:auto; background:transparent; color:inherit; border:0;
  display:flex; align-items:center; justify-content:center;
  padding:10px; width:44px; min-height:44px; font:inherit; cursor:pointer; opacity:.65;
}
.mac-rotation-reset svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.mac-rotation-reset:hover, .mac-rotation-reset:focus-visible { opacity:1; }
.mac-rotation-reset:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
body.human-interface-v2 #page-home .mac-3d-stage.mac-webgl-ready .macintosh-poster { visibility:hidden; }
@media(min-width:821px) {
  /* Match the original resting camera when WebGL is unavailable. */
  body.human-interface-v2 #page-home .mac-3d-stage .macintosh-poster { transform:scale(1.06024); }
}

/* The scene owns the shared clock. Disable the previous independent CSS entrances. */
body.human-interface-v2 #page-home .hero-greeting,
body.human-interface-v2 #page-home .hero-person-name,
body.human-interface-v2 #page-home .hero-process,
body.human-interface-v2 #page-home .hero-intro-list li,
body.human-interface-v2 #page-home .hero-btns {
  animation:none; opacity:1; transform:none;
}
body.human-interface-v2 #page-home .hero-person-name { position:relative; }
.hero-name-ink { display:block; white-space:nowrap; }
.hero-name-cursor {
  position:absolute; left:0; top:.12em; width:2px; height:.69em;
  background:currentColor; opacity:0; pointer-events:none;
}
.mac-intro-pending body.human-interface-v2 #page-home .hero-greeting,
.mac-intro-pending body.human-interface-v2 #page-home .hero-person-name,
.mac-intro-pending body.human-interface-v2 #page-home .hero-process,
.mac-intro-pending body.human-interface-v2 #page-home .hero-intro-list li,
.mac-intro-pending body.human-interface-v2 #page-home .hero-btns,
.mac-intro-pending body.human-interface-v2 #page-home .macintosh-poster { opacity:0; }

@media(prefers-reduced-motion:reduce) {
  body.human-interface-v2 #page-home .hero-name-ink { clip-path:none!important; }
  body.human-interface-v2 #page-home .hero-name-cursor { display:none; }
}
@media(max-width:820px) {
  body.human-interface-v2 #page-home .hero-photo.mac-3d-stage { width:min(100%,420px); }
}
@media(max-width:520px) {
  body.human-interface-v2 #page-home .hero-inner { grid-template-columns:minmax(0,1fr); }
  body.human-interface-v2 #page-home .hero-photo.mac-3d-stage { width:min(100%,350px); }
}

/* Static Macintosh-inspired enclosure v2; project media stays independent.
   The artwork is 1448 x 1086. Its RGB outside background is clipped along
   the cabinet silhouette only. The original v1 remains available for recovery. */
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-detail-visual.retro-device-frame {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1448 / 1086;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
  filter: drop-shadow(0 12px 12px rgba(60, 48, 31, .12));
}

body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  opacity: 1;
  background: url("andy-portfolio-assets/macintosh/detail-enclosure-v2.png") center / 100% 100% no-repeat;
  box-shadow: none;
  clip-path: polygon(11.05% 3.13%, 89.16% 3.13%, 90.12% 3.41%, 90.95% 4.05%, 91.57% 4.88%, 91.92% 5.80%, 92.06% 7.18%, 92.06% 90.79%, 91.85% 91.90%, 91.37% 92.63%, 90.95% 93.09%, 90.95% 94.94%, 90.75% 95.86%, 90.12% 96.41%, 9.88% 96.41%, 9.32% 95.95%, 9.19% 94.94%, 9.19% 93.09%, 8.56% 92.45%, 8.15% 91.44%, 8.01% 90.06%, 8.01% 7.18%, 8.22% 5.89%, 8.70% 4.79%, 9.32% 3.96%, 10.08% 3.41%);
  pointer-events: none;
  z-index: 0;
}

body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame::after {
  display: none;
}

/* A 968 x 544.5 (exact 16:9) safe rectangle at (241, 165) inside the
   measured glass. Corners stay inside the gasket, without clipping media. */
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame > img,
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame > .gac-hero-carousel {
  position: absolute;
  inset: 15.193370% auto auto 16.643646%;
  width: 66.850829%;
  height: 50.138122%;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
  aspect-ratio: 16 / 9;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #191b1a;
  box-shadow: none;
  filter: none;
  object-fit: contain;
  object-position: center;
  overflow: hidden;
  z-index: 1;
}

body.human-interface-v2.detail-page-active #page-detail .retro-device-frame .gac-hero-slide img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  filter: none;
}

/* Carousel captions used to cover the lower part of research photographs. */
body.human-interface-v2.detail-page-active #page-detail .retro-device-frame .gac-hero-slide > span {
  display: none;
}

/* Reading hierarchy for the five approved copy revisions. */
body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] .case-copy-summary {
  margin: 16px 0 28px;
  max-width: 70ch;
  color: var(--ink-soft);
  font-size: 0.96rem;
  line-height: 1.8;
}

body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] .case-copy-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 36px;
  margin-top: 24px;
}

body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] .case-copy-item {
  min-width: 0;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] .case-copy-item :is(h3, h4) {
  margin: 0 0 10px;
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 1.08rem;
  font-weight: 500;
  line-height: 1.5;
}

body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] .case-copy-item p,
body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] .case-copy-group-desc {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.88rem;
  line-height: 1.8;
}

body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] .case-copy-group + .case-copy-group {
  margin-top: 40px;
}

body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] .case-copy-group > h3 {
  margin: 0 0 10px;
  color: var(--ink);
  font-family: var(--font-serif-cn);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] .case-copy-privacy {
  margin: 24px 0 0;
  color: var(--ink-soft);
  font-size: 0.75rem;
  line-height: 1.7;
}

body.human-interface-v2.detail-page-active #page-detail #lkkDetail .case-copy-dashboard {
  grid-template-columns: minmax(0, 1fr);
}

body.human-interface-v2.detail-page-active #page-detail #gacDetail[data-copy-revision] .gac-phase-copy {
  grid-template-rows: none;
  grid-auto-rows: auto;
  align-content: start;
}

body.human-interface-v2.detail-page-active #page-detail #gacDetail[data-copy-revision] .gac-phase-layout {
  align-items: start;
}

body.human-interface-v2.detail-page-active #page-detail #gacDetail[data-copy-revision] .gac-phase-visual img {
  flex: none;
  min-height: 0;
  height: auto;
  object-fit: contain;
}

body.human-interface-v2.detail-page-active #page-detail #gacDetail .case-copy-diamond-note {
  margin: 12px 4px 0;
  color: var(--ink-soft);
  font-size: 0.8rem;
  line-height: 1.7;
}

body.human-interface-v2.detail-page-active #page-detail #robamDetail .case-copy-metrics-five {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] :is(.sleepace-deliverable-metric, .robam-deliverable-summary-card) > p {
  margin: 8px 0 0;
  color: var(--ink-soft);
  font-size: 0.82rem;
  line-height: 1.6;
}

body.human-interface-v2.detail-page-active #page-detail #robamDetail .case-copy-metrics-five .robam-deliverable-summary-value {
  display: block;
  margin-bottom: 16px;
}

@media (max-width: 980px) {
  body.human-interface-v2.detail-page-active #page-detail #robamDetail .case-copy-metrics-five {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.human-interface-v2.detail-page-active #page-detail #robamDetail .case-copy-metrics-five .robam-deliverable-summary-value {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0;
  }
}

@media (max-width: 640px) {
  body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] .case-copy-list,
  body.human-interface-v2.detail-page-active #page-detail #robamDetail .case-copy-metrics-five {
    grid-template-columns: minmax(0, 1fr);
  }

  body.human-interface-v2.detail-page-active #page-detail [data-copy-revision] .case-copy-list {
    gap: 20px;
  }

}

/* LKK-only process layout experiment. Deliverable galleries remain unchanged. */
#lkkDetail .lkk-method-composition {
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.4fr);
  align-items: center;
  gap: clamp(28px, 4vw, 64px);
}
#lkkDetail .lkk-method-rail {
  border: 0;
  border-radius: 0;
  background: none;
}
#lkkDetail .lkk-method-step {
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 12px;
  min-height: 0;
  padding: 17px 0;
}
#lkkDetail .lkk-method-step:first-child { padding-top: 0; }
#lkkDetail .lkk-method-step:last-child { padding-bottom: 0; }
#lkkDetail .lkk-method-step-index { justify-content: flex-start; }
#lkkDetail .lkk-method-step-index::after { display: none; }
#lkkDetail .lkk-method-evidence {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
#lkkDetail .lkk-method-evidence-grid { grid-template-columns: minmax(0, 1fr); }
#lkkDetail .lkk-method-proof {
  border: 0;
  border-radius: 0;
  background: none;
}
#lkkDetail .lkk-method-proof .lkk-evidence-visual {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  aspect-ratio: 16 / 9;
}
#lkkDetail .lkk-method-proof img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#lkkDetail .lkk-method-proof figcaption {
  min-height: 0;
  padding: 13px 0 0;
}
#lkkDetail .lkk-method-proof figcaption strong {
  font-weight: 500;
  margin: 0;
  color: var(--text-secondary);
}
#lkkDetail .lkk-method-composition--compare {
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr);
}
#lkkDetail .lkk-method-composition--compare .lkk-method-evidence {
  grid-column: 1;
  grid-row: 1;
}
#lkkDetail .lkk-method-composition--compare .lkk-method-rail {
  grid-column: 2;
  grid-row: 1;
}
#lkkDetail .lkk-method-composition--strategy { grid-template-columns: 1fr; gap: 30px; }
#lkkDetail .lkk-method-composition--strategy .lkk-method-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
}
#lkkDetail .lkk-method-composition--strategy .lkk-method-step {
  display: block;
  padding: 0 0 22px;
  border-bottom: 1px solid var(--border);
}
#lkkDetail .lkk-method-composition--strategy .lkk-method-step-index { margin-bottom: 12px; }
#lkkDetail .lkk-method-composition--strategy .lkk-method-evidence-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
@media (max-width: 1000px) {
  #lkkDetail .lkk-method-composition,
  #lkkDetail .lkk-method-composition--compare { grid-template-columns: 1fr; gap: 28px; }
  #lkkDetail .lkk-method-composition--compare .lkk-method-rail,
  #lkkDetail .lkk-method-composition--compare .lkk-method-evidence { grid-column: auto; grid-row: auto; }
  #lkkDetail .lkk-method-rail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 30px; }
  #lkkDetail .lkk-method-step { padding: 0 0 18px; }
  #lkkDetail .lkk-method-composition--strategy .lkk-method-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  #lkkDetail .lkk-method-rail,
  #lkkDetail .lkk-method-composition--strategy .lkk-method-rail,
  #lkkDetail .lkk-method-composition--strategy .lkk-method-evidence-grid { grid-template-columns: 1fr; }
  #lkkDetail .lkk-method-rail { gap: 18px; }
  #lkkDetail .lkk-method-composition--strategy .lkk-method-step { display: grid; }
  #lkkDetail .lkk-method-composition--strategy .lkk-method-step-index { margin-bottom: 0; }
}

/* Compact, equal-sided retro bezel for project media. No cabinet artwork. */
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-detail-visual.retro-device-frame {
  --bezel: clamp(14px, 1.7vw, 25px);
  box-sizing: border-box;
  aspect-ratio: auto;
  padding: var(--bezel);
  border: 1px solid #d2cbbb;
  border-radius: 22px;
  background: linear-gradient(135deg, #f4efe4 0%, #e8e1d4 52%, #d8d0c1 100%);
  box-shadow: inset 2px 3px 3px #fffaf0, inset -2px -3px 4px #bdb5a5, 0 8px 18px rgba(60,48,31,.10);
  filter: none;
}
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame::before,
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame::after { display:none; }
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame > img,
body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame > .gac-hero-carousel {
  position: relative;
  inset: auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 3px solid #34332d;
  border-radius: 10px;
  box-shadow: 0 0 0 3px #b5ad9d, 0 -3px 6px rgba(43,36,25,.25);
  object-fit: contain;
}
@media(max-width:600px) {
  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-detail-visual.retro-device-frame { --bezel:12px; border-radius:15px; margin-top:26px; }
  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame > img,
  body.human-interface-v2.detail-page-active #page-detail .retro-detail-hero > .retro-device-frame > .gac-hero-carousel { border-width:2px; border-radius:6px; }
}
/* Let visual sections grow on large monitors; preserve normal/mobile layout. */
@media(min-width:1440px) {
  body.human-interface-v2 #page-home > .container,
  body.human-interface-v2 #page-home .hero > .container,
  body.human-interface-v2 #page-home > section > .container {
    width: min(1640px, calc(100% - 160px));
    max-width: none;
  }
  body.human-interface-v2 #page-home .hero-inner {
    width: 100%;
    max-width: none;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(56px, 5vw, 100px);
    padding-inline: clamp(20px, 3vw, 64px);
  }
  body.human-interface-v2 #page-home .hero-greeting { font-size:clamp(4rem,4.2vw,5.4rem); }
  body.human-interface-v2 #page-home .hero-person-name { font-size:clamp(6rem,6.8vw,8.8rem); }
  body.human-interface-v2 #page-home .hero-intro-list { font-size:clamp(1rem,1vw,1.22rem); }
}

/* Shared card layout: copy determines height, irrespective of selected project. */
body.human-interface-v2 #page-home .home-featured-grid {
  height: auto;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(280px, auto));
  gap: 20px;
}
body.human-interface-v2 #page-home .home-featured-grid .project-card .project-name,
body.human-interface-v2 #page-home .home-featured-grid .project-card .project-desc {
  display: block;
  overflow: visible;
  max-height: none;
  -webkit-line-clamp: unset;
}
body.human-interface-v2 #page-home .home-featured-grid .project-card:first-child .project-info {
  position: relative;
  inset: auto;
  min-height: 100%;
  box-sizing: border-box;
}
body.human-interface-v2 #page-home .home-featured-grid .project-card:nth-child(n+2) {
  grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
  align-items: stretch;
}
body.human-interface-v2 #page-home .home-featured-grid .project-card:nth-child(n+2) .project-media {
  position: relative;
  min-height: 0;
}
body.human-interface-v2 #page-home .home-featured-grid .project-card:nth-child(n+2) .project-img {
  position: absolute;
  inset: 0;
}
body.human-interface-v2 #page-home .home-featured-grid .project-card:nth-child(n+2) .project-info {
  height: auto;
  padding: 24px;
}
body.human-interface-v2 #page-home .home-featured-grid .project-card:nth-child(n+2) .project-name {
  font-size: clamp(1.15rem, 1.35vw, 1.45rem);
  line-height: 1.35;
}
body.human-interface-v2 #page-home .home-featured-grid .project-card:nth-child(n+2) .project-desc {
  margin-top: 12px;
  font-size: .875rem;
  line-height: 1.7;
}
body.human-interface-v2 #page-home .home-featured-grid .project-card:nth-child(n+2) .project-arrow {
  position: static;
  align-self: flex-end;
  flex: 0 0 30px;
  margin: 16px 0 0;
}
@media (max-width: 1100px) {
  body.human-interface-v2 #page-home .home-featured-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
  }
  body.human-interface-v2 #page-home .home-featured-grid .project-card:first-child {
    grid-row: auto;
    height: auto;
  }
  body.human-interface-v2 #page-home .home-featured-grid .project-card:first-child .project-info {
    min-height: 520px;
  }
}
@media (max-width: 640px) {
  body.human-interface-v2 #page-home .home-featured-grid .project-card:nth-child(n+2) {
    grid-template-columns: minmax(0, 1fr);
  }
  body.human-interface-v2 #page-home .home-featured-grid .project-card:nth-child(n+2) .project-media {
    height: auto;
    aspect-ratio: 16 / 10;
  }
  body.human-interface-v2 #page-home .home-featured-grid .project-card:nth-child(n+2) .project-info {
    padding: 24px;
    border-left: 0;
    border-top: 1px solid var(--line);
  }
  body.human-interface-v2 #page-home .home-featured-grid .project-card:nth-child(n+2) .project-name {
    font-size: 1.35rem;
  }
}

/* Archive cards use the same complete introduction as the hero and homepage. */
body.human-interface-v2 #page-projects #featuredProjects .project-name,
body.human-interface-v2 #page-projects #featuredProjects .project-desc {
  display: block;
  overflow: visible;
  max-height: none;
  -webkit-line-clamp: unset;
}

#lkkDetail .lkk-demo-showcase{margin-top:32px;border:1px solid #d9cfc1;border-radius:18px;overflow:hidden;background:#faf7f1}
#lkkDetail .lkk-demo-tabs{display:flex;gap:0;border-bottom:1px solid #d9cfc1}
#lkkDetail .lkk-demo-tabs button{flex:1;padding:21px 18px;border:0;border-right:1px solid #d9cfc1;background:transparent;color:#716a61;font:inherit;font-size:15px;text-align:left;cursor:pointer}
#lkkDetail .lkk-demo-tabs button:last-child{border-right:0}
#lkkDetail .lkk-demo-tabs button[aria-pressed=true]{background:#eee5d8;color:#b74629;box-shadow:inset 0 -2px #b74629}
#lkkDetail .lkk-demo-tabs button:focus-visible{outline:2px solid #b74629;outline-offset:-4px}
#lkkDetail .lkk-demo-tabs small{display:block;margin-bottom:6px;font-size:10px;letter-spacing:1.5px}
#lkkDetail .lkk-demo-panel[hidden]{display:none}
#lkkDetail .lkk-demo-caption{padding:24px 28px 20px;display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:start}
#lkkDetail .lkk-demo-caption h3{font-size:21px;margin:0;font-weight:400;line-height:1.5}
#lkkDetail .lkk-demo-caption p{font-size:14px;line-height:1.9;margin:0;color:#746d63}
#lkkDetail .lkk-demo-image{display:block;margin:0 20px 20px;overflow:auto;border-radius:9px;border:1px solid #e4dacc;background:#fffaf2}
#lkkDetail #lkk-demo-validation .lkk-demo-image{max-height:560px}
#lkkDetail .lkk-demo-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
#lkkDetail .lkk-demo-footer{padding:0 28px 20px;display:flex;justify-content:space-between;gap:18px;font-size:12px;color:#81776b;line-height:1.7}
#lkkDetail .lkk-demo-footer a{color:#b74629;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
#lkkDetail .lkk-demo-note{font-size:12px;color:#8c8376;line-height:1.9;margin-top:16px}
@media(max-width:640px){
#lkkDetail .lkk-demo-tabs button{padding:16px 11px;font-size:13px}
#lkkDetail .lkk-demo-caption{grid-template-columns:1fr;gap:10px;padding:20px 18px}
#lkkDetail .lkk-demo-caption h3{font-size:20px}
#lkkDetail .lkk-demo-image{margin:0 10px 16px;max-height:430px}
#lkkDetail .lkk-demo-footer{padding:0 18px 18px;font-size:11px}
}

/* Scope every rule to this case; preserve the portfolio's shared reading system. */
#sleepaceDetail { --sfd-ink: #15383d; --sfd-muted: #6b7674; }
/* A quiet image carousel with one reserved caption strip inside the screen. */
body.human-interface-v2 #page-detail #sleepaceDetail .retro-detail-hero > .sfd-gallery.retro-device-frame {
  padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible;
}
#sleepaceDetail .sfd-screen-shell { padding: clamp(12px,1.5vw,22px); border: 1px solid #d2cbbb; border-radius: 20px; background: linear-gradient(135deg,#f4efe4,#e8e1d4 52%,#d8d0c1); box-shadow: inset 2px 3px 3px #fffaf0,inset -2px -3px 4px #bdb5a5,0 8px 18px #3c301b19; }
#sleepaceDetail .sfd-screen { position: relative; aspect-ratio: 16 / 10; overflow: hidden; border: 3px solid #34332d; border-radius: 9px; background: #f9faf8; box-shadow: 0 0 0 3px #b5ad9d,0 -3px 6px #2b241940; touch-action: pan-y; }
#sleepaceDetail .sfd-slide { position: absolute; inset: 0; display: grid; grid-template-rows: minmax(0,1fr) auto; opacity: 0; transition: opacity 400ms ease; pointer-events: none; }
#sleepaceDetail .sfd-slide.is-current { opacity: 1; z-index: 1; }
#sleepaceDetail .sfd-slide img { display: block; width: 100%; height: 100%; margin: 0; border: 0; border-radius: 0; object-fit: contain; filter: none; box-shadow: none; }
#sleepaceDetail .sfd-slide-caption { display: flex; align-items: center; min-height: 38px; margin: 0; padding: 7px 12px; background: #f6f4ec; color: #4b504a; font: 400 clamp(.68rem,1.05vw,.82rem)/1.5 var(--font-body); text-align: left; }
#sleepaceDetail .sfd-screen:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
#sleepaceDetail .sfd-gallery-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#sleepaceDetail button:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
#sleepaceDetail .sfd-service-delivery { scroll-margin-top: 150px; }
#sleepaceDetail .sfd-app-showcase { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(14px,3vw,36px); padding: 32px clamp(16px,4vw,48px); background: #0a242a; border-radius: 16px; }
#sleepaceDetail .sfd-app-showcase figure { margin: 0; min-width: 0; text-align: center; }
#sleepaceDetail .sfd-app-showcase img { width: 100%; max-width: 180px; height: auto; display: block; margin: 0 auto; border: 0; box-shadow: none; }
#sleepaceDetail .sfd-app-showcase figcaption { margin-top: 18px; font-size: .84rem; line-height: 1.7; color: #edf5f3; }
@media(max-width:600px) {
 #sleepaceDetail .sfd-app-showcase { padding: 22px 12px; gap: 12px; }
 #sleepaceDetail .sfd-app-showcase figcaption { font-size: .75rem; }
 #sleepaceDetail .sfd-screen { border-width: 2px; }
}
@media(prefers-reduced-motion:reduce) { #sleepaceDetail .sfd-slide { transition: none; } }
#sleepaceDetail .sfd-hero-note { grid-column: 1 / -1; font-size: .76rem; color: var(--text-secondary); line-height: 1.7; margin-top: 12px; }
#sleepaceDetail .sfd-engagements { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; margin-top: 32px; padding: 28px 0 0; border-top: 1px solid var(--divider); }
#sleepaceDetail .sfd-engagements article { border-left: 2px solid var(--accent); padding-left: 20px; }
#sleepaceDetail .sfd-engagements span, #sleepaceDetail .sfd-eyebrow { font-size: .73rem; color: var(--accent); letter-spacing: .08em; }
#sleepaceDetail .sfd-engagements h3 { font-family: var(--font-serif-cn); font-size: 1.18rem; margin: 8px 0; font-weight: 500; }
#sleepaceDetail .sfd-engagements p { font-size: .85rem; color: var(--text-secondary); }
#sleepaceDetail .sfd-process-index { list-style: none; display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; padding: 0; margin: 28px 0 0; }
#sleepaceDetail .sfd-process-index li { border-top: 1px solid var(--divider); padding-top: 16px; font-size: .92rem; }
#sleepaceDetail .sfd-process-index span { display: block; font-family: var(--font-display); color: var(--accent); font-size: 1.5rem; margin-bottom: 12px; }
#sleepaceDetail .sfd-process-body { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(24px,4vw,60px); align-items: start; margin-top: 28px; }
#sleepaceDetail .sfd-method-list { display: grid; gap: 24px; }
#sleepaceDetail .sfd-method-list article { padding-bottom: 20px; border-bottom: 1px solid var(--divider); }
#sleepaceDetail .sfd-method-list article:last-child { border: 0; padding-bottom: 0; }
#sleepaceDetail .sfd-method-list h3 { font-family: var(--font-serif-cn); font-weight: 500; font-size: 1.15rem; margin-bottom: 9px; }
#sleepaceDetail .sfd-method-list p { color: var(--text-secondary); font-size: .9rem; line-height: 1.85; }
#sleepaceDetail .sfd-evidence { margin: 0; min-width: 0; border: 1px solid var(--divider); border-radius: 12px; overflow: hidden; background: #faf8f3; }
#sleepaceDetail .sfd-evidence img { width: 100%; height: auto; display: block; aspect-ratio: 16 / 9; object-fit: contain; background: #f7f7f5; }
#sleepaceDetail .sfd-evidence figcaption { box-sizing: border-box; width: 100%; max-width: none; margin: 0; padding: 14px 18px; font: 500 17px/1.55 var(--font-serif-cn); color: var(--text-primary); border-top: 1px solid var(--divider); }
#sleepaceDetail .sfd-evidence-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
#sleepaceDetail .sfd-core-evidence { display: grid; gap: 32px; }
#sleepaceDetail .sfd-evidence-intro { margin: 32px 0 20px; color: var(--text-secondary); font-size: .9rem; line-height: 1.85; }
#sleepaceDetail .sfd-wide { margin-bottom: 24px; }
#sleepaceDetail .sfd-delivery-index { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
#sleepaceDetail .sfd-delivery-index article { padding: 22px 0; border-top: 1px solid var(--divider); }
#sleepaceDetail .sfd-delivery-index span { color: var(--accent); font: 1.8rem var(--font-display); }
#sleepaceDetail .sfd-delivery-index h3 { font: 500 1.2rem/1.5 var(--font-serif-cn); margin: 18px 0 8px; }
#sleepaceDetail .sfd-delivery-index p { font-size: .83rem; color: var(--text-secondary); line-height: 1.8; }
#sleepaceDetail p.sfd-small-note { margin-top: 16px; color: var(--text-secondary); font-size: .75rem; line-height: 1.8; }
#sleepaceDetail .sfd-ui-feature { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); margin-top: 28px; background: #072027; border-radius: 18px; overflow: hidden; color: #edf5f3; align-items: center; }
#sleepaceDetail .sfd-ui-copy { padding: clamp(24px,4vw,52px); }
#sleepaceDetail .sfd-ui-copy > span { color: #80c5cb; font-size: .76rem; letter-spacing: .06em; }
#sleepaceDetail .sfd-ui-copy h3 { color: #edf5f3; font: 500 clamp(1.35rem,2vw,1.8rem)/1.6 var(--font-serif-cn); margin: 14px 0 18px; }
#sleepaceDetail .sfd-ui-copy p { color: #becfce; font-size: .9rem; line-height: 1.85; }
#sleepaceDetail .sfd-phone-stage { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 36px 24px; min-width: 0; background: radial-gradient(ellipse at bottom,#0b3440,transparent 70%); }
#sleepaceDetail .sfd-phone-stage img { display: block; width: calc((100% - 18px)/2); max-width: 205px; height: auto; object-fit: contain; border: 0; border-radius: 0; }
#sleepaceDetail .sfd-phone-stage--single img { width: 64%; max-width: 245px; }
#sleepaceDetail .sfd-source-gallery { margin-top: 26px; border-block: 1px solid var(--divider); }
#sleepaceDetail .sfd-source-gallery summary { cursor: pointer; padding: 20px 2px; color: var(--text-primary); font-size: .9rem; }
#sleepaceDetail .sfd-source-gallery[open] .sfd-evidence-pair { margin: 6px 0 24px; }
#sleepaceDetail .sfd-impact-list { display: grid; gap: 0; }
#sleepaceDetail .sfd-impact-list article { display: grid; grid-template-columns: 55px 1fr; gap: 20px; border-top: 1px solid var(--divider); padding: 24px 0; }
#sleepaceDetail .sfd-impact-list article > span { color: var(--accent); font: 1.6rem var(--font-display); }
#sleepaceDetail .sfd-impact-list h3 { font: 500 1.25rem/1.6 var(--font-serif-cn); margin-bottom: 7px; }
#sleepaceDetail .sfd-impact-list p { font-size: .9rem; color: var(--text-secondary); line-height: 1.85; }
#sleepaceDetail .sfd-public-product { margin-top: 30px; padding: clamp(24px,4vw,44px); border: 1px solid var(--divider); border-radius: 14px; background: rgba(251,249,244,.6); }
#sleepaceDetail .sfd-public-product h3 { font: 500 1.45rem/1.6 var(--font-serif-cn); margin: 12px 0; }
#sleepaceDetail .sfd-public-product > p { color: var(--text-secondary); font-size: .9rem; line-height: 1.85; max-width: 850px; }
#sleepaceDetail .sfd-public-links { display: flex; flex-wrap: wrap; gap: 16px 28px; margin-top: 20px; }
#sleepaceDetail .sfd-public-links a { color: var(--text-primary); font-size: .85rem; text-decoration: underline; text-underline-offset: 5px; }
#sleepaceDetail :is(summary,a):focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
@media(max-width:850px) {
 #sleepaceDetail .sfd-process-body, #sleepaceDetail .sfd-architecture { grid-template-columns: 1fr; gap: 22px; }
 #sleepaceDetail .sfd-method-list { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
 #sleepaceDetail .sfd-method-list article { border: 0; padding: 0; }
 #sleepaceDetail .sfd-ui-feature { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
 #sleepaceDetail .sfd-phone-stage { padding: 26px 16px; gap: 12px; }
 #sleepaceDetail .sfd-delivery-index { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 #sleepaceDetail .sfd-engagements, #sleepaceDetail .sfd-evidence-pair, #sleepaceDetail .sfd-ui-feature, #sleepaceDetail .sfd-method-list { grid-template-columns: 1fr; }
 #sleepaceDetail .sfd-process-index { grid-template-columns: 1fr 1fr; gap: 20px 16px; }
 #sleepaceDetail .sfd-engagements { gap: 24px; }
 #sleepaceDetail .sfd-ui-copy { padding: 26px 24px 8px; }
 #sleepaceDetail .sfd-ui-copy h3 { font-size: 1.4rem; }
 #sleepaceDetail .sfd-phone-stage { padding: 20px 18px 28px; }
 #sleepaceDetail .sfd-phone-stage--single img { max-width: 200px; }
 #sleepaceDetail .sfd-impact-list article { grid-template-columns: 32px 1fr; gap: 12px; }
 #sleepaceDetail .sfd-delivery-index { gap: 16px; }
 #sleepaceDetail .sfd-delivery-index h3 { font-size: 1.04rem; }
 #sleepaceDetail .sfd-evidence figcaption { padding: 12px 14px; font-size: 16px; }
}

/* Honor: source evidence with a clear hierarchy; no changes to other cases. */
#honorDetail { --hnr-blue:#54728b; }
#honorDetail .hnr-kicker { display:block; color:var(--accent); font:500 .72rem/1.6 var(--font-body); letter-spacing:.05em; }
#honorDetail .hnr-note { color:var(--text-secondary); font-size:.76rem; line-height:1.8; margin-top:20px; max-width:72em; }
#honorDetail .hnr-process-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; margin:30px 0 0; gap:26px; }
#honorDetail .hnr-process-index li { border-top:1px solid var(--divider); padding-top:16px; }
#honorDetail .hnr-process-index span, #honorDetail .hnr-delivery-index article>span, #honorDetail .hnr-impact article>span { color:var(--accent); font:400 1.6rem/1.4 var(--font-display); }
#honorDetail :is(.hnr-process-index,.hnr-methods,.hnr-delivery-index) h3 { margin:12px 0 8px; font:500 1.15rem/1.5 var(--font-serif-cn); }
#honorDetail :is(.hnr-process-index,.hnr-methods,.hnr-delivery-index) p { color:var(--text-secondary); font-size:.86rem; line-height:1.85; margin:0; }
#honorDetail .hnr-methods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:30px 0; }
#honorDetail .hnr-methods article { border-top:1px solid var(--divider); padding-top:18px; }
#honorDetail .hnr-process-evidence { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:24px; align-items:start; margin-top:30px; }
#honorDetail .hnr-figure { margin:0; min-width:0; overflow:hidden; border:1px solid var(--divider); border-radius:12px; background:#faf9f5; }
body.human-interface-v2 #page-detail #honorDetail .hnr-figure img { display:block; width:100%; height:auto; margin:0; border:0; border-radius:0; object-fit:contain; background:#f7f7f5; box-shadow:none; }
#honorDetail .hnr-figure figcaption { box-sizing:border-box; width:100%; max-width:none; margin:0; padding:16px 20px; border-top:1px solid var(--divider); font:500 17px/1.55 var(--font-serif-cn); color:var(--text-primary); }
#honorDetail .hnr-wide { margin-bottom:26px; }
#honorDetail .hnr-scene-map { margin-top:26px; }
#honorDetail .hnr-evidence-pair, #honorDetail .hnr-story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; align-items:start; }
#honorDetail .hnr-evidence-pair img { aspect-ratio:16/9; }
#honorDetail .hnr-story-grid { gap:32px; }
#honorDetail .hnr-story-grid img { aspect-ratio:1; background:#fff; }
/* Overview scale is distinct from the full-resolution lightbox. Keep evidence inside a viewport. */
#honorDetail .deliverable-section > .hnr-figure {
  width:100%; max-width:880px; margin-inline:auto;
}
#honorDetail :is(.hnr-evidence-pair,.hnr-process-evidence) {
  width:100%; max-width:1060px; margin-inline:auto; gap:24px;
}
#honorDetail .hnr-story-grid {
  grid-column:1 / -1; width:100%; max-width:820px; margin-inline:auto; gap:24px;
}
body.human-interface-v2 #page-detail #honorDetail .hnr-figure img {
  max-height:min(440px, calc(100svh - 240px));
}
body.human-interface-v2 #page-detail #honorDetail .hnr-story-grid img {
  height:min(380px, calc(100svh - 240px)); aspect-ratio:auto;
}
#honorDetail .hnr-feature-delivery {
  display:grid; grid-template-columns:minmax(230px,.7fr) minmax(0,1.5fr);
  align-items:center; column-gap:clamp(28px,4vw,56px); row-gap:28px;
}
body.human-interface-v2 #page-detail #honorDetail .hnr-feature-delivery > .section-header { margin:0; }
body.human-interface-v2 #page-detail #honorDetail .hnr-feature-delivery > .section-header h2 {
  font-size:clamp(25px,2.3vw,34px); line-height:1.45; text-wrap:balance;
}
#honorDetail .hnr-feature-delivery > .hnr-figure { margin:0; }
body.human-interface-v2.detail-page-active #page-detail #honorDetail .hnr-figure figcaption {
  width:100%; max-width:none; min-height:0; padding:13px 16px; background:#faf9f5;
  font:500 17px/1.55 var(--font-serif-cn); color:var(--text-primary);
}
@media(max-width:900px) {
  #honorDetail .hnr-feature-delivery { grid-template-columns:minmax(0,1fr); gap:24px; }
  #honorDetail .hnr-feature-delivery > .hnr-figure { max-width:760px; margin-inline:auto; }
}
#honorDetail .hnr-insight { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(28px,5vw,72px); padding:clamp(24px,4vw,44px); margin-top:28px; background:#eeeee7; border-radius:14px; }
#honorDetail .hnr-insight h3 { margin:14px 0; font:500 clamp(1.4rem,2.4vw,1.9rem)/1.6 var(--font-serif-cn); text-wrap:balance; }
#honorDetail .hnr-insight p, #honorDetail .hnr-insight li { color:var(--text-secondary); font-size:.9rem; line-height:1.9; }
#honorDetail .hnr-implications { align-self:center; border-left:1px solid #d2d4c9; padding-left:30px; }
#honorDetail .hnr-implications h4 { font-size:.92rem; font-weight:500; margin:0 0 18px; }
#honorDetail .hnr-implications ul { padding-left:18px; margin:0; }
#honorDetail .hnr-implications li+li { margin-top:10px; }
#honorDetail .hnr-delivery-index { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; }
#honorDetail .hnr-delivery-index article { border-top:1px solid var(--divider); padding-top:20px; }
#honorDetail .hnr-impact article { display:grid; grid-template-columns:45px 1fr; gap:22px; border-top:1px solid var(--divider); padding:24px 0; }
#honorDetail .hnr-impact h3 { margin:0 0 8px; font:500 1.25rem/1.6 var(--font-serif-cn); }
#honorDetail .hnr-impact p { margin:0; color:var(--text-secondary); font-size:.9rem; line-height:1.85; max-width:65em; }
/* Reuse the site's compact, equal-sided bezel without extra playback chrome. */
#honorDetail .hnr-screen { position:relative; aspect-ratio:16/10; overflow:hidden; border:3px solid #34332d; border-radius:9px; background:#f6f4ec; box-shadow:0 0 0 3px #b5ad9d; touch-action:pan-y; }
#honorDetail .hnr-slide { position:absolute; inset:0; display:grid; grid-template-rows:minmax(0,1fr) auto; opacity:0; transition:opacity 350ms ease; pointer-events:none; }
#honorDetail .hnr-slide.is-current { opacity:1; z-index:1; }
body.human-interface-v2 #page-detail #honorDetail .hnr-slide img { display:block; width:100%; height:100%; min-height:0; margin:0; border:0; border-radius:0; object-fit:contain; box-shadow:none; }
#honorDetail .hnr-slide p { display:flex; align-items:center; min-height:36px; margin:0; padding:7px 10px; color:#4b504a; background:#f6f4ec; font:400 clamp(.65rem,1vw,.78rem)/1.5 var(--font-body); }
#honorDetail .hnr-screen:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
#honorDetail .hnr-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:900px) {
 #honorDetail .hnr-delivery-index { grid-template-columns:repeat(3,minmax(0,1fr)); }
 #honorDetail .hnr-process-evidence { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #honorDetail .hnr-insight { grid-template-columns:1fr; gap:24px; }
 #honorDetail .hnr-implications { border-left:0; border-top:1px solid #d2d4c9; padding:22px 0 0; }
}
@media(max-width:600px) {
 body.human-interface-v2.detail-page-active #page-detail #honorDetail .hnr-figure figcaption { font-size:16px; }
 #honorDetail .hnr-process-index, #honorDetail .hnr-delivery-index { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
 #honorDetail .hnr-methods, #honorDetail .hnr-process-evidence, #honorDetail .hnr-evidence-pair, #honorDetail .hnr-story-grid { grid-template-columns:1fr; gap:22px; }
 #honorDetail .hnr-methods { gap:20px; }
 #honorDetail .hnr-figure figcaption { padding:14px 16px; font-size:16px; }
 #honorDetail .hnr-insight h3 { text-wrap:pretty; }
 #honorDetail .hnr-impact article { grid-template-columns:30px 1fr; gap:12px; }
 #honorDetail .hnr-screen { border-width:2px; }
}
@media(prefers-reduced-motion:reduce) { #honorDetail .hnr-slide { transition:none; } }

/* Public hypothetical example: distinct from the report evidence below it. */
#honorDetail .hnr-example {
  width:100%; max-width:1060px; margin:32px auto 0;
  padding:26px 28px 28px; background:#eeeee7; border-radius:12px;
}
body.human-interface-v2.detail-page-active #page-detail #honorDetail .hnr-example > figcaption {
  display:block; position:static; width:100%; max-width:none; margin:0;
  padding:0 0 22px; border:0; background:transparent;
  font:400 14px/1.8 var(--font-body); color:var(--text-secondary);
}
#honorDetail .hnr-example > figcaption .hnr-kicker { margin-bottom:5px; }
#honorDetail .hnr-example-flow {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px;
  list-style:none; margin:0; padding:0;
}
#honorDetail .hnr-example-flow > li { position:relative; min-width:0; margin:0; padding:0; }
#honorDetail .hnr-example-flow > li + li::before {
  content:'→'; position:absolute; left:-31px; top:26px; color:#9a9d91; font-size:22px;
}
#honorDetail .hnr-example-icon {
  display:block; position:static; width:104px; height:72px; margin:0 0 22px;
  color:#59685c; overflow:visible; flex:none;
}
#honorDetail .hnr-example-step { font:500 12px/1.6 var(--font-body); color:#727a6e; }
#honorDetail .hnr-example-flow h3 { margin:8px 0; font:500 clamp(18px,1.65vw,22px)/1.5 var(--font-serif-cn); }
#honorDetail .hnr-example-flow p { margin:0; font:400 14px/1.85 var(--font-body); color:var(--text-secondary); }
#honorDetail .hnr-definition-evidence { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:32px; }
body.human-interface-v2.detail-page-active #page-detail #honorDetail .hnr-definition-evidence img {
  width:100%; height:auto; aspect-ratio:16/9; object-fit:contain;
  max-height:clamp(170px,calc(100svh - 280px),300px);
}
#honorDetail .hnr-capability-delivery { align-items:start; }
body.human-interface-v2.detail-page-active #page-detail #honorDetail .hnr-capability-delivery > .hnr-figure img {
  max-height:clamp(180px,calc(100svh - 250px),340px);
}
#honorDetail .hnr-scene-delivery > .hnr-story-grid { margin-top:32px; }
@media(max-width:700px) {
  #honorDetail .hnr-example { margin-top:24px; padding:22px; }
  #honorDetail .hnr-example-flow { grid-template-columns:1fr; gap:42px; }
  #honorDetail .hnr-example-flow > li { padding-left:80px; min-height:86px; }
  #honorDetail .hnr-example-icon { position:absolute; left:0; top:0; width:62px; height:52px; margin:0; }
  #honorDetail .hnr-example-flow > li + li::before { content:'↓'; left:25px; top:-34px; }
  #honorDetail .hnr-definition-evidence { grid-template-columns:1fr; margin-top:24px; gap:22px; }
  #honorDetail .hnr-scene-delivery > .hnr-story-grid { margin-top:24px; }
}

/* Shared image-led previews for Honor, LKK, Sleepace, Hyundai and Wuling. No home-page changes. */
body.human-interface-v2.detail-page-active #page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .retro-detail-hero > .case-screen-gallery.retro-device-frame {
  padding: clamp(10px, 1.1vw, 15px);
  border: 1px solid #d5cebf;
  border-radius: 17px;
  background: linear-gradient(145deg, #f3efe5, #e4ddcf);
  box-shadow: inset 1px 2px 2px #fffdf8, inset -1px -1px 2px #c9c0b0, 0 7px 16px rgb(62 49 30 / 8%);
}
#page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-screen {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid #746e60;
  border-radius: 8px;
  box-sizing: border-box;
  background: #f8f8f5;
  box-shadow: 0 0 0 2px rgb(130 120 101 / 16%);
  touch-action: pan-y;
  container-type: inline-size;
}
#page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 420ms ease-in-out;
  pointer-events: none;
}
#page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-slide.is-current { opacity: 1; z-index: 1; }
body.human-interface-v2 #page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-slide img {
  display: block;
  position: static;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  box-shadow: none;
}
#page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-screen-label {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 3px 7px;
  border-radius: 4px;
  background: rgb(35 32 26 / 65%);
  color: #fff;
  font: 400 11px/1.5 var(--font-body);
  letter-spacing: .04em;
}
/* Short editable captions inside the screen. Report slides reserve a clear lower zone. */
#page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-slide--report { background: #eeece5; }
body.human-interface-v2 #page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-slide--report img {
  box-sizing: border-box;
  height: calc(100% - 76px);
  padding: 8px 12px 0;
}
#page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-screen-copy {
  position: absolute; inset: auto 0 0;
  display: block; box-sizing: border-box;
  padding: 34px 18px 16px;
  background: linear-gradient(transparent, rgb(18 20 19 / 72%) 42%, rgb(18 20 19 / 90%));
  color: #fff; text-align: left;
}
#page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-screen-copy strong {
  display: block; margin: 0; max-width: none;
  font: 500 18px/1.4 var(--font-body);
  font-size: clamp(15px, 4cqi, 21px);
  letter-spacing: .015em; color: #fff;
  text-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
#page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-slide--report .case-screen-copy {
  display: flex; align-items: center; height:76px; padding-block:12px;
  background: #242925;
}
@media(min-width:601px) {
  body.human-interface-v2 #page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-slide--report img { height:calc(100% - 88px); }
  #page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-slide--report .case-screen-copy { height:88px; }
  #page-detail :is(#honorDetail, #lkkDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail) .case-screen-copy { padding-inline:22px; }
}
#page-detail .case-screen:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
#page-detail .case-screen-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { #page-detail .case-slide { transition: none; } }

/* Wuling only. Original report relationships, restrained overview scale. */
#wulingDetail .wl-process-index {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px;
  list-style:none; padding:0; margin:30px 0 0;
}
#wulingDetail .wl-process-index li { border-top:1px solid var(--divider); padding-top:16px; }
#wulingDetail .wl-process-index span { color:var(--accent); font:400 1.5rem/1.4 var(--font-display); }
#wulingDetail .wl-process-index h3 { font:500 1.12rem/1.55 var(--font-serif-cn); margin:10px 0 6px; }
#wulingDetail .wl-process-index p { color:var(--text-secondary); font-size:.86rem; line-height:1.85; }
body.human-interface-v2 #page-detail #wulingDetail .wl-overview {
  width:min(1320px,calc(100% - 96px)); margin-inline:auto; padding:48px 0;
}
body.human-interface-v2 #page-detail #wulingDetail .wl-overview .context-grid {
  width:100%; padding:0; margin:0; max-width:none;
}
#wulingDetail .wl-method-body {
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(24px,3vw,40px); align-items:start; margin-top:28px;
}
body.human-interface-v2.detail-page-active #page-detail #wulingDetail .wl-method {
  max-width:1080px;
}
#wulingDetail .wl-method-notes { display:grid; gap:19px; }
#wulingDetail .wl-method-notes article { border-top:1px solid var(--divider); padding-top:14px; }
#wulingDetail .wl-method-notes h3,
#wulingDetail .wl-method-notes h4 { margin:0 0 7px; font:500 1.08rem/1.55 var(--font-serif-cn); }
#wulingDetail .wl-method-group { margin-top:32px; max-width:1080px; margin-inline:auto; }
#wulingDetail .wl-method-group + .wl-method-group { margin-top:56px; }
#wulingDetail .wl-group-title { margin:0; font:500 clamp(18px,1.7vw,23px)/1.6 var(--font-serif-cn); }
#wulingDetail .wl-method-group .wl-method-body { margin-top:0; }
#wulingDetail .wl-method-copy { min-width:0; }
#wulingDetail .wl-method-copy .wl-method-notes { margin-top:20px; }
#wulingDetail .wl-method-notes p { margin:0; color:var(--text-secondary); font-size:.88rem; line-height:1.85; }
#wulingDetail .wl-figure {
  display:block; min-width:0; width:100%; margin:0; overflow:hidden;
  border:1px solid var(--divider); border-radius:12px; background:#faf9f5;
}
body.human-interface-v2.detail-page-active #page-detail #wulingDetail .wl-figure img {
  display:block; position:static; width:100%; height:auto; aspect-ratio:1800 / 1013;
  max-height:clamp(180px,calc(100svh - 250px),380px); margin:0; padding:0;
  border:0; border-radius:0; object-fit:contain; background:#f8f8f5; box-shadow:none;
}
body.human-interface-v2.detail-page-active #page-detail #wulingDetail .wl-figure figcaption {
  display:block; position:static; width:100%; max-width:none; margin:0; padding:13px 16px;
  min-height:0; border-top:1px solid var(--divider); background:#faf9f5;
  color:var(--text-primary); font:500 16px/1.6 var(--font-serif-cn);
}
#wulingDetail .wl-evidence-pair {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px;
  width:100%; max-width:1080px; margin-inline:auto; align-items:start;
}
#wulingDetail .wl-story-grid { row-gap:30px; }
#wulingDetail .wl-delivery-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
#wulingDetail .wl-delivery-index article { padding:18px 0; border-top:1px solid var(--divider); }
#wulingDetail .wl-delivery-index strong { font:400 clamp(22px,2.4vw,32px)/1.5 var(--font-display); color:var(--accent); }
#wulingDetail .wl-delivery-index h3 { margin:9px 0 0; font:500 1rem/1.7 var(--font-serif-cn); }
#wulingDetail .wl-note { margin:20px 0 0; color:var(--text-secondary); font:.76rem/1.8 var(--font-body); }
#wulingDetail .wl-impact article { display:grid; grid-template-columns:42px 1fr; gap:22px; padding:24px 0; border-top:1px solid var(--divider); }
#wulingDetail .wl-impact article>span { color:var(--accent); font:400 1.6rem/1.5 var(--font-display); }
#wulingDetail .wl-impact h3 { font:500 1.22rem/1.6 var(--font-serif-cn); margin:0 0 8px; }
#wulingDetail .wl-impact p { font-size:.9rem; line-height:1.85; color:var(--text-secondary); max-width:70em; }
@media(max-width:1100px) {
  body.human-interface-v2 #page-detail #wulingDetail .wl-overview { width:calc(100% - 64px); }
}
@media(max-width:900px) {
  #wulingDetail .wl-method-body { grid-template-columns:1fr; gap:24px; }
  #wulingDetail .wl-method-notes { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
  #wulingDetail .wl-method-body>.wl-figure { max-width:700px; margin-inline:auto; }
  #wulingDetail .wl-process-index { gap:24px; }
  #wulingDetail .wl-delivery-index { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
}
@media(max-width:700px) {
  #wulingDetail .wl-process-index { grid-template-columns:1fr; gap:18px; }
  #wulingDetail .wl-process-index li { display:grid; grid-template-columns:34px 1fr; column-gap:12px; }
  #wulingDetail .wl-process-index span { grid-row:1 / 3; }
  #wulingDetail .wl-process-index h3 { margin:0 0 4px; }
  #wulingDetail .wl-process-index p { grid-column:2; margin:0; }
  #wulingDetail .wl-evidence-pair { grid-template-columns:1fr; gap:22px; }
  #wulingDetail .wl-method-notes { grid-template-columns:1fr; gap:18px; }
  body.human-interface-v2 #page-detail #wulingDetail .wl-overview { width:calc(100% - 40px); padding:30px 0; }
  #wulingDetail .wl-impact article { grid-template-columns:28px 1fr; gap:14px; }
}
@media(max-width:420px) {
  body.human-interface-v2 #page-detail #wulingDetail .wl-overview { width:calc(100% - 28px); }
  body.human-interface-v2.detail-page-active #page-detail #wulingDetail .wl-figure figcaption { font-size:15px; padding:12px 14px; }
}

#wulingDetail .wl-process-images { display:grid; gap:20px; min-width:0; }
#wulingDetail .wl-master { max-width:800px; margin:28px auto; }
#wulingDetail .wl-method-notes { grid-template-columns:1fr; }

#wulingDetail .wl-business-impact {
  border-left:3px solid var(--accent); padding:22px 28px;
  margin:28px 0 32px; background:rgb(192 72 39 / 4%);
}
#wulingDetail .wl-business-impact h3 { font-size:clamp(22px,2.3vw,30px); }
#wulingDetail .wl-business-impact p:not(.section-label) { margin:12px 0; }
#wulingDetail .wl-business-impact a { font-size:12px; color:var(--text-secondary); text-underline-offset:4px; }
@media(max-width:700px) {
  #wulingDetail .wl-business-impact { padding:18px 20px; }
}

/* A short text column must never be centered beside a tall image stack. */
#wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) {
  grid-template-columns:1fr; gap:24px;
}
#wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-method-notes,
#wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-process-images {
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px;
}
#wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-method-notes:has(article:nth-child(3)) {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.human-interface-v2.detail-page-active #page-detail #wulingDetail .wl-method .wl-figure img {
  max-height:clamp(170px,calc(100svh - 280px),300px);
}
#wulingDetail .wl-method-body:not(:has(.wl-process-images > .wl-figure:nth-child(2))) .wl-process-images {
  width:100%; max-width:570px; justify-self:start;
}
#wulingDetail .wl-method-body:not(:has(.wl-process-images > .wl-figure:nth-child(2))) {
  max-width:1080px; margin-inline:auto;
}
/* Text and paired evidence share an edge; spacing belongs to the group boundary. */
#wulingDetail .deliverable-section:has(.wl-figure) > h2,
#wulingDetail .deliverable-section:has(.wl-figure) > .section-label,
#wulingDetail .deliverable-section:has(.wl-figure) > .section-desc {
  max-width:1080px; margin-inline:auto;
}
#wulingDetail .deliverable-section > .section-desc { margin-bottom:0; }
#wulingDetail .deliverable-section > .section-desc + .wl-evidence-pair,
#wulingDetail .deliverable-section > .section-desc + .wl-master {
  margin-top:32px;
}
#wulingDetail .deliverable-section > .wl-master + .wl-evidence-pair,
#wulingDetail .deliverable-section > .wl-evidence-pair + .wl-master {
  margin-top:32px;
}
@media(max-width:900px) {
  #wulingDetail .wl-method-body:not(:has(.wl-process-images > .wl-figure:nth-child(2))) .wl-method-notes {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #wulingDetail .wl-method-body:not(:has(.wl-process-images > .wl-figure:nth-child(2))) .wl-process-images {
    justify-self:center;
  }
}
@media(max-width:700px) {
  #wulingDetail .wl-method-group + .wl-method-group { margin-top:40px; }
  #wulingDetail .deliverable-section > .section-desc + .wl-evidence-pair,
  #wulingDetail .deliverable-section > .section-desc + .wl-master,
  #wulingDetail .deliverable-section > .wl-master + .wl-evidence-pair,
  #wulingDetail .deliverable-section > .wl-evidence-pair + .wl-master {
    margin-top:24px;
  }
  #wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-method-notes,
  #wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-method-notes:has(article:nth-child(3)),
  #wulingDetail .wl-method-body:has(.wl-process-images > .wl-figure:nth-child(2)) .wl-process-images,
  #wulingDetail .wl-method-body:not(:has(.wl-process-images > .wl-figure:nth-child(2))) .wl-method-notes {
    grid-template-columns:1fr; gap:18px;
  }
}

/* ROBAM: paired complete evidence, aligned copy, one caption per image. */
body.human-interface-v2.detail-page-active #page-detail #robamDetail .rb-method,
body.human-interface-v2.detail-page-active #page-detail #robamDetail .rb-delivery,
body.human-interface-v2.detail-page-active #page-detail #robamDetail .rb-delivery-summary,
body.human-interface-v2.detail-page-active #page-detail #robamDetail .rb-impact {
  max-width:1080px;
}
body.human-interface-v2 #page-detail #robamDetail .rb-overview {
  width:min(1320px,calc(100% - 96px)); margin-inline:auto; padding:48px 0;
}
body.human-interface-v2 #page-detail #robamDetail .rb-overview .context-grid {
  width:100%; max-width:none; margin:32px 0 0; padding:0;
}
#robamDetail .rb-method-body {
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  align-items:start; gap:clamp(24px,3vw,40px); margin-top:24px;
}
#robamDetail .rb-method-copy { min-width:0; }
#robamDetail .rb-persona-evidence { margin-top:32px; }
body.human-interface-v2.detail-page-active #page-detail #robamDetail .rb-method { max-width:none; }
body.human-interface-v2 #page-detail #robamDetail .rb-method .sleepace-method-lead h2 { max-width:1000px; text-wrap:balance; }
#robamDetail .rb-method-copy .part-title { margin-top:0; font-size:clamp(23px,2.15vw,31px); line-height:1.5; }
#robamDetail .rb-method-notes { display:grid; gap:18px; margin-top:24px; }
#robamDetail .rb-method-notes article { border-top:1px solid var(--divider); padding-top:14px; }
#robamDetail .rb-method-notes h3 { margin:0 0 7px; font:500 1.05rem/1.6 var(--font-serif-cn); }
#robamDetail .rb-method-notes p { margin:0; font-size:.88rem; line-height:1.85; color:var(--text-secondary); }
#robamDetail .rb-figure {
  display:block; width:100%; min-width:0; margin:0; overflow:hidden;
  border:1px solid var(--divider); border-radius:12px; background:#faf9f5;
}
body.human-interface-v2.detail-page-active #page-detail #robamDetail .rb-figure img {
  display:block; position:static; width:100%; height:auto; aspect-ratio:1800 / 1013;
  max-height:clamp(180px,calc(100svh - 250px),380px); margin:0; padding:0;
  object-fit:contain; border:0; border-radius:0; box-shadow:none; background:#f8f8f5;
}
body.human-interface-v2.detail-page-active #page-detail #robamDetail .rb-method .rb-figure img {
  max-height:clamp(170px,calc(100svh - 280px),300px);
}
body.human-interface-v2.detail-page-active #page-detail #robamDetail .rb-figure figcaption {
  display:block; position:static; width:100%; max-width:none; min-height:0;
  margin:0; padding:13px 16px; border-top:1px solid var(--divider);
  background:#faf9f5; color:var(--text-primary); font:500 16px/1.6 var(--font-serif-cn);
}
#robamDetail .rb-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; align-items:start; }
#robamDetail .rb-master { max-width:800px; margin-inline:auto; }
#robamDetail .rb-delivery > .section-desc { margin-bottom:0; }
#robamDetail .rb-delivery > .section-desc + .rb-pair,
#robamDetail .rb-delivery > .section-desc + .rb-master,
#robamDetail .rb-master + .rb-pair { margin-top:32px; }
#robamDetail .rb-delivery-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
#robamDetail .rb-delivery-index article { padding:18px 0; border-top:1px solid var(--divider); }
#robamDetail .rb-delivery-index strong { color:var(--accent); font:400 clamp(22px,2vw,30px)/1.5 var(--font-serif-cn); }
#robamDetail .rb-delivery-index h3 { margin:9px 0 0; font:500 1rem/1.7 var(--font-serif-cn); }
#robamDetail .rb-impact > article { display:grid; grid-template-columns:42px 1fr; gap:22px; padding:24px 0; border-top:1px solid var(--divider); }
#robamDetail .rb-impact > article > span { color:var(--accent); font:400 1.6rem/1.5 var(--font-display); }
#robamDetail .rb-impact h3 { font:500 1.22rem/1.6 var(--font-serif-cn); margin:0 0 8px; }
#robamDetail .rb-impact p { font-size:.9rem; line-height:1.85; color:var(--text-secondary); }
@media(max-width:1100px) {
  body.human-interface-v2 #page-detail #robamDetail .rb-overview { width:calc(100% - 64px); }
}
@media(max-width:900px) {
  #robamDetail .rb-method-body { grid-template-columns:1fr; gap:24px; }
  #robamDetail .rb-method-body > .rb-figure { max-width:700px; margin-inline:auto; }
  #robamDetail .rb-delivery-index { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  #robamDetail .rb-pair { grid-template-columns:1fr; gap:22px; }
  #robamDetail .rb-delivery > .section-desc + .rb-pair,
  #robamDetail .rb-delivery > .section-desc + .rb-master,
  #robamDetail .rb-master + .rb-pair { margin-top:24px; }
  body.human-interface-v2 #page-detail #robamDetail .rb-overview { width:calc(100% - 40px); padding:30px 0; }
  #robamDetail .rb-impact > article { grid-template-columns:28px 1fr; gap:14px; }
  body.human-interface-v2.detail-page-active #page-detail #robamDetail .rb-figure figcaption { font-size:15px; padding:12px 14px; }
}
@media(max-width:420px) {
  body.human-interface-v2 #page-detail #robamDetail .rb-overview { width:calc(100% - 28px); }
}

/* GAC: paired complete evidence, aligned copy, one caption per image. */
body.human-interface-v2.detail-page-active #page-detail #gacDetail .gc-method,
body.human-interface-v2.detail-page-active #page-detail #gacDetail .gc-delivery,
body.human-interface-v2.detail-page-active #page-detail #gacDetail .gc-delivery-summary,
body.human-interface-v2.detail-page-active #page-detail #gacDetail .gc-impact {
  max-width:1080px;
}
body.human-interface-v2 #page-detail #gacDetail .gc-overview {
  width:min(1320px,calc(100% - 96px)); margin-inline:auto; padding:48px 0;
}
body.human-interface-v2 #page-detail #gacDetail .gc-overview .context-grid {
  width:100%; max-width:none; margin:32px 0 0; padding:0;
}
#gacDetail .gc-method-body {
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  align-items:start; gap:clamp(24px,3vw,40px); margin-top:24px;
}
#gacDetail .gc-method-copy { min-width:0; }
#gacDetail .gc-method-copy .part-title { margin-top:0; font-size:clamp(23px,2.15vw,31px); line-height:1.5; }
#gacDetail .gc-method-notes { display:grid; gap:18px; margin-top:24px; }
#gacDetail .gc-method-notes article { border-top:1px solid var(--divider); padding-top:14px; }
#gacDetail .gc-method-notes h3 { margin:0 0 7px; font:500 1.05rem/1.6 var(--font-serif-cn); }
#gacDetail .gc-method-notes p { margin:0; font-size:.88rem; line-height:1.85; color:var(--text-secondary); }
#gacDetail .gc-figure {
  display:block; width:100%; min-width:0; margin:0; overflow:hidden;
  border:1px solid var(--divider); border-radius:12px; background:#faf9f5;
}
body.human-interface-v2.detail-page-active #page-detail #gacDetail .gc-figure img {
  display:block; position:static; width:100%; height:auto; aspect-ratio:1800 / 1013;
  max-height:clamp(180px,calc(100svh - 250px),380px); margin:0; padding:0;
  object-fit:contain; border:0; border-radius:0; box-shadow:none; background:#f8f8f5;
}
body.human-interface-v2.detail-page-active #page-detail #gacDetail .gc-method .gc-figure img {
  max-height:clamp(170px,calc(100svh - 280px),300px);
}
body.human-interface-v2.detail-page-active #page-detail #gacDetail .gc-figure figcaption {
  display:block; position:static; width:100%; max-width:none; min-height:0;
  margin:0; padding:13px 16px; border-top:1px solid var(--divider);
  background:#faf9f5; color:var(--text-primary); font:500 16px/1.6 var(--font-serif-cn);
}
#gacDetail .gc-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; align-items:start; }
#gacDetail .gc-master { max-width:800px; margin-inline:auto; }
#gacDetail .gc-delivery > .section-desc { margin-bottom:0; }
#gacDetail .gc-delivery > .section-desc + .gc-pair,
#gacDetail .gc-delivery > .section-desc + .gc-master,
#gacDetail .gc-master + .gc-pair { margin-top:32px; }
#gacDetail .gc-delivery-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
#gacDetail .gc-delivery-index article { padding:18px 0; border-top:1px solid var(--divider); }
#gacDetail .gc-delivery-index strong { color:var(--accent); font:400 clamp(22px,2vw,30px)/1.5 var(--font-serif-cn); }
#gacDetail .gc-delivery-index h3 { margin:9px 0 0; font:500 1rem/1.7 var(--font-serif-cn); }
#gacDetail .gc-impact > article { display:grid; grid-template-columns:42px 1fr; gap:22px; padding:24px 0; border-top:1px solid var(--divider); }
#gacDetail .gc-impact > article > span { color:var(--accent); font:400 1.6rem/1.5 var(--font-display); }
#gacDetail .gc-impact h3 { font:500 1.22rem/1.6 var(--font-serif-cn); margin:0 0 8px; }
#gacDetail .gc-impact p { font-size:.9rem; line-height:1.85; color:var(--text-secondary); }
@media(max-width:1100px) {
  body.human-interface-v2 #page-detail #gacDetail .gc-overview { width:calc(100% - 64px); }
}
@media(max-width:900px) {
  #gacDetail .gc-method-body { grid-template-columns:1fr; gap:24px; }
  #gacDetail .gc-method-body > .gc-figure { max-width:700px; margin-inline:auto; }
  #gacDetail .gc-delivery-index { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  #gacDetail .gc-pair { grid-template-columns:1fr; gap:22px; }
  #gacDetail .gc-delivery > .section-desc + .gc-pair,
  #gacDetail .gc-delivery > .section-desc + .gc-master,
  #gacDetail .gc-master + .gc-pair { margin-top:24px; }
  body.human-interface-v2 #page-detail #gacDetail .gc-overview { width:calc(100% - 40px); padding:30px 0; }
  #gacDetail .gc-impact > article { grid-template-columns:28px 1fr; gap:14px; }
  body.human-interface-v2.detail-page-active #page-detail #gacDetail .gc-figure figcaption { font-size:15px; padding:12px 14px; }
}
@media(max-width:420px) {
  body.human-interface-v2 #page-detail #gacDetail .gc-overview { width:calc(100% - 28px); }
}

#gacDetail .gc-process-route { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:28px 0 0;gap:24px; }
#gacDetail .gc-process-route li { display:flex;align-items:center;gap:16px;border-top:1px solid var(--divider);padding:18px 0; }
#gacDetail .gc-process-route span { color:var(--accent);font:400 24px/1.3 var(--font-display); }
#gacDetail .gc-process-route strong { font:500 18px/1.6 var(--font-serif-cn); }
@media(max-width:700px) { #gacDetail .gc-process-route { grid-template-columns:1fr;gap:0; } }

/* Hyundai only. Original report relationships, restrained overview scale. */
#hyundaiDetail .hyd-process-index {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px;
  list-style:none; padding:0; margin:30px 0 0;
}
#hyundaiDetail .hyd-process-index li { border-top:1px solid var(--divider); padding-top:16px; }
#hyundaiDetail .hyd-process-index span { color:var(--accent); font:400 1.5rem/1.4 var(--font-display); }
#hyundaiDetail .hyd-process-index h3 { font:500 1.12rem/1.55 var(--font-serif-cn); margin:10px 0 6px; }
#hyundaiDetail .hyd-process-index p { color:var(--text-secondary); font-size:.86rem; line-height:1.85; }
body.human-interface-v2 #page-detail #hyundaiDetail .hyd-overview {
  width:min(1320px,calc(100% - 96px)); margin-inline:auto; padding:48px 0;
}
body.human-interface-v2 #page-detail #hyundaiDetail .hyd-overview .context-grid {
  width:100%; padding:0; margin:0; max-width:none;
}
#hyundaiDetail .hyd-method-body {
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(28px,4vw,56px); align-items:center; margin-top:28px;
}
#hyundaiDetail .hyd-method-notes { display:grid; gap:19px; }
#hyundaiDetail .hyd-method-notes article { border-top:1px solid var(--divider); padding-top:14px; }
#hyundaiDetail .hyd-method-notes h3 { margin:0 0 7px; font:500 1.08rem/1.55 var(--font-serif-cn); }
#hyundaiDetail .hyd-method-notes p { margin:0; color:var(--text-secondary); font-size:.88rem; line-height:1.85; }
#hyundaiDetail .hyd-figure {
  display:block; min-width:0; width:100%; margin:0; overflow:hidden;
  border:1px solid var(--divider); border-radius:12px; background:#faf9f5;
}
body.human-interface-v2.detail-page-active #page-detail #hyundaiDetail .hyd-figure img {
  display:block; position:static; width:100%; height:auto; aspect-ratio:1800 / 1013;
  max-height:clamp(180px,calc(100svh - 250px),380px); margin:0; padding:0;
  border:0; border-radius:0; object-fit:contain; background:#f8f8f5; box-shadow:none;
}
body.human-interface-v2.detail-page-active #page-detail #hyundaiDetail .hyd-figure figcaption {
  display:block; position:static; width:100%; max-width:none; margin:0; padding:13px 16px;
  min-height:0; border-top:1px solid var(--divider); background:#faf9f5;
  color:var(--text-primary); font:500 16px/1.6 var(--font-serif-cn);
}
#hyundaiDetail .hyd-evidence-pair {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px;
  width:100%; max-width:1080px; margin-inline:auto; align-items:start;
}
#hyundaiDetail .hyd-story-grid { row-gap:30px; }
#hyundaiDetail .hyd-delivery-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
#hyundaiDetail .hyd-delivery-index article { padding:18px 0; border-top:1px solid var(--divider); }
#hyundaiDetail .hyd-delivery-index strong { font:400 clamp(22px,2.4vw,32px)/1.5 var(--font-display); color:var(--accent); }
#hyundaiDetail .hyd-delivery-index h3 { margin:9px 0 0; font:500 1rem/1.7 var(--font-serif-cn); }
#hyundaiDetail .hyd-note { margin:20px 0 0; color:var(--text-secondary); font:.76rem/1.8 var(--font-body); }
#hyundaiDetail .hyd-impact article { display:grid; grid-template-columns:42px 1fr; gap:22px; padding:24px 0; border-top:1px solid var(--divider); }
#hyundaiDetail .hyd-impact article>span { color:var(--accent); font:400 1.6rem/1.5 var(--font-display); }
#hyundaiDetail .hyd-impact h3 { font:500 1.22rem/1.6 var(--font-serif-cn); margin:0 0 8px; }
#hyundaiDetail .hyd-impact p { font-size:.9rem; line-height:1.85; color:var(--text-secondary); max-width:70em; }
@media(max-width:1100px) {
  body.human-interface-v2 #page-detail #hyundaiDetail .hyd-overview { width:calc(100% - 64px); }
}
@media(max-width:900px) {
  #hyundaiDetail .hyd-method-body { grid-template-columns:1fr; gap:24px; }
  #hyundaiDetail .hyd-method-notes { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
  #hyundaiDetail .hyd-method-body>.hyd-figure { max-width:700px; margin-inline:auto; }
  #hyundaiDetail .hyd-process-index, #hyundaiDetail .hyd-delivery-index { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
}
@media(max-width:700px) {
  #hyundaiDetail .hyd-evidence-pair { grid-template-columns:1fr; gap:22px; }
  #hyundaiDetail .hyd-method-notes { grid-template-columns:1fr; gap:18px; }
  body.human-interface-v2 #page-detail #hyundaiDetail .hyd-overview { width:calc(100% - 40px); padding:30px 0; }
  #hyundaiDetail .hyd-impact article { grid-template-columns:28px 1fr; gap:14px; }
}
@media(max-width:420px) {
  body.human-interface-v2 #page-detail #hyundaiDetail .hyd-overview { width:calc(100% - 28px); }
  body.human-interface-v2.detail-page-active #page-detail #hyundaiDetail .hyd-figure figcaption { font-size:15px; padding:12px 14px; }
}

/* LKK: evidence-led reading, paired analysis, and a compact strategy feature. */
#lkkDetail .lkk-case-part .sleepace-method-lead h2 { max-width: 1000px; text-wrap: balance; }
#lkkDetail .lkk-case-process-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px,4vw,60px); align-items:center; margin-top:32px; }
#lkkDetail .lkk-case-steps { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; min-width:0; margin:0; }
#lkkDetail .lkk-case-steps article { min-width:0; border-top:1px solid var(--border-color,#d6cec1); padding-top:20px; }
#lkkDetail .lkk-case-steps article > span { font-size:11px; letter-spacing:.08em; color:var(--accent,#bc4429); }
#lkkDetail .lkk-case-steps h3 { font:500 19px/1.55 var(--font-serif-cn); margin:8px 0 6px; }
#lkkDetail .lkk-case-steps p { font-size:14px; line-height:1.9; color:var(--text-secondary); margin:0; }
#lkkDetail .lkk-evidence-card { min-width:0; margin:0; border:1px solid var(--divider,#d6cec1); border-radius:12px; background:#faf8f3; box-shadow:none; overflow:hidden; }
#lkkDetail .lkk-case-master { width:100%; max-width:980px; margin:28px auto 0; }
#lkkDetail .lkk-case-master-grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:24px; }
#lkkDetail .lkk-evidence-card > a { display:block; background:#faf8f3; }
#lkkDetail .lkk-evidence-card > a:focus-visible { outline:3px solid var(--accent,#bc4429); outline-offset:-4px; }
/* The card provides one frame; override the global image border and shadow. */
body.human-interface-v2 #page-detail #lkkDetail .lkk-evidence-card img { display:block; width:100%; max-width:100%; height:auto; margin:0; border:0; border-radius:0; object-fit:contain; background:transparent; box-shadow:none; }
/* The global 72ch cap belongs on text, not on the caption background box. */
body.human-interface-v2.detail-page-active #page-detail #lkkDetail .lkk-evidence-card figcaption { box-sizing:border-box; width:100%; max-width:none; min-height:0; margin:0; padding:16px 20px; border-top:1px solid var(--divider,#d6cec1); background:#faf8f3; }
#lkkDetail .lkk-evidence-card figcaption strong { display:block; font:500 17px/1.55 var(--font-serif-cn); margin:0; color:var(--text-primary); }
#lkkDetail .lkk-process-figure figcaption strong { font-size:16px; }
#lkkDetail .lkk-case-deliverable .section-desc { max-width:850px; }
#lkkDetail .lkk-tool-intro { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin:0 0 32px; }
#lkkDetail .lkk-tool-intro article { padding:26px 0; border-top:1px solid var(--border-color,#d6cec1); }
#lkkDetail .lkk-tool-intro small { color:var(--accent,#bc4429); letter-spacing:.12em; }
#lkkDetail .lkk-tool-intro h3 { font:500 24px/1.5 var(--font-serif-cn); margin:12px 0; }
#lkkDetail .lkk-tool-intro p { color:var(--text-secondary); font-size:15px; line-height:1.85; }
#lkkDetail .lkk-tool-output { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
#lkkDetail .lkk-tool-output span { font-size:12px; padding:7px 11px; border-radius:4px; background:rgba(185,67,38,.06); color:var(--text-secondary); }
#lkkDetail .lkk-demo-showcase { max-width:1060px; margin-inline:auto; }
#lkkDetail .lkk-demo-image { max-height:560px; }
#lkkDetail .lkk-analysis-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:32px; }
#lkkDetail .lkk-analysis-unit { display:grid; grid-template-rows:auto 1fr; gap:20px; min-width:0; }
#lkkDetail .lkk-analysis-copy { min-width:0; }
#lkkDetail .lkk-analysis-copy > span,
#lkkDetail .lkk-strategy-reading > span { color:var(--accent,#bc4429); font-size:11px; letter-spacing:.08em; }
#lkkDetail .lkk-analysis-copy h3 { font:500 22px/1.5 var(--font-serif-cn); margin:10px 0 8px; text-wrap:balance; }
#lkkDetail .lkk-analysis-copy p { margin:0; font-size:14px; line-height:1.85; color:var(--text-secondary); }
#lkkDetail .lkk-analysis-unit .lkk-analysis-copy { border-top:1px solid var(--border-color,#d6cec1); padding-top:20px; }
#lkkDetail .lkk-analysis-unit .lkk-evidence-card { align-self:end; }
#lkkDetail .lkk-assessment-decision { margin-top:32px; padding-top:32px; border-top:1px solid var(--border-color,#d6cec1); align-items:start; }
#lkkDetail .lkk-assessment-decision .lkk-process-figure { justify-self:start; }
body.human-interface-v2.detail-page-active #page-detail #lkkDetail .lkk-evidence-note { max-width:none; margin:22px 0 0; text-align:left; }
#lkkDetail .lkk-plan-lead { margin-top:32px; padding-top:20px; border-top:1px solid var(--border-color,#d6cec1); }
#lkkDetail .lkk-plan-lead p { max-width:58em; }
#lkkDetail .lkk-growth-grid .lkk-analysis-unit { grid-template-rows:1fr auto; }
#lkkDetail .lkk-process-demo-preview { aspect-ratio:16/10; overflow:auto; background:#faf8f3; scrollbar-width:thin; }
#lkkDetail .lkk-process-demo-preview a { display:block; }
#lkkDetail .lkk-process-demo-preview:focus-visible { outline:2px solid var(--accent,#bc4429); outline-offset:-3px; }
#lkkDetail .lkk-analysis-copy .lkk-analysis-result { margin-top:18px; font-size:13px; color:var(--accent,#bc4429); }
#lkkDetail .lkk-strategy-feature { display:grid; grid-template-columns:minmax(240px,.72fr) minmax(0,1.5fr); align-items:center; gap:clamp(28px,4vw,56px); margin:28px 0; }
#lkkDetail .lkk-strategy-reading h3 { margin:12px 0 24px; font:500 clamp(23px,2vw,29px)/1.55 var(--font-serif-cn); }
#lkkDetail .lkk-strategy-reading dl { margin:0; }
#lkkDetail .lkk-strategy-reading dl > div { padding:12px 0; border-top:1px solid var(--border-color,#d6cec1); }
#lkkDetail .lkk-strategy-reading dt { color:var(--text-primary); font-size:14px; font-weight:500; }
#lkkDetail .lkk-strategy-reading dd { margin:5px 0 0; color:var(--text-secondary); font-size:13px; line-height:1.7; }
#lkkDetail .lkk-strategy-support { margin-top:28px; }
/* Planning is the main story; the fictional example is visibly separate from research evidence. */
#lkkDetail .lkk-planning-scope { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 40px; margin-top:32px; }
#lkkDetail .lkk-planning-scope > article { min-width:0; padding-top:20px; border-top:1px solid var(--border-color,#d6cec1); }
#lkkDetail .lkk-worked-example { margin-top:40px; padding:28px; border:1px solid var(--border-color,#d6cec1); border-radius:12px; background:#faf8f3; }
#lkkDetail .lkk-example-label { font-size:12px; letter-spacing:.06em; color:var(--accent,#bc4429); }
#lkkDetail .lkk-worked-example header h3 { font:500 24px/1.5 var(--font-serif-cn); margin:10px 0; text-wrap:balance; }
#lkkDetail .lkk-worked-example header .case-copy-privacy { max-width:none; margin:0; text-align:left; }
#lkkDetail .lkk-example-flow { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr); gap:28px; list-style:none; padding:0; margin:28px 0 0; }
#lkkDetail .lkk-example-flow > li { min-width:0; margin:0; padding:18px 0 0; border-top:1px solid var(--border-color,#d6cec1); }
#lkkDetail .lkk-example-step { font-size:12px; color:var(--text-secondary); letter-spacing:.04em; }
#lkkDetail .lkk-example-flow h4 { font:500 19px/1.55 var(--font-serif-cn); margin:10px 0 12px; color:var(--text-primary); }
#lkkDetail .lkk-example-flow p { margin:0; }
#lkkDetail .lkk-example-flow dl { margin:0; }
#lkkDetail .lkk-example-flow dl > div + div { margin-top:12px; }
#lkkDetail .lkk-example-flow dt { font-size:13px; font-weight:500; color:var(--text-primary); }
#lkkDetail .lkk-example-flow dd { margin:3px 0 0; }
#lkkDetail .lkk-example-status { display:inline-block; margin-top:16px; padding:6px 10px; border-radius:4px; color:var(--accent,#bc4429); background:rgba(185,67,38,.06); font-size:12px; }
#lkkDetail .lkk-example-calculation { margin-top:28px; padding-top:18px; border-top:1px solid var(--border-color,#d6cec1); }
#lkkDetail .lkk-example-calculation summary { cursor:pointer; font-size:14px; line-height:1.7; color:var(--text-primary); }
#lkkDetail .lkk-example-calculation summary:focus-visible { outline:2px solid var(--accent,#bc4429); outline-offset:4px; }
#lkkDetail .lkk-example-calculation > div { max-width:65em; padding-top:12px; }
#lkkDetail .lkk-example-calculation p { margin:0; }
#lkkDetail .lkk-example-calculation p + p { margin-top:12px; }
@media(max-width:1000px) {
 #lkkDetail .lkk-example-flow { grid-template-columns:minmax(0,1fr); gap:22px; }
}
@media(max-width:600px) {
 #lkkDetail .lkk-planning-scope { grid-template-columns:minmax(0,1fr); gap:24px; }
 #lkkDetail .lkk-worked-example { padding:20px; margin-top:28px; }
 #lkkDetail .lkk-worked-example header h3 { font-size:21px; }
}
@media(max-width:1000px) {
 #lkkDetail .lkk-case-process-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
 #lkkDetail .lkk-case-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
 #lkkDetail .lkk-process-figure { width:100%; max-width:740px; justify-self:center; }
}
@media(max-width:800px) {
 #lkkDetail .lkk-analysis-grid { grid-template-columns:minmax(0,1fr); gap:28px; margin-top:24px; }
 #lkkDetail .lkk-analysis-copy h3 { font-size:20px; }
 #lkkDetail .lkk-analysis-unit { gap:16px; }
 #lkkDetail .lkk-strategy-feature { grid-template-columns:minmax(0,1fr); gap:22px; }
 #lkkDetail .lkk-strategy-reading h3 { font-size:23px; margin-bottom:18px; }
 #lkkDetail .lkk-assessment-decision { padding-top:24px; }
 #lkkDetail .lkk-case-steps { grid-template-columns:1fr; gap:22px; }
 #lkkDetail .lkk-case-steps h3 { font-size:19px; }
 #lkkDetail .lkk-tool-intro { grid-template-columns:1fr; gap:0; }
 #lkkDetail .lkk-tool-intro article { padding:22px 0; }
 #lkkDetail .lkk-case-process-layout { margin-top:24px; }
 #lkkDetail .lkk-case-master-grid { grid-template-columns:minmax(0,1fr); gap:22px; }
 body.human-interface-v2.detail-page-active #page-detail #lkkDetail .lkk-evidence-card figcaption { padding:13px 16px; }
 #lkkDetail .lkk-evidence-card figcaption strong { font-size:16px; }
 #lkkDetail .lkk-demo-image { max-height:420px; }
}

/* Content-only adaptation of the existing case components. No hero/theme redesign. */
#lkkDetail .lkk-research-layout { display:grid; grid-template-columns:minmax(0,35fr) minmax(0,65fr); gap:32px; align-items:center; margin-top:32px; }
#lkkDetail .lkk-research-layout .lkk-research-grid { grid-template-columns:1fr; gap:16px; margin:0; }
#lkkDetail .lkk-research-layout .lkk-case-master { margin:0; min-width:0; }
#lkkDetail .lkk-research-layout .lkk-research-grid article { padding:0; border:0; }
#lkkDetail .lkk-research-layout .lkk-research-grid h3 { display:inline; margin-left:10px; font-size:20px; }
#lkkDetail .lkk-research-layout .lkk-research-grid p { margin:6px 0 0; }
#lkkDetail .lkk-plan-heading,#lkkDetail .lkk-tracking { margin-top:32px; padding-top:24px; border-top:1px solid var(--border-color,#d6cec1); }
#lkkDetail .lkk-plan-heading h3,#lkkDetail .lkk-tracking h3 { font:500 22px/1.5 var(--font-serif-cn); margin:0 0 12px; }
#lkkDetail .lkk-plan-heading p { margin:0; }
#lkkDetail .lkk-behavior-summary h3 small,#lkkDetail .lkk-plan-heading h3 small,#lkkDetail .lkk-tracking h3 small { font:400 12px/1 var(--font-body); color:var(--accent); margin-right:10px; }
#lkkDetail .lkk-tracking dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:20px 0; }
#lkkDetail .lkk-tracking dt { font-size:15px; }
#lkkDetail .lkk-tracking dd { margin:6px 0 0; font-size:14px; color:var(--text-secondary); }
@media(max-width:900px) {
 #lkkDetail .lkk-research-layout { grid-template-columns:1fr; }
 #lkkDetail .lkk-research-layout .lkk-research-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
 #lkkDetail .lkk-behavior-summary .lkk-behavior-grid,#lkkDetail .lkk-tracking dl { grid-template-columns:1fr; gap:16px; }
 #lkkDetail .lkk-behavior-summary .lkk-behavior-grid article { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); column-gap:12px; }
 #lkkDetail .lkk-behavior-grid article p { grid-column:2; grid-row:1 / 3; align-self:center; margin:0; }
 #lkkDetail .lkk-tracking dl > div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 16px; }
 #lkkDetail .lkk-tracking dd { margin:0; }
}
#lkkDetail .lkk-research-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:32px; }
#lkkDetail .lkk-case-process-layout { align-items:start; }
#lkkDetail .lkk-analysis-unit { align-content:start; grid-template-rows:1fr auto; }
#lkkDetail .lkk-analysis-unit .lkk-evidence-card { align-self:start; }
#lkkDetail .lkk-case-deliverable .lkk-evidence-grid { margin-top:32px; }
#lkkDetail .lkk-stage-takeaway { display:flex; align-items:baseline; gap:20px; margin-top:24px; }
#lkkDetail .lkk-stage-takeaway > span { color:var(--accent); font-size:12px; flex-shrink:0; }
#lkkDetail .lkk-stage-takeaway p { margin:0; }
#lkkDetail .lkk-assessment-decision .lkk-case-steps { grid-template-columns:minmax(0,1fr); }
#lkkDetail .lkk-assessment-decision .lkk-case-steps article:first-child { border-top:0; padding-top:0; }
#lkkDetail .lkk-strategy-input { display:grid; grid-template-columns:1fr auto 1fr auto 1.3fr; align-items:center; gap:20px; margin-top:32px; padding:22px 0; border-block:1px solid var(--border-color,#d6cec1); }
#lkkDetail .lkk-strategy-input span { display:block; font-size:12px; color:var(--text-secondary); margin-bottom:8px; }
#lkkDetail .lkk-strategy-input strong { font:500 20px/1.6 var(--font-serif-cn); }
#lkkDetail .lkk-strategy-input > b { font-size:20px; font-weight:400; color:var(--accent); }
#lkkDetail .lkk-planning-evidence .lkk-case-steps { grid-template-columns:minmax(0,1fr); }
#lkkDetail .lkk-planning-evidence .lkk-case-steps article:first-child { border-top:0; padding-top:0; }
#lkkDetail .lkk-behavior-summary { margin-top:32px; padding-top:24px; border-top:1px solid var(--border-color,#d6cec1); }
#lkkDetail .lkk-behavior-summary > h3 { font:500 22px/1.5 var(--font-serif-cn); margin:0 0 20px; }
#lkkDetail .lkk-behavior-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
#lkkDetail .lkk-behavior-grid article > span { font:500 19px/1.5 var(--font-serif-cn); }
#lkkDetail .lkk-behavior-grid p { margin:10px 0 0; }
#lkkDetail .lkk-behavior-grid small { display:block; margin-top:4px; font:400 12px/1.6 var(--font-body); color:var(--accent); }
#lkkDetail .lkk-growth-intro { margin:0 0 20px; }
#lkkDetail .sleepace-impact-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#lkkDetail .lkk-public-demo { margin-top:32px; }
#lkkDetail .lk-tools > .lkk-tool-intro { margin-top:32px; margin-bottom:0; }
/* Compact planning map: peer activities, not numbered execution steps. */
#lkkDetail .lkk-plan-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; margin:28px 0 32px; }
#lkkDetail .lkk-plan-strip article { min-width:0; }
#lkkDetail .lkk-plan-strip svg { display:block; width:26px; height:26px; margin-bottom:12px; fill:none; stroke:var(--accent); stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; }
#lkkDetail .lkk-plan-strip h3 { font:500 20px/1.5 var(--font-serif-cn); margin:0 0 6px; }
#lkkDetail .lkk-plan-strip p,#lkkDetail .lkk-strategy-input p { margin:0; }
#lkkDetail .lkk-strategy-input { grid-template-columns:1fr auto 1fr auto 1.3fr; }
#lkkDetail .lkk-planning-evidence .lkk-analysis-unit { grid-template-rows:auto; }
/* Fill the screen; captions no longer take half the image height. LKK only. */
body.human-interface-v2 #page-detail #lkkDetail .case-slide img { height:100%; padding:0; object-fit:contain; }
#page-detail #lkkDetail .case-slide .case-screen-copy { display:none; }
#page-detail #lkkDetail .lkk-screen-caption { display:block; margin:12px 0 0; padding:0; text-align:center; font:400 13px/1.6 var(--font-body); color:var(--text-secondary); }
@media(max-width:1000px) {
 #lkkDetail .lkk-research-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #lkkDetail .lkk-assessment-decision > .lkk-evidence-card { width:100%; max-width:740px; justify-self:center; }
}
@media(max-width:800px) {
 #lkkDetail .lkk-plan-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; }
 #lkkDetail .lkk-strategy-input { grid-template-columns:minmax(0,1fr); gap:12px; }
 #lkkDetail .sleepace-impact-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:520px) {
 #lkkDetail .lkk-research-grid,#lkkDetail .lkk-behavior-grid { grid-template-columns:minmax(0,1fr); gap:22px; }
 #lkkDetail .lkk-stage-takeaway { flex-direction:column; gap:8px; }
}

/* Public, fictional Demo; report narrative lives in lkk-rebuilt.css. */
#lkkDetail .lkk-public-demo {--ld-red:#8b2117;--ld-line:rgba(66,55,42,.18);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#211d1b;background:#f4f1eb;border:1px solid var(--ld-line);border-radius:8px;overflow:hidden;scroll-margin-top:150px;box-shadow:0 20px 60px rgba(43,35,26,.08)}
#lkkDetail .lkk-public-demo * {box-sizing:border-box}
#lkkDetail .lkk-public-demo [hidden] {display:none!important}
#lkkDetail .lkk-public-demo button {font-family:inherit;cursor:pointer;line-height:1.5;min-height:44px}
#lkkDetail .lkk-public-demo button:disabled {cursor:default;opacity:.45}
#lkkDetail .lkk-public-demo :is(button,input,summary):focus-visible {outline:3px solid #bd7356;outline-offset:3px}
#lkkDetail .ld-topbar {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px 12px}
#lkkDetail .ld-topbar h3 {font:750 26px/1.4 Inter,"PingFang SC",sans-serif;margin:5px 0 0}
#lkkDetail .ld-eyebrow {font-size:12px;font-weight:750;color:var(--ld-red,#8b2117)}
#lkkDetail .ld-badge {display:inline-block;background:#eee5d6;border:1px solid var(--ld-line);border-radius:999px;color:#685342;padding:6px 10px;font-size:12px;line-height:1.6}
body.human-interface-v2.detail-page-active #page-detail #lkkDetail .ld-disclosure {padding:0 26px 20px;margin:0;text-align:left;max-width:none;font-size:12px;line-height:1.8}
#lkkDetail .ld-shell {display:grid;grid-template-columns:210px minmax(0,1fr);border-top:1px solid var(--ld-line)}
#lkkDetail .ld-rail {background:#27211d;color:#fff8ec;padding:24px 16px;min-width:0}
#lkkDetail .ld-identity {display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:0 6px 22px}
#lkkDetail .ld-avatar {display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#51443b;border:3px solid #847365;font:600 25px/1 sans-serif;color:#fff8ec}
#lkkDetail .ld-rail-label {font-size:11px;color:#d8cbb8}
#lkkDetail .ld-identity>strong {font-size:17px;line-height:1.5}
#lkkDetail .ld-rail-desc {font-size:12px;line-height:1.75;color:#d8cbb8}
#lkkDetail .ld-nav {position:static;inset:auto;z-index:auto;height:auto;padding:0;display:grid;gap:8px;align-items:stretch;justify-content:normal;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
#lkkDetail .ld-nav button {border:1px solid rgba(255,255,255,.17);border-radius:24px;padding:10px 12px;background:rgba(255,255,255,.06);color:#fff8ec;font-size:13px;text-align:left}
#lkkDetail .ld-nav button>span {margin-right:9px;font-size:11px;color:#d8cbb8}
#lkkDetail .ld-nav button[aria-pressed="true"],#lkkDetail .ld-nav button:not(:disabled):hover {background:var(--ld-red);border-color:#b56d5f}
#lkkDetail .ld-main {min-width:0;padding:20px;display:flex;flex-direction:column;gap:16px}
#lkkDetail .ld-audience-switch {display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#lkkDetail .ld-audience-switch>span {font-size:12px;color:#716452;margin-right:6px}
#lkkDetail :is(.ld-audience-switch,.ld-plan-switch,.ld-scenario-switch,.ld-month-switch) button {border:1px solid var(--ld-line);border-radius:6px;background:#fffaf2;color:#625546;padding:9px 12px;font-size:12px}
#lkkDetail :is(.ld-audience-switch,.ld-plan-switch,.ld-scenario-switch,.ld-month-switch) button[aria-pressed="true"] {background:#8b2117;border-color:#8b2117;color:#fff8ec}
#lkkDetail .ld-panel {margin:0;padding:22px;background:rgba(255,250,242,.92);border:1px solid var(--ld-line);border-top:5px solid #d9c3a2;border-radius:8px;scroll-margin-top:150px;min-width:0}
#lkkDetail .ld-panel-head {margin:0 0 24px}
#lkkDetail .ld-panel-head h4 {font:750 22px/1.45 Inter,"PingFang SC",sans-serif;margin:7px 0 10px}
#lkkDetail .ld-panel-head p {margin:0}
#lkkDetail .lkk-public-demo h5 {font:700 18px/1.6 Inter,"PingFang SC",sans-serif;margin:0 0 10px}
#lkkDetail .ld-import-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
#lkkDetail .ld-sample {border:1px solid #cfb591;border-radius:8px;background:#fffdf8;text-align:left;display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:22px;color:#3c3128;box-shadow:0 8px 22px rgba(67,57,46,.06)}
#lkkDetail .ld-sample>strong {font-size:17px}
#lkkDetail .ld-sample>span:not(.ld-file-icon) {font-size:13px}
#lkkDetail .ld-sample small {font-size:12px;color:#716452}
#lkkDetail .ld-file-icon {display:grid;place-items:center;width:42px;height:46px;border-radius:5px;background:#eee2ce;color:#8b2117;font-size:25px}
#lkkDetail .ld-sample-action {color:#8b2117;margin-top:auto}
#lkkDetail .ld-dropzone {border:2px dashed #c6b399;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 16px;background:#f3eee5;text-align:center}
#lkkDetail .ld-dropzone.is-over {background:#e8e2cf;border-color:#8b2117}
#lkkDetail .ld-dropzone>span {font-size:12px;color:#716452}
#lkkDetail .ld-dropzone .ld-drop-icon {font-size:32px;line-height:1;color:#8b2117}
#lkkDetail .ld-primary {background:#8b2117;border:1px solid #8b2117;border-radius:6px;color:#fff8ec;padding:10px 14px;font-size:13px}
#lkkDetail .ld-text-button {background:none;border:0;padding:9px 0;color:#8b2117;font-size:12px;text-decoration:underline;text-underline-offset:4px}
#lkkDetail .ld-import-receipt {display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;margin-top:18px;background:#e9eee6;border:1px solid #c9d3c0;border-radius:8px}
#lkkDetail .ld-import-receipt>span {font-size:12px;line-height:1.7;color:#57634f}
#lkkDetail .ld-note {margin:20px 0 0}
#lkkDetail .ld-persona-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#lkkDetail .ld-persona-card {min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:15px;border:1px solid var(--ld-line);border-radius:8px;background:#fffdf8;text-align:left;color:#211d1b}
#lkkDetail .ld-persona-card[aria-pressed="true"] {border-color:#8b2117;box-shadow:inset 0 3px #8b2117}
#lkkDetail .ld-persona-card>strong {font-size:16px;line-height:1.5}
#lkkDetail .ld-persona-card>span,#lkkDetail .ld-persona-card>small {font-size:12px;line-height:1.7;color:#625546}
#lkkDetail .ld-card-top {display:flex;align-items:center;justify-content:space-between;gap:8px}
#lkkDetail .ld-card-top>b {font-size:22px;color:#8b2117}
#lkkDetail .ld-card-top>span {font-size:11px}
#lkkDetail .ld-card-value {margin-top:auto;font-weight:700}
#lkkDetail .ld-score-track {display:block;height:5px;background:#e9dfcf;border-radius:4px;overflow:hidden}
#lkkDetail .ld-score-track i {display:block;height:100%;background:#8b2117}
#lkkDetail .ld-insight {margin-top:22px;padding:18px 20px;background:#f0e9dc;border-left:3px solid #b8a17e;border-radius:0 5px 5px 0}
#lkkDetail .ld-insight>strong {font-size:15px;line-height:1.6}
#lkkDetail .ld-insight p {margin:8px 0 0}
#lkkDetail .ld-method {margin-top:20px;border-top:1px solid var(--ld-line);padding-top:14px}
#lkkDetail .ld-method summary {cursor:pointer;font-size:13px;color:#8b2117;line-height:1.7;padding:8px 0}
#lkkDetail .ld-method p {margin:12px 0}
#lkkDetail .ld-table-wrap {overflow-x:auto}
#lkkDetail .ld-table-wrap table {width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:470px}
#lkkDetail .ld-table-wrap :is(th,td) {padding:10px 8px;border-bottom:1px solid var(--ld-line)}
#lkkDetail .ld-table-wrap caption {text-align:left;padding:8px 0;color:#716452}
#lkkDetail .ld-driver-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#lkkDetail .ld-driver-grid article {min-width:0;border:1px solid var(--ld-line);padding:16px;border-radius:8px;background:#fffdf8}
#lkkDetail .ld-driver-tag {display:block;color:#8b2117;font-size:12px;font-weight:700}
#lkkDetail .ld-driver-name {display:block;font-size:16px;font-weight:650;line-height:1.6;margin-top:8px}
#lkkDetail :is(.ld-plan-switch,.ld-scenario-switch) button small {display:block;font-size:11px;font-weight:400;line-height:1.6;margin-top:3px}
#lkkDetail .ld-metric {display:block;font:750 27px/1.4 Inter,"PingFang SC",sans-serif;margin:14px 0 8px;color:#251f1a}
#lkkDetail .ld-metric-label {font-size:12px;color:#716452;line-height:1.7;display:block}
#lkkDetail .ld-driver-grid p {margin:16px 0 0}
#lkkDetail :is(.ld-plan-switch,.ld-scenario-switch,.ld-month-switch) {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
#lkkDetail .ld-plan-title {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 18px;flex-wrap:wrap}
#lkkDetail .ld-plan-title h5 {margin:0}
#lkkDetail .ld-plan-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#lkkDetail .ld-plan-grid article {padding:16px;background:#f3eee5;border-radius:6px;min-width:0}
#lkkDetail .ld-plan-grid span {display:block;color:#716452;font-size:12px;margin-bottom:7px}
#lkkDetail .ld-plan-grid strong {font-size:15px;font-weight:600;line-height:1.8}
#lkkDetail .ld-calculator {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px}
#lkkDetail .ld-controls {min-width:0;padding-top:10px}
#lkkDetail .ld-controls label {font-size:14px;font-weight:650}
#lkkDetail .ld-control-values {display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:18px 0 10px}
#lkkDetail .ld-control-values span {font-size:12px;color:#716452}
#lkkDetail .ld-control-values output {font:750 25px/1.3 sans-serif;color:#8b2117}
#lkkDetail .ld-controls input {width:100%;accent-color:#8b2117;min-height:32px;margin:0}
#lkkDetail .ld-controls p {margin:14px 0 0}
#lkkDetail .ld-results {background:#eee4d3;border:1px solid #d6c3a3;border-radius:8px;padding:20px;min-width:0}
#lkkDetail .ld-results>span {font-size:12px;color:#716452}
#lkkDetail .ld-lift {display:block;font:750 30px/1.4 sans-serif;color:#8b2117;margin:10px 0}
#lkkDetail .ld-formula {font-size:12px;line-height:1.8;color:#625546;margin-bottom:18px}
#lkkDetail .ld-results dl {margin:0}
#lkkDetail .ld-results dl>div {padding:10px 0;border-top:1px solid #d3c5b0}
#lkkDetail .ld-results dt {font-size:12px;color:#716452}
#lkkDetail .ld-results dd {margin:5px 0 0}
#lkkDetail .ld-ll {padding:24px;background:#e9eee6;border-radius:8px}
#lkkDetail .ld-ll p {margin:12px 0 0}
#lkkDetail .ld-validation-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#lkkDetail .ld-evaluation {padding:20px;border:1px solid var(--ld-line);border-radius:8px;background:#fffdf8;min-width:0}
#lkkDetail .ld-evaluation h5 {margin:16px 0 10px;font-size:26px;color:#716452}
#lkkDetail .ld-evaluation p {margin:12px 0}
#lkkDetail .ld-evaluation ul {padding-left:20px;color:#716452;font-size:13px;line-height:1.9;margin:14px 0 20px}
#lkkDetail .ld-monitor-grid {display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:24px;align-items:center}
#lkkDetail .ld-bar-row {display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:22px;font-size:13px}
#lkkDetail .ld-bar-row>div {grid-column:1/-1;height:24px;background:#e9dfcf;border-radius:4px;overflow:hidden}
#lkkDetail .ld-bar-row i {display:block;height:100%;background:#007b72;border-radius:4px}
#lkkDetail .ld-bar-row i[data-lkk-monitor-bar="target"] {background:#ae9471}
#lkkDetail .ld-monitor-chart small {display:block;font-size:12px;line-height:1.8;color:#716452}
#lkkDetail .ld-monitor-kpis {padding:20px;background:#f0e9dc;border-radius:8px;display:flex;flex-direction:column;gap:12px}
#lkkDetail .ld-monitor-kpis span {font-size:12px;color:#716452}
#lkkDetail .ld-monitor-kpis strong {font:750 28px/1.4 sans-serif;color:#8b2117}
#lkkDetail .ld-monitor-kpis b {font:750 22px/1.4 sans-serif}
#lkkDetail .ld-footer {display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:0 4px;margin-top:auto}
#lkkDetail .ld-footer>span {font-size:12px;color:#716452}
#lkkDetail .ld-footer>div {display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#lkkDetail .ld-sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){
 #lkkDetail .ld-shell {grid-template-columns:180px minmax(0,1fr)}
 #lkkDetail .ld-main {padding:16px}
 #lkkDetail .ld-panel {padding:20px}
 #lkkDetail .ld-persona-grid {grid-template-columns:minmax(0,1fr)}
 #lkkDetail .ld-persona-card {display:grid;grid-template-columns:90px 1fr;gap:6px 14px}
 #lkkDetail .ld-card-top {grid-row:1/3;flex-direction:column;align-items:flex-start;justify-content:start}
 #lkkDetail .ld-persona-card>span:not(.ld-card-top) {grid-column:2}
 #lkkDetail .ld-persona-card>small {grid-column:2}
 #lkkDetail .ld-driver-grid {grid-template-columns:minmax(0,1fr)}
 #lkkDetail .ld-driver-grid article {display:grid;grid-template-columns:145px 1fr;gap:6px 18px}
 #lkkDetail .ld-driver-grid .ld-driver-tag,#lkkDetail .ld-driver-grid .ld-driver-name,#lkkDetail .ld-driver-grid .ld-metric,#lkkDetail .ld-driver-grid .ld-metric-label {grid-column:1;margin:0}
 #lkkDetail .ld-driver-grid p {grid-column:2;grid-row:1/5;margin:0;align-self:center}
 #lkkDetail .ld-calculator,#lkkDetail .ld-validation-grid {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:800px){
 #lkkDetail .lkk-driver-grid {grid-template-columns:minmax(0,1fr);gap:20px}
 #lkkDetail .ld-topbar {align-items:flex-start;flex-direction:column;padding:20px 18px 10px;gap:10px}
 body.human-interface-v2.detail-page-active #page-detail #lkkDetail .ld-disclosure {padding:0 18px 18px}
 #lkkDetail .ld-shell {grid-template-columns:minmax(0,1fr)}
 #lkkDetail .ld-rail {padding:14px}
 #lkkDetail .ld-identity {display:none}
 #lkkDetail .ld-nav {grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 #lkkDetail .ld-nav button {text-align:center;padding:8px 5px;font-size:12px;border-radius:6px}
 #lkkDetail .ld-nav button>span {display:block;margin:0 0 3px}
 #lkkDetail .ld-import-grid {gap:14px}
}
@media(max-width:520px){
 #lkkDetail .ld-main {padding:10px;gap:12px}
 #lkkDetail .ld-panel {padding:17px 14px}
 #lkkDetail .ld-topbar h3 {font-size:23px}
 #lkkDetail .ld-panel-head h4 {font-size:20px}
 #lkkDetail .ld-import-grid,#lkkDetail .ld-plan-grid,#lkkDetail .ld-monitor-grid {grid-template-columns:minmax(0,1fr)}
 #lkkDetail .ld-sample {padding:17px;gap:9px}
 #lkkDetail .ld-dropzone {padding:18px}
 #lkkDetail .ld-driver-grid article {display:block;padding:16px}
 #lkkDetail .ld-driver-grid .ld-metric {margin:10px 0}
 #lkkDetail .ld-driver-grid p {margin:14px 0 0}
 #lkkDetail .ld-persona-card {grid-template-columns:65px 1fr;padding:13px;gap:7px 10px}
 #lkkDetail .ld-insight {padding:16px}
 #lkkDetail .ld-evaluation {padding:16px}
 #lkkDetail .ld-monitor-kpis {display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}
 #lkkDetail .ld-footer {padding:6px 4px}
 #lkkDetail .ld-lift {font-size:27px}
}

/* Seven live case pages share the existing overview paragraph scale.
   Titles, hero copy, captions, stage labels and disclosure notes retain their hierarchy. */
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail, #honorDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail)
:is(p:not(:where(.hero-desc, .project-tagline, .section-label, .part-badge, .card-num,
                .case-copy-privacy, .hnr-note, .hyd-note, .wl-note, .rb-note,
                .sfd-small-note, .lkk-demo-note, figure p, figcaption p)), dd) {
  /* Intentional baseline override: legacy case rules have varying specificity. */
  font-size: .94rem !important;
  line-height: 1.78 !important;
  color: var(--text-secondary) !important;
}

@media (max-width: 520px) {
  body.human-interface-v2.detail-page-active #page-detail
  :is(#lkkDetail, #honorDetail, #sleepaceDetail, #hyundaiDetail, #wulingDetail, #robamDetail, #gacDetail)
  :is(p:not(:where(.hero-desc, .project-tagline, .section-label, .part-badge, .card-num,
                  .case-copy-privacy, .hnr-note, .hyd-note, .wl-note, .rb-note,
                  .sfd-small-note, .lkk-demo-note, figure p, figcaption p)), dd) {
    font-size: .91rem !important;
  }
}

/* Shared reading hierarchy for the seven live cases. Content layouts stay project-specific. */
body.human-interface-v2 #page-projects #featuredProjects .project-meta-row {
  display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 14px; margin:0 0 16px;
}
body.human-interface-v2 #page-projects #featuredProjects .project-meta-row > * {
  float:none; width:auto; margin:0; padding:0; line-height:1.5;
}
body.human-interface-v2 #page-projects #featuredProjects .project-capabilities {
  display:flex; flex-wrap:wrap; gap:8px; flex:0 1 auto;
}
body.human-interface-v2 #page-projects #featuredProjects .project-meta-row .project-client {
  margin-left:auto; text-align:right;
}
body.human-interface-v2 #page-projects #featuredProjects .project-meta-row :is(.project-year,.project-client,.project-capability) {
  font-size:12px; letter-spacing:.03em;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail) {
  --case-title-size:clamp(1.8rem,2.6vw,2.5rem);
  --case-chapter-size:clamp(2.2rem,3.6vw,3.25rem);
  --case-section-space:72px;
  --case-gutter:48px;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
> :is(.process-section,.deliverable-section,.impact-section,.method-detail-section,.sleepace-method-section,.rb-overview,.hyd-overview,.wl-overview) {
  box-sizing:border-box; width:calc(100% - var(--case-gutter) * 2) !important;
  max-width:1220px !important; margin-inline:auto !important;
  padding-top:var(--case-section-space) !important; padding-bottom:var(--case-section-space) !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
:is(.section-header h2,.part-title,.sleepace-method-lead h2,.deliverable-section > h2,.impact-section > h2) {
  font-family:var(--font-serif-cn) !important; font-size:var(--case-title-size) !important;
  font-weight:500 !important; line-height:1.22 !important; letter-spacing:-.03em;
  margin-top:0 !important; margin-bottom:12px !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
:is(.part-badge,.part-pill) {
  display:inline-block; border:0 !important; border-left:2px solid var(--accent) !important;
  border-radius:0 !important; padding:2px 0 2px 12px !important;
  background:transparent !important; color:var(--accent) !important;
  font:500 12px/1.5 var(--font-body) !important; letter-spacing:.1em;
  margin:0 0 20px !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
figure:not(.case-slide):not(.hnr-example) > figcaption:not(.lkk-screen-caption) {
  box-sizing:border-box; width:100%; max-width:none; margin:0;
  font:500 16px/1.6 var(--font-serif-cn) !important;
  padding:14px 16px !important; background:#faf8f3 !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
figure:not(.case-slide):not(.hnr-example) > figcaption:not(.lkk-screen-caption) strong { font:inherit !important; }
#lkkDetail .lkk-evidence-group-heading { grid-column:1 / -1; margin:16px 0 0; padding-top:24px; border-top:1px solid var(--divider); }
#lkkDetail p.lkk-evidence-group-heading { font:400 16px/1.75 var(--font-body); color:var(--text-secondary); }
#lkkDetail .lkk-evidence-group-heading:first-child { margin-top:0; }
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
:is(.method-detail-section,.sleepace-method-section) article h3 {
  font:500 19px/1.55 var(--font-serif-cn) !important; margin:8px 0 !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
.deliverable-section > :is(.hnr-evidence-pair,.hyd-evidence-pair,.wl-evidence-pair,.sfd-evidence-pair,.sfd-core-evidence,.rb-pair,.gc-pair,.lkk-evidence-grid) {
  margin-top:32px;
}
@media(max-width:1100px) {
  /* Desktop and narrow pages share the same hierarchy; only the scale changes. */
  body.human-interface-v2.detail-page-active #page-detail :is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail) { --case-gutter:32px; }
}
@media(max-width:700px) {
  body.human-interface-v2.detail-page-active #page-detail :is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail) {
    --case-gutter:20px; --case-section-space:48px; --case-title-size:clamp(1.5rem,4.5vw,1.85rem); --case-chapter-size:clamp(1.85rem,5.6vw,2.3rem);
  }
}
@media(max-width:420px) {
  body.human-interface-v2.detail-page-active #page-detail :is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail) { --case-gutter:14px; }
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
> :is(.process-section,.impact-section,.rb-overview,.hyd-overview,.wl-overview) > .section-header h2,
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
> :is(.gc-delivery-summary,.rb-delivery-summary,.hyundai-deliverable-summary-section,.case-delivery-chapter) > .section-header h2 {
  font-size:var(--case-chapter-size) !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
.impact-section article h3 {
  font:500 20px/1.5 var(--font-serif-cn) !important; margin:0 0 10px !important;
}

/* One Projects entry, with distinct client-project and product collections. */
/* Every archive cover uses the same frame, independently of the homepage mosaic. */
body.human-interface-v2 #page-projects #featuredProjects .project-media {
  width:100%; height:auto; aspect-ratio:16/10; border-radius:16px; overflow:hidden;
}
body.human-interface-v2 #page-projects #featuredProjects .project-img,
body.human-interface-v2 #page-projects #featuredProjects .project-card:first-child .project-img {
  display:block; width:100%; height:100%; min-height:0; aspect-ratio:16/10;
  object-fit:cover; object-position:center; border:0; border-radius:0;
}
body.human-interface-v2 #page-projects .archive-group-nav {
  display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:28px;
}
body.human-interface-v2 #page-projects .archive-group-nav button {
  display:inline-flex; align-items:center; gap:24px;
  padding:10px 0; border:0; border-bottom:1px solid var(--divider);
  background:transparent; color:var(--text-primary); font:500 15px/1.5 var(--font-body);
  cursor:pointer;
}
body.human-interface-v2 #page-projects .archive-group-nav button span { color:var(--accent); }
body.human-interface-v2 #page-projects .archive-group-nav button:hover { color:var(--accent); }
body.human-interface-v2 #page-projects :is(.archive-group-nav button,.group-title):focus-visible {
  outline:2px solid var(--accent); outline-offset:6px;
}
body.human-interface-v2 #page-projects :is(#archiveClients,#archiveProducts) {
  scroll-margin-top:110px;
}
body.human-interface-v2 #page-projects .projects-shell > .projects-group > .projects-group-head {
  display:flex; margin-bottom:28px;
}
body.human-interface-v2 #page-projects #archiveClients .project-archive-meta {
  margin:0 0 32px; padding:0; gap:20px;
}
body.human-interface-v2 #page-projects .archive-more-clients { margin-top:64px; }
body.human-interface-v2 #page-projects .archive-subtitle {
  font:500 22px/1.5 var(--font-serif-cn); margin:0 0 28px;
}
body.human-interface-v2 #page-projects .logo-xiaomi .partner-logo {
  width:72px; height:72px; max-width:100%; max-height:72px;
  object-fit:contain;
}
@media(hover:hover) {
  body.human-interface-v2 #page-projects .partner-tile:hover .partner-logo { filter:none; opacity:1; }
}
@media(hover:none) {
  body.human-interface-v2 #page-projects .partner-tile .partner-logo { filter:grayscale(1) contrast(.78); opacity:.68; }
}
@media(max-width:700px) {
  body.human-interface-v2 #page-projects :is(#archiveClients,#archiveProducts) { scroll-margin-top:90px; }
  body.human-interface-v2 #page-projects #archiveClients .project-archive-meta {
    align-items:flex-start; flex-direction:column; gap:12px;
  }
  body.human-interface-v2 #page-projects .project-filter-bar { width:100%; max-width:100%; }
  body.human-interface-v2 #page-projects .archive-more-clients { margin-top:44px; }
}

/* Shared identity line; retain each section's existing placement and spacing. */
body.human-interface-v2 #page-home .hero-process.profile-identity,
body.human-interface-v2 #page-about .subtitle.profile-identity,
body.human-interface-v2 #page-contact .contact-subtitle.profile-identity {
  display:flex;
  align-items:center;
  gap:2px clamp(8px,1vw,12px);
  flex-wrap:wrap;
  color:var(--ink-soft);
  font-family:var(--font-sans);
  font-size:clamp(12px,1.1vw,15px);
  font-weight:400;
  line-height:1.6;
  letter-spacing:.01em;
  text-transform:none;
  white-space:normal;
}
body.human-interface-v2 .profile-identity > span {
  background:none;
  padding:0;
  color:inherit;
  white-space:nowrap;
}
body.human-interface-v2 .profile-identity > .identity-second::before {
  content:'|';
  margin-right:clamp(8px,1vw,12px);
  color:var(--ink-faint);
  font-weight:300;
}
@media(max-width:820px) {
  body.human-interface-v2 #page-home .hero-process.profile-identity { align-items:center; }
}
@media(max-width:380px) {
  body.human-interface-v2 .profile-identity > .identity-second::before { content:none; }
}

/* Peer section headings share one typographic scale and content gap. */
body.human-interface-v2 {
  --home-heading-gap:clamp(24px,3vw,40px);
}
body.human-interface-v2 #page-home .home-featured-title,
body.human-interface-v2 #page-home .things-built-title,
body.human-interface-v2 #page-about .about-section-title {
  margin:0;
  padding:0;
  color:var(--ink);
  font-family:var(--font-serif);
  font-size:clamp(2.1rem,3.2vw,3.05rem);
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.045em;
}
body.human-interface-v2 #page-home .home-featured-title::after {
  content:none;
  display:none;
}
body.human-interface-v2 #page-home .home-featured-header,
body.human-interface-v2 #page-home .things-built-header,
body.human-interface-v2 #page-about .about-section-title {
  margin-bottom:var(--home-heading-gap);
}
@media(max-width:600px) {
  body.human-interface-v2 #page-home .home-featured-title,
  body.human-interface-v2 #page-home .things-built-title,
  body.human-interface-v2 #page-about .about-section-title {
    font-size:clamp(1.8rem,7vw,2.3rem);
  }
  body.human-interface-v2 #page-home .home-featured-header { gap:12px; }
}

/* AI Jason: scoped product card and a lightweight, script-free product story. */
body.human-interface-v2 .build-card-jason {height:auto;min-height:244px}
body.human-interface-v2 .build-card-jason .build-media {background:var(--paper-deep)}
body.human-interface-v2 .build-card-jason .build-media img {object-fit:cover;filter:none}
body.human-interface-v2 article.build-card-jason {cursor:default}
body.human-interface-v2 article.build-card-jason:hover .build-media img {transform:none;filter:none}
body.human-interface-v2 #archiveProductCards .build-card-jason .build-media img {position:absolute;inset:0;width:100%;height:100%;padding:0}
body.human-interface-v2 .build-card-jason .build-info {padding:22px}
body.human-interface-v2 .build-card-jason .build-type {display:block;margin:0 0 12px;color:var(--ink-soft);font:400 10px/1.6 var(--font-sans);letter-spacing:.03em}
body.human-interface-v2 .jason-card-positioning {display:block;margin-top:8px;font:500 14px/1.6 var(--font-sans);letter-spacing:0}
body.human-interface-v2 .build-card-jason .build-info>p:not(.build-type) {display:block;overflow:visible;-webkit-line-clamp:unset}
body.human-interface-v2 .jason-profile-link {color:inherit;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}

/* One interface and one construction story, with restrained editorial hierarchy. */
.jason-page {margin:0}
.jason-page h1,.jason-page h2,.jason-page h3,.jason-page p,.jason-page figure {margin:0}
.jason-page a {color:inherit;text-decoration:none}
.jason-page a:hover {color:var(--accent)}
.jason-page a:focus-visible {outline:2px solid var(--accent);outline-offset:6px}
.jason-page .jason-skip {position:fixed;top:-80px;left:24px;z-index:10;padding:10px 20px;background:var(--surface)}
.jason-page .jason-skip:focus {top:12px}
.jason-nav {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(24px,calc((100% - 1200px)/2));border-bottom:1px solid var(--line-content);font-size:13px}
.jason-main {width:min(1200px,calc(100% - 96px));margin:auto}
.jason-hero {padding:76px 0 48px}
.jason-eyebrow {color:var(--accent);font-size:11px;letter-spacing:.16em;line-height:1.6}
.jason-hero h1 {margin-top:20px;font:400 clamp(60px,6.4vw,88px)/1 var(--font-serif);letter-spacing:-.045em}
.jason-hero h1 span {display:block;margin-top:20px;font:400 clamp(23px,2.3vw,30px)/1.5 var(--font-serif-cn);letter-spacing:.025em}
.jason-cover a {display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 14px 42px -24px rgba(30,35,48,.3);cursor:zoom-in}
.jason-cover img {display:block;width:100%;height:auto;background:#eef0f7}
.jason-cover figcaption {display:flex;justify-content:space-between;gap:18px;margin-top:14px;color:var(--ink-soft);font-size:11px;line-height:1.7}
.jason-process {padding:68px 0 42px}
.jason-process h2 {font:400 clamp(24px,2.3vw,30px)/1.5 var(--font-serif-cn)}
.jason-flow {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:32px 0 0}
.jason-flow li {min-width:0;border-top:1px solid var(--line-strong);padding-top:16px}
.jason-step {display:block;margin-bottom:22px;font:400 30px/1.1 var(--font-serif);color:var(--accent)}
.jason-flow h3 {margin-bottom:10px;font-size:16px;font-weight:500;line-height:1.6}
.jason-flow p {max-width:27em;color:var(--ink-soft);font-size:13px;line-height:1.9}
.jason-page .jason-stack {display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:34px;color:var(--ink-soft);font-size:11px;line-height:1.8}
.jason-stack span {color:var(--ink)}
.jason-bottom {display:flex;justify-content:space-between;gap:24px;padding:28px 0 40px;border-top:1px solid var(--line);font-size:13px}
@media(max-width:1000px) {
  .jason-hero {padding-top:56px}
  .jason-flow {gap:24px}
}
@media(max-width:760px) {
  .jason-main {width:calc(100% - 40px)}
  .jason-nav {padding:18px 20px}
  .jason-hero {padding:38px 0 30px}
  .jason-hero h1 {margin-top:14px}
  .jason-hero h1 span {margin-top:14px}
  .jason-cover a {border-radius:6px}
  .jason-cover figcaption {font-size:10px;gap:10px}
  .jason-process {padding:42px 0 30px}
  .jason-flow {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-top:24px}
  .jason-step {margin-bottom:14px;font-size:26px}
}
@media(max-width:440px) {
  .jason-flow {grid-template-columns:1fr;gap:22px}
  .jason-flow li {display:grid;grid-template-columns:38px 1fr;gap:16px}
  .jason-step {margin:3px 0 0}
  .jason-flow h3 {margin-bottom:6px}
  .jason-cover figcaption {flex-wrap:wrap}
  .jason-bottom {font-size:12px;gap:12px}
}

/* Homepage only: image-led covers, stable captions, restrained motion. */
/* Preserve the existing page background; unify only presentation and spacing. */
body.human-interface-v2 #homeProductCards .build-info{height:auto!important;min-height:0!important;justify-content:flex-start!important;padding:22px 100px 0 0!important}
@media(max-width:600px){body.human-interface-v2 #homeProductCards .build-info{padding:18px 0 0!important}body.human-interface-v2 #homeProductCards .build-action{position:static!important;margin-top:8px!important;padding:0!important}body.human-interface-v2 #homeProductCards .build-media img{padding:16px!important}}
body.human-interface-v2 #page-home .home-featured-section{padding-bottom:48px}
body.human-interface-v2 #page-home .things-built-section{padding-top:48px}
body.human-interface-v2 #homeFeaturedProjects .project-meta-row{margin:0!important;min-height:20px;line-height:20px}
body.human-interface-v2 #homeFeaturedProjects .project-client{margin:0!important;line-height:20px!important}
body.human-interface-v2 #homeFeaturedProjects .project-name{margin:0!important}
body.human-interface-v2 #page-about .about-inner{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(40px,5vw,72px)}
body.human-interface-v2 #page-about .about-photo img{aspect-ratio:4/5;border-radius:12px;box-shadow:none}
body.human-interface-v2 #page-about .about-content h1{font-size:clamp(42px,4vw,62px);line-height:1.15}
body.human-interface-v2 #page-about .subtitle.profile-identity{margin:16px 0 32px}
body.human-interface-v2 #page-about .about-intro-copy{gap:14px}
body.human-interface-v2 #page-about .about-intro-copy p{font-family:var(--font-body);font-size:16px;line-height:1.85}
body.human-interface-v2 #page-about .about-block+.about-block{margin-top:40px}
body.human-interface-v2 #page-about .about-capability-grid{gap:26px 24px}
@media(max-width:900px){body.human-interface-v2 #page-about .about-inner{grid-template-columns:1fr;gap:32px}body.human-interface-v2 #page-about .about-photo{position:relative;top:auto;width:min(100%,480px)}body.human-interface-v2 #page-about .about-photo img{max-height:560px}body.human-interface-v2 #page-home .home-featured-section{padding-bottom:32px}body.human-interface-v2 #page-home .things-built-section{padding-top:32px}}
body.human-interface-v2 #homeFeaturedProjects .project-media{flex:none!important;position:relative!important;height:auto!important;aspect-ratio:4/3!important}
body.human-interface-v2 #homeFeaturedProjects .project-info{position:relative!important;height:auto!important;min-height:0!important;border:0!important;padding:22px 0 0!important;gap:10px!important}
body.human-interface-v2 #homeFeaturedProjects .home-project-summary{font:400 14px/1.65 var(--font-body);color:var(--ink-soft);text-wrap:pretty}
body.human-interface-v2 #homeFeaturedProjects .project-arrow{position:absolute!important;top:24px!important;bottom:auto!important;right:0!important;margin:0!important;width:auto!important;height:auto!important;border:0!important;background:none!important}
body.human-interface-v2 #homeFeaturedProjects .project-name{font-size:clamp(20px,1.65vw,26px)!important;line-height:1.45!important}
body.human-interface-v2 #page-home .home-featured-grid{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:28px}
body.human-interface-v2 #page-home .home-featured-grid .project-card,
body.human-interface-v2 #page-home #homeProductCards .build-card{position:relative;display:flex;flex-direction:column;grid-row:auto;height:auto;min-height:0;gap:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body.human-interface-v2 #page-home .home-featured-grid .project-card .project-media{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#e9e5dc}
body.human-interface-v2 #page-home .home-featured-grid .project-card .project-img{position:static;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0;box-shadow:none;filter:none;transform:none;transition:transform 600ms cubic-bezier(.22,1,.36,1)}
body.human-interface-v2 #page-home .home-featured-grid .project-card .project-info{position:relative;inset:auto;width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:22px 36px 0 0;background:none;color:var(--ink)}
body.human-interface-v2 #page-home .home-featured-grid .project-card .project-client{float:none;color:var(--ink-soft);font-size:12px;letter-spacing:.05em}
body.human-interface-v2 #page-home .home-featured-grid .project-card .project-name{max-width:none;color:var(--ink);font-size:clamp(20px,1.65vw,26px);font-weight:500;line-height:1.45}
body.human-interface-v2 #page-home .home-featured-grid .project-card .project-arrow{position:absolute;right:0;top:24px;bottom:auto;width:auto;height:auto;margin:0;border:0;background:none;color:var(--accent);font-size:22px;transition:transform 240ms ease}
body.human-interface-v2 #page-home #homeProductCards{gap:44px 28px}
body.human-interface-v2 #page-home #homeProductCards .build-media{width:100%;aspect-ratio:16/10;border:0;border-radius:12px;overflow:hidden;background:#e9e5dc}
body.human-interface-v2 #page-home #homeProductCards .build-media img{width:100%;height:100%;object-fit:contain;filter:none;padding:24px;box-sizing:border-box;background:#e9e5dc;transition:transform 600ms cubic-bezier(.22,1,.36,1)}
body.human-interface-v2 #page-home #homeProductCards .build-card-jason .build-media img{object-fit:contain;padding:24px;background:#e9e5dc}
body.human-interface-v2 #page-home #homeProductCards .build-info{position:relative;width:100%;padding:22px 100px 0 0;gap:7px}
body.human-interface-v2 #page-home #homeProductCards .build-info h3{padding:0;font-size:26px;line-height:1.35;text-wrap:initial}
body.human-interface-v2 #page-home #homeProductCards .build-info h3::after{display:none}
body.human-interface-v2 #page-home #homeProductCards .build-type{display:none}
body.human-interface-v2 #page-home #homeProductCards .build-info>p:not(.build-type){display:block;margin:0;font-size:14px;line-height:1.65;color:var(--ink-soft)}
body.human-interface-v2 #page-home #homeProductCards .build-action{position:absolute;right:0;top:26px;margin:0;padding:0;font-size:12px}
body.human-interface-v2 #page-home #homeProductCards .build-action span{transition:transform 240ms ease}
body.human-interface-v2 #page-home #homeProductCards .jason-card-positioning{display:block;margin:7px 0 0;font:400 14px/1.65 var(--font-body);color:var(--ink-soft)}
body.human-interface-v2 #page-home #homeProductCards .build-card-jason .build-info>p:not(.build-type){display:none}
@keyframes homeEditorialEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
body.human-interface-v2 #page-home :is(.home-featured-grid .project-card,#homeProductCards .build-card).visible{animation:homeEditorialEnter 600ms cubic-bezier(.22,1,.36,1) both;transition:none}
@media(hover:hover){
 body.human-interface-v2 #page-home .home-featured-grid .project-card:hover,
 body.human-interface-v2 #page-home #homeProductCards .build-card:hover{padding:0;margin:0;background:transparent;box-shadow:none;transform:none}
 body.human-interface-v2 #page-home .home-featured-grid .project-card:hover .project-img,
 body.human-interface-v2 #page-home #homeProductCards .build-card-link:hover img{transform:scale(1.025);box-shadow:none}
 body.human-interface-v2 #page-home .project-card:hover .project-arrow,
 body.human-interface-v2 #page-home .build-card-link:hover .build-action span{transform:translateX(4px)}
}
body.human-interface-v2 #page-home :is(.project-card,.build-card-link):focus-visible{outline:2px solid var(--accent);outline-offset:8px}
@media(max-width:800px){body.human-interface-v2 #page-home .home-featured-grid{grid-template-columns:1fr;gap:36px}body.human-interface-v2 #page-home .home-featured-grid .project-card .project-media{aspect-ratio:16/10}body.human-interface-v2 #page-home #homeProductCards{grid-template-columns:1fr}body.human-interface-v2 #page-home #homeProductCards .build-info h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){body.human-interface-v2 #page-home :is(.project-card,.build-card,.project-img,.build-media img).visible{animation:none;opacity:1;transform:none}body.human-interface-v2 #page-home :is(.project-img,.build-media img,.project-arrow,.build-action span){transition:none!important;transform:none!important}}

/* Bounded editorial composition: one lead case, two supporting cases. */
body.human-interface-v2 #page-home :is(.home-featured-section,.things-built-section)>.container{max-width:1200px}
body.human-interface-v2 #page-home #homeFeaturedProjects{height:620px;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:30px 36px}
body.human-interface-v2 #page-home #homeFeaturedProjects .project-card{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;grid-row:auto;height:auto;min-width:0;gap:0}
body.human-interface-v2 #page-home #homeFeaturedProjects .project-card:first-child{grid-row:1 / span 2}
body.human-interface-v2 #homeFeaturedProjects .project-media{height:100%!important;min-height:0;aspect-ratio:auto!important}
body.human-interface-v2 #homeFeaturedProjects .project-info{padding:16px 0 0!important;gap:6px!important}
body.human-interface-v2 #homeFeaturedProjects .project-client{font-size:12px!important;letter-spacing:.06em}
body.human-interface-v2 #homeFeaturedProjects .project-name{padding:0!important;font-size:24px!important;line-height:1.4!important;text-wrap:pretty}
body.human-interface-v2 #page-home #homeFeaturedProjects .project-card[data-project-id="honor-robot"] .project-img{object-position:center 20%}
body.human-interface-v2 #homeFeaturedProjects .project-card:first-child .project-name{font-size:30px!important}
body.human-interface-v2 #homeFeaturedProjects .home-project-summary{font-size:14px;line-height:1.75;max-width:none;margin:0}
body.human-interface-v2 #page-home #homeProductCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 36px}
body.human-interface-v2 #page-home #homeProductCards .build-media{height:auto!important;min-height:0!important;flex:none!important;aspect-ratio:3/2!important}
body.human-interface-v2 #page-home #homeProductCards .build-info{padding:18px 0 0!important;gap:8px}
body.human-interface-v2 #page-home #homeProductCards .build-info h3{font-size:26px;line-height:1.4}
body.human-interface-v2 #page-home #homeProductCards .build-media img{padding:0!important;object-fit:cover;background:transparent}
body.human-interface-v2 #page-home #homeProductCards .build-card-jason .build-media img{object-fit:cover;background:transparent}
body.human-interface-v2 #page-home #homeProductCards .build-card-moyu .build-media img{object-fit:contain}
body.human-interface-v2 #page-home #homeProductCards .build-action{position:static!important;margin-top:6px!important;font-size:13px}
@media(min-width:1001px){
 body.human-interface-v2 #page-home :is(.home-featured-section,.things-built-section)>.container{width:calc(100% - 2 * clamp(24px,5vw,80px));max-width:1200px;padding:0}
 body.human-interface-v2 #page-home #homeFeaturedProjects .project-card{display:block;overflow:hidden;border-radius:12px}
 body.human-interface-v2 #page-home #homeFeaturedProjects .project-info{position:absolute!important;inset:auto 0 0!important;width:100%;padding:64px 28px 24px!important;gap:6px!important;background:linear-gradient(180deg,transparent 0%,rgba(14,17,16,.58) 38%,rgba(14,17,16,.88) 100%);color:#fffaf4}
 body.human-interface-v2 #page-home #homeFeaturedProjects .project-card:first-child .project-info{padding:96px 36px 32px!important}
 body.human-interface-v2 #page-home #homeFeaturedProjects .project-client{color:rgba(255,250,244,.8)!important}
 body.human-interface-v2 #page-home #homeFeaturedProjects .project-name{color:#fffaf4!important}
 body.human-interface-v2 #page-home #homeFeaturedProjects .home-project-summary{color:rgba(255,250,244,.9)}
 body.human-interface-v2 #page-home #homeFeaturedProjects .project-card[data-project-id="honor-robot"] .project-img{object-position:center center}
}
@media(max-width:1000px){
 body.human-interface-v2 #page-home #homeFeaturedProjects{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:32px 24px}
 body.human-interface-v2 #page-home #homeFeaturedProjects .project-card{grid-template-rows:auto auto;align-content:start}
 body.human-interface-v2 #page-home #homeFeaturedProjects .project-card:first-child{grid-column:1 / -1;grid-row:auto}
 body.human-interface-v2 #homeFeaturedProjects .project-media{height:auto!important;aspect-ratio:16/10!important}
 body.human-interface-v2 #homeFeaturedProjects .project-card:first-child .project-media{aspect-ratio:16/9!important;max-height:400px}
 body.human-interface-v2 #homeFeaturedProjects .project-name{font-size:23px!important}
 body.human-interface-v2 #homeFeaturedProjects .project-card:first-child .project-name{font-size:28px!important}
 body.human-interface-v2 #page-home #homeProductCards{gap:36px 24px}
 body.human-interface-v2 #page-home #homeProductCards .build-info h3{font-size:24px}
}
@media(max-width:600px){
 /* Keep the six capabilities scannable as one compact mobile overview. */
 body.human-interface-v2 #page-about .about-capabilities-block>h3{margin-bottom:20px}
 body.human-interface-v2 #page-about .about-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;align-items:start}
 body.human-interface-v2 #page-about .about-capability-item{padding-top:14px}
 body.human-interface-v2 #page-about .about-capability-head{gap:7px;align-items:baseline}
 body.human-interface-v2 #page-about .about-capability-head>span{flex:none;font-size:10px;letter-spacing:.06em}
 body.human-interface-v2 #page-about .about-capability-head h4{font-size:17px;line-height:1.4;letter-spacing:0;white-space:nowrap}
 body.human-interface-v2 #page-about .about-capability-item p{margin-top:8px;font-size:13px;line-height:1.8;letter-spacing:0;text-wrap:pretty}
 body.human-interface-v2 #page-about .capability-term{white-space:nowrap}
 body.human-interface-v2 #page-home #homeFeaturedProjects{grid-template-columns:1fr;gap:36px}
 body.human-interface-v2 #homeFeaturedProjects .project-card:first-child .project-media{aspect-ratio:16/10!important;max-height:none}
 body.human-interface-v2 #homeFeaturedProjects .project-info{padding:14px 0 0!important;gap:6px!important}
 body.human-interface-v2 #homeFeaturedProjects .project-name,
 body.human-interface-v2 #homeFeaturedProjects .project-card:first-child .project-name{font-size:23px!important}
 body.human-interface-v2 #page-home #homeProductCards{grid-template-columns:1fr;gap:36px}
 body.human-interface-v2 #page-home #homeProductCards .build-info{padding:14px 0 0!important}
 body.human-interface-v2 #page-home #homeProductCards .build-info h3{font-size:23px}
 body.human-interface-v2 #page-home #homeProductCards .build-media img{padding:0!important}
}
@media(max-width:420px){
 body.human-interface-v2 #page-about .capability-mobile-line{display:block}
 body.human-interface-v2 #page-about .capability-mobile-line+br{display:none}
 body.human-interface-v2 #page-about .capability-wrap-separator{display:none}
}
@media(max-width:360px){
 body.human-interface-v2 #page-about .about-capability-grid{column-gap:12px}
 body.human-interface-v2 #page-about .about-capability-head{gap:5px}
 body.human-interface-v2 #page-about .about-capability-head h4{font-size:16px}
 body.human-interface-v2 #page-about .about-capability-item p{font-size:12px}
}
/* Responsive sources must retain the existing media box in home and archive. */
.build-media > picture{display:contents}