*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;scrollbar-width:none}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-mono);overflow-x:hidden;min-height:100vh}#grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.06;mix-blend-mode:screen}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px)}.desktop{position:relative;z-index:2;min-height:100vh;padding:60px 24px 40px}.hero{padding:40px 0 20px;max-width:1100px}.headline{font-family:var(--font-display);font-weight:700;font-size:clamp(2.5rem,7vw,6.5rem);letter-spacing:-.05em;line-height:1;margin-bottom:32px}.headline .g{color:var(--green);text-shadow:0 0 40px var(--green-glow)}.term-line{font-size:.8125rem;color:var(--text-secondary);opacity:0;animation:fadeUp .5s .6s ease forwards}.term-line .prompt{color:var(--green);text-shadow:0 0 8px var(--green-glow)}.hero-name{margin-top:20px;opacity:0;animation:fadeUp .5s 1.2s ease forwards}.hero-name .gustaf{font-family:var(--font-display);font-weight:700;font-size:.875rem;color:var(--text-primary)}.hero-name .baltsar{font-size:.5rem;letter-spacing:.3em;color:var(--text-dim);margin:0 4px}.hero-name .garnow{font-family:var(--font-display);font-weight:700;font-size:.875rem;color:var(--green);text-shadow:0 0 12px var(--green-glow)}.cursor{display:inline-block;width:8px;height:1.1em;background:var(--green);vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:absolute;top:-100px;left:0;background:var(--green);color:#0a0a0a;padding:8px 16px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;z-index:1000;text-decoration:none}.skip-to-content:focus{top:0}a:focus-visible,button:focus-visible,.open-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none;width:0;height:0}.status-bar{position:fixed;top:0;left:0;right:0;z-index:200;background:#0a0a0aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(245,230,200,.06);padding:6px 24px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em}.status-left{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.status-right{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.windows-area{position:relative;margin-top:40px;min-height:750px}.mac-window{background:var(--win-bg);border:2px solid var(--win-border);border-top-color:var(--win-bg-light);border-left-color:var(--win-bg-light);border-right-color:var(--win-border-dark);border-bottom-color:var(--win-border-dark);box-shadow:8px 8px #00000059,20px 20px 50px #00000080;position:absolute;transition:box-shadow .4s var(--ease-out-expo),transform .4s var(--ease-out-expo);cursor:default;opacity:0;animation:windowDrop .7s var(--ease-out-expo) forwards}.mac-window:hover{z-index:50!important;box-shadow:12px 12px #0006,24px 24px 60px #0009;transform:translate(-3px,-3px) scale(1.01)}.mac-window.is-dragging{z-index:60!important;transition:none!important;cursor:grabbing}.mac-window.is-dragging:hover{box-shadow:8px 8px #00000059,20px 20px 50px #00000080}@keyframes windowDrop{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mac-titlebar{background:var(--win-titlebar);border-bottom:1px solid var(--win-border);padding:5px 10px;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;position:relative}.titlebar-grip{display:flex;flex-direction:column;gap:2.5px;width:18px;padding:2px 0;flex-shrink:0;cursor:grab}.titlebar-grip span{display:block;height:1.5px;background:var(--win-border-dark);opacity:.4;border-radius:1px}.mac-window:hover .titlebar-grip span{opacity:.6}.mac-btn-close{width:14px;height:14px;border-radius:50%;background:#ff5f57;border:1px solid rgba(0,0,0,.15);cursor:pointer;flex-shrink:0;transition:filter .15s}.mac-btn-close:hover{filter:brightness(.85)}.mac-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:.625rem;font-weight:600;color:var(--win-text);letter-spacing:.03em}.mac-content{position:relative;overflow:visible}.win-1{width:min(500px,58vw);top:0;left:0;z-index:10;animation-delay:.1s}.win-2{width:min(440px,52vw);top:30px;right:0;z-index:20;animation-delay:.25s}.win-3{width:min(420px,50vw);top:380px;left:2%;z-index:15;animation-delay:.4s;transform:rotate(-.4deg)}.win-4{width:min(380px,46vw);top:350px;right:4%;z-index:8;animation-delay:.55s;transform:rotate(.3deg)}.win-profile{width:min(280px,36vw);top:220px;left:38%;z-index:25;animation-delay:.7s;transform:rotate(.6deg)}.windows-area .mac-window{transition:all .5s var(--ease-out-expo)}.mac-window.z-front{z-index:60!important}.project-canvas{position:relative;width:100%;overflow:visible}.project-art{width:100%;aspect-ratio:5/3;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.project-art.art-placeholder-1{background:radial-gradient(ellipse at 30% 40%,rgba(51,255,51,.08) 0%,transparent 60%),linear-gradient(135deg,#0d1117,#080c10)}.project-art.art-placeholder-2{background:radial-gradient(ellipse at 60% 30%,rgba(0,51,255,.12) 0%,transparent 50%),linear-gradient(180deg,#0a0a2a,#05051a)}.project-art.art-placeholder-3{background:radial-gradient(ellipse at 40% 50%,rgba(245,230,200,.04) 0%,transparent 50%),linear-gradient(135deg,#141410,#0a0a08)}.project-art-video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;z-index:1}.scan{position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(51,255,51,.4),transparent);z-index:5;opacity:0;top:0;transition:opacity .3s}.mac-window:hover .scan{opacity:1;animation:scanDown 2.5s linear infinite}.scan.blue-scan{background:linear-gradient(90deg,transparent,rgba(0,51,255,.5),transparent)}@keyframes scanDown{0%{top:0}to{top:100%}}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;pointer-events:none;overflow:visible}.project-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg, rgba(0,0,0,.2));z-index:0}.overlay-text{position:relative;z-index:1;width:100%;padding:0;text-align:center;overflow:visible}.overlay-title{font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:.8;letter-spacing:-.08em;color:#fff;font-size:clamp(2.5rem,10vw,5rem);margin:0;overflow:visible;white-space:nowrap;position:relative;text-shadow:0 2px 20px rgba(0,0,0,.6)}.overlay-title .w-green{color:var(--green);text-shadow:0 0 60px rgba(51,255,51,.3),0 0 120px rgba(51,255,51,.15)}.overlay-title .w-blue{color:var(--blue-bright);text-shadow:0 0 60px rgba(0,51,255,.3),0 0 120px rgba(0,51,255,.15)}.overlay-title .w-beige{color:var(--win-bg);text-shadow:0 0 40px rgba(245,230,200,.3)}.overlay-sub{font-family:var(--font-mono);font-size:.625rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;margin-top:10px;text-align:center}.project-bar{padding:0;border-top:1px solid var(--win-border);display:flex;align-items:stretch;background:var(--win-bg);position:relative}.bar-tags{flex:1;display:flex;align-items:center;gap:6px;padding:8px 12px}.tag{font-family:var(--font-mono);font-size:.4375rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:2px 5px;border:none;background:none;color:var(--win-text);opacity:.35}.tag.active{color:var(--green-dim);opacity:.5}.tag.shipped{color:var(--blue);opacity:.4}.tag.concept{color:var(--win-text);opacity:.25}.tag.wip{color:var(--blue-bright);opacity:.6;border:1px dashed rgba(0,51,255,.3)}.tag+.tag:before{content:"·";margin-right:6px;color:var(--win-border)}.open-btn{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.04em;color:var(--win-text);background:#1a14080f;border:none;border-left:1px solid var(--win-border);padding:8px 20px;cursor:pointer;transition:background .15s,color .15s;text-decoration:none;white-space:nowrap}.open-btn:hover{background:var(--win-border-dark);color:var(--win-bg)}.open-btn:hover .open-glyph{color:var(--win-bg)}.open-glyph{display:inline-block;width:14px;text-align:center;font-size:.875rem;font-weight:700;color:var(--win-border-dark);transition:color .15s;overflow:hidden}.bar-drag{width:28px;display:flex;align-items:center;justify-content:center;cursor:grab;border-left:1px solid rgba(196,169,122,.3);position:relative}.bar-drag:active{cursor:grabbing}.bar-drag:before{content:"";width:16px;height:16px;background:linear-gradient(-45deg,transparent 30%,var(--win-border-dark) 30%,var(--win-border-dark) 33%,transparent 33%,transparent 43%,var(--win-border-dark) 43%,var(--win-border-dark) 46%,transparent 46%,transparent 56%,var(--win-border-dark) 56%,var(--win-border-dark) 59%,transparent 59%,transparent 69%,var(--win-border-dark) 69%,var(--win-border-dark) 72%,transparent 72%,transparent 82%,var(--win-border-dark) 82%,var(--win-border-dark) 85%,transparent 85%);opacity:.4}.mac-window:hover .bar-drag:before{opacity:.7}.layout-toggle{position:relative;z-index:200;display:flex;align-items:center;gap:0;margin-bottom:20px;width:fit-content;background:#f5e6c80a;border:1px solid rgba(245,230,200,.08);border-radius:4px;padding:3px}.layout-btn{display:flex;align-items:center;justify-content:center;width:32px;height:26px;background:transparent;border:none;border-radius:2px;cursor:pointer;transition:background .2s;position:relative}.layout-btn:hover{background:#f5e6c80f}.layout-btn.active-view{background:#f5e6c81a}.layout-btn .ico{display:grid;gap:2px;opacity:.4;transition:opacity .2s}.layout-btn.active-view .ico{opacity:.8}.layout-btn:hover .ico{opacity:.7}.ico-chaos{width:16px;height:14px;position:relative}.ico-chaos span{position:absolute;background:var(--text-primary);border:.5px solid rgba(245,230,200,.3)}.ico-chaos span:nth-child(1){width:7px;height:5px;top:0;left:0;transform:rotate(-4deg)}.ico-chaos span:nth-child(2){width:6px;height:5px;top:2px;right:0;transform:rotate(3deg)}.ico-chaos span:nth-child(3){width:7px;height:5px;bottom:0;left:3px;transform:rotate(1deg)}.ico-neat{grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,5px)}.ico-neat span{background:var(--text-primary)}.layout-btn .tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:.5rem;letter-spacing:.05em;color:var(--bg);background:var(--text-primary);padding:4px 10px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:300}.layout-btn .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--text-primary)}.layout-btn:hover .tooltip{opacity:1}.windows-area.grid-mode{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;min-height:auto;align-items:start}.windows-area.grid-mode .mac-window{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;animation:none;opacity:1}.windows-area.grid-mode .win-profile{order:-1}.profile-content{padding:0;background:var(--win-bg)}.profile-photo-link{display:block;text-decoration:none}.profile-photo{width:100%;aspect-ratio:1/1;background:#1a1408;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,0,0,.2) 1px,transparent 1px);background-size:3px 3px;pointer-events:none;z-index:1}.profile-photo .photo-placeholder{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:#f5e6c80f;letter-spacing:-.04em;text-transform:uppercase;line-height:.85;text-align:center}.profile-info{padding:10px 12px;border-top:1px solid var(--win-border)}.profile-info-link{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:background .15s;position:relative}.profile-info-link:hover{background:#0033ff0a}.profile-cv-hint{font-family:var(--font-mono);font-size:.4375rem;color:var(--blue);opacity:0;margin-top:4px;letter-spacing:.08em;transition:opacity .2s}.profile-info-link:hover .profile-cv-hint{opacity:.7}.profile-name{font-family:var(--font-display);font-weight:700;font-size:.75rem;color:var(--win-text);letter-spacing:-.02em}.profile-role{font-family:var(--font-mono);font-size:.5625rem;color:var(--win-text);opacity:.6;margin-top:2px}.profile-stack{padding:8px 12px 10px;border-top:1px solid rgba(196,169,122,.4)}.stack-label{font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;color:var(--win-text);opacity:.4;margin-bottom:6px}.stack-grid{display:flex;flex-wrap:wrap;gap:4px}.stack-item{font-family:var(--font-mono);font-size:.5rem;font-weight:500;padding:2px 6px;background:#1a14080f;border:1px solid rgba(26,20,8,.1);color:var(--win-text);letter-spacing:.03em}.stack-item.highlight{background:#0033ff14;border-color:#03f3;color:var(--blue)}.profile-cv-title{font-size:clamp(4rem,22cqi,7rem);letter-spacing:-.04em;line-height:1}.profile-photo .overlay-sub{opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.profile-photo-link:hover .overlay-sub{opacity:1;transform:translateY(0)}.profile-photo .project-overlay:before{opacity:.55;transition:opacity .2s}.profile-photo-link:hover .project-overlay:before{opacity:.75}.case-backdrop{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0009;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;will-change:opacity}.case-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.case-popup{position:relative;width:92vw;max-width:1100px;margin:0 auto;z-index:100;box-shadow:16px 16px #00000080,40px 40px 100px #000000b3;opacity:0;transform:scale(.95);animation:caseIn .4s var(--ease-out-expo) forwards;contain:layout style;will-change:transform}@keyframes caseIn{to{opacity:1;transform:scale(1)}}.case-popup .mac-titlebar{background:#dcc89e;position:sticky;top:0;z-index:100;gap:10px}.case-body{background:var(--win-bg)}.case-hero{width:100%;height:50vh;min-height:320px;position:relative;overflow:hidden}.case-hero .project-art{aspect-ratio:auto;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.case-hero .overlay-title{font-size:clamp(6rem,16vw,14rem)}.case-hero .project-overlay{overflow:visible}.case-hero .overlay-sub{font-size:.6875rem;letter-spacing:.1em}.case-split{display:grid;grid-template-columns:40% 60%;min-height:400px;border-top:2px solid var(--win-border)}.case-text-col{padding:32px 28px;color:var(--win-text);border-right:2px solid var(--win-border);overflow-y:auto}.case-text-col h2{font-family:var(--font-display);font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700;letter-spacing:-.03em;margin-bottom:16px;color:var(--win-text)}.case-text-col p{font-family:var(--font-mono);font-size:.8125rem;line-height:1.9;color:var(--win-text);margin-bottom:16px}.img-ref{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;color:var(--blue);background:#0033ff0f;padding:4px 10px;border:1px solid rgba(0,51,255,.2);cursor:pointer;transition:all .15s;white-space:nowrap;margin:4px 0}.img-ref:before{content:"◉";font-size:.75rem;opacity:.6}.img-ref:hover,.img-ref.ref-active{background:var(--blue);color:#fff;border-color:var(--blue)}.case-preview-col{background:#0d0d0c;display:flex;flex-direction:column;position:relative}.case-preview-img{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:280px}.case-preview-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:3px 3px;pointer-events:none}.case-preview-img .preview-ph{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#f5e6c81f;text-transform:uppercase;letter-spacing:-.04em;text-align:center;padding:20px;line-height:1.2}.case-preview-img .preview-empty{font-family:var(--font-mono);font-size:.625rem;color:var(--text-dim);text-align:center;letter-spacing:.08em}.case-preview-img .preview-empty .hint{display:block;margin-top:6px;font-size:.5rem;opacity:.5}.case-preview-caption{padding:16px 20px;background:#1a1408f2;border-top:1px solid rgba(245,230,200,.08);min-height:80px}.caption-fn{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.caption-fn:before{content:"+ ";opacity:.4}.caption-desc{font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);opacity:.7;line-height:1.75}.caption-idx{font-family:var(--font-mono);font-size:.5rem;color:var(--text-secondary);margin-top:8px;letter-spacing:.12em;text-transform:uppercase}.case-finder{border-top:2px solid var(--win-border)}.finder-toolbar{display:flex;align-items:center;gap:12px;padding:6px 16px;background:var(--win-titlebar);border-bottom:1px solid var(--win-border);font-family:var(--font-mono);font-size:.5625rem}.finder-path{color:var(--win-text);opacity:.5}.finder-path span{opacity:.8}.finder-list{display:flex;flex-direction:column}.finder-file{display:flex;align-items:center;gap:10px;padding:6px 16px;border-bottom:1px solid rgba(196,169,122,.2);cursor:default;transition:background .15s}.finder-file:hover{background:#0033ff0d}.finder-file.selected{background:var(--blue)}.finder-file.selected .file-name,.finder-file.selected .file-size,.finder-file.selected .file-date{color:#fff}.file-icon{width:32px;height:24px;background:#1a1408;border:1px solid rgba(196,169,122,.3);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.file-icon-ph{font-size:.4rem;color:#f5e6c833;font-family:var(--font-mono)}.file-name{font-family:var(--font-mono);font-size:.625rem;font-weight:500;color:var(--win-text);flex:1}.file-size,.file-date{font-family:var(--font-mono);font-size:.5rem;color:var(--win-text);opacity:.35;text-align:right}.file-size{width:60px}.file-date{width:80px}.case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;border-top:2px solid var(--win-border)}.case-meta-item{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.08em;text-transform:uppercase;padding:16px 24px;border-right:1px solid rgba(196,169,122,.3);background:#e8d5b033}.case-meta-item:last-child{border-right:none}.case-meta-item .meta-label{color:var(--win-text);opacity:.35;display:block;margin-bottom:4px;font-size:.5rem;letter-spacing:.14em}.case-meta-item .meta-value{color:var(--win-text);font-weight:600;font-size:.6875rem;letter-spacing:0}.case-popup{resize:horizontal;overflow:auto;min-width:500px;max-width:95vw}.term{position:relative;border-bottom:1px dotted var(--win-border-dark);cursor:help}.term .tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--win-text);color:var(--win-bg);font-family:var(--font-mono);font-size:.625rem;font-weight:400;line-height:1.5;padding:6px 10px;border-radius:3px;white-space:nowrap;max-width:280px;white-space:normal;z-index:20;pointer-events:none}.term .tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--win-text)}.term:hover .tip{display:block}.term.tech{color:var(--green-dim);border-color:var(--green-dim)}.term.ref{color:var(--blue);border-color:var(--blue)}.hl{background:#33ff331f;color:var(--green-dim);padding:1px 4px;font-weight:600}.hl.blue{background:#0033ff14;color:var(--blue)}.code{font-family:var(--font-mono);font-size:.75rem;background:#0000000f;border:1px solid rgba(0,0,0,.1);padding:1px 5px;letter-spacing:0}.case-quote{font-family:var(--font-display);font-size:clamp(.9rem,1.8vw,1.15rem);font-weight:700;font-style:italic;line-height:1.6;color:var(--win-text);border-left:3px solid var(--green-dim);padding:16px 20px;margin:20px 0;background:#33ff3308}.quote-attr{display:block;font-family:var(--font-mono);font-size:.625rem;font-weight:400;font-style:normal;color:var(--win-text);opacity:.4;margin-top:8px;letter-spacing:.06em}.case-stats{display:flex;gap:0;border-top:1px solid rgba(196,169,122,.3);border-bottom:1px solid rgba(196,169,122,.3);margin:16px 0}.case-stat{flex:1;text-align:center;padding:16px 12px;border-right:1px solid rgba(196,169,122,.2)}.case-stat:last-child{border-right:none}.stat-number{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700;color:var(--win-text);letter-spacing:-.03em}.stat-number.green{color:var(--green-dim)}.stat-number.blue{color:var(--blue)}.stat-label{font-family:var(--font-mono);font-size:.5625rem;color:var(--win-text);opacity:.5;margin-top:4px;letter-spacing:.06em;text-transform:uppercase}.case-list{list-style:none;margin:20px 0;padding:12px 0;background:#1a14080a;border-left:3px solid var(--green-dim);border-top:1px solid rgba(196,169,122,.15);border-bottom:1px solid rgba(196,169,122,.15)}.case-list.blue{border-left-color:#03f6}.case-list.beige{border-left-color:var(--win-border-dark)}.case-list-heading{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--win-text);opacity:.35;margin-bottom:8px;padding:0 16px 8px 28px;border-bottom:1px solid rgba(196,169,122,.1)}.case-list li{font-family:var(--font-mono);font-size:.8125rem;line-height:1.8;color:var(--win-text);padding:6px 16px 6px 28px;position:relative;display:flex;align-items:baseline;gap:8px;border-bottom:1px solid rgba(196,169,122,.06);transition:background .15s}.case-list li:last-child{border-bottom:none}.case-list li:hover{background:#c4a97a14}.case-list .list-glyph{display:inline-block;width:1em;text-align:center;font-size:.75rem;color:var(--win-border-dark);flex-shrink:0;transition:color .15s,background .15s}.case-list li:hover .list-glyph{color:var(--green-dim);background:#33ff3314;border-radius:2px}.case-list.blue li:hover .list-glyph{color:var(--blue);background:#0033ff14}.case-intro{font-family:var(--font-mono);font-size:.875rem;line-height:1.8;color:var(--win-text);margin-bottom:20px;font-weight:500}.case-footer-close{padding:14px 24px;text-align:center;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--win-bg);background:var(--win-border-dark);cursor:pointer;border-top:2px solid var(--win-border);transition:background .15s}.case-footer-close:hover{background:var(--win-text)}.case-preview-img{cursor:zoom-in}.case-preview-img .zoom-indicator{position:absolute;bottom:10px;right:10px;font-family:var(--font-mono);font-size:.625rem;font-weight:600;color:var(--green-dim);background:#00000080;border:1px solid rgba(51,255,51,.2);padding:3px 7px;letter-spacing:.08em;opacity:.35;transition:opacity .2s;pointer-events:none;z-index:2;-webkit-user-select:none;user-select:none}.case-preview-img:hover .zoom-indicator{opacity:.85}#case-lightbox{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000eb;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;contain:layout style;will-change:opacity}#case-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}.lb-inner{position:relative;display:flex;flex-direction:column;align-items:center;max-width:min(92vw,1100px);max-height:90vh;width:100%;animation:lbIn .25s var(--ease-out-expo, cubic-bezier(.16,1,.3,1)) forwards}@keyframes lbIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lb-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;background:var(--win-titlebar);border:1px solid var(--win-border);color:var(--win-text);font-family:var(--font-mono);font-size:1.125rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .15s}.lb-close:hover{background:var(--win-border)}.lb-media{width:100%;max-height:70vh;background:#0d0d0c;border:2px solid var(--win-border-dark);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.lb-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:3px 3px;pointer-events:none}.lb-image{max-width:100%;max-height:70vh;object-fit:contain;display:block}.lb-video{max-width:90vw;max-height:70vh;width:auto;height:auto;display:block;border-radius:4px}.lb-placeholder{font-family:var(--font-display);font-size:clamp(2rem,8vw,5rem);font-weight:700;color:#f5e6c81f;text-transform:uppercase;letter-spacing:-.04em;text-align:center;padding:48px 32px;line-height:1.2;-webkit-user-select:none;user-select:none}.lb-caption{width:100%;padding:14px 20px;background:#1a1408f2;border:1px solid rgba(245,230,200,.08);border-top:none;display:flex;align-items:baseline;gap:16px}.lb-caption-fn{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--text-primary);flex-shrink:0}.lb-caption-fn:before{content:"+ ";opacity:.4}.lb-caption-desc{font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);opacity:.6;flex:1;line-height:1.5}.lb-caption-idx{font-family:var(--font-mono);font-size:.5rem;color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;flex-shrink:0}.lb-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;padding:0 12px}.lb-prev,.lb-next{pointer-events:all;background:#0a0a0abf;border:1px solid rgba(245,230,200,.15);color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.lb-prev:hover,.lb-next:hover{background:#33ff331f;border-color:var(--green-dim);color:var(--green-dim)}.lb-nav-hidden{opacity:0;pointer-events:none!important}.case-preview-img .preview-ph.has-img{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;font-size:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;z-index:1}.case-preview-img .preview-ph.has-video{padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:0;position:relative;z-index:1}.case-preview-img .preview-video{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}.case-preview-img .preview-img-actual{width:100%;height:auto;display:block;flex-shrink:0}.case-single-media{display:none;width:100%;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:var(--surface);margin:4px 0 16px}.case-single-media.has-video{font-size:0}.case-single-media video{width:100%;height:100%;object-fit:cover;display:block}.terminal-footer{position:relative;z-index:2;margin-top:60px;padding:40px 0;border-top:1px solid rgba(245,230,200,.06)}.prompt-line{font-size:.8rem}.prompt-line .u{color:var(--green);text-shadow:0 0 10px var(--green-glow)}.prompt-line .a{color:var(--text-dim)}.prompt-line .p{color:var(--blue-bright);text-shadow:0 0 10px var(--blue-glow)}.prompt-line .s{color:var(--text-secondary)}.footer-links{display:flex;gap:24px;margin-top:12px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.75rem;transition:color .2s,text-shadow .2s}.footer-links a:before{content:"> ";color:var(--text-dim)}.footer-links a:hover{color:var(--green);text-shadow:0 0 8px var(--green-glow)}.footer-links .book-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid rgba(51,255,51,.25);background:#33ff330f;border-radius:999px;color:var(--green)}.footer-links .book-btn:before{content:none}.footer-links .book-btn svg{width:12px;height:12px}.footer-links .book-btn:hover{border-color:#33ff3380;background:#33ff331f;text-shadow:0 0 8px var(--green-glow)}.export-section{margin-top:32px}.export-divider{height:1px;background:#f5e6c80f;margin-bottom:20px}.export-prompt{font-size:.75rem;margin-bottom:8px}.export-output{font-family:var(--font-mono);font-size:.6875rem;line-height:1.7;margin-bottom:16px;padding-left:2px}.eo-comment{color:var(--text-dim)}.export-buttons{display:flex;gap:8px;flex-wrap:wrap}.export-btn{font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.03em;color:var(--text-secondary);background:#f5e6c80a;border:1px solid rgba(245,230,200,.1);padding:6px 14px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.export-btn:hover{background:#33ff3314;border-color:var(--green-dim);color:var(--green)}.eb-glyph{font-size:.75rem}.eb-sub{font-size:.5rem;opacity:.4;font-style:italic}.export-btn-joke:hover{background:#ff5f5714;border-color:#ff5f574d;color:#ff5f57}.export-btn-joke:hover .eb-sub{opacity:.7}.interactive-terminal{margin-top:32px;cursor:text;border:1px solid rgba(51,255,51,.15);background:#33ff3305;padding:16px}.interactive-terminal.focused{border-color:#33ff334d;animation:termPulse .5s ease}@keyframes termPulse{0%{border-color:#33ff3326}50%{border-color:#33ff3380}to{border-color:#33ff334d}}.interactive-terminal .term-divider{height:1px;background:#f5e6c80f;margin-bottom:20px}.term-hint{font-family:var(--font-mono);font-size:.5rem;color:var(--text-dim);letter-spacing:.1em;margin-bottom:8px;transition:opacity .3s}.term-hint.hidden{opacity:0;pointer-events:none}.term-output{font-family:var(--font-mono);font-size:.8rem;line-height:1.8;max-height:300px;overflow-y:auto}.term-output .term-cmd{color:var(--text-primary)}.term-output .term-resp{color:var(--text-secondary);padding-left:2px;margin-bottom:4px}.term-input-line{display:flex;align-items:center;font-size:.8rem;margin-top:4px}.term-input-wrap{display:inline-flex;align-items:center}.term-input{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);background:none;border:none;outline:none;width:1ch;min-width:0;padding:0;caret-color:transparent}.terminal-cursor{display:inline-block;width:8px;height:1.1em;background:var(--green);vertical-align:text-bottom;animation:blink 1s step-end infinite;margin-left:1px}.term-input-line .u{color:var(--green);text-shadow:0 0 10px var(--green-glow)}.term-input-line .a{color:var(--text-dim)}.term-input-line .p{color:var(--blue-bright);text-shadow:0 0 10px var(--blue-glow)}.term-input-line .s{color:var(--text-secondary)}@media(max-width:768px){.case-single-media{display:block}.desktop{padding:50px 16px 24px}.hero-name{font-size:clamp(2.2rem,12vw,3.5rem)}.windows-area{display:flex;flex-direction:column;gap:20px;min-height:auto}.mac-window{position:relative!important;width:100%!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.overlay-title{font-size:clamp(3rem,18vw,5rem)}.terminal-footer{margin-top:40px}.footer-links{flex-wrap:wrap;gap:16px}.case-popup{width:100%!important;resize:none!important;min-width:0!important}.case-hero{height:40vh;min-height:250px}.case-hero .overlay-title{font-size:clamp(3.5rem,14vw,7rem)}.case-split{grid-template-columns:1fr}.case-text-col{border-right:none;border-bottom:2px solid var(--win-border)}.case-preview-col{min-height:250px}.img-ref{cursor:pointer}.img-ref:before{content:"+ ";opacity:1;font-weight:700;font-size:.875rem}.img-ref.expanded:before{content:"−"}.case-meta{grid-template-columns:1fr 1fr}.case-meta-item{padding:12px 16px}.bar-drag,.file-size,.file-date,.layout-toggle{display:none}.win-1{order:1}.win-2{order:2}.win-3{order:3}.win-4{order:4}.win-profile{order:5}.case-popup .mac-titlebar{position:sticky;top:0;z-index:100}.case-popup .mac-btn-close{width:20px;height:20px;position:relative}.case-popup .mac-btn-close:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.term .tip{display:none}.term.tip-active .tip{display:block}.case-stats{flex-wrap:wrap}.case-stat{min-width:45%}.tap-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.625rem;font-weight:600;color:var(--win-text);background:var(--win-titlebar);border:1px solid var(--win-border);padding:6px 14px;z-index:10;pointer-events:none;opacity:1;transition:opacity .5s}.tap-hint.fade-out{opacity:0}.case-text-col p,.case-body p{font-size:.75rem;line-height:1.7;letter-spacing:-.01em}.case-text-col h2,.case-body h2{font-size:1.1rem;line-height:1.3;margin-bottom:12px}.case-intro{font-size:.95rem;line-height:1.4}.case-quote{font-size:.75rem;line-height:1.6;padding:12px 16px}.case-body,.case-text-col{padding:20px 16px}.img-inline-expand{display:none;margin:12px 0 16px;border:1px solid var(--win-border);overflow:hidden}.img-inline-expand.open{display:block;animation:expandIn .2s ease}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:400px}}.inline-img-area{width:100%;aspect-ratio:16/10;background:var(--bg, #0a0a0a);display:flex;align-items:center;justify-content:center;position:relative}.inline-img-area .preview-ph{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#f5e6c81f;text-transform:uppercase;letter-spacing:-.04em;text-align:center;padding:20px;line-height:1.2}.inline-caption{padding:12px 14px;background:var(--win-bg);border-top:1px solid var(--win-border)}.inline-fn{font-family:var(--font-mono);font-size:.625rem;font-weight:600;color:var(--win-text);margin-bottom:4px}.inline-fn:before{content:"+ ";color:var(--win-border-dark)}.inline-desc{font-family:var(--font-mono);font-size:.6875rem;color:var(--win-text);opacity:.7;line-height:1.6}.inline-img-area{position:relative;cursor:zoom-in}.inline-img-area .zoom-indicator{position:absolute;bottom:8px;right:8px;font-family:var(--font-mono);font-size:.5625rem;font-weight:600;color:var(--green-dim);background:#0000008c;border:1px solid rgba(51,255,51,.2);padding:3px 6px;letter-spacing:.06em;opacity:.7;pointer-events:none;z-index:2;-webkit-user-select:none;user-select:none}.lb-inner{max-width:100vw;max-height:100vh}.lb-media,.lb-image{max-height:55vh}.lb-placeholder{font-size:clamp(1.5rem,10vw,3rem);padding:32px 20px}.lb-close{top:8px;right:8px;width:44px;height:44px;font-size:1.25rem}.lb-caption{flex-wrap:wrap;gap:8px;padding:12px 14px}.lb-nav{padding:0 4px}.lb-prev,.lb-next{width:44px;height:44px}}