.hci-holding-page{min-height:100svh;background:#fbfbfd;color:#1d1d1f;overflow-x:hidden}.hci-holding{position:relative;min-height:calc(100svh - 74px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;padding:clamp(88px,12vw,170px) var(--pad) clamp(48px,7vw,94px);isolation:isolate;overflow:hidden}.hci-holding-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(to right,rgba(29,29,31,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(29,29,31,.045) 1px,transparent 1px);background-size:8.333% 100%,100% 96px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.45) 55%,transparent)}.hci-holding-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 46%,rgba(0,113,227,.16),transparent 34%),linear-gradient(135deg,transparent 0 45%,rgba(0,113,227,.06) 45.1% 45.25%,transparent 45.35%)}.hci-holding-copy{grid-column:2/9;max-width:850px}.hci-holding-kicker{margin:0 0 clamp(28px,5vw,58px);font:600 10px/1.3 DM Mono,monospace;letter-spacing:.1em;color:#0071e3}.hci-holding h1{margin:0;font:650 clamp(62px,10vw,156px)/.84 -apple-system,BlinkMacSystemFont,"SF Pro Display",Manrope,sans-serif;letter-spacing:-.08em}.hci-holding h1 em{font-style:normal;color:#0071e3}.hci-holding-note{max-width:470px;margin:clamp(34px,5vw,62px) 0 0;color:#6e6e73;font:400 clamp(16px,1.6vw,23px)/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",Manrope,sans-serif;letter-spacing:-.03em}.hci-home-button{display:inline-flex;align-items:center;gap:30px;margin-top:38px;padding:16px 20px;border:1px solid #1d1d1f;border-radius:999px;color:#1d1d1f;text-decoration:none;font:600 11px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;transition:background .25s,color .25s,transform .35s cubic-bezier(.16,1,.3,1)}.hci-home-button span{font-size:17px;color:#0071e3}.hci-home-button:hover,.hci-home-button:focus-visible{background:#1d1d1f;color:#fbfbfd;transform:translateY(-4px);outline:0}.hci-holding-code{position:absolute;right:var(--pad);top:clamp(96px,13vw,180px);font:600 9px/1.6 DM Mono,monospace;color:#6e6e73;letter-spacing:.08em;text-align:right}.hci-holding-orbit{position:absolute;right:8vw;top:50%;width:min(27vw,390px);aspect-ratio:1;border:1px solid rgba(29,29,31,.25);border-radius:50%;transform:translateY(-45%) rotate(-18deg)}.hci-holding-orbit:before,.hci-holding-orbit:after{content:"";position:absolute;left:50%;top:50%;background:#1d1d1f;transform:translate(-50%,-50%)}.hci-holding-orbit:before{width:128%;height:1px}.hci-holding-orbit:after{height:128%;width:1px}.hci-holding-orbit span{position:absolute;inset:22%;border:1px solid #0071e3;border-radius:50%}.hci-holding-orbit i{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#0071e3;transform:translate(-50%,-50%)}.hci-holding-footer{position:absolute;left:var(--pad);bottom:30px;margin:0;font:600 9px/1 DM Mono,monospace;color:#6e6e73;letter-spacing:.1em}.hci-holding-footer span{color:#0071e3;padding:0 8px}@media(max-width:900px){.hci-holding{min-height:calc(100svh - 58px);padding:105px 20px 80px;grid-template-columns:repeat(6,minmax(0,1fr))}.hci-holding-copy{grid-column:1/7}.hci-holding h1{font-size:clamp(58px,15vw,112px)}.hci-holding-orbit{right:-18vw;top:60%;width:65vw;opacity:.5}.hci-holding-code{right:20px;top:84px}.hci-holding-footer{left:20px;bottom:25px;font-size:8px}.hci-holding-note{max-width:360px}}

/* A small prototype buddy for the HCI work in progress page. */
.hci-holding-orbit{display:none}.hci-workshop-buddy{position:absolute;right:clamp(2vw,4vw,6vw);top:78%;width:min(20.5vw,300px);aspect-ratio:1;transform:translateY(-52%);z-index:1;pointer-events:none}.buddy-head{position:absolute;left:25%;top:21%;width:49%;aspect-ratio:1;border:2px solid #1d1d1f;border-radius:46% 46% 42% 42%;background:#fff;box-shadow:11px 12px 0 rgba(0,113,227,.14);animation:buddy-bob 4.4s ease-in-out infinite}.buddy-head i{position:absolute;top:40%;width:10%;aspect-ratio:1;border-radius:50%;background:#1d1d1f}.buddy-head i:first-child{left:27%}.buddy-head i:nth-child(2){right:27%}.buddy-head b{position:absolute;left:35%;right:35%;bottom:23%;height:10%;border-bottom:2px solid #1d1d1f;border-radius:50%}.buddy-body{position:absolute;left:31%;top:66%;width:38%;height:25%;border:2px solid #1d1d1f;border-radius:34% 34% 16px 16px;background:#0071e3;transform:rotate(-3deg)}.buddy-body span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:700 10px/1 DM Mono,monospace;letter-spacing:.08em}.buddy-antenna{position:absolute;left:49%;top:12%;width:2px;height:12%;background:#1d1d1f;transform:rotate(11deg);transform-origin:bottom}.buddy-antenna:after{content:"";position:absolute;left:50%;top:-8px;width:9px;height:9px;border:2px solid #1d1d1f;border-radius:50%;background:#fff;transform:translateX(-50%)}.buddy-arm{position:absolute;top:67%;width:21%;height:16%;border:2px solid #1d1d1f;border-radius:50%;background:#fff}.arm-left{left:15%;transform:rotate(28deg)}.arm-right{right:15%;transform:rotate(-34deg)}.buddy-shadow{position:absolute;left:20%;right:16%;bottom:3%;height:9%;border-radius:50%;background:rgba(29,29,31,.12);filter:blur(4px);animation:buddy-shadow 4.4s ease-in-out infinite}.buddy-bubble{position:absolute;right:-3%;top:6%;z-index:3;padding:12px 14px;border:2px solid #1d1d1f;border-radius:18px 18px 18px 4px;background:#fff;display:grid;gap:3px;transform:rotate(4deg);animation:buddy-bubble 3.8s ease-in-out infinite}.buddy-bubble:after{content:"";position:absolute;left:11px;bottom:-9px;width:13px;height:13px;border-left:2px solid #1d1d1f;border-bottom:2px solid #1d1d1f;background:#fff;transform:skewY(-30deg)}.buddy-bubble b{font:700 clamp(10px,1.05vw,15px)/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif}.buddy-bubble span{font:600 7px/1 DM Mono,monospace;letter-spacing:.07em;color:#6e6e73;text-transform:uppercase}.buddy-note{position:absolute;z-index:2;padding:9px 10px;background:#fff1a8;color:#1d1d1f;box-shadow:3px 4px 0 rgba(29,29,31,.14);font:700 7px/1.3 DM Mono,monospace;letter-spacing:.06em;text-align:center;animation:buddy-note 4.6s ease-in-out infinite}.note-a{left:2%;top:30%;transform:rotate(-9deg)}.note-b{right:7%;bottom:20%;background:#bcdcff;transform:rotate(10deg);animation-delay:.8s}.buddy-spark{position:absolute;color:#0071e3;font:500 clamp(18px,2vw,29px)/1 DM Mono,monospace;animation:buddy-spark 2.8s ease-in-out infinite}.spark-one{left:16%;top:8%}.spark-two{right:5%;top:52%;animation-delay:1.2s}.hci-holding-page .hci-workshop-buddy{display:block}@keyframes buddy-bob{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes buddy-shadow{50%{transform:scaleX(.8);opacity:.55}}@keyframes buddy-bubble{50%{transform:translateY(-9px) rotate(1deg)}}@keyframes buddy-note{50%{margin-top:-8px}}@keyframes buddy-spark{50%{transform:scale(1.35) rotate(18deg);opacity:.45}}@media(max-width:900px){.hci-workshop-buddy{right:-11vw;top:59%;width:58vw;opacity:.9}.buddy-bubble{right:4%}}@media(max-width:620px){.hci-workshop-buddy{right:-21vw;top:61%;width:76vw;opacity:.58}.buddy-note,.buddy-bubble{display:none}}