.projects-shell{max-width:1080px;margin-inline:auto;padding:49px 0 100px}.collection-heading{margin:65px 0 62px}.collection-heading .eyebrow,.study-heading .eyebrow{flex-wrap:wrap;gap:8px 22px;font-size:12px}.collection-heading h1{letter-spacing:-.06em;margin:0 0 24px -3px;font-size:clamp(38px,5.2vw,68px);line-height:1.14}.collection-heading>p:last-child{color:var(--muted);margin:0;font-size:15px;line-height:1.85}.collection-bar{border-block:1px solid var(--border);color:var(--faint);letter-spacing:.04em;justify-content:space-between;gap:20px;padding-block:15px;font-size:11px;display:flex}.collection-bar>span:last-child{color:var(--lavender)}.collection-item{border-bottom:1px solid var(--border)}.collection-link{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,70px);padding-block:44px;display:grid}.collection-preview{border:1px solid var(--border-strong);border-radius:5px;transition:border-color .25s,transform .25s;overflow:hidden}.collection-filebar{background:var(--surface);border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:10px;padding:11px 16px;font-size:11px;display:flex}.collection-filebar span span{color:var(--accent);margin-inline:5px}.collection-preview .project-visual{border:0;height:250px;min-height:0;padding:28px}.collection-preview .visual-multiplayer{align-items:center}.collection-preview .editor-window{max-width:390px}.collection-preview .editor-code{font-size:9px}.collection-preview .prediction-label,.collection-preview .prediction-footer,.collection-preview .heartbeat-title,.collection-preview .heartbeat-footer{font-size:10px}.collection-preview .key-sequence kbd{width:37px;height:39px}.collection-preview .signal-bars span{flex:1;max-width:5px}.collection-category{letter-spacing:.045em;color:var(--faint);margin:0 0 12px;font-size:11px}.collection-copy h2{letter-spacing:-.05em;overflow-wrap:anywhere;margin:0;font-size:clamp(24px,2.7vw,34px);line-height:1.3;transition:color .2s}.collection-description{color:var(--muted);margin:17px 0 23px;font-size:14px;line-height:1.9}.collection-cta{color:var(--accent);align-items:center;gap:16px;margin-top:28px;font-size:12px;display:inline-flex}.collection-cta svg,.next-project svg{transition:transform .2s}.collection-link:hover .collection-copy h2{color:var(--accent)}.collection-link:hover .collection-preview{border-color:var(--accent);transform:translateY(-3px)}.collection-link:hover .collection-cta svg,.next-project:hover svg{transform:translate(4px)}.collection-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:18px;padding-top:26px;font-size:12px;display:flex}.collection-footer .accent{margin-right:8px}.collection-footer .text-link{font-size:12px}.study-heading{margin-top:66px}.study-heading h1{letter-spacing:-.065em;overflow-wrap:anywhere;margin:0 0 18px -3px;font-size:clamp(32px,5.6vw,72px);line-height:1.15}.study-heading h1>span{padding-left:.05em}.study-subtitle{color:var(--muted);margin:0;font-size:clamp(16px,2vw,21px);line-height:1.6}.study-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;font-size:12px;display:flex}.study-meta .project-tags{margin:0}.study-figure{margin:38px 0 0}.study-art{border:1px solid var(--border-strong);border-radius:5px;overflow:hidden}.study-art .project-visual{border:0;align-items:center;height:350px;min-height:0;padding:36px}.study-art .editor-window{max-width:560px}.study-art .editor-top{padding:12px 16px;font-size:11px}.study-art .editor-code{padding:20px 8px;font-size:13px;line-height:27px}.study-art .editor-bottom{padding:6px 16px;font-size:10px}.study-art .editor-cursor small{font-size:8px;line-height:14px;top:-16px}.study-art .prediction-visual,.study-art .heartbeat-visual{max-width:570px}.study-art .prediction-label,.study-art .prediction-footer,.study-art .heartbeat-title,.study-art .heartbeat-footer{font-size:12px}.study-art .key-sequence{gap:20px;margin-block:31px 25px}.study-art .key-sequence kbd{width:52px;height:56px;font-size:19px}.study-art .signal-bars{height:75px;margin-bottom:23px}.study-art .signal-bars span{flex:1;max-width:6px}.study-art .heartbeat-visual svg{height:190px}.study-art .heartbeat-heart{font-size:35px}.study-figure figcaption{color:var(--faint);justify-content:space-between;gap:20px;padding-top:12px;font-size:11px;display:flex}.study-figure figcaption>span:last-child{white-space:nowrap}.study-body{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:clamp(36px,6vw,88px);margin-top:67px;display:grid}.study-sidebar{font-size:12px;position:sticky;top:30px}.study-sidebar nav>p{color:var(--faint);letter-spacing:.05em;margin:0 0 18px;font-size:11px}.study-sidebar ol{margin:0;padding:0;list-style:none}.study-sidebar li+li{margin-top:13px}.study-sidebar li a{color:var(--muted);align-items:baseline;gap:12px;line-height:1.7;display:flex}.study-sidebar li a span{color:var(--faint);font-size:10px}.study-sidebar li a:hover{color:var(--accent)}.study-source{color:var(--accent);border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:29px;padding-top:22px;display:inline-flex}.study-content{min-width:0;padding-top:0;font-size:15px}.study-content>:first-child{margin-top:-5px}.study-content h2{scroll-margin-top:40px;font-size:26px}.study-ending{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin-top:78px;padding-top:28px;display:flex}.study-ending>.text-link{color:var(--muted);font-size:12px}.next-project{text-align:right}.next-project>span:first-child{letter-spacing:.05em;color:var(--faint);margin-bottom:5px;font-size:10px;display:block}.next-project>span:last-child{color:var(--accent);align-items:center;gap:15px;font-size:15px;display:flex}@media (width<=800px){.collection-link{gap:28px}.collection-preview .project-visual{padding:22px 15px}.collection-preview .editor-code{font-size:7px}.collection-preview .prediction-label,.collection-preview .prediction-footer{font-size:8px}.study-body{grid-template-columns:180px minmax(0,1fr);gap:32px}.study-sidebar{font-size:11px}}@media (width<=600px){.projects-shell{padding:28px 0 68px}.collection-heading{margin:46px 0 38px}.collection-heading .eyebrow,.study-heading .eyebrow{gap:6px 15px;font-size:11px}.collection-heading h1{margin-left:-2px;font-size:clamp(30px,9vw,49px)}.collection-heading>p:last-child{font-size:14px}.collection-link{grid-template-columns:1fr;gap:25px;padding-block:29px 35px}.collection-preview .project-visual{height:235px;padding:24px}.collection-preview .editor-code{font-size:8px}.collection-copy h2{font-size:27px}.collection-description{margin-block:14px 19px}.collection-cta{margin-top:22px}.collection-category{font-size:10px}.study-heading{margin-top:43px}.study-heading h1{margin-left:-2px;font-size:clamp(30px,8.5vw,46px)}.study-subtitle{font-size:16px}.study-meta{margin-top:24px;font-size:11px}.study-figure{margin-top:28px}.study-art .project-visual{height:260px;padding:20px 14px}.study-art .editor-code{padding:15px 0;font-size:8px;line-height:22px}.study-art .editor-top{padding:10px;font-size:9px}.study-art .editor-bottom{padding:5px 8px;font-size:8px}.study-art .editor-cursor small{font-size:6px;line-height:11px;top:-12px}.study-art .prediction-label,.study-art .prediction-footer,.study-art .heartbeat-title,.study-art .heartbeat-footer{font-size:9px}.study-art .key-sequence{gap:8px;margin-block:24px 20px}.study-art .key-sequence kbd{width:33px;height:37px;font-size:14px}.study-art .heartbeat-visual svg{height:150px}.study-figure figcaption{gap:14px;font-size:11px}.study-figure figcaption>span:last-child{display:none}.study-body{grid-template-columns:1fr;gap:38px;margin-top:36px}.study-sidebar{border-block:1px solid var(--border);padding-block:22px;font-size:12px;position:static}.study-sidebar li+li{margin-top:10px}.study-source{border:0;margin-top:22px;padding-top:0}.study-content h2{font-size:24px}.study-ending{flex-direction:column;align-items:flex-start;gap:24px;margin-top:50px}.next-project{text-align:left}}@media print{.projects-shell{padding:24px 0}.collection-heading,.study-heading{margin-top:24px}.collection-preview,.study-figure,.study-sidebar nav{display:none}.collection-link,.study-body{display:block}.study-sidebar{margin-bottom:25px;position:static}.study-content{font-size:11pt}}