.engagement-section{background-color:var(--svc-bg);transition:background-color .5s ease;padding:80px 0}.engagement-grid{display:grid;grid-template-columns:1fr;border-top:1px solid var(--svc-border);border-left:1px solid var(--svc-border);margin-top:60px}.engagement-card{padding:24px;border-right:1px solid var(--svc-border);border-bottom:1px solid var(--svc-border);transition:background-color .2s ease;display:flex;flex-direction:column}.engagement-card:hover{background-color:var(--svc-hover-light)}[data-theme=dark] .engagement-card:hover{background-color:var(--svc-hover-dark)}.engagement-num{font:500 10px monospace;letter-spacing:.1em;color:var(--fg-muted);border:1px solid var(--svc-border);padding:2px 6px;width:-moz-fit-content;width:fit-content;margin-bottom:16px}.engagement-title{font:700 23px/1.2 var(--font-sans);color:var(--fg)}.engagement-sub{font:500 11px monospace;text-transform:uppercase;letter-spacing:.1em;color:#ef4444;margin-top:8px}.engagement-body{font:400 15px/1.6 var(--font-sans);color:var(--fg-muted);margin-top:18px;flex-grow:1}.engagement-list{margin-top:24px;padding-top:24px;border-top:1px solid var(--svc-border);display:flex;flex-direction:column;gap:12px}.engagement-list li{display:flex;align-items:flex-start;gap:10px;font:400 14px/1.5 var(--font-sans);color:var(--fg-muted)}.engagement-list li svg{margin-top:4px;color:#ef4444}@media (min-width:768px){.engagement-grid{grid-template-columns:repeat(2,1fr)}}.flash-overlay{inset:0;background:rgba(10,10,30,.9);z-index:2147483640;animation:bg-fade 1.5s ease-out forwards}.flash-overlay,.lightning{position:fixed;pointer-events:none;opacity:0}.lightning{top:0;left:50%;transform:translateX(-50%);width:8px;height:100vh;background:#fff;z-index:2147483647;clip-path:polygon(50% 0,100% 20%,20% 40%,90% 60%,10% 80%,50% 100%,60% 100%,20% 80%,100% 60%,30% 40%,110% 20%);filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #00d4ff) drop-shadow(0 0 30px #00d4ff);animation:strike 1.5s ease-out forwards}@keyframes bg-fade{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes strike{0%{opacity:0}15%{opacity:1;transform:translateX(-50%) translateY(0)}25%{opacity:.7}40%{opacity:1}50%{opacity:0}to{opacity:0}}#work{background-color:#f7f4eb;transition:background-color .5s ease}[data-theme=dark] #work{background-color:#05080f}.portfolio-grid{display:grid;grid-template-columns:1fr;border-top:1px solid var(--svc-border);border-left:1px solid var(--svc-border)}.portfolio-tabs{border-right:1px solid var(--svc-border)}.portfolio-tabs,.tab-btn{display:flex;flex-direction:column}.tab-btn{padding:32px;text-align:left;border-bottom:1px solid var(--svc-border);transition:all .2s ease;gap:8px;position:relative}.tab-btn[aria-selected=true]{background:color-mix(in srgb,var(--fg) 5%,transparent)}.tab-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.tab-btn[aria-selected=true]:before{background:#ef4444}.portfolio-panel{padding:40px;border-bottom:1px solid var(--svc-border)}@media (min-width:1024px){.portfolio-grid{grid-template-columns:320px 1fr}}#process{background-color:#fcfbfa;transition:background-color .3s ease;position:relative}[data-theme=dark] #process{background-color:#030a13}.proc-bg-overlay{position:absolute;top:10%;width:45%;height:75%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;transition:transform .6s cubic-bezier(.25,1,.5,1),opacity .3s ease}.proc-bg-left{left:-5%;opacity:.04}.proc-bg-right{right:-5%;opacity:.03}[data-theme=dark] .proc-bg-left{opacity:.015}[data-theme=dark] .proc-bg-right{opacity:.012}#process:hover .proc-bg-left{transform:translate(10px,-5px) scale(1.02)}#process:hover .proc-bg-right{transform:translate(-10px,5px) scale(1.02)}#process .frame{position:relative;z-index:2}.proc-title{color:#1a1510;transition:color .3s ease}[data-theme=dark] .proc-title{color:#fff}.proc-desc{color:#4a3f35}[data-theme=dark] .proc-desc{color:#94a3b8}.timeline-axis-bg{position:absolute;top:0;bottom:0;left:20px;width:2px;background-color:#d1c7bd}[data-theme=dark] .timeline-axis-bg{background-color:#1e293b}.timeline-axis-fill{position:absolute;top:0;left:20px;width:2px;background-color:#1a1510;transition:height .5s cubic-bezier(.25,1,.5,1)}[data-theme=dark] .timeline-axis-fill{background-color:#ef4444;box-shadow:0 0 12px #ef4444,0 0 4px #ef4444}.timeline-marker{position:absolute;left:16px;top:10px;width:10px;height:10px;z-index:10;background-color:#fcfbfa;border:2px solid #8b7a6b;transform:rotate(45deg);transition:all .3s cubic-bezier(.25,1,.5,1)}[data-theme=dark] .timeline-marker{background-color:#030a13;border-color:#475569}.timeline-marker.marker-filled{background-color:#1a1510;border-color:#1a1510;transform:rotate(45deg) scale(1.3)}[data-theme=dark] .timeline-marker.marker-filled{background-color:#ef4444;border-color:#ef4444;box-shadow:0 0 12px #ef4444}[data-theme=dark] .proc-bg-overlay{color:#475569}[data-theme=dark] .proc-bg-left{opacity:.15}[data-theme=dark] .proc-bg-right{opacity:.12}@media (min-width:1024px){.timeline-axis-bg,.timeline-axis-fill{left:50%;transform:translateX(-50%)}.timeline-marker{left:50%;top:10px;transform:translateX(-50%) rotate(45deg)}.timeline-marker.marker-filled{transform:translateX(-50%) rotate(45deg) scale(1.3)}}:root{--svc-border:#d1c7bd;--svc-hover-light:rgba(26,21,16,.03)}[data-theme=dark]{--svc-border:#1e293b;--svc-hover-dark:hsla(0,0%,100%,.02)}.services-section{background-color:#f7f4eb;transition:background-color .3s ease}[data-theme=dark] .services-section{background-color:#05080f}.services-grid{display:grid;grid-template-columns:1fr;border-top:1px solid var(--svc-border);border-left:1px solid var(--svc-border);margin-top:60px}.service-card{padding:24px 16px;border-right:1px solid var(--svc-border);border-bottom:1px solid var(--svc-border);transition:background-color .2s ease}@media (min-width:768px){.service-card{padding:40px}}.service-card:hover{background-color:var(--svc-hover-light)}[data-theme=dark] .service-card:hover{background-color:var(--svc-hover-dark)}.service-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--fg);color:var(--fg);margin-bottom:24px;transition:all .2s ease}.service-card:hover .service-icon-wrapper{background-color:var(--fg);color:var(--bg)}[data-theme=dark] .service-card:hover .service-icon-wrapper{background-color:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 0 12px rgba(239,68,68,.4)}.service-card-title{font:700 19px/1.2 var(--font-sans);letter-spacing:-.01em;color:var(--fg)}.service-card-stack{font:500 11px/1.5 monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);margin-top:6px}.service-card-body{font:400 14.5px/1.6 var(--font-sans);color:var(--fg-muted);margin-top:16px;max-width:42ch}.service-feature-row{grid-column:1/-1;display:grid;padding:24px 16px;border-right:1px solid var(--svc-border);border-bottom:1px solid var(--svc-border);position:relative;gap:24px}@media (min-width:768px){.service-feature-row{padding:40px}}.service-feature-row:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background-color:var(--fg)}[data-theme=dark] .service-feature-row:before{background-color:#ef4444}.service-feature-badge{font:700 11px/1 monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);border:1px solid var(--fg);padding:6px 14px;width:-moz-fit-content;width:fit-content}[data-theme=dark] .service-feature-badge{color:#ef4444;border-color:#ef4444;background:rgba(239,68,68,.05)}@media (min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}.service-feature-row{grid-template-columns:40px 1fr auto;align-items:center}}