@font-face{font-family:General;src:url('assets/general-sans-400.woff2');font-weight:400;font-display:swap}@font-face{font-family:General;src:url('assets/general-sans-500.woff2');font-weight:500;font-display:swap}@font-face{font-family:General;src:url('assets/general-sans-600.woff2');font-weight:600;font-display:swap}
:root{--ink:#262927;--muted:#59625d;--blue:#0062d6;--gap:120px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:#fff;color:var(--ink);font-family:General,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0064fa;outline-offset:4px;border-radius:3px}.skip{position:fixed;left:15px;top:-80px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1320px;margin:auto;padding:0 48px;font-size:13px;color:var(--muted)}.wordmark{font-size:30px;letter-spacing:-2px;font-weight:600;color:#151515}.preview-label{letter-spacing:.1px}.preview-label span{margin:0 8px}main{padding:64px 40px 0}article{max-width:900px;margin:auto}.eyebrow,.kicker{font-size:13px!important;letter-spacing:1.4px;font-weight:500;color:var(--muted);line-height:1.5!important}.eyebrow{margin:0 0 22px}h1{font-size:48px;line-height:1.12;font-weight:600;letter-spacing:-1.8px;margin:0}h2{font-size:32px;line-height:1.25;font-weight:500;letter-spacing:-.7px;margin:0}h3,h4{font-size:24px;line-height:1.35;font-weight:500;letter-spacing:-.3px;margin:0}p{font-size:18px;line-height:1.65;margin:24px 0 0}strong{font-weight:500}h2+p,h3+p,h4+p{margin-top:28px}.lead{font-size:20px;line-height:1.55;margin-top:24px;max-width:790px}.label{display:block;font-size:13px;line-height:1.5;font-weight:500;color:var(--muted)}.key-result{margin-top:32px}.key-result p{margin-top:10px;font-size:20px;line-height:1.5;font-weight:500}.banner{margin:38px 0 0}.banner img{width:100%;height:auto;display:block;border-radius:20px}.metadata{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}.metadata p,.team p,.contribution p{font-size:16px;line-height:1.55;margin-top:10px}.team{margin-top:28px}.contribution{margin-top:40px}.review-note{font-size:13px;line-height:1.65;color:var(--muted);margin-top:24px;max-width:790px}.chapter{margin-top:var(--gap);scroll-margin-top:45px}.subsection{margin-top:80px}.subsection.first{margin-top:32px}.kicker{margin:0 0 12px}.screen{margin:36px 0 0}.screen+.screen{margin-top:32px}.screen-link{display:block}.screen img{display:block;width:100%;height:auto;border-radius:20px}.screen-link:hover img{box-shadow:0 0 0 1px #d5dbe4}.figure-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.theme-switch{display:flex;background:#f0f2f3;padding:3px;border-radius:7px;gap:2px}.theme-switch button{border:0;background:transparent;padding:6px 14px;min-height:36px;border-radius:5px;font-size:13px;color:#59625d}.theme-switch button[aria-pressed=true]{background:#fff;color:#262927;box-shadow:0 1px 3px #00000012}.theme-switch button:hover{color:#0062d6}.full-size{font-size:13px;color:var(--muted)}figcaption,.caption{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0 0}.demo-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#f0f2f3;border:1px solid #e6e8ea;border-radius:8px;padding:13px 18px;margin-top:24px;font-size:16px;font-weight:500;min-height:48px}.demo-cta:hover{background:#eaf5ff;text-decoration:none}.finding{margin-top:36px}.finding p{margin-top:10px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}.before-after p{font-size:22px;line-height:1.4;margin-top:10px}.before-after>div:last-child p{color:#0062d6}.pivot{font-weight:500;margin-top:36px}.reason{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.reason p{margin:0}.reason strong{display:block;margin-bottom:10px}.decision{margin-top:48px}.decision p{margin-top:10px}.action-map,.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px}.action-map p{font-size:20px;line-height:1.4;margin-top:10px;font-weight:500}.feedback-grid p{margin-top:10px}.design-step{margin-top:80px}.subsection>h3+.design-step{margin-top:32px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px;align-items:start}.photo-grid img{display:block;width:100%;height:auto;border-radius:20px}.photo-grid>a:nth-child(1){grid-column:1/-1}.photo-grid>a:nth-child(3){max-width:100%}.photo-grid>a:nth-child(4){grid-column:1/-1}.ending{margin-top:120px;padding:40px 0 60px;display:flex;align-items:center;flex-wrap:wrap;gap:24px;color:var(--muted);font-size:13px}.ending p{font-size:13px;margin:0;flex:1}.rail{position:fixed;left:28px;top:30%;width:170px;border-left:1px solid #e4e6e5;display:flex;flex-direction:column;gap:4px;padding:4px 0;z-index:2;background:#fff0}.rail a{position:relative;font-size:13px;line-height:1.4;padding:10px 0 10px 16px;color:var(--muted)}.rail a::before{content:'';width:5px;height:5px;background:transparent;border-radius:100%;position:absolute;left:-3px;top:17px}.rail a[aria-current]::before{background:#262927}.rail a[aria-current]{color:#262927;font-weight:500}.rail a span{opacity:0;transition:opacity .16s}.rail:hover,.rail:focus-within{background:#fff}.rail:hover span,.rail:focus-within span{opacity:1}.sources{padding-bottom:60px}.sources h1{margin:50px 0 24px}.sources h2{margin-top:80px}.sources a:not(.wordmark){color:#0062d6}.sources li{font-size:17px;line-height:1.6;margin:12px 0}.archive{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px}.archive figure{margin:0;min-width:0}.archive img{width:100%;max-height:500px;object-fit:contain;background:#f7f8fa}.archive figcaption{overflow-wrap:anywhere}
@media(max-width:1400px){.rail{position:sticky;top:0;left:auto;width:100%;flex-direction:row;overflow-x:auto;padding:12px 22px;gap:20px;background:#fff;border:0;box-shadow:0 1px 0 #eeeeee;white-space:nowrap}.rail a{padding:8px 4px;min-height:40px}.rail a span{opacity:1}.rail a::before{display:none}.rail a[aria-current]{background:#f5f5f5;border-radius:4px}.chapter{scroll-margin-top:90px}html{scroll-padding-top:80px}}
@media(max-width:940px){main{padding:48px 28px 0}.site-header{padding:0 28px}.metadata{grid-template-columns:repeat(2,1fr);gap:24px}.action-map,.feedback-grid{grid-template-columns:1fr;gap:28px}.site-header>a:last-child{display:none}}
@media(max-width:480px){:root{--gap:80px}main{padding:40px 22px 0}.site-header{height:86px;padding:0 22px;gap:10px}.wordmark{font-size:26px}.preview-label{font-size:11px}.preview-label span{margin:0 3px}.preview-label{max-width:135px;text-align:right}h1{font-size:34px;letter-spacing:-1px}h2{font-size:28px}h3,h4{font-size:22px}p{font-size:17px;line-height:1.65}.lead{font-size:18px}.desktop-break{display:none}.metadata{grid-template-columns:1fr;gap:24px}.team{margin-top:24px}.subsection,.design-step{margin-top:56px}.screen{margin-top:32px}.screen img,.banner img,.photo-grid img{border-radius:13px}.reason,.before-after,.photo-grid,.archive{grid-template-columns:1fr;gap:24px}.reason{margin-top:24px}.photo-grid>a{grid-column:auto!important}.figure-tools{gap:8px}.theme-switch button{padding:6px 12px;min-height:40px}.full-size{font-size:12px}.key-result p{font-size:18px}.ending{margin-top:80px;gap:18px;padding-bottom:35px}.ending p{flex-basis:100%}.demo-cta{font-size:14px;gap:12px;width:100%}.sources h2{margin-top:56px}.rail{gap:12px}.review-note{font-size:12px}}
@media(hover:none){.rail a span{opacity:1}.theme-switch button{min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* October review: embedded demos, compact photographs, related projects. */
.embedded-demo{margin-top:36px}.demo-frame{display:block;width:100%;border:0;background:#fff;min-height:740px}.photo-grid{max-width:720px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}.photo-grid>a,.photo-grid>a:nth-child(1),.photo-grid>a:nth-child(4){grid-column:auto!important;display:flex;align-items:flex-start;justify-content:flex-start;height:230px}.photo-grid img{width:auto;max-width:100%;height:100%;object-fit:contain;object-position:left top;border-radius:12px}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}.project-card{display:block;min-width:0;padding:16px;margin:-16px;border-radius:20px;transition:box-shadow .18s,background .18s}.project-card:hover,.project-card:focus-visible{text-decoration:none;background:rgb(255 255 255 / .5);box-shadow:0 8px 26px #26292712,inset 0 0 0 1px #e6e8e7;backdrop-filter:blur(20px)}.project-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:16px;margin-bottom:22px}.project-card h3{margin-top:10px}.project-card .label{margin:0}.screen-image{display:block}
@media(max-width:480px){.embedded-demo{margin-top:32px}.photo-grid{gap:16px}.photo-grid>a,.photo-grid>a:nth-child(1),.photo-grid>a:nth-child(4){height:145px}.photo-grid img{border-radius:8px}.more-grid{grid-template-columns:1fr;gap:44px}.project-card{margin:0;padding:0}.project-card h3{font-size:22px}.demo-frame{min-height:820px}}
@media(prefers-reduced-motion:reduce){.project-card{transition:none}}

/* The child reports its frame plus unscaled controls, at every reading width. */
.embedded-demo .demo-frame{min-height:0;height:720px;overflow:hidden}

/* Confirmed recruiting impact, within the existing opening layout. */
.key-result .impact-value{font-size:28px;line-height:1.3;letter-spacing:-.4px;font-weight:500;text-wrap:balance}
.key-result .impact-context{max-width:790px;margin-top:12px;font-size:16px;line-height:1.6;font-weight:400;color:var(--muted)}
@media(max-width:480px){.key-result .impact-value{font-size:24px;letter-spacing:-.25px}.key-result .impact-context{font-size:16px}}

/* Equal workshop cards, with originals still available on click. */
.photo-grid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.photo-grid>a,.photo-grid>a:nth-child(1),.photo-grid>a:nth-child(4){width:100%;height:auto;aspect-ratio:3/2;overflow:hidden;border-radius:12px}
.photo-grid img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:inherit}
@media(max-width:600px){.photo-grid{grid-template-columns:1fr;gap:24px}.photo-grid>a,.photo-grid>a:nth-child(1),.photo-grid>a:nth-child(4){height:auto;aspect-ratio:3/2}}