.qjpN7q_detail{--project-accent:var(--accent);padding:24px 0 0;animation:.7s cubic-bezier(.16,1,.3,1) both qjpN7q_pageArrive}.qjpN7q_projectHeader{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:35px;margin-bottom:26px;display:grid}.qjpN7q_projectIntro{text-align:right}.qjpN7q_eyebrow{font-size:var(--section-label-size);color:var(--quiet);line-height:1.8;display:block}.qjpN7q_projectHeader h1{letter-spacing:-2px;margin-top:0;font-size:clamp(36px,5vw,64px);font-weight:400;line-height:1.15}.qjpN7q_tagline{color:var(--muted);margin-top:0;font-size:19px;line-height:1.6}.qjpN7q_roleLine{color:var(--project-accent);margin-top:8px;font-size:15px}.qjpN7q_galleryFrame{grid-template-columns:44px minmax(0,1fr) 44px;gap:14px 10px;margin-inline:-54px;display:grid}.qjpN7q_sideArrow{border:1px solid var(--border);background:#111315ee;border-radius:6px;grid-row:1;align-self:center;place-items:center;width:44px;height:44px;padding:0;transition:color .2s,border-color .2s,background .2s;display:grid}.qjpN7q_sideArrow:hover:not(:disabled){color:var(--project-accent);border-color:var(--project-accent);background:var(--surface)}.qjpN7q_previous{grid-column:1}.qjpN7q_next{grid-column:3}.qjpN7q_gallery{min-width:0}.qjpN7q_galleryStage{border:1px solid var(--border);touch-action:pan-y pinch-zoom;background:#101316;border-radius:7px;grid-area:1/2;min-width:0;position:relative;overflow:hidden}.qjpN7q_gallerySlide{width:100%}.qjpN7q_imageButton{cursor:zoom-in;background:0 0;width:100%;padding:0;display:block}.qjpN7q_galleryImage{width:100%;height:auto;display:block}.qjpN7q_zoomButton{white-space:nowrap;background:#111315ef;border:1px solid #ffffff35;border-radius:5px;grid-area:2/2;justify-content:center;justify-self:end;align-items:center;gap:8px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:14px;line-height:1.4;display:flex}.qjpN7q_zoomButton:hover{background:var(--surface-hover)}.qjpN7q_galleryControls{justify-content:space-between;align-items:center;gap:15px;margin:16px 0;display:flex}.qjpN7q_imageCount{white-space:nowrap;font-size:15px}.qjpN7q_imageCount span{color:var(--quiet)}.qjpN7q_thumbnails{scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:10px;padding:7px 3px 12px;display:flex;overflow-x:auto}.qjpN7q_thumbnails button{background:var(--surface);opacity:.6;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:115px;height:78px;padding:0;transition:opacity .2s,border-color .2s;position:relative;overflow:hidden}.qjpN7q_thumbnails button:hover,.qjpN7q_thumbnails button.qjpN7q_activeThumbnail{opacity:1}.qjpN7q_thumbnails button.qjpN7q_activeThumbnail{border-color:var(--project-accent)}.qjpN7q_thumbnails img{object-fit:contain;width:100%;height:100%}.qjpN7q_thumbnails button>span{background:#111315ed;border-radius:2px;padding:1px 4px;font-size:11px;position:absolute;bottom:3px;right:4px}.qjpN7q_caption{color:var(--quiet);flex:1;max-width:1100px;margin:0;font-size:15px;line-height:1.8}.qjpN7q_contentGrid{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 260px;gap:80px;margin-top:35px;padding:45px 0;display:grid}.qjpN7q_story section+section{margin-top:35px}.qjpN7q_story h2{letter-spacing:-.7px;margin-top:13px;font-size:26px;font-weight:400;line-height:1.5}.qjpN7q_story p{color:var(--muted);margin-top:15px;font-size:18px;line-height:1.95}.qjpN7q_story ul{color:var(--muted);margin:15px 0 0;padding-left:19px;font-size:17px;line-height:1.9}.qjpN7q_story li{margin:10px 0;padding-left:5px}.qjpN7q_story li::marker{color:var(--project-accent)}.qjpN7q_projectAside h2{margin-bottom:16px;font-size:16px;font-weight:400}.qjpN7q_skills{flex-wrap:wrap;gap:8px;display:flex}.qjpN7q_skills span{color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:5px 9px;font-size:14px}.qjpN7q_visitLink{border:1px solid var(--border);border-radius:5px;justify-content:space-between;align-items:center;margin-top:23px;padding:12px;font-size:15px;display:flex}.qjpN7q_visitLink:hover{background:var(--surface-hover);color:var(--project-accent)}.qjpN7q_presentation{border-top:1px solid var(--border);margin-top:25px;padding-top:20px}.qjpN7q_presentation h3{font-size:14px;font-weight:400}.qjpN7q_presentation p{color:var(--quiet);margin-top:10px;font-size:14px;line-height:1.8}.qjpN7q_projectCta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;padding:35px 0 45px;display:flex}.qjpN7q_projectCta h2{letter-spacing:-.5px;margin-top:8px;font-size:24px;font-weight:400;line-height:1.6}.qjpN7q_projectCta a{background:var(--text);color:var(--bg);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:15px;display:flex}.qjpN7q_projectCta a:hover{background:var(--accent)}.qjpN7q_standalone{max-width:1408px;margin:0 auto;padding:0 64px}.qjpN7q_standaloneNav{border-bottom:1px solid var(--border);min-height:60px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:14px;display:flex}.qjpN7q_standaloneNav a{align-items:center;gap:10px;min-height:44px;display:flex}.qjpN7q_standaloneNav a:hover{color:var(--accent)}.qjpN7q_standaloneFooter{color:var(--quiet);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:25px 0;font-size:14px;display:flex}.qjpN7q_standaloneFooter a{align-items:center;gap:8px;min-height:44px;display:flex}.qjpN7q_zoomDialog{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--text);background:#0c0e10;border:0;margin:0;padding:0;inset:0}.qjpN7q_zoomDialog[open]{flex-direction:column;display:flex}.qjpN7q_zoomDialog::backdrop{background:#080a0c}.qjpN7q_zoomToolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;min-height:65px;padding:10px 25px;font-size:13px;display:flex}.qjpN7q_zoomToolbar>div{align-items:center;gap:12px;display:flex}.qjpN7q_zoomToolbar button,.qjpN7q_zoomToolbar a{min-width:44px;min-height:44px;color:var(--text);white-space:nowrap;background:0 0;place-items:center;padding:9px;display:grid}.qjpN7q_zoomToolbar button:hover,.qjpN7q_zoomToolbar a:hover{background:var(--surface)}.qjpN7q_zoomScroll{overscroll-behavior:contain;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.qjpN7q_zoomScroll img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.qjpN7q_zoomScroll[data-actual-size=true]{display:block}.qjpN7q_zoomScroll[data-actual-size=true] img{width:auto;max-width:none;height:auto;max-height:none}.qjpN7q_zoomCaption{color:var(--muted);border-top:1px solid var(--border);max-height:100px;padding:13px 25px;font-size:14px;overflow:auto}@keyframes qjpN7q_pageArrive{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media (max-width:1100px){.qjpN7q_standalone{--mobile-gutter:64px}.qjpN7q_standaloneNav{display:none}.qjpN7q_galleryFrame{margin-inline:0}.qjpN7q_galleryStage{grid-column:1/-1}.qjpN7q_sideArrow{grid-row:2}.qjpN7q_zoomButton{justify-self:center}}@media (max-width:900px){.qjpN7q_standalone{--mobile-gutter:30px;padding:0 30px}.qjpN7q_contentGrid{grid-template-columns:1fr;gap:30px}.qjpN7q_projectAside{border-top:1px solid var(--border);padding-top:25px}.qjpN7q_presentation{max-width:650px}}@media (max-width:600px){.qjpN7q_standalone{--mobile-gutter:20px;padding:0 20px}.qjpN7q_detail{padding-top:20px}.qjpN7q_standaloneNav{min-height:56px;font-size:12px}.qjpN7q_standaloneNav>span{display:none}.qjpN7q_projectHeader{grid-template-columns:1fr;gap:10px;margin-bottom:22px}.qjpN7q_projectIntro{text-align:left}.qjpN7q_projectHeader h1{letter-spacing:-1.3px}.qjpN7q_tagline{font-size:18px}.qjpN7q_roleLine{gap:10px;font-size:15px}.qjpN7q_galleryStage{border-left:0;border-right:0;border-radius:0;margin:0 -20px}.qjpN7q_galleryControls{display:block}.qjpN7q_galleryControls .qjpN7q_caption{margin-top:6px}.qjpN7q_thumbnails button{width:80px;height:55px}.qjpN7q_caption{font-size:14px}.qjpN7q_story h2{font-size:23px}.qjpN7q_story p{font-size:16px}.qjpN7q_story ul{font-size:15px}.qjpN7q_contentGrid{gap:28px;padding:30px 0}.qjpN7q_projectCta{flex-direction:column;align-items:stretch}.qjpN7q_projectCta h2{font-size:21px}.qjpN7q_standaloneFooter{flex-wrap:wrap;font-size:13px}.qjpN7q_zoomToolbar{flex-wrap:wrap;gap:0;padding:10px 12px;font-size:12px}.qjpN7q_zoomToolbar>span{flex:1}.qjpN7q_zoomToolbar>div{gap:2px}.qjpN7q_zoomCaption{padding:12px 15px;font-size:12px}}
.OI-bCG_explorer{border-top:1px solid var(--border);min-width:0;padding:32px 0 40px}.OI-bCG_header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.OI-bCG_header h2{letter-spacing:-.6px;font-size:23px;font-weight:400}.OI-bCG_header p{color:var(--quiet);margin-top:5px;font-size:14px}.OI-bCG_controls{flex-shrink:0;gap:8px;display:flex}.OI-bCG_controls button{border:1px solid var(--border);background:0 0;border-radius:5px;place-items:center;width:44px;height:44px;transition:border-color .2s,color .2s;display:grid}.OI-bCG_controls button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.OI-bCG_track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:16px;margin:0 -7px;padding:7px 7px 18px;scroll-padding-inline:7px;list-style:none;display:flex;overflow-x:auto}.OI-bCG_track li{scroll-snap-align:start;flex:0 0 208px;min-width:0}.OI-bCG_card{border-radius:6px;display:block}.OI-bCG_preview{aspect-ratio:16/10;border:1px solid var(--border);background:var(--surface);border-radius:6px;transition:border-color .25s;position:relative;overflow:hidden}.OI-bCG_preview img{object-fit:contain;width:100%;height:100%;transition:transform .35s}.OI-bCG_name{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:16px;line-height:1.6;display:flex}.OI-bCG_name svg{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-3px,3px)}.OI-bCG_card:hover .OI-bCG_preview,.OI-bCG_card:focus-visible .OI-bCG_preview,.OI-bCG_card[aria-current=page] .OI-bCG_preview{border-color:var(--accent)}.OI-bCG_card:hover .OI-bCG_name,.OI-bCG_card:focus-visible .OI-bCG_name,.OI-bCG_card[aria-current=page] .OI-bCG_name{color:var(--text)}.OI-bCG_card:hover .OI-bCG_preview img{transform:scale(1.035)}.OI-bCG_card:hover .OI-bCG_name svg,.OI-bCG_card:focus-visible .OI-bCG_name svg{opacity:1;transform:none}.OI-bCG_current{background:var(--accent);color:var(--bg);border-radius:3px;padding:3px 8px;font-size:12px;position:absolute;top:8px;left:8px}@media (max-width:600px){.OI-bCG_header{align-items:flex-start;gap:12px}.OI-bCG_header h2{font-size:20px}.OI-bCG_header p{max-width:180px}.OI-bCG_track li{flex-basis:176px}.OI-bCG_name{font-size:15px}}
