:root{--paper:#edf0e9;--ink:#303e3e;--muted:#64746d;--line:#cbd4c9;--red:#a94436;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif;--scrollPos:0px;--motion-factor:1;--camera-x:0px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:#dbe4e4;color:var(--ink);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #a94436;outline-offset:7px}button:disabled{cursor:default}::selection{background:#a9443670;color:#fff}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:18px;top:18px;transform:translateY(-180%);background:var(--paper);padding:12px 18px}.skip-link:focus{transform:none}.site-stage{min-height:100svh;position:relative;isolation:isolate;display:flex;flex-direction:column;overflow-x:clip}.landscape{position:fixed;inset:-18px;z-index:-2;overflow:hidden;pointer-events:none;view-transition-name:landscape;transform:scale(1.015)}.landscape-canvas{display:block;width:100%;height:100%;overflow:visible}.landscape-layer{transform:translateY(calc(var(--scrollPos)*var(--depth)*var(--motion-factor)));will-change:transform}.landscape-image{transform:translateX(calc(var(--camera-x)*var(--pan-depth)));transition:transform .7s cubic-bezier(.22,.61,.36,1)}.landscape-shade{position:absolute;inset:0;background:linear-gradient(90deg,#173c6b30,transparent 80%),linear-gradient(180deg,#16375a18,transparent 25%);pointer-events:none}.landscape-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 84%,#edf0e927 93%,#edf0e99c 100%);pointer-events:none}body[data-page=about]{--camera-x:-15px}body[data-page=people]{--camera-x:7px}body[data-page=life]{--camera-x:20px}.site-header{width:calc(100% - 10.6%);max-width:1500px;margin:0 auto;position:relative;z-index:10;display:flex;align-items:center;gap:30px;padding:24px 0 18px;border-bottom:1px solid #f7f6ec4d;color:#fcfaee;view-transition-name:site-header}.wordmark{display:inline-flex;align-items:center;gap:12px;font:500 20px/1.5 var(--sans);white-space:nowrap}.wordmark-dot{width:7px;height:7px;border-radius:50%;background:#ad4034;flex-shrink:0}.wordmark-en{font:10px/1 var(--sans);letter-spacing:0;margin-left:5px}.primary-nav{display:flex;gap:33px;margin-left:auto;margin-right:30px}.primary-nav a{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;font:400 15px/1.4 var(--sans);letter-spacing:0;padding:0 1px}.primary-nav a:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.primary-nav a:hover:after,.primary-nav a[aria-current=page]:after{transform:scaleX(1)}.primary-nav a[aria-current=page]{font-weight:500}.motion-control{border:0;background:none;display:flex;align-items:center;gap:8px;padding:9px 0;min-height:44px;font-size:11px;white-space:nowrap}.motion-mark{letter-spacing:1px}.page-main{width:min(980px,84%);margin:0 auto;padding:70px 0 34px;flex:1;position:relative;z-index:2;view-transition-name:page-content;animation:content-enter .5s ease both}.page-eyebrow{margin:0 0 12px;font:11px/1.6 var(--sans);letter-spacing:.05em;color:#f2f5ee}.page-title{font:500 56px/1.12 var(--sans);letter-spacing:-.02em;margin:0;color:#fcfaef}.page-title>span{color:#aa4034}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.page-intro{font:400 17px/1.9 var(--sans);letter-spacing:0;color:#fcfaef;margin:0 0 7px}.site-footer{width:calc(100% - 10.6%);max-width:1500px;position:relative;z-index:1;display:flex;align-items:center;gap:20px;margin:24px auto 0;padding:18px 0 23px;color:#43554d;font-size:11px}.footer-whisper{font:400 14px/1.8 var(--sans);letter-spacing:.03em}.page-count{font:12px/1 var(--sans);letter-spacing:.03em;margin-left:auto}.footer-placeholder{font-size:10px;color:#596e62;max-width:50%;text-align:right}.about-page{width:min(100%,600px);margin-left:7%;color:#fbfaef;padding-top:5px}.about-page .page-title{margin-bottom:33px}.about-introduction{font:400 18px/2.05 var(--sans);letter-spacing:0}.about-name{margin:0 0 12px;font-size:25px}.name-placeholder{display:inline-block;padding:0 2px 1px;margin:0 6px;border-bottom:1px solid #f5f4ed7a;font-size:27px}.about-bio{margin:0;max-width:28em;font-size:17px}.about-topics{margin-top:39px;max-width:410px}.about-topics h2{font:12px/1.7 var(--sans);letter-spacing:.03em;margin:0 0 16px;color:#eef3e8}.about-topics ul{list-style:none;margin:0;padding:0;font:400 20px/2.15 var(--sans);letter-spacing:0}.about-topics li:before{content:'—';display:inline-block;font:13px var(--sans);margin-right:15px;vertical-align:middle;opacity:.7}.people-page{padding-top:4px}.people-grid{display:grid;grid-template-columns:1fr 1.08fr .93fr;gap:8%;align-items:start;margin:37px 20px 0}.person{margin:0;min-width:0;position:relative;transition:opacity .3s;z-index:1}.person.is-open{z-index:5}.person-trigger{display:block;background:none;border:0;padding:0;width:100%;text-align:center;position:relative}.person-photo{display:block;overflow:hidden;aspect-ratio:.77;background:#9aabb2;clip-path:polygon(6% 2%,94% 0,100% 8%,97% 91%,91% 99%,2% 96%,0 12%);transform:rotate(-3deg);transition:transform .4s ease;position:relative;box-shadow:0 8px 20px #233a4d20}.person-image{display:block;height:100%;width:100%;background-image:url('assets/people-studies.png');background-size:300% auto;background-position:0 0;filter:blur(.7px) saturate(.6) contrast(.93);transform:scale(1.015);transition:filter .4s,transform .4s}.person-photo:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#eaf0e709 0 1px,#1c34420a 1px 2px);mix-blend-mode:soft-light;pointer-events:none}.person-name{display:inline-block;background:#edf0e9e6;min-height:40px;min-width:98px;padding:7px 15px;margin-top:14px;color:#3a4d48;font:500 15px/1.7 var(--sans);letter-spacing:0;clip-path:polygon(1% 4%,99% 0,100% 97%,0 100%)}.person-two{margin-top:51px}.person-two .person-photo{aspect-ratio:.76;clip-path:polygon(1% 4%,96% 0,100% 87%,93% 100%,4% 96%,0 10%);transform:rotate(2deg)}.person-two .person-image{background-position:50% 0}.person-three{margin-top:14px}.person-three .person-photo{aspect-ratio:.81;clip-path:polygon(0 1%,93% 4%,100% 16%,97% 95%,7% 100%,1% 88%);transform:rotate(-1deg)}.person-three .person-image{background-position:100% 0}.person-trigger:is(:hover,:focus-visible) .person-image,.person.is-open .person-image{filter:blur(0) saturate(.78) contrast(.98);transform:scale(1.04)}.person-trigger:is(:hover,:focus-visible) .person-photo,.person.is-open .person-photo{transform:rotate(0)}.people-grid:has(.is-open) .person:not(.is-open){opacity:.68}.person-quote{position:absolute;top:22%;left:70%;width:270px;margin:0;background:#f4f3e7f7;padding:23px 24px 21px;z-index:6;color:#394d48;clip-path:polygon(2% 0,99% 3%,100% 96%,3% 100%,0 5%);box-shadow:0 8px 25px #1f3a4c20;animation:quote-enter .2s ease both;text-align:left}.quote-sign{font:400 40px/1 var(--sans);color:#a6473b;display:block;margin-top:5px}.person-quote p{font:400 18px/1.8 var(--sans);letter-spacing:0;margin:12px 0 15px}.person-quote cite{font:11px/1.6 var(--sans);color:#6c7971;letter-spacing:0}.person-two .person-quote{top:49%;left:28%}.person-three .person-quote{right:65%;left:auto;top:20%}.people-note{font-size:11px;color:#475e53;margin:46px 20px 0;letter-spacing:.03em}.entry-preview,.entry-dialog{background:#f7f6eb;color:#394c45;border:1px solid #bdc9b9;padding:20px 22px;box-shadow:0 12px 40px #233b4730}.entry-preview{position:fixed;width:290px;z-index:50;max-height:calc(100dvh - 30px);overflow:auto;clip-path:polygon(0 1%,99% 0,100% 98%,1% 100%);animation:quote-enter .18s ease both}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#68776c}.preview-close,.dialog-close{border:0;background:transparent;width:36px;height:36px;line-height:1;font-size:23px;color:#68776c;padding:0}.preview-title{font:400 23px/1.6 var(--sans);margin:12px 0 14px}.preview-copy{font:400 15px/1.95 var(--sans);margin:0 0 20px}.preview-demo{display:block;font-size:10px;color:#7a867c;border-top:1px solid #cdd5c8;padding-top:12px}.entry-dialog{inset:auto 0 0;margin:auto auto 0;border-radius:20px 20px 0 0;width:min(100%,560px);max-width:100%;max-height:80dvh;padding:15px 25px 26px;border-bottom:0;overflow:auto}.entry-dialog::backdrop{background:#1a354566;backdrop-filter:blur(3px)}.dialog-handle{width:32px;height:3px;border-radius:3px;background:#c3cdbf;margin:0 auto 8px}.entry-dialog[open]{animation:sheet-enter .25s ease both}.dialog-close{height:44px;width:44px}.entry-dialog .preview-copy{font-size:17px}body.dialog-open{overflow:hidden}.life-page .life-heading{color:#fcfaef;--muted:#edf2ec}.life-page .life-eyebrow,.life-page .life-intro{color:#f6f7ec}.life-page .life-heading h1{font-family:var(--sans);font-style:normal;font-weight:500;font-size:56px}.life-page .life-filters{--ink:#fcfaef;--muted:#edf3ed;--line:#f1f5eb60}.life-page .life-item-caption{background:#edf0e9ef;padding:10px 11px 11px;clip-path:polygon(1% 0,100% 2%,99% 98%,0 100%)}.life-page .life-placeholder-note{color:#475e53}
@keyframes content-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes quote-enter{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes sheet-enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@view-transition{navigation:none}::view-transition-group(landscape){animation-duration:.65s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}::view-transition-old(page-content){animation:content-out .18s ease both}::view-transition-new(page-content){animation:content-enter .35s ease both}@keyframes content-out{to{opacity:0;translate:0 -8px}}[data-motion=still] .landscape-layer{transform:none!important;will-change:auto}[data-motion=still] .landscape-image{transform:none;transition:none}
@media(min-width:1600px){.page-main{width:1080px;padding-top:95px}.about-page{margin-left:8%}.people-grid{margin-top:50px}}
@media(max-width:1050px){.site-header{gap:22px}.primary-nav{gap:25px;margin-right:15px}.page-main{width:85%;padding-top:60px}.people-grid{gap:6%;margin-inline:0}.person-quote{width:235px;padding:20px}.person-quote p{font-size:18px}.person-two .person-quote{left:12%}.person-three .person-quote{right:50%}.about-page{margin-left:4%}.page-intro{font-size:15px}.life-page .life-heading h1{font-size:56px}}
@media(max-width:700px){:root{--motion-factor:.6}.landscape{inset:-12px}.site-header{width:88%;gap:16px;flex-wrap:wrap;padding:18px 0 12px}.wordmark{font-size:20px;gap:9px}.wordmark-en{font-size:8px;margin-left:0}.primary-nav{order:3;width:100%;gap:29px;margin:0}.primary-nav a{min-height:44px;font-size:16px}.primary-nav a:after{bottom:3px}.motion-control{margin-left:auto;font-size:10px}.page-main{width:86%;padding:48px 0 20px}.page-title{font-size:42px}.page-eyebrow{font-size:10px;letter-spacing:.03em}.page-heading{display:block}.page-intro{font-size:14px;margin:19px 0 0}.site-footer{width:88%;gap:15px;margin-top:30px;padding:17px 0 22px}.footer-whisper{font-size:12px}.footer-placeholder{font-size:9px;max-width:50%}.page-count{font-size:11px}.about-page{margin-left:0;padding-top:0}.about-page .page-title{margin-bottom:29px}.about-name{font-size:22px}.name-placeholder{font-size:24px;margin-inline:4px}.about-bio{font-size:15px;line-height:2.1;max-width:19em}.about-topics{margin-top:34px}.about-topics h2{font-size:11px}.about-topics ul{font-size:18px;line-height:2.25}.people-grid{grid-template-columns:1fr 1fr;gap:32px 24px;margin:35px 2px 0}.person-photo{aspect-ratio:.78}.person-two{margin-top:47px}.person-three{margin-top:0;width:91%;margin-left:5px}.person-three .person-photo{aspect-ratio:.78}.person-name{font-size:14px;min-width:80px;padding:7px 10px;margin-top:11px}.person-quote,.person-two .person-quote,.person-three .person-quote{position:relative;inset:auto;width:100%;padding:17px 14px;margin:14px 0 0;clip-path:polygon(0 1%,99% 0,100% 97%,2% 100%)}.person-quote p{font-size:16px;line-height:1.85;margin:10px 0 13px}.person-quote cite{font-size:10px}.quote-sign{font-size:34px}.people-note{margin:35px 0 0;font-size:10px}.entry-preview{display:none!important}.life-page .life-heading h1{font-size:42px}.life-page .life-intro{font-size:15px}.life-page .life-item-caption{padding:9px 8px 10px}}
@media(max-width:360px){.wordmark-en{display:none}.site-header{gap:12px}.primary-nav{gap:27px}.page-main{width:86%;padding-top:41px}.page-title,.life-page .life-heading h1{font-size:38px}.about-name{font-size:20px}.name-placeholder{font-size:22px}.about-bio{font-size:14px}.about-topics ul{font-size:17px}.people-grid{gap:30px 20px}.person-quote p{font-size:15px}.footer-whisper{letter-spacing:0}.footer-placeholder{font-size:9px}.life-page .life-intro{font-size:13px}}
::view-transition,::view-transition-group(*),::view-transition-image-pair(*),::view-transition-old(*),::view-transition-new(*){pointer-events:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition:none!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.landscape-layer{transform:none!important;will-change:auto}.landscape-image{transform:none!important}.person-trigger:is(:hover,:focus-visible) .person-image,.person.is-open .person-image{transform:none}.person-trigger:is(:hover,:focus-visible) .person-photo,.person.is-open .person-photo{transform:none}}

/* The scene is the opening of the document; the snow continues into its content. */
:root{--paper:#e1e8e7;--ink:#303e3e;--muted:#64746d;--line:#bdccca}
body{background:var(--paper)}
.scene-hero{position:relative;flex:none;height:80svh;min-height:320px;overflow:hidden;background:#6599d5}
.scene-hero>.landscape{position:absolute;inset:0;z-index:0;transform:none}
.scene-hero .landscape-canvas{width:calc(100% + 48px);margin-left:-24px}
.landscape-fade{background:linear-gradient(180deg,transparent 77%,#e1e8e728 87%,var(--paper) 100%)}
.scene-hero>.site-header{position:absolute;inset:0 0 auto;margin-inline:auto}
.site-stage .page-main{width:100%;margin:0;padding:28px 0 68px;min-height:70svh;background:var(--paper);flex:1;view-transition-name:none;animation:none}
.page-content{position:relative;width:min(980px,84%);margin-inline:auto;view-transition-name:page-content;animation:content-enter .5s ease both}
.page-eyebrow{color:var(--muted)}
.page-title,.page-intro{color:var(--ink)}
.about-page{color:var(--ink);padding-top:0}
.about-page .page-title{margin-bottom:64px}
.name-placeholder{border-bottom-color:#a2b5ae}
.about-topics{margin-top:48px}
.about-topics h2{color:var(--muted)}
.people-page{padding-top:0}
.people-grid{margin-top:84px}
.people-note{color:var(--muted)}
/* These are deliberately spare illustrated figures, without rectangular photo frames. */
.person-photo{background:transparent;clip-path:none;box-shadow:none}
.person-image{background-size:contain;background-position:center bottom;background-repeat:no-repeat;filter:saturate(.84) contrast(.97) blur(.15px);transform:none}
.person-one .person-image{background-image:url('assets/steve-jobs-abstract.png')}
.person-two .person-image{background-image:url('assets/sam-altman-abstract.png');background-position:center bottom}
.person-three .person-image{background-image:url('assets/ivan-zhao-abstract.png');background-position:center bottom}
.person-two .person-photo,.person-three .person-photo{clip-path:none}
.person-photo:after{opacity:.3}
.person-name{background:transparent;clip-path:none;color:var(--ink);padding-inline:0}
.person-trigger:is(:hover,:focus-visible) .person-image,.person.is-open .person-image{filter:saturate(1) contrast(1);transform:scale(1.025)}
.life-page .life-heading{color:var(--ink);--muted:#64746d}
.life-page .life-eyebrow{color:var(--muted)}
.life-page .life-intro{color:var(--ink)}
.life-page .life-filters{--ink:#303e3e;--muted:#64746d;--line:#bdccca}
.life-page .life-item-caption{background:transparent;clip-path:none;padding:0}
.life-page .life-placeholder-note{color:var(--muted)}
.site-footer{margin-top:0;background:var(--paper);color:var(--muted);border-top:1px solid #bdccca99}
.footer-placeholder{color:var(--muted)}
@media(min-width:1600px){.page-content{width:1080px}.site-stage .page-main{padding-top:30px}.people-grid{margin-top:88px}}
@media(max-width:1050px){.page-content{width:85%}.site-stage .page-main{padding-top:26px}}
@media(max-width:700px){
  .scene-hero{height:80svh}
  .page-content{width:86%}
  .site-stage .page-main{padding:23px 0 48px;min-height:72svh}
  .about-page .page-title{margin-bottom:58px}
  .people-grid{margin-top:66px}
  .life-page .life-heading{display:block}
  .life-page .life-intro{margin:19px 0 0}
  .life-page .life-item-caption{padding:0}
  .site-footer{margin-top:0}
}
@media(max-width:360px){.site-stage .page-main{padding-top:21px}}
@media(prefers-reduced-motion:reduce){.person-trigger:is(:hover,:focus-visible) .person-image,.person.is-open .person-image{transform:none}}