@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--black:#151811;--olive:#b7b57a;--cream:#f1eed7;--orange:#f4773b;--teal:#4a9da0;--muted:#a8a88c;--line:#f1eed738}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--black);color:var(--cream);font-family:IBM Plex Mono,monospace;overflow-x:hidden}.portfolio-lot{background:var(--black);touch-action:none;width:100%;height:100vh;position:relative;overflow:hidden}.lot-header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#151811e6;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 42px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex;position:absolute;top:0;left:0}.lot-brand{align-items:center;gap:13px;display:flex}.brand-mark{color:var(--orange);font-size:20px;font-weight:600}.lot-nav{align-items:center;gap:30px;font-family:IBM Plex Mono,monospace;display:flex}.orange{color:var(--orange)}.lot-intro{z-index:60;width:450px;position:absolute;top:120px;left:42px}.intro-label{letter-spacing:.04em;font-family:IBM Plex Mono,monospace;font-size:11px}.lot-intro h1{letter-spacing:-.025em;margin:20px 0;font-family:Barlow Condensed,sans-serif;font-size:clamp(56px,6vw,88px);font-weight:800;line-height:.88}.lot-intro p{width:330px;color:var(--muted);margin:0;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.8}.scroll-hint{color:var(--orange);margin-top:32px;font-family:IBM Plex Mono,monospace;font-size:10px}.world-viewport{z-index:1;position:absolute;inset:0;overflow:hidden}.world{transform-origin:0 0;will-change:transform;width:2400px;height:1400px;position:absolute;top:0;left:0}.maze{display:block;position:absolute;top:0;left:0}.projects-bay{z-index:10;border:3px dashed var(--cream);background:#b7b57a14;width:320px;height:230px;position:absolute;top:150px;left:700px}.projects-label{background:var(--black);color:var(--cream);padding:8px 12px;font-family:IBM Plex Mono,monospace;font-size:11px;position:absolute;top:14px;left:14px}.projects-number{color:#15181140;font-family:Barlow Condensed,sans-serif;font-size:40px;font-weight:800;position:absolute;top:15px;right:18px}.park-text{color:#15181140;letter-spacing:.08em;font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-desc{font-family:IBM Plex Sans,sans-serif;font-size:14px}.parking-line{background:var(--cream);opacity:.5;width:70px;height:2px;position:absolute}.line-1{bottom:25px;left:30px}.line-2{bottom:25px;left:125px}.line-3{bottom:25px;left:220px}.car{z-index:30;transform-origin:50%;will-change:transform;width:65px;height:85px;position:absolute;top:960px;left:100px}.car-body{background:var(--teal);border:4px solid var(--black);border-radius:11px;width:45px;height:58px;position:absolute;top:15px;left:10px}.car-window{z-index:2;border:3px solid var(--black);background:#315d60;border-radius:5px;width:31px;height:22px;position:absolute;top:24px;left:17px}.car-wheel{z-index:4;background:var(--black);border-radius:6px;width:10px;height:20px;position:absolute}.wheel-left{top:30px;left:4px}.wheel-right{top:30px;right:4px}.car-light{z-index:5;background:var(--orange);border-radius:50%;width:7px;height:7px;position:absolute}.light-left{top:10px;left:16px}.light-right{top:10px;right:16px}.projects-view-wrapper{z-index:120;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.projects-view{background:var(--black);border:1px solid #f1eed759;width:min(1100px,88vw);min-height:600px;padding:36px;box-shadow:0 30px 100px #00000073}.projects-view-top{border-bottom:1px solid var(--line);color:var(--orange);justify-content:space-between;padding-bottom:18px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.projects-view-content{grid-template-columns:.9fr 1.1fr;gap:70px;padding-top:50px;display:grid}.projects-eyebrow{color:var(--orange);margin:0 0 20px;font-family:IBM Plex Mono,monospace;font-size:10px}.projects-view h2{letter-spacing:-.025em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(55px,6vw,90px);font-weight:800;line-height:.88}.projects-intro{max-width:390px;color:var(--muted);margin-top:28px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.8}.project-list{flex-direction:column;gap:12px;display:flex}.project-list article{border:1px solid var(--line);grid-template-columns:1fr;gap:15px;padding:20px;display:grid}.project-list article>span{color:var(--orange);font-family:IBM Plex Mono,monospace;font-size:11px}.project-list small{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:9px}.project-list h3{letter-spacing:0;margin:7px 0;font-family:Barlow Condensed,sans-serif;font-size:25px;font-weight:600;line-height:1.1}.project-list p{color:var(--muted);margin:0;font-family:IBM Plex Sans,sans-serif;font-size:10px;font-weight:400;line-height:1.7}.projects-view-footer{color:var(--orange);margin-top:35px;font-family:IBM Plex Mono,monospace;font-size:10px}.lot-status{z-index:100;gap:12px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex;position:absolute;top:105px;right:42px}.status-muted{color:var(--muted)}.lot-footer{z-index:100;border-top:1px solid var(--line);background:#151811eb;align-items:center;gap:28px;width:100%;min-height:64px;padding:0 42px;font-family:IBM Plex Mono,monospace;font-size:9px;display:flex;position:absolute;bottom:0;left:0}.lot-footer span:last-child{margin-left:auto}.section-dim-layer{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;background:#0000008c;position:fixed;inset:0}@media (width<=800px){.lot-header{padding:0 20px}.lot-nav{display:none}.lot-intro{width:calc(100% - 40px);top:100px;left:20px}.lot-intro h1{font-size:50px}.lot-intro p{display:none}.lot-status{right:20px}.lot-footer{padding:0 20px}.lot-footer span:not(:first-child):not(:last-child){display:none}.projects-view{width:90vw;min-height:auto;padding:22px}.projects-view-content{grid-template-columns:1fr;gap:30px}.projects-view h2{font-size:52px}}