/* Personal introduction, origin story and selected projects. */
.home-personal .global-nav__links > .home-menu-share { display:none; }
@media(max-width:860px) {
  .home-personal .floating-actions { display:none; }
  .home-personal .global-nav__links > .home-menu-share { display:block; min-height:44px; cursor:pointer; }
  .home-personal .global-nav__links { max-height:calc(100vh - 62px); max-height:calc(100dvh - 62px); overflow-y:auto; }
}
.home-personal .personal-shell { width:min(1160px,calc(100% - 80px)); margin-inline:auto; }
.home-personal .personal-meta { color:#c9c9c3; font:400 11px/1.5 "IBM Plex Mono",ui-monospace,monospace; letter-spacing:.05em; text-transform:uppercase; }
.home-personal .now-strip[hidden] { display:none; }
.personal-hero { padding:50px 0 82px; display:grid; grid-template-columns:1.65fr 1fr; gap:70px; align-items:start; }
.personal-hero h1 { max-width:100%; margin:27px 0 28px; font:400 clamp(64px,6.8vw,96px)/.99 "Switzer","Helvetica Neue",sans-serif; letter-spacing:-.065em; }
.personal-hero h1 span { display:block; }
.personal-hero h1 .quiet { color:#a1a19b; }
.personal-hero-copy { max-width:540px; font-size:20px; color:#c9c9c3; line-height:1.6; }
.personal-hero-copy p { margin:0 0 14px; }
.personal-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:28px; }
.personal-actions .button { min-height:48px; border-radius:1px; }
.home-personal .personal-link { display:inline-flex; align-items:center; min-height:44px; gap:15px; color:#f4f4f0; text-decoration:underline; text-underline-offset:6px; font-size:15px; }
.home-personal .personal-link:hover { color:#b8c4ff; }
.personal-hero .experience-choice { margin-top:22px; grid-template-columns:1fr 1fr; }
.personal-hero .experience-choice a { min-height:92px; padding:15px; }
.home-personal .personal-hero .experience-choice { grid-template-columns:1fr; }
.home-personal .personal-hero .experience-choice__play { display:grid; grid-template-columns:106px minmax(0,1fr); align-items:center; gap:14px; min-height:128px; padding:10px 18px 10px 10px; border-color:#3c5b6b; background:#11191e; color:#f4f4f0; }
.home-personal .personal-hero .experience-choice__play:hover,.home-personal .personal-hero .experience-choice__play:focus-visible { border-color:#83c8d2; background:#142027; }
.world-launch-icon { display:grid; place-items:center; width:106px; height:106px; overflow:visible; background:transparent; border:0; }
.world-launch-icon img { display:block; width:100%; max-width:100%; height:100%; object-fit:contain; image-rendering:pixelated; }
.world-launch-copy { display:grid; gap:5px; }
.personal-hero .experience-choice .world-launch-copy strong { color:#f4f4f0; font-size:20px; line-height:1.2; }
.world-launch-copy > span:last-child { color:#c9c9c3; font-size:13px; line-height:1.5; }
.world-launch-label { color:#a8d9e3; font:400 10px/1.5 "IBM Plex Mono",ui-monospace,monospace; letter-spacing:.06em; text-transform:uppercase; }
.personal-hero .experience-choice > a:not(.experience-choice__play) { min-height:44px; padding:10px 0; border:0; background:transparent; }
.personal-hero .experience-choice > a:not(.experience-choice__play) > span { display:none; }
.personal-hero .experience-choice > a:not(.experience-choice__play) strong { justify-content:start; color:#c9c9c3; font-size:14px; }
.personal-hero .personal-actions { margin-top:8px; }
.personal-hero .personal-actions .button { min-height:44px; padding:0; border:0; background:transparent; color:#c9c9c3; text-decoration:underline; text-underline-offset:5px; font-size:14px; }
@media(prefers-reduced-motion:no-preference) {
  .world-launch-icon img { animation:pixel-truck-idle 8s ease-in-out infinite; }
  .experience-choice__play:hover .world-launch-icon img,.experience-choice__play:focus-visible .world-launch-icon img { animation-play-state:paused; }
  @keyframes pixel-truck-idle { 0%,48%,70%,100% { transform:translate(0,0); } 54% { transform:translate(-2px,-2px); } 61% { transform:translate(1px,-1px); } }
}
.personal-portrait { margin:58px 0 0; }
.personal-portrait img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; object-position:50% 28%; }
.personal-portrait figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 16px; margin-top:13px; color:#a1a19b; font:400 11px/1.6 "IBM Plex Mono",ui-monospace,monospace; }
.personal-section { padding:88px 0; border-top:1px solid #30302d; scroll-margin-top:90px; }
.personal-origin,.personal-about { display:grid; grid-template-columns:.8fr 1.4fr; gap:100px; }
.personal-section h2 { margin:22px 0; font:400 clamp(40px,4.7vw,64px)/1.05 "Switzer","Helvetica Neue",sans-serif; letter-spacing:-.055em; }
.personal-origin .story { padding-top:25px; font-size:22px; line-height:1.6; }
.personal-origin .story p { margin:0 0 22px; color:#c9c9c3; }
.personal-origin .story strong { font-weight:400; color:#f4f4f0; }
.personal-origin details { margin:26px 0 14px; border-top:1px solid #30302d; }
.personal-origin summary { cursor:pointer; padding:18px 0; color:#f4f4f0; font-size:16px; }
.personal-origin details p { font-size:17px; line-height:1.7; }
.personal-origin .story .source { font-size:13px; color:#a1a19b; line-height:1.6; }
.personal-origin .source a { display:inline-block; min-height:44px; padding-block:10px; color:#b8c4ff; text-underline-offset:4px; }
.personal-section-heading { display:flex; align-items:end; justify-content:space-between; gap:60px; margin-bottom:46px; }
.personal-section-heading h2 { max-width:610px; margin-bottom:0; }
.personal-section-heading > p { max-width:300px; margin:0; color:#c9c9c3; font-size:17px; line-height:1.6; }
.personal-project { display:grid; grid-template-columns:1.35fr 1fr; gap:62px; padding:38px 0; border-top:1px solid #30302d; align-items:center; }
.personal-project figure { margin:0; }
.personal-project img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; }
.personal-project figcaption { margin-top:13px; color:#a1a19b; font:400 11px/1.6 "IBM Plex Mono",ui-monospace,monospace; }
.personal-project h3 { margin:14px 0 19px; font:400 36px/1.08 "Switzer","Helvetica Neue",sans-serif; letter-spacing:-.045em; }
.personal-project p { color:#c9c9c3; font-size:17px; line-height:1.65; }
.personal-project .question { color:#f4f4f0; font-size:20px; line-height:1.5; }
.personal-project .personal-meta { color:#b8c4ff; }
.personal-more { display:flex; justify-content:space-between; gap:25px; padding-top:28px; border-top:1px solid #30302d; align-items:center; }
.personal-more p { max-width:620px; margin:0; color:#c9c9c3; }
.personal-about-copy { padding-top:18px; font-size:20px; line-height:1.7; color:#c9c9c3; }
.personal-about-copy p { margin:0 0 24px; }
.personal-about .about-links a { display:inline-flex; align-items:center; min-height:44px; color:#b8c4ff; font-size:14px; }
.home-personal .contact h2 { font-weight:400; font-size:clamp(42px,5.5vw,76px); line-height:1.05; }
.home-personal .contact > p:not(.kicker) { color:#c9c9c3; font-size:20px; line-height:1.6; }
.home-personal .personal-origin summary:focus-visible { outline:3px solid #5b76ff; outline-offset:4px; }
.home-personal .cinema-community { min-height:0; }
.home-personal .cinema-community .journal-track { width:100%; min-width:0; overflow-x:auto; scroll-snap-type:x mandatory; }
@media(max-width:1000px) {
  .personal-hero { gap:32px; grid-template-columns:1.5fr 1fr; }
  .personal-hero .experience-choice { grid-template-columns:1fr; }
  .personal-origin,.personal-about { gap:50px; }
}
@media(max-width:800px) {
  .home-personal .personal-shell { width:calc(100% - 40px); }
  .personal-origin,.personal-about { grid-template-columns:1fr; gap:8px; }
  .personal-project { gap:30px; }
  .personal-section-heading { gap:30px; }
}
@media(max-width:600px) {
  .personal-hero { padding:45px 0 55px; grid-template-columns:1fr; gap:34px; }
  .personal-hero h1 { font-size:clamp(56px,13vw,78px); }
  .personal-hero-copy { font-size:18px; }
  .personal-portrait { width:80%; max-width:320px; margin:0; justify-self:end; }
  .personal-portrait img { aspect-ratio:1; object-position:50% 30%; }
  .personal-section { padding:54px 0; }
  .personal-origin .story { padding-top:0; font-size:20px; }
  .personal-section-heading,.personal-project { display:block; }
  .personal-section-heading > p { max-width:none; margin-top:24px; }
  .personal-project { padding:28px 0; }
  .personal-project figure { margin-bottom:26px; }
  .personal-project h3 { font-size:31px; }
  .personal-more { align-items:start; flex-direction:column; }
  .personal-about-copy { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) {
  .home-personal .personal-link,.personal-hero .experience-choice a { transition:none; transform:none; }
  .world-launch-icon img { animation:none; transform:none; }
}