.soul-generator-container{padding:8rem 1.5rem 6rem;max-width:1200px;margin:0 auto;min-height:90vh;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.soul-header{text-align:center;max-width:720px;margin-bottom:4rem}.soul-pretitle{font-family:Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.2em;color:var(--accent-color);text-transform:uppercase;display:inline-block;margin-bottom:1rem}.soul-title{font-size:3.5rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--text-color);margin-bottom:1.5rem}.soul-subtitle{font-size:1.125rem;line-height:1.6;color:var(--text-secondary)}.soul-card{background:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 8px 32px #0000000d;border-radius:12px;padding:3rem;width:100%;max-width:640px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.dark .soul-card{background:#0a0f11cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);box-shadow:0 16px 48px #0000004d}.soul-progress-tracker{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:3rem;width:100%;max-width:480px}.soul-progress-dot{height:4px;flex:1;background:var(--border-color);border-radius:2px;transition:all .5s cubic-bezier(.16,1,.3,1)}.soul-progress-dot.active{background:var(--accent-color)}.soul-progress-dot.completed{background:var(--text-color)}.soul-url-form{display:flex;flex-direction:column;gap:1.5rem}.soul-field-group{display:flex;flex-direction:column;gap:.5rem}.soul-label{font-family:Mono,monospace;font-size:.75rem;font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:.1em}.soul-input-wrapper{position:relative;display:flex}.soul-input{width:100%;padding:1rem 1.25rem;font-size:1.05rem;background:var(--canvas-alt);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);outline:none;transition:all .3s ease}.dark .soul-input{background:#ffffff05}.soul-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ec3f0c26}.soul-info-note{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.soul-loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.soul-spinner{position:relative;width:64px;height:64px;margin-bottom:2.5rem}.soul-spinner-ring{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top-color:var(--accent-color);border-radius:50%;animation:soul-spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.soul-spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:var(--text-color);opacity:.5}@keyframes soul-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.soul-ticker-message{font-family:Mono,monospace;font-size:.85rem;color:var(--text-color);min-height:1.5rem;margin-bottom:.5rem;letter-spacing:.02em}.soul-ticker-sub{font-size:.8rem;color:var(--text-secondary)}.soul-critique-layout{display:flex;flex-direction:column;gap:2.5rem}.soul-roast-meter-box{display:flex;align-items:center;gap:1.5rem;background:var(--canvas-alt);padding:1.25rem 1.75rem;border-radius:8px;border:1px solid var(--border-color)}.dark .soul-roast-meter-box{background:#ffffff05}.soul-roast-score-circle{width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 4px 12px #0000001a}.soul-roast-score-val{font-size:1.25rem;line-height:1}.soul-roast-score-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.soul-roast-meter-desc h4{font-size:1rem;font-weight:700;margin-bottom:.25rem;color:var(--text-color)}.soul-roast-meter-desc p{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.soul-roast-quote{font-style:italic;font-size:1rem;line-height:1.6;color:var(--text-color);border-left:3px solid var(--accent-color);padding-left:1.25rem;margin:.5rem 0}.soul-rewrite-comparison{display:flex;flex-direction:column;gap:1.25rem}.soul-rewrite-card{border-radius:8px;padding:1.5rem;border:1px solid var(--border-color);position:relative}.soul-rewrite-card.before{background:#ff000003;border-left:3px solid rgba(220,53,69,.4)}.dark .soul-rewrite-card.before{background:#dc354505}.soul-rewrite-card.after{background:#ec3f0c05;border-left:3px solid var(--accent-color)}.soul-rewrite-badge{position:absolute;top:1rem;right:1.25rem;font-family:Mono,monospace;font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.soul-rewrite-badge.before{background:#dc35451a;color:#dc3545}.soul-rewrite-badge.after{background:#ec3f0c1a;color:var(--accent-color)}.soul-rewrite-label{font-size:.75rem;font-family:Mono,monospace;color:var(--text-secondary);margin-bottom:.75rem;display:block}.soul-rewrite-content h3{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.5rem;color:var(--text-color)}.soul-rewrite-card.before h3{text-decoration:line-through;opacity:.6}.soul-rewrite-content p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.soul-question-deck{min-height:380px;display:flex;flex-direction:column;justify-content:space-between}.soul-question-header{margin-bottom:1.5rem}.soul-question-index{font-family:Mono,monospace;font-size:.75rem;color:var(--accent-color);font-weight:700;margin-bottom:.5rem;display:block}.soul-question-title{font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--text-color);margin-bottom:.5rem}.soul-question-hint{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.soul-question-body{margin-bottom:2rem}.soul-textarea{width:100%;min-height:140px;padding:1rem 1.25rem;font-size:1rem;background:var(--canvas-alt);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);outline:none;resize:none;transition:all .3s ease;line-height:1.6}.dark .soul-textarea{background:#ffffff05}.soul-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ec3f0c26}.soul-action-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:1.5rem;margin-top:1rem}.soul-workspace-container{width:100%;display:flex;flex-direction:column;gap:2rem;margin-top:1rem;animation:soul-fade-in .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes soul-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.soul-workspace-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.soul-workspace-title-box h2{font-size:2rem;font-weight:800;color:var(--text-color);margin-bottom:.25rem}.soul-workspace-title-box p{font-size:.9rem;color:var(--text-secondary)}.soul-workspace-actions{display:flex;gap:.75rem}.soul-split-pane{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;min-height:600px}@media(max-width:992px){.soul-split-pane{grid-template-columns:1fr;min-height:auto}}.soul-pane-left{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border-color);background:var(--surface-color);overflow:hidden;box-shadow:0 4px 20px #00000005}.dark .soul-pane-left{background:#0a0f11b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.soul-pane-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--canvas-alt);display:flex;justify-content:space-between;align-items:center}.dark .soul-pane-header{background:#ffffff03}.soul-pane-header-title{font-family:Mono,monospace;font-size:.75rem;font-weight:700;color:var(--text-color);letter-spacing:.05em;text-transform:uppercase}.soul-pane-header-tag{font-size:.7rem;background:var(--border-color);color:var(--text-secondary);padding:.15rem .4rem;border-radius:4px;font-family:Mono,monospace}.soul-markdown-editor{flex:1;width:100%;border:none;padding:1.5rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9rem;line-height:1.6;background:transparent;color:var(--text-color);resize:none;outline:none;min-height:500px}.soul-pane-right{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border-color);background:var(--surface-color);overflow:hidden;box-shadow:0 4px 20px #00000005}.dark .soul-pane-right{background:#0a0f11b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.soul-chat-history{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:480px;min-height:400px}.soul-chat-bubble{max-width:85%;padding:1rem 1.25rem;border-radius:8px;line-height:1.5;font-size:.925rem}.soul-chat-bubble.user{background:var(--canvas-alt);color:var(--text-color);align-self:flex-end;border-bottom-right-radius:2px}.dark .soul-chat-bubble.user{background:#ffffff0a}.soul-chat-bubble.avatar{background:#ec3f0c0a;color:var(--text-color);border:1px solid rgba(236,63,12,.1);align-self:flex-start;border-bottom-left-radius:2px}.soul-chat-bubble-name{font-family:Mono,monospace;font-size:.65rem;font-weight:700;color:var(--accent-color);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.soul-chat-bubble-text{white-space:pre-wrap}.soul-chat-input-row{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--canvas-alt);display:flex;gap:.75rem}.dark .soul-chat-input-row{background:#ffffff03}.soul-chat-input{flex:1;padding:.75rem 1rem;font-size:.925rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);outline:none;transition:all .3s ease}.dark .soul-chat-input{background:#0003}.soul-chat-input:focus{border-color:var(--accent-color)}.soul-mini-btn{padding:.5rem 1rem;font-family:Mono,monospace;font-size:.75rem;font-weight:700;border-radius:4px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.soul-mini-btn.primary{background:var(--accent-color);color:#fff}.soul-mini-btn.primary:hover{background:var(--orange-600)}.soul-mini-btn.secondary{background:transparent;border-color:var(--border-color);color:var(--text-color)}.soul-mini-btn.secondary:hover{background:var(--border-color)}.soul-mini-btn.disabled{opacity:.5;cursor:not-allowed}.soul-ingest-note-container{display:flex;gap:.75rem;margin-top:2.5rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.soul-ingest-note-icon{flex-shrink:0;margin-top:.1rem}.soul-question-title.large{font-size:1.8rem}.soul-rewrite-label.compact{margin-bottom:.25rem}.soul-action-row.no-border{border-top:none;padding-top:0}.soul-chat-submit-btn{height:38px;padding:0 1rem;display:flex;align-items:center;justify-content:center}.soul-error-text{color:#ef4444}.soul-rewrite-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.soul-edit-headline-btn{background:transparent;border:none;font-family:Mono,monospace;font-size:.65rem;font-weight:600;color:var(--accent-color);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:4px;transition:all .2s ease}.soul-edit-headline-btn:hover{background:#ec3f0c0f;opacity:.9}.soul-edit-headline-wrapper{display:flex;flex-direction:column;gap:.75rem;width:100%}.soul-edit-headline-textarea{width:100%;min-height:70px;padding:.75rem;font-size:1rem;font-family:inherit;line-height:1.4;background:var(--canvas-alt);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);outline:none;resize:vertical;transition:border-color .2s ease}.dark .soul-edit-headline-textarea{background:#ffffff03}.soul-edit-headline-textarea:focus{border-color:var(--accent-color)}.soul-edit-headline-actions{display:flex;justify-content:flex-end;gap:.5rem}.soul-re-roast-btn{background:var(--text-color);color:var(--bg-color);border:none;border-radius:4px;padding:.5rem 1rem;font-family:Mono,monospace;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.soul-re-roast-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;transform:translateY(-1px)}.soul-re-roast-btn:disabled{opacity:.5;cursor:not-allowed}.soul-style-tile-container{display:flex;flex-direction:column;margin:.5rem 0 1rem}.soul-style-tile-card{background:var(--canvas-alt);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.dark .soul-style-tile-card{background:#ffffff03}.soul-style-tile-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.soul-style-tile-vibe-box{display:flex;flex-direction:column;gap:.25rem}.soul-style-tile-label{font-family:Mono,monospace;font-size:.6rem;font-weight:600;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase}.soul-style-tile-vibe-value{font-size:1.25rem;font-weight:800;color:var(--text-color);letter-spacing:-.02em}.soul-style-tile-body{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}@media(max-width:560px){.soul-style-tile-body{grid-template-columns:1fr;gap:1.5rem}}.soul-style-tile-colors{display:flex;flex-direction:column;gap:.75rem}.soul-style-tile-colors-row{display:flex;gap:.75rem}.soul-style-color-chip{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1}.soul-style-color-swatch{width:100%;height:48px;border-radius:6px;border:1px solid var(--border-color);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #0000000d}.soul-style-color-swatch:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 4px 12px #0000001a}.soul-style-color-hex{font-family:Mono,monospace;font-size:.65rem;color:var(--text-color);font-weight:600}.soul-style-color-name{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.soul-style-color-source{font-family:Mono,monospace;font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.1rem .35rem}.soul-style-tile-caption{font-size:.62rem;line-height:1.4;color:var(--text-secondary)}.soul-style-tile-specimen{display:flex;flex-direction:column;gap:.75rem}.soul-style-specimen-box{border:1px dashed var(--tile-color-primary, var(--border-color));border-radius:6px;padding:.75rem 1rem;display:flex;flex-direction:column;justify-content:center;height:100%;min-height:70px;background:rgba(var(--bg-color),.3)}.soul-style-specimen-box h4{font-size:1.5rem;line-height:1;margin-bottom:.25rem;letter-spacing:-.01em;font-family:var(--font-main, sans-serif);color:var(--tile-color-primary, var(--accent-color))}.soul-style-specimen-box p{margin:0;line-height:1.3;font-size:.65rem}.soul-style-tile-copied{color:var(--accent-color);font-weight:600}.soul-badge-static{position:static!important}.soul-mini-btn-edit{padding:.4rem .8rem!important;font-size:.65rem!important}.soul-workspace-style-tile{margin:1rem 1.5rem 1.5rem;padding:1.25rem;border:1px solid var(--border-color);border-radius:8px;background:var(--canvas-alt);display:flex;flex-direction:column;gap:1rem;position:relative;box-shadow:inset 0 1px 3px #00000005}.dark .soul-workspace-style-tile{background:#ffffff03}.soul-workspace-tile-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.soul-workspace-tile-label{font-family:Mono,monospace;font-size:.6rem;font-weight:600;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase}.soul-workspace-tile-vibe-value{font-size:.9rem;font-weight:700;color:var(--text-color)}.soul-workspace-tile-body{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.soul-workspace-tile-colors{display:flex;gap:1rem;align-items:center}.soul-workspace-color-chip{display:flex;flex-direction:column;align-items:center;gap:.25rem}.soul-workspace-color-swatch-mini{width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 2px #0000001a}.soul-workspace-color-swatch-mini:hover{transform:scale(1.1) translateY(-1px);box-shadow:0 4px 8px #0000001a}.soul-workspace-color-hex{font-family:Mono,monospace;font-size:.6rem;color:var(--text-secondary);font-weight:500}.soul-workspace-specimen-mini{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;min-height:44px;max-width:180px;transition:all .3s ease}.soul-specimen-letter{font-size:1.2rem;font-weight:800;line-height:1;letter-spacing:-.02em}.soul-specimen-vibe-name{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soul-workspace-copied-toast{position:absolute;bottom:-1.25rem;right:.75rem;font-family:Mono,monospace;font-size:.6rem;font-weight:600;color:var(--accent-color);animation:soul-fade-in .2s ease forwards}.soul-result-card{max-width:980px}.soul-result-2col{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--s-4, 32px);align-items:start}@media(max-width:768px){.soul-result-2col{grid-template-columns:1fr}}.soul-result-left{display:flex;flex-direction:column;gap:var(--s-3, 24px)}.soul-mono-label{font-family:Mono,monospace;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.soul-result-line{font-size:var(--fs-h-md, 24px);font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--text-color);margin:.3rem 0 0}.soul-brand-read-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.25rem}.soul-brand-read-grid strong{display:block;font-size:.85rem}.soul-brand-read-grid p{margin:.2rem 0 0;font-size:.9rem;color:var(--text-secondary);line-height:1.45}@media(max-width:560px){.soul-brand-read-grid{grid-template-columns:1fr}}.soul-visual-row{display:flex;gap:2rem;flex-wrap:wrap}.soul-type-specimen{font-family:var(--soul-type-font);font-size:1.6rem;font-weight:800;color:var(--text-color);margin-top:.3rem}.soul-type-name{font-family:var(--font-main);font-weight:400;font-size:.78rem;color:var(--text-secondary)}.soul-still-hidden{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.2rem}.soul-still-hidden p{margin:.5rem 0;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.soul-still-hidden ul{margin:0;padding-left:1.1rem;font-size:.88rem}.soul-make-something{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}.soul-asset-chips{display:flex;gap:.5rem;flex-wrap:wrap}.soul-asset-chip{border:1px solid var(--border-color);background:transparent;color:var(--text-color);border-radius:20px;padding:.35rem .85rem;font-size:.78rem;cursor:pointer}.soul-asset-chip.active{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.soul-asset-preview{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;width:100%;max-width:460px}.soul-asset-preview svg{display:block;width:100%;height:auto}.soul-result-rail{background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.7rem}.soul-os-tree{list-style:none;margin:.3rem 0 .6rem;padding:0;font-family:Mono,monospace;font-size:.8rem;color:var(--text-secondary);line-height:1.8}.soul-os-peek{opacity:.6}.soul-os-action-sub{font-size:.75rem;color:var(--text-secondary);margin:-.2rem 0 .4rem}.soul-upgrade-preview-fields p{font-size:.85rem;line-height:1.5;margin:0 0 .6rem;color:var(--text-secondary)}.soul-upgrade-preview-fields strong{color:var(--text-color);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.soul-deepened-band{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:1rem}.soul-deepened-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;flex:1;min-width:280px}.soul-deepened-fields p{margin:.2rem 0 0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.soul-deepened-asset{max-width:300px}.soul-ds-glimpse{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.soul-hero-reveal{flex-basis:100%;display:flex;flex-direction:column;gap:.75rem}.soul-hero-preview{background:var(--hero-bg);color:var(--hero-ink);font-family:var(--hero-font),var(--font-main),sans-serif;border-radius:12px;padding:clamp(2rem,5vw,3.5rem);display:flex;flex-direction:column;align-items:flex-start;gap:1rem;border:1px solid var(--border-color);overflow:hidden}.soul-hero-eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;opacity:.7;color:var(--hero-ink)}.soul-hero-headline{margin:0;font-family:var(--hero-font),var(--font-main),sans-serif;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--hero-ink);max-width:18ch}.soul-hero-subhead{margin:0;font-size:clamp(.95rem,1.6vw,1.15rem);line-height:1.5;opacity:.85;color:var(--hero-ink);max-width:46ch}.soul-hero-cta{margin-top:.5rem;display:inline-flex;align-items:center;background:var(--hero-accent);color:var(--hero-cta-ink);font-weight:600;font-size:.9rem;padding:.7rem 1.4rem;border-radius:9999px;letter-spacing:.01em}.skip-to-content{position:absolute;top:-100%;left:16px;z-index:var(--z-skip-link);padding:8px 16px;background:var(--midnight-500);color:var(--sand-50);border-radius:4px;font-size:var(--fs-b-sm);text-decoration:none;transition:top .2s}.skip-to-content:focus{top:16px}*:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}:root{--midnight-50: #e6eaeb;--midnight-100: #b1bec1;--midnight-200: #8b9ea3;--midnight-300: #557279;--midnight-400: #35575f;--midnight-500: #022d37;--midnight-600: #022932;--midnight-700: #012027;--midnight-800: #01191e;--midnight-900: #011317;--orange-50: #fdece7;--orange-100: #f9c3b4;--orange-200: #f6a78f;--orange-300: #f27e5c;--orange-400: #f0653d;--orange-500: #ec3f0c;--orange-600: #d7390b;--orange-700: #a82d09;--orange-800: #822307;--orange-900: #631a05;--sand-50: #fbf9f7;--sand-100: #f3ece6;--sand-200: #eee3da;--sand-300: #e6d6c9;--sand-400: #e1cebe;--sand-500: #d9c2ae;--sand-600: #c5b19e;--sand-700: #9a8a7c;--sand-800: #776b60;--sand-900: #5b5149;--midnight: var(--midnight-500);--midnight-alt: var(--midnight-500);--orange: var(--orange-400);--orange-alt: var(--orange-500);--sand: var(--sand-300);--sand-alt: var(--sand-500);--sand-dark: var(--sand-700);--canvas: var(--sand-50);--canvas-alt: var(--sand-100);--bg-color: var(--canvas);--surface-color: #FFFFFF;--text-color: var(--midnight-alt);--text-secondary: var(--midnight-300);--accent-color: var(--orange-alt);--border-color: var(--midnight-50);--border-soft: var(--sand-200);--cues-user: #2563eb;--cues-conversion: #b45309;--cues-experience: var(--orange-500);--cues-service: #059669;--cues-user-text: #1d4ed8;--cues-conversion-text: #92400e;--cues-experience-text: var(--orange-700);--cues-service-text: #047857;--cues-bar-track: var(--border-color);--cues-bar-muted: var(--midnight-100);--shadow-sm: 0 1px 2px color-mix(in srgb, #000 5%, transparent);--shadow-md: 0 4px 12px color-mix(in srgb, #000 6%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #000 12%, transparent);--shadow-card-hover: 0 8px 32px color-mix(in srgb, var(--midnight-500) 8%, transparent);--shadow-header: -10px 0 30px color-mix(in srgb, #000 5%, transparent);--scrim: color-mix(in srgb, var(--midnight-500) 40%, transparent);--shadow-orange-soft: 0 2px 8px color-mix(in srgb, var(--orange-500) 35%, transparent);--shadow-orange-pop: 0 4px 14px color-mix(in srgb, var(--orange-500) 45%, transparent);--shadow-orange-strong: 0 2px 12px color-mix(in srgb, var(--orange-500) 50%, transparent);--font-main: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-hand: "Shadows Into Light", "Segoe Script", "Bradley Hand", cursive;--max-width: 768px;--reading: 768px;--content: 1040px;--gutter: clamp(16px, 4vw, 56px);--fs-h-3xl: 56px;--lh-h-3xl: 64px;--fs-h-2xl: 48px;--lh-h-2xl: 56px;--fs-h-xl: 40px;--lh-h-xl: 48px;--fs-h-lg: 32px;--lh-h-lg: 40px;--fs-h-md: 24px;--lh-h-md: 32px;--fs-h-sm: 18px;--lh-h-sm: 26px;--fs-h-xs: 16px;--lh-h-xs: 24px;--fw-light: 100;--fw-normal: 400;--fw-medium: 500;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--fs-b-xl: 24px;--lh-b-xl: 32px;--fs-b-lg: 16px;--lh-b-lg: 28px;--fs-b-md: 18px;--lh-b-md: 24px;--fs-b-base: 16px;--lh-b-base: 24px;--fs-b-sm: 14px;--lh-b-sm: 22px;--fs-b-xs: 12px;--lh-b-xs: 16px;--fs-b-xxs: 10px;--lh-b-xxs: 16px;--s-1: 8px;--s-2: 16px;--s-3: 24px;--s-4: 32px;--s-5: 40px;--s-6: 48px;--s-7: 56px;--s-8: 64px;--s-10: 80px;--s-half: 4px;--s-1-5: 12px;--spacing-xs: var(--s-1);--spacing-sm: var(--s-2);--spacing-md: var(--s-3);--spacing-lg: var(--s-4);--spacing-xl: var(--s-6);--spacing-2xl: var(--s-8);--spacing-3xl: var(--s-10);--z-base: 0;--z-raised: 1;--z-sticky: 100;--z-overlay: 1000;--z-modal: 1100;--z-toast: 1200;--z-popover: 1300;--z-tooltip: 1400;--z-skip-link: 10000;--h1-size: var(--fs-h-2xl);--h2-size: var(--fs-h-xl);--h3-size: var(--fs-h-lg);--h3-internal: 22px;--h4-size: var(--fs-h-sm);--transition-speed: .7s}.dark{--bg-color: #011317;--surface-color: #012027;--text-color: var(--sand-100);--text-secondary: var(--midnight-200);--accent-color: var(--orange-400);--border-color: var(--midnight-500);--border-soft: var(--midnight-600);--shadow-sm: 0 1px 3px color-mix(in srgb, #000 30%, transparent);--shadow-md: 0 8px 32px color-mix(in srgb, #000 40%, transparent);--shadow-lg: 0 20px 40px color-mix(in srgb, #000 50%, transparent);--shadow-card-hover: 0 8px 32px color-mix(in srgb, #000 35%, transparent);--shadow-header: -10px 0 30px color-mix(in srgb, #000 35%, transparent);--scrim: color-mix(in srgb, var(--midnight-900) 40%, transparent);--midnight: #F0E5DD;--midnight-alt: #F0E5DD;--midnight-700: var(--midnight-200);--sand-900: #F0E5DD;--sand-800: #F0E5DD;--sand-700: #F0E5DD}.dark .section-label,.dark .label-desc,.dark .col-header,.dark .col-header-small,.dark .card-tag,.dark .meta-label{color:var(--midnight-200)!important;font-weight:var(--fw-medium)}.dark .theme-toggle-btn{color:var(--accent-color)!important}@media(max-width:1200px){:root{--h1-size: var(--fs-h-xl);--h2-size: var(--fs-h-lg);--h3-size: var(--fs-h-md);--h4-size: var(--fs-h-xs)}}@media(max-width:768px){:root{--h1-size: var(--fs-h-lg);--h2-size: var(--fs-h-md);--h3-size: var(--fs-h-md);--h4-size: var(--fs-h-xs)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:var(--lh-b-md);font-size:var(--fs-b-md);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-speed),color var(--transition-speed)}h1,h2,h3,h4{font-family:var(--font-mono)}.app-wrapper{width:100%;min-height:100vh;display:flex;flex-direction:column}.container{display:grid;grid-template-columns:[full-start] minmax(var(--gutter),1fr) [read-start] min(var(--content),100% - 2 * var(--gutter)) [read-end] minmax(var(--gutter),1fr) [full-end];margin:0 auto;padding-block:var(--spacing-lg);width:100%}.container>*{grid-column:read-start / read-end}.full-bleed{grid-column:full-start / full-end}.read-col{max-width:var(--reading);margin-inline:auto;padding-inline:var(--gutter)}#work,#strategy,#contact{grid-column:full-start / full-end;background:var(--canvas-alt);padding-inline:max(var(--gutter),calc((100% - var(--content)) / 2));padding-block:var(--s-7)}section[id]{scroll-margin-top:56px}.hidden{display:none!important}h1{font-size:var(--h1-size);line-height:1.1;font-weight:var(--fw-black);letter-spacing:-.05em;margin-bottom:var(--spacing-md);color:var(--text-color);text-transform:none}h2{font-size:var(--h2-size);line-height:1.1;font-weight:var(--fw-black);margin-bottom:var(--spacing-md);letter-spacing:-.04em;text-transform:none}h3{font-size:var(--h3-size);line-height:1.2;font-weight:var(--fw-black);margin-bottom:8px;color:var(--text-color);text-transform:none}h4{font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--h4-size)}.labs-bento-title{font-size:var(--fs-b-md);font-weight:var(--fw-extrabold);line-height:1.3;margin-bottom:8px;color:var(--midnight-500);text-transform:lowercase}.dark .labs-bento-title{color:var(--sand-200)}.section-title{font-size:var(--h1-size);font-weight:var(--fw-black);line-height:.9;letter-spacing:-.05em;color:var(--text-color);margin-bottom:16px}.hero-headline{max-width:680px;font-size:clamp(34px,5vw,50px);line-height:1.06}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color)}header a,.status-section a,.work-log-section a,#skills a,footer a,.lauw-btn,.tool-card{text-decoration:none!important}.resource-item a,.learning-link,.contact-email{text-decoration:none!important}.orange-text,.orange-accent{color:var(--accent-color)}header{margin-bottom:0}.navigation-main{position:sticky;top:0;background-color:var(--bg-color);z-index:var(--z-overlay);width:100%;transition:all .3s ease}.nav-container{max-width:calc(var(--content) + 2 * var(--gutter));margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px var(--gutter)}@media(max-width:768px){.nav-container{padding:var(--s-2) var(--gutter)}}.navigation-main.scrolled{border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:var(--s-5)}.menu{display:flex;align-items:center;margin-left:auto;gap:var(--spacing-lg)}@media(max-width:768px){.menu{gap:var(--s-3)}}.header-actions{display:flex;align-items:center;gap:24px}@media(max-width:768px){.header-actions{gap:16px}}@media(max-width:768px){.desktop-only{display:none!important}}.logo{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);text-transform:lowercase;line-height:1;font-weight:var(--fw-bold)}.logo img{height:32px;width:auto}.logo-svg{width:32px;height:32px}.logo-text{display:flex;flex-direction:column;align-items:right}.logo-name{font-size:var(--fs-h-sm);font-weight:var(--fw-bold)}.logo-studio{font-size:var(--fs-b-xs);font-weight:var(--fw-medium);color:var(--text-secondary);margin-top:1px}nav a{font-family:var(--font-mono);font-size:var(--fs-b-sm);color:var(--text-color);margin-left:24px;font-weight:var(--fw-medium);position:relative;display:inline-block}nav a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--accent-color);transition:width .3s ease}nav a:hover,nav a.active{color:var(--accent-color)}nav a:hover:after,nav a.active:after{width:100%}nav a:first-child{margin-left:0}.hamburger{display:none;align-items:center;gap:12px;background:transparent;border:none;cursor:pointer;padding:0;z-index:calc(var(--z-modal) + 2)}.hamburger-label{font-family:var(--font-mono);font-size:var(--fs-b-sm);font-weight:var(--fw-bold);color:var(--text-color);letter-spacing:.1em}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:16.8px}.hamburger-icon span{width:100%;height:1.5px;background-color:var(--midnight-alt);transition:all .3s ease}@media(max-width:768px){.hamburger{display:flex}}.hamburger.active .hamburger-icon span:nth-child(1){transform:translateY(7.65px) rotate(45deg)}.hamburger.active .hamburger-icon span:nth-child(2){opacity:0}.hamburger.active .hamburger-icon span:nth-child(3){transform:translateY(-7.65px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background-color:var(--bg-color);z-index:calc(var(--z-modal) + 1);transition:right .4s cubic-bezier(.16,1,.3,1);padding:100px 40px;display:flex;flex-direction:column;box-shadow:var(--shadow-header)}.mobile-menu.open{right:0}.mobile-menu-content nav{display:flex;flex-direction:column;gap:24px}.mobile-menu-content nav a{margin:0;font-size:var(--fs-b-md)}.mobile-menu-cta{margin-top:var(--s-5)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal)}.header-cta{display:flex;align-items:center}.lauw-btn{display:inline-flex;align-items:center;text-decoration:none!important;color:var(--midnight-500);font-family:var(--font-mono);font-weight:var(--fw-medium);font-size:var(--fs-b-sm);transition:all .3s ease;border:none;background:transparent;cursor:pointer;line-height:1}.dark .lauw-btn{color:#fff}.lauw-btn:hover{opacity:.8}.role{font-size:var(--fs-h-sm);font-weight:var(--fw-medium);margin-bottom:4px}.location{font-size:var(--fs-b-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.worked-for-section{padding:24px 0}.carousel-container{overflow:hidden;padding:16px 0;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.carousel-track{display:flex;gap:60px;width:max-content;animation:scroll 40s linear infinite}.brand-item{font-family:var(--font-mono);font-size:var(--fs-h-md);font-weight:var(--fw-bold);color:var(--text-color);opacity:1;white-space:nowrap;transition:opacity .3s ease,color .3s ease}.brand-item:hover{opacity:1}.partner-logo{height:32px;width:auto;filter:brightness(.9) contrast(.9);opacity:.8;transition:all .3s ease}.brand-item:hover .partner-logo{filter:brightness(1) contrast(1);opacity:1}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-subtitle{font-size:var(--fs-b-lg);font-weight:var(--fw-light);line-height:var(--lh-b-lg);margin-bottom:var(--spacing-md);max-width:680px}.brief{margin-bottom:var(--spacing-lg);font-size:var(--fs-b-xl);font-weight:var(--fw-normal);line-height:1.5;color:var(--text-color);opacity:1;max-width:680px}@media(max-width:768px){.brief{font-size:var(--fs-b-md)}}.section-intro{font-size:var(--fs-b-md);font-weight:var(--fw-medium);line-height:1.6;color:var(--text-color);margin-top:8px;margin-bottom:32px;max-width:var(--reading)}.hero{margin-top:var(--spacing-md)}.intro-socials{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.contact-links a{display:flex;align-items:center;gap:8px;font-size:var(--fs-b-sm);font-weight:var(--fw-medium);color:var(--text-color);position:relative;padding-bottom:2px}.contact-links a .social-icon{color:var(--accent-color);transition:transform .3s ease}.contact-links a:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:22px;background-color:var(--accent-color);transition:width .3s ease}.contact-links a:hover{color:var(--accent-color)}.contact-links a:hover .social-icon{transform:translateY(-2px)}.contact-links a:hover:after{width:calc(100% - 22px)}.social-icon{width:14px;height:14px;stroke-width:2.5}.section-label{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-normal);color:var(--text-secondary);margin-bottom:8px;letter-spacing:.1em;display:flex;align-items:center;gap:8px;text-transform:uppercase}.section-divider{height:1px;background-color:var(--border-color);margin:var(--s-4) 0;width:100%}.section-label .orange-text{font-weight:var(--fw-bold);letter-spacing:.4em}.label-desc{font-family:var(--font-mono);color:var(--text-secondary);font-weight:var(--fw-bold);text-transform:uppercase}.col-header,.col-header-small{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);color:var(--text-secondary);display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-md);text-transform:uppercase}.section-header{margin:24px 0}.toolkit-section{padding:var(--spacing-xl) 0 0}.current-toolkit-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.social-links-vertical a{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:var(--fs-b-sm);color:var(--text-color);font-weight:var(--fw-medium);position:relative;padding:4px 0;transition:color .3s ease}.social-links-vertical a .social-icon{color:var(--accent-color)}.social-links-vertical a:after{content:"";position:absolute;width:0;height:1px;bottom:2px;left:26px;background-color:var(--accent-color);transition:width .3s ease}.social-links-vertical a:hover{color:var(--accent-color);opacity:1}.social-links-vertical a:hover:after{width:calc(100% - 26px)}.tool-info{display:flex;align-items:center;gap:6px}.tool-name{font-size:var(--fs-b-sm);font-weight:var(--fw-bold);color:var(--text-color);line-height:1}.tool-card .tool-desc{font-size:var(--fs-b-xs);color:inherit;opacity:1}.exploring-tag{font-size:var(--fs-b-xxs);font-weight:var(--fw-extrabold);color:var(--accent-color);letter-spacing:.05em;margin-left:8px}.resources-learning-split{display:block}.resources-learning-split .column{width:100%;margin-bottom:var(--spacing-xl)}.resources-learning-split .column:last-child{margin-bottom:0}.knowledge-library-section{padding:40px 0}.knowledge-list{display:flex;flex-direction:column}.skills-card{background-color:#fff;padding:24px;border:none;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.knowledge-item{border-bottom:1px solid var(--border-color);transition:all .3s ease;margin:0;padding:0}.knowledge-item:last-child{border-bottom:none}@media(min-width:769px){.knowledge-item:hover{background-color:var(--surface-color);box-shadow:var(--shadow-card-hover);margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}}@media(max-width:768px){.knowledge-item:hover{background-color:var(--surface-color)}}.knowledge-link{display:flex;justify-content:space-between;align-items:center;padding:32px 0;text-decoration:none!important}.item-meta-top{display:flex;align-items:center;gap:24px;margin-bottom:12px}.category-group{display:flex;align-items:center;gap:8px}.item-icon{display:flex;align-items:center;color:var(--midnight-700)}.category-label{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);color:var(--text-color);letter-spacing:.1em}.type-tag{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);color:var(--text-secondary);letter-spacing:.05em}.item-title{font-size:var(--fs-b-xl);font-weight:var(--fw-extrabold);color:var(--text-color);letter-spacing:-.03em;margin-bottom:8px;text-transform:none;transition:color .3s ease}.knowledge-item:hover .item-title{color:var(--accent-color)}.item-description{font-size:var(--fs-b-base);line-height:1.5;color:var(--text-color);max-width:600px}.item-arrow{color:var(--accent-color);transition:transform .3s ease}.knowledge-item:hover .item-arrow{transform:translate(8px)}.focus-areas-container{margin-top:var(--spacing-xl)}.focus-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:16px}.focus-list li{font-size:var(--fs-h-md);font-weight:var(--fw-bold);color:var(--text-color);letter-spacing:-.02em}.skills-grid-section{padding:40px 0}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.specialty-card{--card-padding: 24px;padding:var(--card-padding);background-color:#fff;border:none;border-bottom:1px solid var(--border-color);border-radius:0;transition:all .3s ease;cursor:pointer;position:relative;z-index:1}.skills-side{display:contents}@media(max-width:768px){.skills-side{display:grid;grid-template-columns:1fr;gap:16px}}.side-card{--card-padding: 24px;padding:var(--card-padding);background-color:#fff;border:none;border-bottom:1px solid var(--border-color);border-radius:0;transition:all .3s ease;cursor:pointer;position:relative;z-index:1}.card-top-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px;margin-bottom:24px}.card-tag{font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-bold);color:var(--text-color);padding:0;text-transform:uppercase;letter-spacing:.1em}.labs-more-projects-btn{height:56px;padding:0 32px;border:1px solid var(--border-color);border-radius:4px;color:var(--midnight-500)}.dark .labs-more-projects-btn{border-color:var(--border-color);color:var(--sand-200)}.labs-bento-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--midnight-500);background:transparent}.dark .labs-bento-icon{color:var(--sand-100)}.labs-bento-status-label{display:inline-flex;align-items:center;gap:0;padding:0;background:transparent!important;border:none!important;font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-medium);color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em}.labs-bento-status-label svg,.labs-bento-status-label:before{display:none!important}.dark .labs-bento-status-label{color:var(--text-color)}.tool-tag{display:inline-flex;align-items:center;gap:10px;background-color:var(--surface-color);border:1px solid var(--border-color);padding:8px 16px;border-radius:9999px;font-family:var(--font-mono);font-size:var(--fs-b-sm);font-weight:var(--fw-medium);color:var(--text-color);text-transform:none;letter-spacing:-.01em;text-decoration:none!important;transition:all .3s ease;line-height:normal;cursor:pointer}.tool-tag:hover{background-color:var(--surface-color);border-color:var(--orange-500);color:var(--orange-500);transform:translateY(-2px)}.dark .tool-tag{background-color:var(--surface-color);border-color:var(--border-color)}.dark .tool-tag:hover{background-color:var(--surface-color);border-color:var(--orange-500);color:var(--orange-500)}.card-decoration{width:24px;height:24px;background-color:var(--accent-color);border-radius:2px}.card-side-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px;margin-bottom:16px}.header-icon{color:var(--text-color)}.skills-h2{font-size:var(--h2-size);margin-bottom:var(--spacing-md);text-transform:uppercase;font-weight:var(--fw-black)}.banner-title{font-size:var(--h3-size);font-weight:var(--fw-black);line-height:var(--lh-h-2xl);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:-.02em;color:var(--text-color)}.skills-h3{font-size:var(--h3-internal);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:-.01em;font-weight:var(--fw-black)}.strategy-grid{display:grid;grid-template-columns:1fr;gap:48px}@media(min-width:768px){.strategy-grid{grid-template-columns:1fr 1fr}}.skills-p{font-size:var(--fs-b-base);line-height:var(--lh-b-base);color:var(--text-color);max-width:100%;margin-bottom:32px}.skills-p-small{font-size:var(--fs-b-base);line-height:var(--lh-b-base);color:var(--text-color);max-width:100%;margin-bottom:var(--spacing-md)}.divider-dotted{border-top:1px dotted var(--border-color);margin:32px 0}.skills-side .divider-dotted{margin:24px 0}.skills-columns{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-md)}.skills-columns-small{display:flex;flex-direction:column;gap:var(--spacing-md)}.col-header{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);color:var(--text-secondary);display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-md);text-transform:uppercase}.col-header-small{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);color:var(--text-secondary);display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.skills-ul{list-style:none;display:flex;flex-direction:column;gap:8px}.skills-ul li{font-family:var(--font-main);font-size:var(--fs-b-base);color:var(--text-color);display:flex;align-items:center;gap:var(--s-1)}.skills-ul li:before{content:"";width:4px;height:4px;background-color:var(--accent-color);border-radius:1px}.skills-ul-small{list-style:none;display:flex;flex-direction:column;gap:6px}.skills-ul-small li{font-family:var(--font-main);font-size:var(--fs-b-base);color:var(--text-color);display:flex;align-items:center;gap:6px}.skills-ul-small li:before{content:"";width:4px;height:4px;background-color:var(--accent-color);border-radius:1px}.tools-pills-v2,.tools-list-simple{display:flex;flex-wrap:wrap;gap:8px}.work-log-section,.roadmap-section{padding:40px 0}.log-entry-simple{--card-padding: 24px;display:grid;grid-template-columns:1fr auto;gap:var(--spacing-md);padding:var(--card-padding);align-items:center;transition:all .3s ease;cursor:pointer;position:relative;z-index:1;background-color:#fff;border:none;border-bottom:1px solid var(--border-color);border-radius:0}.log-entry-simple:first-of-type{padding-top:24px}@media(min-width:769px){.app-wrapper .log-entry-simple:hover,.app-wrapper .deployment-card:hover,.app-wrapper .specialty-card:hover,.app-wrapper .side-card:hover,.app-wrapper .labs-bento-item:hover,.app-wrapper .labs-directory-item:hover{background-color:#fff;box-shadow:var(--shadow-card-hover);margin-left:-24px!important;margin-right:-24px!important;padding-left:calc(var(--card-padding) + 24px)!important;padding-right:calc(var(--card-padding) + 24px)!important;z-index:10}}.dark .log-entry-simple,.dark .labs-bento-item,.dark .labs-directory-item,.dark .deployment-card,.dark .deployment-card-static,.dark .specialty-card,.dark .side-card{background-color:var(--surface-color)!important;border-color:var(--border-color)}.dark .log-entry-simple:hover,.dark .labs-bento-item:hover,.dark .labs-directory-item:hover{background-color:var(--sand-200)!important;box-shadow:var(--shadow-md)}.dark .deployment-card:hover,.dark .specialty-card:hover,.dark .side-card:hover{background-color:var(--surface-color)!important;box-shadow:var(--shadow-md)}.dark .log-entry-simple:hover,.dark .labs-directory-item:hover,.dark .log-entry-simple:hover .log-title,.dark .labs-directory-item:hover .labs-directory-title,.dark .labs-directory-item:hover .labs-directory-category{color:var(--midnight-500)}.dark .log-entry-simple:hover p,.dark .labs-directory-item:hover .labs-directory-description,.dark .log-entry-simple:hover .meta-label,.dark .log-entry-simple:hover .meta-value{color:var(--midnight-300)}.log-title{font-size:var(--h3-internal);font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:-.01em;color:var(--text-color);margin-bottom:4px}.dark .log-title{color:var(--sand-100)}.log-meta-simple{display:flex;gap:32px;align-items:center}.log-arrow-wrapper{width:48px!important;height:48px!important;border-radius:50%!important;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.16,1,.3,1);flex-shrink:0;transform:rotate(45deg);color:var(--midnight-500)}.experience-layout .log-arrow-wrapper{width:48px!important;height:48px!important}.dark .log-arrow-wrapper{border-color:var(--border-color);color:var(--text-color)}.app-wrapper .log-entry-simple:hover .log-arrow-wrapper,.app-wrapper .deployment-card:hover .log-arrow-wrapper,.app-wrapper .specialty-card:hover .log-arrow-wrapper,.app-wrapper .side-card:hover .log-arrow-wrapper,.app-wrapper .labs-directory-item:hover .log-arrow-wrapper,.lauw-btn:hover .log-arrow-wrapper{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:rotate(0) scale(1.1)}.log-arrow-icon{width:20px;height:20px}.meta-item{display:flex;flex-direction:column}.log-meta-simple .meta-item:nth-of-type(1){width:120px}.log-meta-simple .meta-item:nth-of-type(2){width:56px}.meta-label{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);color:var(--text-secondary);letter-spacing:.02em;margin-bottom:4px}.meta-value{font-family:var(--font-mono);font-size:var(--fs-b-sm);font-weight:var(--fw-normal);color:var(--text-color)}.log-meta .date{font-weight:var(--fw-bold);color:var(--accent-color)}.log-content p{color:var(--text-color);opacity:1;margin-bottom:var(--spacing-sm)}.log-footer{font-size:var(--fs-b-sm);color:var(--text-color)}.status-tag{font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-black);color:var(--text-color);text-transform:uppercase;letter-spacing:.2em}.log-details{text-align:right;font-size:var(--fs-b-xs)}.client-label,.year-label{font-family:var(--font-mono);font-size:var(--fs-b-xs);display:block;color:var(--text-color);font-weight:var(--fw-bold);margin-top:var(--spacing-xs)}.client-value,.year-value{font-family:var(--font-mono);display:block;font-weight:var(--fw-bold);margin-bottom:var(--spacing-xs)}.view-more-wrapper{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.view-more-btn{background:transparent;border:1px solid var(--border-color);border-radius:8px;padding:12px 32px;font-family:var(--font-mono);font-size:var(--fs-b-sm);font-weight:var(--fw-bold);color:var(--text-color);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px}.view-more-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:var(--surface-color);box-shadow:var(--shadow-md)}.view-more-btn .btn-arrow{transition:transform .3s ease}.view-more-btn:hover .btn-arrow{transform:translateY(4px)}.status-section{padding:40px 0}.status-header{margin-bottom:0}.title-group-wrapper{display:flex;align-items:center;gap:16px;width:100%;flex-wrap:wrap;margin-bottom:24px}.view-mode-toggle{display:flex;background-color:var(--border-soft);padding:2px;border-radius:6px;gap:2px;margin-left:auto;align-self:center}.toggle-btn{padding:6px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dark .toggle-btn{color:var(--text-secondary)}.toggle-btn.active{background-color:#fff;border-color:var(--orange-500);color:var(--orange-500);box-shadow:var(--shadow-sm)}.dark .toggle-btn.active{background-color:var(--midnight-800);color:var(--orange-500)}.toggle-btn:hover:not(.active){color:var(--midnight-900)}.dark .toggle-btn:hover:not(.active){color:var(--sand-100)}.experience-layout{display:flex;flex-direction:column;gap:16px}.milestone-rail{display:flex;flex-direction:row;gap:4px;padding:4px;background-color:transparent;border:1px solid var(--border-color);border-radius:4px}.rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0;min-width:0;padding:10px 6px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;position:relative;border-radius:4px}.rail-btn:hover:not(.active) .rail-year{color:var(--orange-500)}.rail-btn.active{background-color:var(--surface-color)}.rail-year{font-family:var(--font-mono);font-size:var(--fs-b-sm);font-weight:var(--fw-bold);letter-spacing:-.02em;margin-bottom:0;color:var(--text-secondary);transition:color .2s ease;text-align:center;line-height:1.4;display:flex;flex-direction:column;align-items:center;gap:4px}.year-divider{width:24px;height:1px;background-color:var(--border-color)}.dark .rail-year{color:var(--text-secondary)}.rail-btn.active .rail-year{color:var(--orange-500)}.rail-indicator{display:none}.experience-content{flex:1;min-width:0}.phase-banner{padding:16px 0;border:none;background-color:transparent;position:relative;overflow:hidden}.dark .phase-banner{border:none}@media(min-width:768px){.phase-banner,.dark .phase-banner{padding:0 0 16px}}.banner-watermark{position:absolute;right:0;top:0;padding:0;opacity:.03;color:var(--midnight-900);transform:scale(4);pointer-events:none;transition:transform 1s ease;transform-origin:top right}.dark .banner-watermark{color:var(--sand-100);opacity:.05}.phase-banner:hover .banner-watermark{transform:scale(4.5)}.banner-details{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.banner-subtitle{display:block;font-size:var(--fs-b-xxs);font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:.4em;color:var(--text-secondary)}.phase-badge{font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:.3em;color:var(--orange-500);padding:0;border:none;display:inline-block}.banner-title{font-size:var(--fs-h-lg);font-weight:var(--fw-black);letter-spacing:-.05em;text-transform:uppercase;line-height:.85;color:var(--midnight-900)}.dark .banner-title{color:var(--sand-100)}@media(min-width:768px){.banner-title{font-size:var(--h3-size)}}.banner-context{font-size:var(--fs-b-xxs);font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary)}@media(max-width:768px){.card-main-content .skills-columns{grid-template-columns:1fr}}.deployments-container{display:grid;gap:16px}.deployments-container.view-grid{grid-template-columns:1fr}@media(min-width:768px){.deployments-container.view-grid{grid-template-columns:1fr 1fr}}.deployments-container.view-flow{grid-template-columns:1fr}.deployment-card{--card-padding: 24px;background-color:#fff;padding:var(--card-padding);border:none;border-bottom:1px solid var(--border-color);border-radius:0;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;z-index:1;margin:0;min-width:0}.deployment-card:first-child,.deployment-card-static:first-child{border-top:none}.deployment-card-static{padding:24px;background-color:#fff;border:none;border-bottom:1px solid var(--border-color);border-radius:0;transition:all .3s ease;position:relative;z-index:1;min-width:0}.deployment-card-static:focus-within{outline:2px solid var(--orange-500);outline-offset:-2px}.deployment-card-static[role=button]:active,.deployment-card-static[aria-pressed=true]{transform:translateY(1px);transition-duration:.1s}.deployment-card-static[aria-disabled=true],.deployment-card-static:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.view-grid .deployment-card-static{border:none;border-bottom:1px solid var(--border-color);padding:24px;background-color:#fff}.view-flow .deployment-card-static{display:flex;flex-direction:column;gap:24px;padding:24px;border:none;border-bottom:1px solid var(--border-color);background-color:#fff}@media(min-width:640px){.view-flow .deployment-card-static{flex-direction:row}}.view-grid .deployment-card{border:none;border-bottom:1px solid var(--border-color);border-radius:0;padding:24px;background-color:#fff}.view-flow .deployment-card{display:flex;flex-direction:column;gap:24px;padding:24px;border:none;border-bottom:1px solid var(--border-color);border-radius:0;background-color:#fff}@media(min-width:640px){.view-flow .deployment-card{flex-direction:row}}.flow-indicator{display:flex;flex-direction:column;align-items:center;padding-top:8px;width:20px}.flow-line{width:1px;flex:1;background-color:var(--border-color);margin:0}.deployment-details{flex:1;display:flex;flex-direction:column;gap:0;min-width:0;width:100%}.deployment-top{display:flex;align-items:center;justify-content:space-between;min-height:24px}.deployment-icon-box{padding:0;background:transparent;color:var(--midnight-900);transition:all .3s ease;margin-bottom:8px;display:none}.deployment-icon-box svg{width:24px;height:24px}.deployment-card:hover .deployment-icon-box{background-color:transparent;color:var(--orange-500)}.deployment-tag{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--orange-500)}.deployment-actions{display:flex;align-items:center;gap:8px}.secondment-label{font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.deployment-arrow{opacity:0;transition:opacity .3s ease;color:var(--midnight-900)}.dark .deployment-arrow{color:var(--sand-100)}.deployment-card:hover .deployment-arrow{opacity:1;color:var(--orange-500)}.deployment-header{padding-bottom:16px}.deployment-client{display:block;font-size:var(--fs-b-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px}.deployment-role{font-size:var(--h3-internal);font-weight:var(--fw-black);letter-spacing:-.02em;text-transform:uppercase;line-height:1.1;color:var(--text-color)}.dark .deployment-role{color:var(--sand-100)}.view-flow .deployment-role{font-size:var(--fs-b-xl)}.role-divider{color:var(--midnight-100);margin:0 8px}.dark .role-divider{color:var(--midnight-400)}.deployment-description{font-size:var(--fs-b-base);font-weight:var(--fw-normal);line-height:var(--lh-b-base);color:var(--text-color);max-width:600px}.deliverables-container{padding-top:16px}.legend-controls{display:flex;gap:8px}.legend-nav-btn{padding:8px;border:1px solid var(--border-color);background:transparent;cursor:pointer;transition:all .3s ease;color:var(--midnight-900);display:flex;align-items:center;justify-content:center}.legend-nav-btn:hover{color:var(--orange-500);border-color:var(--orange-500)}.legend-icon{color:var(--midnight-200)}@media(max-width:600px){.legend-divider,.legend-items span:last-child{display:none}}.contact-section{padding:40px 0}.contact-main-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl)}.contact-content h2{font-size:var(--fs-h-3xl);font-weight:var(--fw-bold);line-height:var(--lh-h-3xl);color:var(--text-color);margin-bottom:var(--spacing-sm);max-width:500px}.contact-socials{padding-top:12px}.social-links-vertical{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.social-links-vertical a{font-family:var(--font-mono);font-size:var(--fs-b-sm);color:var(--text-color);font-weight:var(--fw-medium)}.contact-email{font-size:var(--fs-h-md);color:var(--accent-color);text-decoration:none;font-weight:var(--fw-medium);transition:opacity .3s ease}.contact-email:hover{opacity:1}.footer-meta{display:flex;justify-content:space-between;margin-top:var(--spacing-lg)}.social-links label,.location-details label{font-family:var(--font-mono);display:block;font-size:var(--fs-b-xxs);font-weight:var(--fw-bold);color:var(--text-color);margin-bottom:var(--spacing-sm)}.social-links a{display:block;font-weight:var(--fw-bold);margin-bottom:4px}.location-details p{font-weight:var(--fw-bold)}.coords{color:var(--sand-dark);font-weight:var(--fw-normal)!important}footer{padding:var(--spacing-lg) 0;font-family:var(--font-mono);font-size:var(--fs-b-xs);color:var(--sand-dark)}.footer-status{font-family:var(--font-mono);display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border:1px solid var(--border-color);border-radius:100px;margin-bottom:var(--spacing-md);font-weight:var(--fw-bold);font-size:var(--fs-b-xs);color:var(--text-color)}.status-dot{width:6px;height:6px;background:#4ade80;border-radius:50%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}section{animation:fadeIn .8s ease forwards}.log-entry:hover{background:var(--orange-50)}.resources-section{padding:var(--spacing-xl) 0}.resource-item{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-sm);font-weight:var(--fw-medium)}.resource-item span{color:var(--accent-color)}a{position:relative;display:inline-block}p a:after,.contact-email:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--accent-color);transition:width .3s ease}p a:hover:after,.contact-email:hover:after{width:100%}@media(max-width:768px){:root{--spacing-xl: 60px;--spacing-lg: 40px}.container{padding-inline:0}.header-main{flex-direction:row;justify-content:space-between;gap:0;padding:16px 0}h1{font-size:var(--fs-h-2xl)}.skills-grid,.section-grid,.resources-learning-split{grid-template-columns:1fr;gap:var(--spacing-lg)}.specialty-card{border-right:none;border-bottom:1px solid var(--border-color);padding:32px}.side-card{padding:32px}.side-card:first-child{border-bottom:1px solid var(--border-color)}.log-entry-simple{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.log-meta-simple{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:40px}.log-meta-simple .log-arrow-wrapper{margin-left:auto}.log-details{text-align:left}.contact-section h2{font-size:var(--fs-h-lg);line-height:var(--lh-h-lg)}.contact-main-wrapper{flex-direction:column;gap:40px}.social-links-vertical{align-items:flex-start}.footer-meta{flex-direction:column;gap:32px}}@media(max-width:480px){h1{font-size:var(--fs-h-xl)}.worked-for-section h3{font-size:var(--fs-b-xxs)}.brand-item .partner-logo{height:24px}.log-meta-simple{gap:16px}}.floating-badge{font-family:var(--font-mono);position:fixed;bottom:24px;left:24px;background-color:var(--surface-color);border:1px solid var(--border-soft);padding:8px 16px;border-radius:100px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-md);z-index:var(--z-overlay);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);color:var(--text-color);letter-spacing:.02em;animation:fadeIn 1s ease-out forwards}.badge-status{color:var(--text-color)}.badge-divider{color:var(--midnight-100)}.badge-version{font-style:italic;color:var(--text-color)}.footer-status{display:none}.theme-toggle-btn{background:transparent;border:1px solid var(--border-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent-color)!important;transition:all .3s ease;padding:0}.theme-toggle-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:var(--surface-color)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-base);opacity:.05;background-image:url(https://grainy-gradients.vercel.app/noise.svg);filter:none;transition:filter var(--transition-speed)}.dark .noise-overlay{filter:invert(1);opacity:.05}.labs-library-section{padding:40px 0}.labs-header-flex{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:24px}@media(min-width:768px){.labs-header-flex{flex-direction:row;align-items:flex-end}}.log-info p{font-size:var(--fs-b-base);font-weight:var(--fw-medium);color:var(--text-secondary);line-height:1.6}.labs-layout-switcher{display:flex;background-color:transparent;padding:4px;border-radius:4px;border:1px solid var(--border-color);align-self:flex-start;margin-left:auto}.dark .labs-layout-switcher{background-color:transparent;border:1px solid var(--border-color)}@media(min-width:768px){.labs-layout-switcher{align-self:flex-end}}.labs-switcher-btn{padding:12px;display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;color:var(--midnight-300);transition:all .3s ease}.dark .labs-switcher-btn{color:var(--text-color)}.labs-switcher-btn:hover{opacity:1}.labs-switcher-btn.active{background-color:var(--surface-color);box-shadow:var(--shadow-sm);color:var(--orange-500);opacity:1;border-radius:4px}.dark .labs-switcher-btn.active{box-shadow:var(--shadow-sm)}.labs-switcher-text{font-size:var(--fs-b-xxs);font-family:var(--font-mono);font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:.1em;display:none}@media(min-width:640px){.labs-switcher-text{display:block}}.labs-bento-grid{display:grid;grid-template-columns:1fr;gap:16px;grid-auto-flow:dense}@media(min-width:768px){.labs-bento-grid{grid-template-columns:repeat(10,1fr)}}.labs-bento-item{--card-padding: 24px;position:relative;border:none;border-bottom:1px solid var(--border-color);background-color:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:220px;transition:all .5s ease;border-radius:0}.dark .labs-bento-item{background-color:var(--midnight-900)}@media(min-width:768px){.labs-bento-item{grid-column:span 4;min-height:220px}.labs-bento-item:nth-child(6n+1){grid-column:1 / 7;grid-row:span 2;min-height:460px}.labs-bento-item:nth-child(6n+2),.labs-bento-item:nth-child(6n+3){grid-column:7 / 11}.labs-bento-item:nth-child(6n+4),.labs-bento-item:nth-child(6n+5){grid-column:1 / 5}.labs-bento-item:nth-child(6n+6){grid-column:5 / 11;grid-row:span 2;min-height:460px}}.dark .labs-bento-item:hover{box-shadow:var(--shadow-lg)}.labs-bento-image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.labs-bento-image{width:100%;height:100%;object-fit:cover;opacity:.05;filter:grayscale(100%);transition:opacity .7s ease}.labs-bento-item:hover .labs-bento-image{opacity:.15}.labs-bento-content{position:relative;z-index:10;padding:var(--card-padding);display:flex;flex-direction:column;height:100%}@media(min-width:768px){.labs-bento-item.featured .labs-bento-content{padding:24px}}.labs-bento-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.labs-directory-title-group{display:flex;flex-direction:column;gap:8px;min-width:0}.labs-bento-icon{background-color:var(--border-soft);color:var(--text-color);transition:all .3s ease}.dark .labs-bento-icon{background-color:var(--border-soft)}.labs-bento-item:hover .labs-bento-icon{background-color:var(--accent-color);color:#fff}.labs-bento-status{font-size:var(--fs-b-xxs);font-weight:var(--fw-black);padding:2px 6px;border:1px solid var(--border-color);color:var(--midnight-300);text-transform:uppercase;font-family:var(--font-mono)}.dark .labs-bento-status{border-color:var(--border-color)}.labs-bento-main{flex:1}.labs-bento-category{font-size:var(--fs-b-xxs);font-family:var(--font-mono);font-weight:var(--fw-black);color:var(--accent-color);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:8px}.labs-bento-title,h4.labs-bento-title{font-family:var(--font-main);font-weight:var(--fw-extrabold);font-size:var(--fs-b-md);line-height:1.2;margin-bottom:8px;text-transform:lowercase;letter-spacing:-.05em}@media(min-width:768px){.labs-bento-item.featured .labs-bento-title{font-size:var(--h3-internal);line-height:1.2}}.labs-bento-description{font-size:var(--fs-b-base);font-weight:var(--fw-medium);line-height:1.6;max-width:380px}@media(min-width:768px){.labs-bento-item.featured .labs-bento-description{font-size:var(--fs-b-base)}}.labs-bento-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-soft);padding-top:24px;margin-top:24px}.dark .labs-bento-footer{border-color:var(--border-soft)}.labs-bento-tech{font-size:var(--fs-b-xxs);font-family:var(--font-mono);font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:.1em;color:var(--midnight-200)}.labs-directory-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:32px}.labs-directory-item{--card-padding: 32px;display:flex;flex-direction:column;padding:var(--card-padding);background-color:#fff;border:none;border-bottom:1px solid var(--border-color);border-radius:0;transition:all .5s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;z-index:1;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);backface-visibility:hidden}@media(min-width:768px){.labs-directory-item{--card-padding: 40px;padding:var(--card-padding)}}.labs-directory-item:hover{background-color:#fff}.labs-directory-left{display:flex;flex:1;min-width:0}.labs-directory-id{display:none;font-size:var(--fs-b-xxs);font-family:var(--font-mono);font-weight:var(--fw-black);color:var(--midnight-100)}.labs-directory-category{font-size:var(--fs-b-xxs);font-family:var(--font-mono);font-weight:var(--fw-medium);color:var(--accent-color);text-transform:uppercase;letter-spacing:.1em;display:block}.labs-directory-title{font-size:var(--h3-internal);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:0;font-weight:var(--fw-black)}.labs-directory-description{font-size:var(--fs-b-base);font-weight:var(--fw-normal);line-height:var(--lh-b-base);color:var(--text-color);transition:color .3s ease;margin-top:4px;max-width:420px}.labs-directory-item:hover .labs-directory-description{color:var(--midnight-500)}.labs-directory-top{display:flex;align-items:flex-start;gap:24px}.labs-directory-right{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.labs-directory-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.directory-arrow-icon{width:20px;height:20px}.labs-directory-content{position:relative;z-index:2;display:flex;flex-direction:column;padding:32px;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;transition:background-color .5s cubic-bezier(.16,1,.3,1)}@media(min-width:768px){.labs-directory-content{flex-direction:row;align-items:center;padding:40px}}.labs-directory-item:hover .labs-directory-content,.dark .labs-directory-item:hover .labs-directory-content{background-color:transparent}.labs-load-more{margin-top:48px;display:flex;gap:24px;justify-content:center}@keyframes csSlideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.cs-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--midnight-900);color:var(--sand-100);font-family:var(--font-main);animation:csSlideInRight .5s cubic-bezier(.16,1,.3,1) forwards;--midnight-700: #012027;--midnight-800: #01191e;--cs-gradient: linear-gradient( 90deg, var(--cs-accent, var(--orange-400)) 0%, color-mix(in srgb, var(--cs-accent, var(--orange-400)) 72%, #000) 100% );--cs-gradient-vertical: linear-gradient( 180deg, var(--cs-accent, var(--orange-400)) 0%, color-mix(in srgb, var(--cs-accent, var(--orange-400)) 72%, #000) 100% )}.cs-topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,var(--midnight-900),transparent);padding:clamp(12px,2.5vw,20px) clamp(16px,3vw,32px);gap:clamp(8px,2vw,24px)}.cs-topbar-left{display:flex;align-items:center;min-width:0;flex:1 1 auto;gap:clamp(10px,2vw,24px);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 24px),transparent 100%)}@media(min-width:1100px){.cs-topbar-left{-webkit-mask-image:none;mask-image:none}}.cs-topbar-year{font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--midnight-300)}@media(max-width:720px){.cs-topbar-year{display:none}}.cs-pills{display:flex;gap:6px;min-width:0;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.cs-pills::-webkit-scrollbar{display:none}.cs-pill{flex-shrink:0;white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:100px;border:none;cursor:pointer;background:var(--midnight-800);color:var(--midnight-300);transition:all .2s ease}.cs-pill:hover{background:var(--midnight-700);color:var(--sand-100)}.cs-pill[data-active=true]{background:color-mix(in srgb,var(--cs-accent, var(--orange-400)) 13%,transparent);color:var(--cs-accent, var(--orange-400))}.cs-close{background:none;border:1px solid var(--midnight-500);border-radius:8px;color:var(--midnight-200);cursor:pointer;padding:8px 16px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;transition:all .2s;flex-shrink:0}.cs-close:hover{border-color:var(--orange-400);color:var(--orange-400)}@media(max-width:520px){.cs-close-text{display:none}.cs-close{padding:8px 10px}}.cs-progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:var(--midnight-800);z-index:10}.cs-progress__fill{height:100%;background:var(--cs-gradient);transition:width .15s ease-out}.cs-hint{position:fixed;bottom:74px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--orange-400);pointer-events:none}.cs-hint__text{font-family:var(--font-hand);font-size:var(--fs-b-md);line-height:1;white-space:nowrap}.cs-hint__arrow{margin-left:10px}.cs-section{width:100%;min-height:100vh;padding:clamp(88px,10vh,120px) clamp(24px,6vw,96px) clamp(72px,8vh,96px);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;scroll-snap-align:start}.cs-sketch{width:100%;display:block;--cs-sketch-accent: var(--orange-400)}.cs-sketch svg{width:100%;height:auto;display:block;border-radius:var(--border-radius-md, 8px)}.cs-overview-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin-bottom:var(--s-5)}.cs-overview-hero__text{min-width:0}.cs-overview-hero__sketch{min-width:0;align-self:center}@media(max-width:900px){.cs-overview-hero{grid-template-columns:1fr;gap:var(--s-4)}}.cs-overview-hero--phone{grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,64px);align-items:center}.cs-overview-hero__main{min-width:0;display:flex;flex-direction:column}.cs-overview-hero__main .cs-quick-facts{margin-top:28px}.cs-overview-hero__main .cs-overview-tags{margin-top:20px}.cs-overview-hero__phone{min-width:0;display:flex;align-items:center;justify-content:center}.cs-overview-hero__phone .cs-phone-rotator{max-width:300px}@media(max-width:900px){.cs-overview-hero--phone{grid-template-columns:1fr;gap:var(--s-4)}}.cs-section-sketch{margin-top:var(--s-5);width:100%}.cs-section-sketch--sm{max-width:86%;margin-inline:auto}.cs-section__inner{width:100%;max-width:1040px;margin:auto 0;display:flex;flex-direction:column}.cs-label{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--midnight-200);display:flex;align-items:center;gap:4px}.cs-label__bracket{color:var(--cs-accent, var(--orange-400))}.cs-section-heading{font-size:var(--fs-h-xl);font-weight:var(--fw-extrabold);line-height:1.15;margin:12px 0 24px;color:var(--sand-100);letter-spacing:-.015em}.cs-body{font-size:var(--fs-b-base);line-height:1.8;color:var(--midnight-200);max-width:720px;margin:0 0 16px;white-space:pre-line}.cs-body--dim{color:var(--midnight-300)}.cs-body--bright{color:var(--sand-100)}.cs-subheading{font-family:var(--font-main);font-size:var(--fs-b-md);font-weight:var(--fw-bold);line-height:1.35;color:var(--sand-100);margin:0 0 10px;letter-spacing:-.005em}.cs-subsection{margin-bottom:20px}.cs-subsection__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;max-width:720px}.cs-subsection__item{font-size:var(--fs-b-sm);line-height:1.7;color:var(--midnight-200);padding-left:20px;position:relative}.cs-subsection__bullet{position:absolute;left:0;top:10px;width:8px;height:1px;background:var(--cs-accent, var(--orange-400));opacity:.8}.cs-subsections-stack{margin-top:12px}.cs-highlight{margin:24px 0;padding:20px 24px;background:transparent;border:1px solid var(--cs-accent, var(--orange-400));border-radius:8px;width:100%;display:flex;flex-direction:column;gap:8px}.cs-highlight__label{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--cs-accent, var(--orange-400))}.cs-highlight__body{font-size:var(--fs-b-md);line-height:1.5;color:var(--sand-100);margin:0;font-weight:var(--fw-normal);font-style:italic}.cs-impact__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:start;margin-top:var(--s-2)}.cs-impact__main,.cs-impact__aside{min-width:0}.cs-impact__main .cs-impact-shipped{margin-bottom:0}@media(max-width:820px){.cs-impact__body{grid-template-columns:1fr;gap:var(--s-5);align-items:start}}.cs-stat-band{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,36px);margin:8px 0 24px;padding-bottom:24px;border-bottom:1px solid var(--midnight-700)}.cs-stat{min-width:0}.cs-stat__num{font-family:var(--font-main);font-size:var(--fs-h-sm);font-weight:var(--fw-bold);line-height:1.1;letter-spacing:-.01em;color:var(--cs-accent, var(--orange-400))}.cs-stat__cap{margin-top:4px;font-family:var(--font-mono);font-size:var(--fs-b-xxs);letter-spacing:.05em;text-transform:uppercase;color:var(--midnight-200)}.cs-learnings__label{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--midnight-200);margin:8px 0 14px}.cs-impact-shipped{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:10px;max-width:70ch}.cs-impact-shipped__item{display:flex;gap:12px;font-size:var(--fs-b-base);line-height:1.55;color:var(--midnight-200)}.cs-impact-shipped__marker{flex-shrink:0;width:6px;height:6px;margin-top:8px;border-radius:50%;background:var(--cs-accent, var(--orange-400))}.cs-learnings-card{background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:14px;padding:22px 26px 24px}.cs-learnings-card .cs-learnings__label{margin-top:0}.cs-learnings-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.cs-learnings-list__item{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--midnight-700)}.cs-learnings-list__item:first-child{border-top:none;padding-top:0}.cs-learnings-list__item:last-child{padding-bottom:0}.cs-learnings-list__num{flex-shrink:0;font-family:var(--font-mono);font-size:var(--fs-b-xs);color:var(--cs-accent, var(--orange-400));padding-top:4px}.cs-learnings-list__text{display:flex;flex-direction:column;gap:4px;min-width:0}.cs-learnings-list__name{font-family:var(--font-main);font-size:var(--fs-h-sm);font-weight:var(--fw-bold);color:var(--sand-100);letter-spacing:-.005em}.cs-learnings-list__body{font-size:var(--fs-b-sm);line-height:1.5;color:var(--midnight-200)}.cs-pull-quote{margin:32px 0 0;padding:28px 32px;background:var(--midnight-800);border-left:3px solid var(--cs-accent, var(--orange-400));border-radius:8px;max-width:720px}.cs-pull-quote__body{font-size:var(--fs-b-md);line-height:1.55;color:var(--sand-100);font-style:italic;margin:0;letter-spacing:-.005em}.cs-pull-quote__icon{margin-bottom:12px;opacity:.6;color:var(--cs-accent, var(--orange-400))}.cs-visual-placeholder{border-radius:12px;background:linear-gradient(135deg,var(--midnight-800),var(--midnight-700));border:1px solid var(--midnight-700);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center}.cs-visual-placeholder--wide{grid-column:1 / -1}.cs-visual-placeholder__label{font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--midnight-200);opacity:.75}.cs-grid-subsections{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0 24px}.cs-grid-subsections__item{padding:22px 22px 24px;background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:10px;display:flex;flex-direction:column;gap:12px}.cs-grid-subsections__head{display:flex;align-items:flex-start;gap:14px}.cs-grid-subsections__icon{flex-shrink:0;color:var(--midnight-200);display:flex;align-items:center;justify-content:center;margin-top:2px}.cs-grid-subsections__head .cs-subheading{margin:0;color:var(--sand-100)}.cs-grid-subsections__body{font-size:var(--fs-b-base);line-height:1.6;color:var(--sand-100);margin:0;white-space:pre-line}.cs-grid-subsections__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cs-grid-subsections__list-item{font-size:var(--fs-b-base);line-height:1.5;color:var(--sand-100);padding-left:14px;position:relative}.cs-grid-subsections__list-item:before{content:"";position:absolute;left:0;top:11px;width:6px;height:1px;background:var(--cs-accent, var(--orange-400))}.cs-subsections-label{font-family:var(--font-main);font-size:var(--fs-b-md);font-weight:var(--fw-bold);color:var(--sand-100);margin:24px 0 12px;letter-spacing:-.005em}.cs-stacked-cards{display:flex;flex-direction:column;gap:12px;margin:16px 0 24px}.cs-stacked-cards__card{display:flex;align-items:flex-start;gap:18px;padding:22px 24px;background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:10px}.cs-stacked-cards__icon{flex-shrink:0;color:var(--midnight-200);display:flex;align-items:center;justify-content:center;margin-top:2px}.cs-stacked-cards__text{display:flex;flex-direction:column;gap:8px;min-width:0}.cs-stacked-cards__text .cs-subheading{margin:0}.cs-stacked-cards__body{font-size:var(--fs-b-base);line-height:1.6;color:var(--sand-100);margin:0;white-space:pre-line}.cs-phone-rotator{position:relative;width:100%;max-width:280px;margin-inline:auto;aspect-ratio:278 / 556}.cs-phone-rotator__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease;pointer-events:none}.cs-phone-rotator__img[data-active=true]{opacity:1}.cs-phone-rotator[data-reduced=true] .cs-phone-rotator__img{transition:none}.cs-media-split{display:flex;flex-direction:column;gap:var(--s-5);margin:16px 0 24px}.cs-media-split__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(20px,4vw,56px);align-items:center}.cs-media-split__row[data-image-side=left] .cs-media-split__text{order:2}.cs-media-split__row[data-image-side=left] .cs-media-split__media{order:1}.cs-media-split__text{min-width:0}.cs-media-split__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cs-media-split__icon{flex-shrink:0;display:flex;align-items:center;color:var(--cs-accent, var(--orange-400))}.cs-media-split__head .cs-subheading{margin:0}.cs-media-split__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.cs-media-split__item{display:flex;gap:12px;font-size:var(--fs-b-base);line-height:1.55;color:var(--midnight-200)}.cs-media-split__marker{flex-shrink:0;width:6px;height:6px;margin-top:8px;border-radius:50%;background:var(--cs-accent, var(--orange-400))}.cs-media-split__lead{color:var(--sand-100);font-weight:var(--fw-bold)}.cs-media-split__media{min-width:0;display:flex;justify-content:center;align-items:center;background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:12px;overflow:hidden}.cs-media-split__media[data-fit=contain]{min-height:280px;padding:clamp(20px,3vw,32px)}.cs-media-split__media[data-fit=bleed-top]{align-items:flex-start;padding-bottom:24px}.cs-media-split__media[data-fit=bleed-bottom]{align-items:flex-end;padding-top:24px}.cs-media-split__img{display:block;width:100%;max-width:360px;height:auto;object-fit:contain}.cs-media-split__media[data-fit=contain] .cs-media-split__img{max-width:340px;max-height:100%}@media(max-width:768px){.cs-media-split__row{grid-template-columns:1fr;gap:var(--s-3)}.cs-media-split__row[data-image-side=left] .cs-media-split__text{order:1}.cs-media-split__row[data-image-side=left] .cs-media-split__media{order:2}.cs-media-split__media{height:240px}}.cs-solution{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}.cs-solution__phone{min-width:0}.cs-solution__phone .cs-phone-rotator{max-width:290px}.cs-solution__content{min-width:0}.cs-solution__content .cs-section-heading{margin-top:10px}.cs-solution__tabs{display:inline-flex;flex-wrap:wrap;gap:6px;padding:5px;margin:6px 0 18px;border:1px solid var(--midnight-700);border-radius:999px}.cs-solution__tab{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:none;border-radius:999px;background:transparent;color:var(--midnight-200);font-family:var(--font-main);font-size:var(--fs-b-sm);font-weight:var(--fw-medium);cursor:pointer;transition:background .2s ease,color .2s ease}.cs-solution__tab-icon{display:flex;align-items:center;color:inherit}.cs-solution__tab:hover{color:var(--sand-100)}.cs-solution__tab[data-active=true]{background:var(--cs-accent, var(--orange-400));color:var(--midnight-900);font-weight:var(--fw-bold)}.cs-solution__tab:focus-visible{outline:2px solid var(--cs-accent, var(--orange-400));outline-offset:2px}.cs-solution__panel{display:grid}.cs-solution__list{grid-area:1 / 1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;opacity:0;pointer-events:none;transition:opacity .18s ease}.cs-solution__list[data-active=true]{opacity:1;pointer-events:auto}.cs-solution__item{display:flex;gap:12px;font-size:var(--fs-b-base);line-height:1.55;color:var(--midnight-200)}.cs-solution__marker{flex-shrink:0;width:6px;height:6px;margin-top:8px;border-radius:50%;background:var(--cs-accent, var(--orange-400))}@media(max-width:768px){.cs-solution{grid-template-columns:1fr;gap:var(--s-4)}.cs-solution__phone{order:-1}}.cs-next-project{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;margin-top:var(--s-6);padding:clamp(24px,4vw,36px);background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:12px;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .2s ease,background .2s ease}.cs-next-project:hover{border-color:var(--cs-accent, var(--orange-400));background:var(--midnight-700)}.cs-next-project:focus-visible{outline:2px solid var(--cs-accent, var(--orange-400));outline-offset:3px}.cs-next-project__head{display:flex;flex-direction:column;gap:6px;min-width:0}.cs-next-project__eyebrow{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--midnight-200)}.cs-next-project__title{font-size:var(--fs-h-lg);font-weight:var(--fw-extrabold);line-height:1.1;color:var(--sand-100);letter-spacing:-.015em}.cs-next-project__meta{font-family:var(--font-mono);font-size:var(--fs-b-sm);color:var(--midnight-200)}.cs-next-project__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--midnight-700);color:var(--sand-100);transition:transform .2s ease,border-color .2s ease,color .2s ease}.cs-next-project:hover .cs-next-project__arrow{transform:translate(4px);border-color:var(--cs-accent, var(--orange-400));color:var(--cs-accent, var(--orange-400))}.cs-process-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,4vw,56px);align-items:center}.cs-process-layout__text,.cs-process-layout__graph{min-width:0}.cs-process-layout__graph .cs-process-flow{margin:0}.cs-process-layout__graph .cs-process-flow__svg{max-width:100%}@media(max-width:900px){.cs-process-layout{grid-template-columns:1fr;gap:var(--s-4)}}.cs-process-flow{margin:24px 0 8px}.cs-process-flow__svg{display:block;width:100%;max-width:560px;height:auto}.cs-pf__spine{stroke:var(--midnight-400);stroke-width:2}.cs-pf__arrow{fill:var(--midnight-400)}.cs-pf__dot{fill:var(--midnight-800);stroke:var(--midnight-400);stroke-width:2}.cs-pf__dot--hl{fill:var(--cs-accent, var(--orange-400));stroke:none}.cs-pf__chip{fill:var(--midnight-800);stroke:var(--midnight-700)}.cs-pf__chip--hl{fill:var(--cs-accent, var(--orange-400));stroke:none}.cs-pf__role{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;fill:var(--midnight-200)}.cs-pf__role--hl{fill:var(--midnight-900);font-weight:600}.cs-pf__activity{font-family:var(--font-main);font-size:15px;font-weight:var(--fw-bold);fill:var(--sand-100)}.cs-pf__sub{font-family:var(--font-main);font-size:12px;fill:var(--midnight-200)}.cs-pf__loop{stroke:var(--midnight-400);stroke-width:1.6;stroke-dasharray:4 6}.cs-pf__loop-head{fill:var(--cs-accent, var(--orange-400))}.cs-pf__loop-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;fill:var(--cs-accent, var(--orange-400))}.cs-row-subsections{display:flex;flex-direction:column;margin:16px 0 24px;border-top:1px solid var(--midnight-700)}.cs-row-subsections__row{display:grid;grid-template-columns:minmax(180px,220px) 1fr;gap:32px;padding:18px 0;border-bottom:1px solid var(--midnight-700);align-items:baseline}.cs-row-subsections__row:last-child{border-bottom:none}.cs-row-subsections__label{font-family:var(--font-mono);font-size:var(--fs-b-sm);font-weight:var(--fw-medium);letter-spacing:.02em;color:var(--sand-100)}.cs-row-subsections__body{font-size:var(--fs-b-base);line-height:1.6;color:var(--sand-100);white-space:pre-line}@media(max-width:720px){.cs-row-subsections__row{grid-template-columns:1fr;gap:6px}}.cs-numbered-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 24px}@media(max-width:900px){.cs-numbered-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.cs-numbered-grid{grid-template-columns:1fr}}.cs-numbered-grid__card{background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:10px;padding:24px 22px 22px;display:flex;flex-direction:column;gap:8px}.cs-numbered-grid__num{font-family:var(--font-mono);font-size:30px;font-weight:400;color:var(--cs-accent, var(--orange-400));line-height:1;letter-spacing:-.02em;margin:0 0 8px}.cs-numbered-grid__heading{font-family:var(--font-main);font-size:17px;font-weight:500;color:var(--sand-100);line-height:1.3;margin:0}.cs-numbered-grid__body{font-size:14px;line-height:1.55;color:var(--sand-200);margin:4px 0 6px}.cs-numbered-grid__list{list-style:none;padding:0;margin:4px 0 0;font-size:13.5px}.cs-numbered-grid__list-item{position:relative;padding:5px 0 5px 14px;line-height:1.5;color:var(--sand-200);border-bottom:1px solid var(--midnight-700)}.cs-numbered-grid__list-item:last-child{border-bottom:0}.cs-numbered-grid__list-item:before{content:"";position:absolute;left:0;top:13px;width:4px;height:4px;border-radius:50%;background:var(--cs-accent, var(--orange-400))}.cs-layer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 24px}.cs-layer-grid__card{background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:8px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px;min-height:132px;transition:border-color .2s ease,background .2s ease}.cs-layer-grid__card:hover{border-color:color-mix(in srgb,var(--cs-accent, var(--orange-400)) 38%,transparent);background:color-mix(in srgb,var(--cs-accent, var(--orange-400)) 4%,var(--midnight-800))}.cs-layer-grid__top{display:flex;align-items:center;justify-content:space-between}.cs-layer-grid__num{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--cs-accent, var(--orange-400))}.cs-layer-grid__icon{color:var(--midnight-100);display:inline-flex}.cs-layer-grid__name{font-size:14px;font-weight:500;color:var(--sand-100);margin:0}.cs-layer-grid__body{font-family:var(--font-mono);font-size:11px;line-height:1.55;color:var(--midnight-100);margin:0}@media(max-width:900px){.cs-layer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.cs-layer-grid{grid-template-columns:1fr}}.cs-process-bridge{font-size:16px;line-height:1.6;color:var(--sand-100);max-width:720px;margin:44px 0 18px}.cs-bos-shell{margin:18px 0 0;border:1px solid var(--midnight-700);border-radius:10px;padding:28px 32px}.cs-bos-shell__header{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.cs-bos-shell__eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cs-accent, var(--orange-400))}.cs-bos-shell__title{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--sand-100)}.cs-bos-shell__footnote{font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;color:var(--midnight-200);margin:18px 0 0}.cs-bos-shell__mark{color:var(--cs-accent, var(--orange-400))}.cs-bos-shell__intro{font-size:14px;line-height:1.6;color:var(--sand-200);max-width:640px;margin:0 0 22px}.cs-hier-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--midnight-700);padding-bottom:14px;margin-bottom:18px}.cs-hier-tab{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:lowercase;padding:9px 14px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--midnight-100);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.cs-hier-tab:hover{color:var(--sand-100)}.cs-hier-tab.is-active{background:var(--midnight-800);border-color:color-mix(in srgb,var(--cs-accent, var(--orange-400)) 38%,transparent);color:var(--cs-accent, var(--orange-400))}.cs-hier-path{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--midnight-200);margin:0 0 14px}.cs-hier-path__leaf{color:var(--cs-accent, var(--orange-400))}.cs-hier-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.cs-hier-file{background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:8px;padding:16px 18px 14px;display:flex;flex-direction:column;gap:6px;animation:cs-hier-fadeup .42s cubic-bezier(.22,.8,.22,1) backwards}.cs-hier-file__name{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--sand-50);letter-spacing:-.005em;margin:0}.cs-hier-file__body{font-size:13px;line-height:1.5;color:var(--sand-200);margin:0}@keyframes cs-hier-fadeup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.cs-hier-file{animation:none}}.cs-skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cs-skills-grid__card{background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:8px;padding:18px 18px 16px;transition:border-color .2s ease,transform .2s ease,background .2s ease}.cs-skills-grid__card:hover{border-color:color-mix(in srgb,var(--cs-accent, var(--orange-400)) 45%,transparent);transform:translateY(-2px);background:color-mix(in srgb,var(--cs-accent, var(--orange-400)) 4%,var(--midnight-800))}.cs-skills-grid__name{font-size:15px;font-weight:500;color:var(--sand-100);margin:0 0 6px}.cs-skills-grid__role{font-size:13px;line-height:1.5;color:var(--sand-100);margin:0 0 14px}.cs-skills-grid__loads{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--midnight-200);margin:0}.cs-skills-grid__load{font-style:normal;color:var(--cs-accent, var(--orange-400))}@media(max-width:720px){.cs-skills-grid{grid-template-columns:1fr}}.cs-quick-facts{display:grid;grid-template-columns:repeat(var(--cs-fact-count, 3),minmax(0,1fr));gap:16px;margin-top:32px;max-width:860px}.cs-quick-fact{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:10px}.cs-quick-fact__icon{flex-shrink:0;color:var(--midnight-200);display:flex;align-items:center;justify-content:center;margin-top:2px}.cs-quick-fact__text{display:flex;flex-direction:column;gap:6px;min-width:0}.cs-quick-fact__label{font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--cs-accent, var(--orange-400))}.cs-quick-fact__value{font-size:var(--fs-b-sm);line-height:1.4;color:var(--sand-100);font-weight:var(--fw-medium)}.cs-nav-arrow{position:fixed;left:50%;transform:translate(-50%);z-index:10;background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--midnight-200);cursor:pointer;transition:all .2s}.cs-nav-arrow:hover{border-color:var(--orange-400);color:var(--sand-100)}.cs-nav-arrow--top{top:20px}.cs-nav-arrow--bottom{bottom:20px}.cs-scroll{height:100vh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth}.cs-overview-h1{font-size:clamp(44px,5.5vw,72px);font-weight:var(--fw-black);line-height:1.05;margin:16px 0 20px;letter-spacing:-.02em;color:var(--sand-100)}.cs-orange-period{background:var(--cs-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.cs-overview-tagline{font-size:var(--fs-b-xl);line-height:1.4;color:var(--sand-100);max-width:720px;margin:0 0 24px;font-weight:var(--fw-normal)}.cs-overview-insight{font-size:var(--fs-b-sm);line-height:1.7;color:var(--midnight-200);font-style:italic;max-width:640px;margin:0;border-left:2px solid var(--cs-accent, var(--orange-400));padding-left:16px}.cs-designers-note{position:relative;display:flex;flex-direction:column;gap:8px;max-width:640px;margin:0;padding:0 0 0 16px}.cs-designers-note:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--cs-gradient-vertical)}.cs-designers-note__body{font-family:var(--font-main);font-size:var(--fs-b-base);line-height:var(--lh-b-base, 1.55);color:var(--sand-100);margin:0;font-weight:var(--fw-medium)}.cs-overview-tags{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap}.cs-tag{display:inline-flex;align-items:center;gap:10px;background-color:var(--midnight-700);border:1px solid var(--midnight-500);padding:8px 16px;border-radius:9999px;font-family:var(--font-mono);font-size:var(--fs-b-sm);font-weight:var(--fw-medium);color:var(--sand-100);text-transform:none;letter-spacing:-.01em;line-height:normal;text-decoration:none;transition:all .3s ease}.cs-tag svg{width:14px;height:14px;color:inherit;flex-shrink:0;transition:color .3s ease}button.cs-tag{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cs-tag--clickable{cursor:pointer}.cs-tag--clickable:hover,.cs-tag--clickable:focus-visible{border-color:var(--orange-500);color:var(--orange-500);transform:translateY(-2px);outline:none}.cs-gallery-block{margin-top:40px}.cs-gallery-intro{font-size:var(--fs-b-sm);line-height:1.7;color:var(--midnight-200);max-width:640px;margin:12px 0 20px}.cs-gallery-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min(24vh,200px);gap:14px}.cs-contact{text-align:center;display:flex;flex-direction:column;align-items:center}.cs-contact-label-wrap{display:flex;justify-content:center}.cs-contact-h2{font-size:clamp(40px,5vw,64px);font-weight:var(--fw-black);line-height:1.05;margin:18px 0 24px;letter-spacing:-.02em;color:var(--sand-100);max-width:820px}.cs-contact-body{font-size:var(--fs-b-md);line-height:1.65;color:var(--midnight-200);max-width:560px;margin:0 0 40px}.cs-contact-email{position:relative;font-size:clamp(22px,2.4vw,32px);font-weight:var(--fw-bold);color:var(--sand-100);text-decoration:none;padding:4px 2px;margin-bottom:40px;transition:color .2s}.cs-contact-email:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cs-gradient)}.cs-contact-email:hover{color:var(--cs-accent, var(--orange-400))}.cs-contact-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cs-contact-link{font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;padding:10px 18px;border:1px solid var(--midnight-600);border-radius:100px;color:var(--midnight-200);text-decoration:none;transition:all .2s}.cs-contact-link:hover{border-color:var(--cs-accent, var(--orange-400));color:var(--sand-100)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lauw-btn-label,.lauw-text-icon-btn__label{font-family:var(--font-mono);font-size:var(--fs-b-sm);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;line-height:1}.lauw-btn-icon-pill{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--orange-400);color:#fff;flex-shrink:0;transition:background .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.lauw-btn-icon-pill--inset{background:var(--sand-200);color:var(--midnight-500)}.dark .lauw-btn-icon-pill--inset{background:var(--midnight-800);color:#fff}.lauw-btn-primary{display:inline-flex;align-items:center;gap:12px;background:var(--orange-600);color:#fff;border:0;border-radius:9999px;padding:6px 6px 6px 24px;height:48px;cursor:pointer;text-decoration:none;transition:background .3s cubic-bezier(.16,1,.3,1),transform .1s ease;font-family:var(--font-mono)}.lauw-btn-primary:hover{background:var(--orange-700);color:#fff}.lauw-btn-primary:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}.lauw-btn-primary:active{background:var(--orange-700);color:#fff;transform:translateY(1px)}.lauw-btn-primary[disabled],.lauw-btn-primary[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.lauw-btn-secondary{display:inline-flex;align-items:center;gap:12px;background:var(--sand-50);color:var(--midnight-500);border:1px solid var(--sand-300);border-radius:9999px;padding:6px 6px 6px 24px;height:48px;cursor:pointer;text-decoration:none;transition:background .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),transform .1s ease;font-family:var(--font-mono)}.dark .lauw-btn-secondary{background:var(--surface-color);color:#fff;border-color:var(--border-color)}.lauw-btn-secondary:hover{background:var(--orange-600);border-color:var(--orange-600);color:#fff}.lauw-btn-secondary:hover .lauw-btn-icon-pill--inset{background:transparent;color:#fff}.lauw-btn-secondary:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}.lauw-btn-secondary:active{background:var(--orange-700);border-color:var(--orange-700);color:#fff;transform:translateY(1px)}.lauw-btn-secondary:active .lauw-btn-icon-pill--inset{background:transparent;color:#fff}.lauw-btn-secondary[disabled],.lauw-btn-secondary[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.lauw-icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);cursor:pointer;flex-shrink:0;transition:background .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.lauw-icon-btn--sm{width:32px;height:32px}.lauw-icon-btn--md{width:40px;height:40px}.lauw-icon-btn--lg{width:48px;height:48px}.lauw-icon-btn--rotated{transform:rotate(45deg)}.lauw-icon-btn:hover{background:var(--orange-500);border-color:var(--orange-500);color:#fff;transform:scale(1.1)}.lauw-icon-btn--rotated:hover{transform:rotate(0) scale(1.1)}.lauw-icon-btn:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}.lauw-icon-btn:active{background:var(--orange-500);border-color:var(--orange-500);color:#fff;transform:scale(.96)}.lauw-icon-btn--rotated:active{transform:rotate(0) scale(.96)}.lauw-icon-btn[disabled],.lauw-icon-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.lauw-icon-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-color);text-decoration:none;font-family:var(--font-main);font-size:var(--fs-b-base);font-weight:var(--fw-medium);position:relative;padding-bottom:2px;transition:color .2s ease}.lauw-icon-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--orange-500);transition:width .2s ease}.lauw-icon-link:hover,.lauw-icon-link:hover .lauw-icon-link__icon{color:var(--orange-500)}.lauw-icon-link:hover:after{width:100%}.lauw-icon-link:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px;border-radius:2px}.lauw-icon-link:active{color:var(--orange-600)}.lauw-icon-link:active:after{width:100%;background:var(--orange-600)}.lauw-icon-link[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.lauw-icon-link__icon{display:inline-flex;align-items:center}.lauw-text-icon-btn{display:inline-flex;align-items:center;gap:var(--s-2);background:transparent;border:0;cursor:pointer;padding:0;color:var(--text-color);text-decoration:none;transition:color .3s ease}.lauw-text-icon-btn:hover{color:var(--orange-500)}.lauw-text-icon-btn:hover .lauw-icon-btn{background:var(--orange-500);border-color:var(--orange-500);color:#fff;transform:scale(1.1)}.lauw-text-icon-btn:focus-visible{outline:2px solid var(--orange-500);outline-offset:4px;border-radius:9999px}.lauw-text-icon-btn:active{color:var(--orange-500);transform:translateY(1px)}.lauw-text-icon-btn:active .lauw-icon-btn{background:var(--orange-500);border-color:var(--orange-500);color:#fff;transform:scale(.96)}.lauw-text-icon-btn[disabled],.lauw-text-icon-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.card-header-cluster{display:flex;align-items:center;gap:16px}.work-section-label{margin-top:40px;margin-bottom:16px}.deployment-client-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%}.deployment-role-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.banner-phase-desc{margin-left:8px}.log-entry-simple--clickable{cursor:pointer}#hero{grid-column:full-start / full-end;padding-inline:max(var(--gutter),calc((100% - var(--content)) / 2));padding-block:var(--spacing-md) var(--spacing-lg);--hero-grid-line: color-mix(in srgb, var(--midnight-300) 8%, transparent);background-image:repeating-linear-gradient(to right,var(--hero-grid-line) 0 1px,transparent 1px 44px),repeating-linear-gradient(to bottom,var(--hero-grid-line) 0 1px,transparent 1px 44px);background-position:center top}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,30vw,360px);grid-template-areas:"text portrait";column-gap:var(--s-5);align-items:start}.hero-text{grid-area:text;min-width:0;max-width:760px;display:flex;flex-direction:column}@media(max-width:820px){.hero-grid{grid-template-columns:1fr;grid-template-areas:"head" "bullets" "cta";column-gap:0}.hero-text{display:contents}.hero-head{grid-area:head}.hero-bullets{grid-area:bullets}.hero-grid .hero-cta-row{grid-area:cta;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-1)}.hero-cta-row>.lauw-btn-primary,.hero-cta-row>.lauw-btn-secondary{justify-content:center;gap:6px;padding-left:10px;padding-right:10px;min-width:0}.hero-cta-row .lauw-btn-label{white-space:nowrap}.hero-cta-row .lauw-btn-icon-pill{width:22px;height:22px}}@media(max-width:360px){.hero-grid .hero-cta-row{grid-template-columns:1fr}}.hero-portrait-col{grid-area:portrait;width:100%;max-width:360px;justify-self:end;display:flex;flex-direction:column;gap:0}@media(max-width:820px){.hero-portrait-col{display:none}}.hero-bullets{list-style:none;padding:0;margin:var(--spacing-md) 0 0;display:flex;flex-direction:column;gap:var(--s-2);font-family:var(--font-main);font-size:var(--fs-b-md);line-height:1.55;color:var(--text-color);max-width:none}.hero-bullets li{display:grid;grid-template-columns:18px 1fr;column-gap:12px;row-gap:2px;align-items:start;font-weight:var(--fw-normal)}.hero-bullet-check{grid-column:1;grid-row:1;margin-top:5px;color:var(--orange-500);flex-shrink:0}.hero-bullets li strong{grid-column:2;grid-row:1;font-weight:var(--fw-bold);color:var(--text-color)}.hero-bullet-sub{grid-column:2;grid-row:2;color:var(--text-secondary);font-size:var(--fs-b-base);font-weight:var(--fw-normal)}.hero-portrait-divider{width:100%;height:1px;border:0;background:var(--orange-400);margin:0;transform-origin:left center;animation:hero-line-draw .7s cubic-bezier(.16,1,.3,1) .9s both}@keyframes hero-line-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-top:var(--spacing-lg)}.hero-dot{display:inline-block;width:.25em;height:.25em;background:var(--orange-400);border-radius:50%;vertical-align:baseline;margin-left:.06em;opacity:1;transition:opacity .45s cubic-bezier(.16,1,.3,1)}.hero-dot.is-gone{opacity:0}.pixel-portrait{width:100%;display:flex;flex-direction:column}.pixel-portrait__stage{position:relative;width:100%;aspect-ratio:693 / 1073;overflow:hidden;user-select:none;-webkit-user-select:none}.pixel-portrait__fallback,.pixel-portrait__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.pixel-portrait__livedot{position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;background:var(--orange-400);box-shadow:var(--shadow-orange-soft);z-index:100;cursor:grab;touch-action:none;will-change:transform}.pixel-portrait__livedot.is-over{background:var(--midnight-900)}.pixel-portrait__livedot.is-grabbing{cursor:grabbing}.pixel-portrait__fallback{object-fit:cover;object-position:center;transform:scaleX(-1);transition:opacity .3s ease}.pixel-portrait.is-enhanced .pixel-portrait__fallback{opacity:0}.pixel-portrait__meter{margin:var(--s-1) 0 0;font-family:var(--font-mono);font-size:var(--fs-b-sm);display:flex;align-items:center;gap:var(--s-1);color:var(--text-color)}.pixel-portrait__meter-label{font-weight:var(--fw-medium);letter-spacing:.04em;white-space:nowrap}.pixel-portrait__meter-bar{flex:1 1 auto;min-width:24px;height:2px;border-radius:2px;background:var(--border-color);overflow:hidden}.pixel-portrait__meter-fill{display:block;width:0;height:100%;border-radius:2px;background:var(--orange-500);transition:width .14s linear}.pixel-portrait__meter-pct{font-weight:var(--fw-bold);color:var(--orange-500);white-space:nowrap}.pixel-portrait__flyer{position:fixed;top:0;left:0;width:16px;height:16px;border-radius:50%;background:var(--orange-400);box-shadow:var(--shadow-orange-soft);z-index:100;pointer-events:none;will-change:transform,opacity}.dot-controls{position:fixed;top:96px;right:16px;z-index:200;font-family:var(--font-mono);color:var(--text-color)}.dot-controls__toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-color);font-size:var(--fs-b-base);cursor:pointer;box-shadow:var(--shadow-md);transition:border-color .2s ease,color .2s ease,transform .2s ease}.dot-controls__toggle:hover{border-color:var(--orange-400);color:var(--orange-400);transform:rotate(15deg)}.dot-controls__panel{position:absolute;top:0;right:44px;width:280px;padding:16px;border-radius:12px;border:1px solid var(--border-color);background:var(--surface-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:12px}.dot-controls__header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.dot-controls__title{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-color)}.dot-controls__hint{font-family:var(--font-mono);font-size:var(--fs-b-xxs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.dot-controls__sliders{display:flex;flex-direction:column;gap:8px}.dot-controls__row{display:grid;grid-template-columns:1fr 100px 38px;align-items:center;gap:8px;font-size:var(--fs-b-xs)}.dot-controls__row-label{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot-controls__row-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-color)}.dot-controls__row input[type=range]{width:100%;accent-color:var(--orange-400)}.dot-controls__row--toggle{grid-template-columns:1fr auto;padding-top:4px;border-top:1px solid var(--border-color)}.dot-controls__pill{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;border-radius:9999px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-bold);letter-spacing:.08em;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.dot-controls__pill.is-on{background:var(--orange-400);border-color:var(--orange-400);color:#fff}.dot-controls__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:4px;border-top:1px solid var(--border-color)}.dot-controls__btn{padding:8px 10px;border-radius:8px;border:1px solid var(--border-color);background:transparent;color:var(--text-color);font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.dot-controls__btn:hover{border-color:var(--orange-400);color:var(--orange-400)}.dot-controls__btn--danger:hover{border-color:var(--orange-600, #d7390b);color:var(--orange-600, #d7390b)}@media(max-width:720px){.dot-controls__panel{right:0;top:44px}}.log-entry-simple:active:not([aria-disabled=true]),.labs-directory-item:active:not([aria-disabled=true]){transform:translateY(1px);transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 2px 6px #022d370d}.dark .log-entry-simple:active:not([aria-disabled=true]),.dark .labs-directory-item:active:not([aria-disabled=true]){box-shadow:0 2px 6px #0000004d}.log-entry-simple[aria-disabled=true],.labs-directory-item[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.log-entry-simple[aria-disabled=true] .log-arrow-wrapper,.labs-directory-item[aria-disabled=true] .log-arrow-wrapper{opacity:.6}.glossary-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#01121966;z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity .3s ease}.glossary-backdrop--open{opacity:1;pointer-events:auto}.glossary-panel{position:fixed;top:0;right:0;width:440px;max-width:90vw;height:100vh;background:var(--surface-color);border-left:1px solid var(--border-color);z-index:calc(var(--z-modal) + 1);transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}.glossary-panel--open{transform:translate(0)}.glossary-panel--dark{--surface-color: #012027;--text-color: var(--sand-100);--text-secondary: var(--midnight-200);--border-color: var(--midnight-500)}.glossary-panel--dark .glossary-panel__close:hover{background:var(--midnight-500);border-color:var(--midnight-400)}.glossary-panel__header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--surface-color);z-index:1}.glossary-panel__label{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary)}.glossary-panel__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-color);cursor:pointer;transition:all .2s ease}.glossary-panel__close:hover{background:var(--sand-200);border-color:var(--sand-300)}.dark .glossary-panel__close:hover{background:var(--midnight-500);border-color:var(--midnight-400)}.glossary-panel__content{padding:32px;flex:1}.glossary-panel__term{font-family:var(--font-mono);font-size:var(--fs-h-md);font-weight:var(--fw-bold);color:var(--text-color);margin:0 0 32px;line-height:var(--lh-h-md)}.glossary-panel__section{margin-bottom:28px}.glossary-panel__section-label{display:block;font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:12px}.glossary-panel__text{font-family:var(--font-main);font-size:var(--fs-b-base);line-height:var(--lh-b-base);color:var(--text-color);margin:0}.glossary-panel__link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--fs-b-sm);font-weight:var(--fw-medium);color:var(--accent-color);text-decoration:none;padding:10px 20px;border-radius:9999px;border:1px solid var(--accent-color);transition:all .2s ease;margin-top:8px}.glossary-panel__link:hover{background:var(--accent-color);color:#fff}button.tool-tag{cursor:pointer;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media(max-width:480px){.glossary-panel{width:100vw;max-width:100vw}.glossary-panel__header{padding:20px 20px 14px}.glossary-panel__content{padding:24px 20px}}.lauw-field{display:flex;flex-direction:column;gap:6px;width:100%}.lauw-field__label{font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.lauw-field__hint{font-family:var(--font-main);font-size:var(--fs-b-xs);color:var(--text-secondary);line-height:var(--lh-b-xs)}.lauw-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;background:var(--surface-color);color:var(--text-color);font-family:var(--font-main);font-size:var(--fs-b-base);line-height:var(--lh-b-base);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lauw-input::placeholder{color:var(--text-secondary);opacity:.7}.lauw-input:hover:not(:disabled):not([aria-invalid=true]){border-color:#022d3733}.dark .lauw-input:hover:not(:disabled):not([aria-invalid=true]){border-color:#ffffff40}.lauw-input:focus,.lauw-input:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px;border-color:var(--orange-500)}.lauw-input[aria-invalid=true]{border-color:var(--orange-500);box-shadow:0 0 0 3px #ec3f0c1f}.lauw-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--canvas-alt, var(--sand-100))}.dark .lauw-input:disabled{background-color:#ffffff08}textarea.lauw-input{min-height:120px;resize:vertical;line-height:1.5}.lauw-error{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--fs-b-xs);font-weight:var(--fw-bold);color:var(--orange-500);letter-spacing:.02em;margin-top:2px}.lauw-error:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange-500);flex-shrink:0}.lauw-toast-region{position:fixed;bottom:24px;right:24px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;pointer-events:none}.lauw-toast{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:100px;background:var(--midnight-500);color:var(--sand-100);font-family:var(--font-mono);font-size:var(--fs-b-sm);font-weight:var(--fw-medium);box-shadow:0 8px 32px #022d372e;animation:lauw-toast-in .4s cubic-bezier(.16,1,.3,1);max-width:420px}.dark .lauw-toast{background:var(--sand-100);color:var(--midnight-500);box-shadow:0 8px 32px #00000073}.lauw-toast--success{box-shadow:0 8px 32px #022d372e,inset 3px 0 0 var(--orange-500)}.lauw-toast--error{background:var(--orange-500);color:#fff}.lauw-toast__dot{width:8px;height:8px;border-radius:50%;background:var(--orange-500);flex-shrink:0}.lauw-toast--error .lauw-toast__dot{background:#fff}.lauw-toast__close{margin-left:4px;width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:inherit;opacity:.6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.lauw-toast__close:hover{opacity:1}@keyframes lauw-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lauw-skeleton{display:block;width:100%;height:14px;border-radius:4px;background:linear-gradient(90deg,var(--sand-200) 0%,var(--sand-100) 50%,var(--sand-200) 100%);background-size:200% 100%;animation:lauw-skeleton-shimmer 1.6s linear infinite}.dark .lauw-skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%}.lauw-skeleton--title{height:24px;border-radius:4px}.lauw-skeleton--circle{border-radius:50%;aspect-ratio:1 / 1;height:auto;width:48px}.lauw-skeleton--block{height:120px;border-radius:4px}@keyframes lauw-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.lauw-skeleton,.lauw-toast{animation:none}}.cs-visual-placeholder--diagram{background:#5572790a;border-color:#5572792e;padding:0;align-items:stretch;justify-content:stretch;overflow:hidden}.cs-visuals-stack{display:flex;flex-direction:column;gap:16px;margin:16px 0 24px}.cs-visuals-stack__item{background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:10px;overflow:hidden;min-height:360px;display:flex}.cs-visuals-stack__placeholder{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;background:linear-gradient(135deg,var(--midnight-800),var(--midnight-700))}.cs-visuals-stack__placeholder-label{font-family:var(--font-mono);font-size:var(--fs-b-xxs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--midnight-200)}@media(prefers-reduced-motion:reduce){.hero,.hero-text>*,.hero-portrait-col,.hero-portrait-divider,.fade-in{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.carousel-track{animation:none!important}.mobile-menu,.menu-overlay{transition:opacity .1s linear!important}html,body{transition:none!important}[data-fade-in]{opacity:1!important;transform:none!important;transition:none!important}.tool-tag,.log-entry-simple,.labs-directory-item,.deployment-card-static{transition:background-color .1s linear,color .1s linear,border-color .1s linear!important}}.cs-hierarchy{position:sticky;top:24px}.cs-hierarchy__col-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--midnight-100);margin:0 0 8px}.cs-tree{font-family:var(--font-mono);font-size:13px;line-height:1.85;background:var(--midnight-800);border:1px solid var(--midnight-700);border-radius:6px;padding:14px 16px}.cs-tree__root{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-accent, var(--orange-400));padding:0 4px 12px;margin-bottom:4px}.cs-tree__row{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:1px 4px;border-radius:3px;color:var(--midnight-200);-webkit-user-select:none;user-select:none}.cs-tree__row--folder{cursor:pointer;color:var(--sand-100);background:transparent;border:0;width:100%;text-align:left;font:inherit}.cs-tree__row--folder:hover{background:var(--midnight-700)}.cs-tree__row--file{padding-left:22px}.cs-tree__filename{grid-column:2}.cs-tree__caret{color:var(--midnight-300);width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;transition:transform .22s ease,color .22s ease}.cs-tree__row--folder:hover .cs-tree__caret{color:var(--sand-100)}.cs-tree__row--folder.is-open .cs-tree__caret{transform:rotate(90deg);color:var(--cs-accent, var(--orange-400))}.cs-tree__children{max-height:0;opacity:0;overflow:hidden;padding-left:18px;transition:max-height .32s ease,opacity .22s ease}.cs-tree__children.is-open{max-height:220px;opacity:1}Behavioral toggle — CUES annotation layer See docs/superpowers/specs/2026-06-06-behavior-toggle-design.md ============================================================ */ .behavior-toggle{position:fixed;bottom:var(--s-3);right:var(--s-3);z-index:60;display:inline-flex;align-items:center;gap:var(--s-1);padding:8px 12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-b-xs);letter-spacing:.08em;cursor:pointer;box-shadow:var(--shadow-md);transition:border-color .15s ease,color .15s ease,transform .15s ease}.behavior-toggle:hover{border-color:var(--accent-color);color:var(--text-color);transform:translateY(-1px)}.behavior-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.behavior-toggle__icon{color:var(--text-secondary)}.behavior-toggle.is-on,.behavior-toggle.is-on .behavior-toggle__icon{color:var(--accent-color);border-color:var(--accent-color)}.behavior-toggle__state{padding:1px 6px;border-radius:999px;background:var(--border-color);color:var(--text-color);font-size:var(--fs-b-xxs);font-weight:var(--fw-bold)}.behavior-toggle.is-on .behavior-toggle__state{background:var(--accent-color);color:var(--surface-color)}.cues-host{position:relative}.cues-annotation{position:absolute;top:var(--s-3);z-index:5;max-width:250px;padding:11px 13px;background:var(--surface-color);color:var(--text-color);border:1.5px dashed var(--sig);border-radius:10px;box-shadow:var(--shadow-md)}.cues-annotation[data-sketched]{border-color:transparent}.cues-annotation--right{right:var(--s-3)}.cues-annotation--left{left:var(--s-3)}@media(min-width:1360px){.cues-annotation{width:240px;max-width:240px}.cues-annotation--right{right:auto;left:100%;margin-left:var(--s-3)}.cues-annotation--left{left:auto;right:100%;margin-right:var(--s-3)}}@media(max-width:768px){.cues-annotation{position:relative;top:auto;width:auto;max-width:100%;margin:var(--s-3) 0 0}.cues-annotation--right,.cues-annotation--left{left:auto;right:auto}}.cues-annotation__sketch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.cues-annotation__sketch path{stroke:var(--sig);fill:none}.cues-annotation__toggle,.cues-annotation__panel{position:relative;z-index:1}.cues-annotation__toggle{display:flex;flex-direction:column;gap:5px;width:100%;padding:0;background:none;border:none;text-align:left;color:inherit;cursor:pointer}.cues-annotation__toggle:focus-visible{outline:2px solid var(--sig);outline-offset:3px;border-radius:6px}.cues-annotation__head{display:flex;align-items:center;gap:7px}.cues-annotation__dot{width:9px;height:9px;border-radius:50%;background:var(--sig);flex:none}.cues-annotation__signal{font-family:var(--font-mono);font-size:var(--fs-b-xxs);letter-spacing:.07em;text-transform:uppercase;font-weight:var(--fw-bold);color:var(--sig-text)}.cues-annotation__intent{font-family:var(--font-main);font-size:var(--fs-b-sm);line-height:var(--lh-b-sm, 1.4)}.cues-annotation__hint{font-family:var(--font-mono);font-size:var(--fs-b-xxs);color:var(--text-secondary)}.cues-annotation__panel{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.cues-annotation__bars{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.cues-bar{display:grid;grid-template-columns:16px 1fr 26px;align-items:center;gap:8px;font-size:var(--fs-b-xxs)}.cues-bar__key{font-family:var(--font-mono);font-weight:var(--fw-bold);color:var(--text-secondary)}.cues-bar.is-dominant .cues-bar__key{color:var(--sig-text)}.cues-bar__track{height:7px;background:var(--cues-bar-track);border-radius:4px;overflow:hidden}.cues-bar__fill{display:block;height:100%;border-radius:4px;background:var(--cues-bar-muted)}.cues-bar.is-dominant .cues-bar__fill{background:var(--sig)}.cues-bar__value{text-align:right;color:var(--text-secondary);font-variant-numeric:tabular-nums}.cues-annotation__princ-label{margin:0 0 7px;font-family:var(--font-mono);font-size:var(--fs-b-xxs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.cues-annotation__principles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.cues-chip{padding:3px 10px;border:1px solid var(--border-color);border-radius:999px;font-size:var(--fs-b-xxs);color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.behavior-toggle{transition:none}.behavior-toggle:hover{transform:none}}