/* Shared page system for the full Human API design study. */
:root{--spectrum:linear-gradient(100deg,#F04417,#EA5595,#8876DC,#53BDC7)}
.internal-page [hidden]{display:none!important}.internal-page main{overflow-x:clip}.internal-page .header nav a[aria-current=page]{border-bottom:2px solid var(--orange);padding-bottom:7px}.internal-page h1{white-space:normal;font-size:clamp(52px,6vw,88px);font-weight:600;line-height:1.02;letter-spacing:-.055em}.internal-page h1 em{font-weight:400}.internal-page h2{font-size:clamp(36px,4.1vw,62px)}.internal-page h3{font-weight:550;letter-spacing:-.025em}.internal-page img{height:auto;max-width:100%}.page-hero{padding:78px 0 88px}.page-hero .page-kicker,.page-hero .eyebrow{margin-bottom:25px}.page-kicker{font:600 10px/1.5 Archivo,sans-serif;letter-spacing:.16em;text-transform:uppercase}.page-deck{font:400 26px/1.35 Newsreader,serif;margin-top:26px;max-width:590px}.page-lede{font:400 23px/1.45 Newsreader,serif;max-width:660px;margin-top:24px;color:#4b574d}.page-hero .actions{margin-top:30px}.page-section{padding:90px 0}.page-section.paper{background:var(--chrome)}.page-section.forest{background:var(--forest);color:var(--paper)}.page-section.sky{background:#e7edf0}.page-section.mint{background:#e7efe8}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}.page-heading .eyebrow,.page-heading .page-kicker{margin-bottom:22px}.page-heading>p{max-width:360px;font-size:22px}.page-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:65px;align-items:center}.page-grid>*{min-width:0}.page-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-panel{position:relative;padding:28px;background:var(--paper);border:1px solid #141f1a24;box-shadow:0 18px 40px #141f1a0d}.visual-panel.spectrum{border-top:3px solid transparent;border-image:var(--spectrum) 1}.visual-panel .caption{font:450 11px/1.5 Archivo;color:var(--muted);margin-top:15px}.asset-zoom{display:block;position:relative;width:100%;padding:0;background:transparent;border:0}.asset-zoom>img{display:block;width:100%;height:auto;object-fit:contain}.asset-zoom>span{position:absolute;bottom:10px;right:10px;background:var(--paper);font:400 17px Archivo;padding:5px 9px}.body-copy{font-size:22px;line-height:1.5}.body-copy p+p{margin-top:22px}.body-copy ul{padding-left:22px}.inline-note{font:500 26px/1.2 Caveat,cursive;color:#a33c21}.page-closing{position:relative;padding:85px 0;background:var(--forest);color:var(--paper);border-top:4px solid transparent;border-image:var(--spectrum) 1;overflow:hidden}.page-closing .eyebrow{margin-bottom:23px}.page-closing h2{max-width:900px}.page-closing p:not(.eyebrow){font-size:24px;max-width:650px;margin-top:25px}.page-closing .button{margin-top:28px}.page-closing:after{content:'';position:absolute;right:-70px;top:30px;width:300px;height:300px;border:1px solid #cee3d540;border-radius:50%;box-shadow:inset 0 0 40px #cee3d514;pointer-events:none}.site-footer-links{display:flex;flex-wrap:wrap;gap:15px 30px;padding:0 0 30px;font:400 12px/1.5 Archivo}.site-footer-links a:hover{color:#b9310d}.media-caption{display:flex;justify-content:space-between;gap:15px;margin-top:15px;font:500 10px/1.5 Archivo;letter-spacing:.04em}.page-video{width:100%;background:#111;aspect-ratio:16/9;display:block}.page-transcript{padding:20px 0;border-bottom:1px solid var(--rule)}.page-transcript summary{cursor:pointer;font:500 13px/1.5 Archivo}.page-transcript>div{max-width:800px;padding-top:25px;font-size:21px}.page-transcript p+p{margin-top:18px}.quiet-note{font:400 12px/1.6 Archivo;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #141f1a33;font:500 11px/1.5 Archivo;background:transparent}.chip[aria-pressed=true]{background:var(--forest);color:var(--paper)}.button.outline{border-color:currentColor;background:none}.page-rule{height:1px;border:0;background:var(--rule);margin:0}.page-breadcrumb{font:400 11px/1.5 Archivo;color:var(--muted);padding-top:28px}.page-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.internal-page dialog{width:min(1000px,94vw)}#asset-dialog{width:auto}#asset-dialog>img{max-height:76vh;max-width:86vw;object-fit:contain}.internal-page video:focus-visible{outline-offset:4px}.loading-frame{min-height:400px;background:var(--chrome);display:grid;place-items:center}.full-preview-note{font:400 11px/1.6 Archivo;color:var(--muted);border-left:2px solid var(--orange);padding:8px 14px;margin-top:24px}.motion-note{font:500 11px/1.5 Archivo}.page-section .motion-toggle{min-height:40px;padding:8px 13px;border:1px solid currentColor;background:none;color:inherit;font:500 11px Archivo}.figure-credit{font:400 9px/1.5 Archivo;color:var(--muted);margin-top:10px}.internal-page .text-link{font-size:12px}.internal-page a.button{white-space:normal}.internal-page .header{position:relative;z-index:5;background:var(--paper)}
@media(max-width:1100px){.page-grid{gap:40px}.page-heading{gap:35px}.page-hero{padding-block:60px}.page-section{padding-block:70px}.internal-page h1{font-size:clamp(48px,6.2vw,75px)}}
@media(max-width:800px){.page-grid,.page-grid.equal{grid-template-columns:minmax(0,1fr);gap:38px}.page-hero{padding:45px 0 60px}.page-deck{font-size:24px}.page-lede{font-size:22px}.page-section{padding-block:60px}.page-heading{display:block;margin-bottom:35px}.page-heading>p{margin-top:23px;max-width:560px;font-size:21px}.internal-page h1{font-size:clamp(47px,9.8vw,76px)}.visual-panel{padding:20px}.body-copy{font-size:21px}.page-closing{padding-block:60px}.page-closing p:not(.eyebrow){font-size:22px}.page-closing:after{opacity:.3}.page-closing>.wrap{position:relative;z-index:1}.media-caption{font-size:9px}.site-footer-links{gap:14px 23px;font-size:11px}.internal-page .page-hero h1{max-width:100%}.internal-page .header nav{display:none}}
@media(max-width:470px){.internal-page h1{font-size:clamp(42px,11.7vw,56px)}.internal-page h2{font-size:36px}.page-hero{padding-top:38px}.page-deck{font-size:23px}.page-heading .eyebrow{font-size:9px}.page-kicker{font-size:9px}.visual-panel{padding:16px}.page-section{padding-block:52px}.page-section .button{min-height:46px}.page-breadcrumb{padding-top:20px}.body-copy{font-size:20px}.internal-page .header{height:78px}}
@media(prefers-reduced-motion:reduce){.internal-page *, .internal-page *:before,.internal-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}
.home-film-more{display:block;margin-top:20px}.service-home-link{display:inline-block;margin:18px 0 5px 49px}#main .ha-spatial-caption a{text-underline-offset:4px}