/* Full-width navigation surface; its contents retain the page grid. */
.site-header{width:100%;margin-inline:0;padding-inline:max(6%,calc((100% - 1280px)/2));background:var(--paper)}
.site-header.is-scrolled{background:var(--paper)}

/* Product experience: one large interface, three ways to explore it. */
#research{padding-block:44px}
.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:34px}
.studio-heading h2{font-size:clamp(48px,5.6vw,80px);letter-spacing:-.055em}
.studio-dot{color:#75998c}
.studio-heading p{margin-top:12px;font-size:17px}
.studio-heading>.text-link{flex-shrink:0}
.studio-experience{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr);gap:6%;align-items:center}
.studio-stage{min-width:0;padding:20px 26px 18px;background:radial-gradient(ellipse at 25% 25%,#f8faf8,transparent 65%),linear-gradient(135deg,#e1ece6,#e1e8f1);border-radius:24px;border:1px solid #d9e4e5}
.studio-stage-label{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;color:#57716f;font:10px/1.5 'Courier New',monospace;letter-spacing:1px}
.studio-stage-label>span:last-child{font:12px/1.5 Arial,sans-serif;letter-spacing:0}
.studio-device{padding:8px;background:#f8fafb;border:1px solid #bdced0;border-radius:20px;box-shadow:0 18px 30px -18px #3d676866,0 2px 3px #3d676812;transform:rotate(-1deg);transition:transform .5s ease}
.studio-stage:hover .studio-device{transform:rotate(0)}
.studio-device .product-screens{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#dff0ea}
.studio-device #product-screen{position:absolute;width:128%;max-width:none;height:128%;left:-14%;top:-19.84%;object-fit:fill;display:block}
.studio-stage #screen-description{font-size:14px;line-height:1.6;margin-top:22px;min-height:45px;color:#496571}
.studio-question{font:400 clamp(25px,2.6vw,36px)/1.2 Arial,sans-serif;letter-spacing:-1px;color:var(--ink);margin-bottom:26px}
.studio-question em{font-family:Georgia,serif;color:var(--accent)}
.studio-controls .screen-tabs{display:flex;flex-direction:column;padding:0;border:0;gap:0;background:none}
.studio-controls .screen-tabs button{display:grid;grid-template-columns:24px 1fr 20px;gap:16px;align-items:center;text-align:left;background:transparent;border:0;border-top:1px solid #cbdce0;border-radius:0;padding:20px 12px;color:#506b78;transition:background .25s,color .25s}
.studio-controls .screen-tabs button:last-child{border-bottom:1px solid #cbdce0}
.studio-controls .screen-tabs button[aria-selected=true]{background:#ffffff9c;color:#294f51;border-radius:8px}
.studio-controls .screen-tabs button:hover{background:#ffffff6e}
.step-number{font:12px 'Courier New',monospace;align-self:start;padding-top:6px}
.screen-tabs strong{display:block;font-size:27px;font-weight:400;letter-spacing:-.7px;line-height:1.2}
.screen-tabs small{display:block;font-size:13px;margin-top:6px;line-height:1.5}
.step-arrow{opacity:0;transform:translate(-5px,5px);transition:transform .25s,opacity .25s}
[aria-selected=true]>.step-arrow{opacity:1;transform:none}
.studio-contribution{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:30px;border-top:1px solid #cadbdf;margin-top:36px;padding-top:24px}
.studio-contribution h3{font-size:20px;font-weight:400;letter-spacing:-.3px;line-height:1.4;margin-top:8px}
.studio-contribution p{font-size:16px;line-height:1.7;margin-top:8px;color:#365362}
.studio-contribution p strong{font-size:27px;font-weight:400}
.contribution-divider{margin-inline:7px;color:#94abae}
.studio-note{display:flex;justify-content:space-between;gap:18px;margin-top:22px;font-size:12px;line-height:1.6;color:#526c78}

/* The paper belongs to the research chapter. */
.featured-study{display:grid;grid-template-columns:1fr 1.35fr;gap:8%;padding:32px 0 34px;border-block:1px solid #cbdce0;margin-bottom:28px}
.study-feature-title h3{font-size:clamp(31px,3.3vw,46px);line-height:1.12;font-weight:400;letter-spacing:-1.5px;margin-top:15px}
.study-feature-title>p{font-size:14px;line-height:1.6;margin-top:16px;max-width:330px}
.study-feature-copy>p{font-size:16px;line-height:1.7}
.study-feature-copy>p+p{margin-top:12px}
.study-feature-links{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:22px}
.study-feature-copy>.study-version-note{font-size:12px;line-height:1.6;margin-top:18px}
.ra-bridge{font-size:16px;max-width:750px;margin-bottom:24px}
.paused .studio-device,.paused .studio-controls .screen-tabs button,.paused .step-arrow{transition:none}
.paused .studio-stage:hover .studio-device{transform:rotate(-1deg)}
@media(max-width:900px){.studio-experience{grid-template-columns:minmax(0,1.55fr) minmax(220px,1fr);gap:4%}.studio-stage{padding:16px}.studio-controls .screen-tabs button{padding:17px 8px;gap:9px}.screen-tabs strong{font-size:25px}.studio-contribution{gap:22px}.studio-note{font-size:11px}}
@media(max-width:760px){
  .site-header{padding-inline:20px}
  .studio-heading{display:block;margin-bottom:26px}.studio-heading h2{font-size:52px}.studio-heading p{font-size:16px}.studio-heading>.text-link{margin-top:17px;font-size:14px}
  .studio-experience{display:flex;flex-direction:column;gap:20px}.studio-controls{order:-1;width:100%}.studio-question{font-size:25px;margin-bottom:20px}.studio-question br{display:none}
  .studio-controls .screen-tabs{flex-direction:row;gap:6px}.studio-controls .screen-tabs button{flex:1;display:block;text-align:center;padding:12px 3px;border:1px solid #cbdce0!important;border-radius:10px}.studio-controls .screen-tabs button[aria-selected=true]{border-color:#85aaa4!important;border-radius:10px}.step-number{display:block;padding:0;margin-bottom:5px}.screen-tabs strong{font-size:20px}.screen-tabs small,.step-arrow{display:none}
  .studio-stage{width:100%;padding:14px;border-radius:17px}.studio-stage-label{margin-bottom:15px;font-size:9px}.studio-device{padding:5px;border-radius:14px}.studio-device .product-screens{border-radius:9px}.studio-stage #screen-description{font-size:14px;margin-top:18px;min-height:67px}
  .studio-contribution{grid-template-columns:1fr 1fr;gap:22px;margin-top:28px;padding-top:22px}.studio-contribution>div:first-child{grid-column:1/-1}.studio-contribution h3 br{display:none}.studio-contribution h3{font-size:21px}.studio-contribution p{font-size:14px}.studio-contribution p strong{font-size:24px}.contribution-divider{margin-inline:3px}
  .studio-note{display:block;font-size:12px}.studio-note>span{display:block;margin-top:5px}
  .featured-study{grid-template-columns:1fr;gap:24px;padding-block:26px}.study-feature-title h3{font-size:36px}.study-feature-title h3 br{display:none}.study-feature-title h3 br:after{content:' '}.study-feature-links .text-link{font-size:14px;gap:12px}.ra-bridge{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.studio-device,.studio-controls .screen-tabs button,.step-arrow{transition:none}.studio-stage:hover .studio-device{transform:rotate(-1deg)}}