.portfolio-header{justify-content:space-between;align-items:center;gap:var(--space-card-x);padding:var(--space-card-y) calc(var(--space-card-x) * 1.5);border-bottom:1px solid var(--color-border-subtle);background:var(--color-dark-bg);display:flex}.logo-name{font-size:var(--font-size-title);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);color:var(--color-text-primary)}.nav-links-menu{gap:calc(var(--space-card-x) * 1.5);display:flex}.nav-link{color:var(--color-text-secondary);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);letter-spacing:var(--letter-spacing-title);text-transform:uppercase;transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:2px solid #0000;padding-bottom:4px;text-decoration:none}@media (hover:hover){.nav-link:hover{color:var(--color-text-primary)}}.nav-link--active{color:var(--color-accent-blue);border-bottom-color:var(--color-primary-blue)}.portfolio-header--compact{flex-direction:column;align-items:stretch}.compact-row{justify-content:space-between;align-items:center;display:flex}.compact-row__actions{align-items:center;gap:var(--space-inline);display:flex}.compact-row__actions .social-links{padding:0}.hamburger-button{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);cursor:pointer;transition:border-color var(--transition-fast);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}@media (hover:hover){.hamburger-button:hover{border-color:var(--color-primary-blue)}}.hamburger-button__line{background:var(--color-text-primary);width:18px;height:2px}.compact-nav-panel{gap:var(--space-card-x);padding-top:var(--space-card-x);flex-direction:column;display:flex}.nav-links-menu--compact{gap:var(--space-card-y);flex-direction:column}@media (orientation:landscape) and (height<=500px){.compact-nav-panel{flex-direction:row;justify-content:space-between;align-items:center}.nav-links-menu--compact{flex-direction:row}}.icon-labeled-item{font:inherit;text-align:left;cursor:pointer;width:100%;max-width:var(--width-item);min-height:var(--height-item);padding:var(--space-card-y) var(--space-card-x);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);color:var(--color-text-secondary);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:12px;margin:0;display:flex;position:relative}@media (hover:hover){.icon-labeled-item:hover{background:var(--color-card-bg-hover);box-shadow:var(--glow-primary)}.icon-labeled-item:hover .icon-labeled-item__icon{color:var(--color-primary-blue);filter:var(--glow-icon-strong)}}.icon-labeled-item:focus-visible{border-color:var(--color-primary-blue);box-shadow:var(--glow-primary-strong);outline:none}.icon-labeled-item--active{border-color:var(--color-primary-blue);box-shadow:var(--glow-primary-strong)}.icon-labeled-item--active .icon-labeled-item__indicator{transform:scaleY(1)}.icon-labeled-item--active .icon-labeled-item__title{color:var(--color-text-active)}.icon-labeled-item--active .icon-labeled-item__subtitle{color:var(--color-accent-blue)}.icon-labeled-item--active .icon-labeled-item__caption{color:var(--color-text-active)}.icon-labeled-item__indicator{width:var(--width-indicator);background:var(--color-primary-blue);transform-origin:50%;transition:transform var(--transition-fast);border-radius:0 4px 4px 0;position:absolute;top:10px;bottom:10px;left:0;transform:scaleY(0)}.icon-labeled-item__icon{width:var(--size-icon);height:var(--size-icon);color:var(--color-accent-blue);filter:var(--glow-icon);transition:color var(--transition-fast), filter var(--transition-fast);flex:none}.icon-labeled-item--active .icon-labeled-item__icon{color:var(--color-primary-blue);filter:var(--glow-icon-strong)}.icon-labeled-item--icon-only{width:calc(var(--width-icon-rail) - 2 * var(--space-hairline));max-width:calc(var(--width-icon-rail) - 2 * var(--space-hairline));min-height:var(--width-icon-rail);padding:var(--space-card-y) var(--space-hairline);flex-direction:column;justify-content:center;gap:0}.icon-labeled-item--has-caption{gap:var(--space-hairline)}.icon-labeled-item__caption{max-width:100%;font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);letter-spacing:0;text-transform:uppercase;color:var(--color-text-secondary);transition:color var(--transition-fast);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-labeled-item--inline{gap:var(--space-inline);width:auto;max-width:none;min-height:var(--tap-min);padding:0 var(--space-card-x);flex:none}.icon-labeled-item--inline .icon-labeled-item__indicator{display:none}.icon-labeled-item--inline .icon-labeled-item__title{font-size:var(--font-size-subtitle);overflow:visible}.icon-labeled-item__text{flex-direction:column;gap:2px;min-width:0;display:flex}.icon-labeled-item__title{font-size:var(--font-size-title);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);text-transform:uppercase;color:var(--color-text-primary);transition:color var(--transition-fast);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-labeled-item__subtitle{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);color:var(--color-text-secondary);transition:color var(--transition-fast);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-field{align-items:center;display:flex;position:relative}.search-field__icon{left:var(--space-card-x);width:var(--size-icon);height:var(--size-icon);color:var(--color-text-secondary);pointer-events:none;position:absolute}.search-field__input{width:100%;min-height:var(--tap-min);padding:var(--space-card-y) var(--space-card-x) var(--space-card-y) calc(var(--space-card-x) * 2 + var(--size-icon));font:inherit;font-size:var(--font-size-subtitle);color:var(--color-text-primary);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.search-field__input::placeholder{color:var(--color-text-secondary)}.search-field__input:focus-visible{border-color:var(--color-primary-blue);box-shadow:var(--glow-primary);outline:none}.search-field__input::-webkit-search-cancel-button{appearance:none}.collapsible{border-bottom:1px solid var(--color-border-subtle)}.collapsible__header{width:100%;min-height:var(--tap-min);padding:var(--space-card-y) 0;font:inherit;font-size:var(--font-size-subtitle);font-weight:var(--font-weight-title);color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}@media (hover:hover){.collapsible__header:hover{color:var(--color-primary-blue)}}.collapsible__header:focus-visible{color:var(--color-primary-blue);outline:none}.collapsible__chevron{width:var(--size-icon);height:var(--size-icon);color:var(--color-text-secondary);transition:transform var(--transition-fast);flex:none}.collapsible--open .collapsible__chevron{transform:rotate(180deg)}.collapsible__content{gap:var(--space-hairline);padding-bottom:var(--space-card-y);flex-direction:column;display:flex}.filter-checkbox{align-items:center;gap:var(--space-inline);min-height:var(--tap-min);border-radius:var(--radius-card);cursor:pointer;transition:background-color var(--transition-fast);padding:0 4px;display:flex}@media (hover:hover){.filter-checkbox:hover{background:var(--color-card-bg-hover)}}.filter-checkbox input[type=checkbox]{width:var(--size-icon);height:var(--size-icon);accent-color:var(--color-primary-blue);cursor:pointer;flex:none}.filter-checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.filter-checkbox__label{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.filter-checkbox__count{font-size:var(--font-size-subtitle);color:var(--color-text-secondary);flex:none}.filter-panel{gap:var(--space-card-y);padding:0 16px var(--space-card-x);flex-direction:column;display:flex}.filter-panel__header{margin-top:var(--space-hairline);justify-content:space-between;align-items:baseline;display:flex}.filter-panel__title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);text-transform:uppercase;color:var(--color-text-primary)}.filter-panel__clear{font:inherit;font-size:var(--font-size-subtitle);color:var(--color-primary-blue);cursor:pointer;background:0 0;border:none;padding:4px}@media (hover:hover){.filter-panel__clear:hover{color:var(--color-accent-blue)}}.filter-panel__clear:focus-visible{color:var(--color-accent-blue);outline:none}.social-links{gap:var(--space-stack);padding:0 16px;display:flex}.social-links__link{width:var(--size-icon);height:var(--size-icon);min-width:var(--tap-min);min-height:var(--tap-min);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);transition:color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;padding:8px;display:flex}@media (hover:hover){.social-links__link:hover{color:var(--color-primary-blue);border-color:var(--color-primary-blue);box-shadow:var(--glow-primary)}}.portfolio-sidebar-layout{width:calc(var(--width-item) + 32px);padding:var(--space-card-x) 0;border-right:1px solid var(--color-border-subtle);background:var(--color-dark-bg);flex-direction:column;flex:none;display:flex}.sidebar-header{margin:0 16px var(--space-card-y);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);text-transform:uppercase;color:var(--color-accent-blue);margin:0}.filter-button{min-height:var(--tap-min);aspect-ratio:1;background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex:none;justify-content:center;align-items:center;padding:6px;display:flex}.filter-button svg{width:var(--size-icon);height:var(--size-icon)}@media (hover:hover){.filter-button:hover{color:var(--color-primary-blue);border-color:var(--color-primary-blue)}}.filter-button:focus-visible{border-color:var(--color-primary-blue);box-shadow:var(--glow-primary);outline:none}.filter-button--active{color:var(--color-primary-blue);border-color:var(--color-primary-blue);box-shadow:var(--glow-primary)}.sidebar-no-results{margin:var(--space-card-x) 16px;padding:var(--space-card-x);font-size:var(--font-size-subtitle);color:var(--color-text-secondary);text-align:center;background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card)}.touch-scroll-list{flex:1;overflow-y:auto}.touch-scroll-list li{list-style:none}.sidebar-footer-block{margin-top:var(--space-card-x)}.project-list{gap:var(--space-stack);background:var(--color-dark-bg);border-radius:var(--radius-card);flex-direction:column;margin:0;padding:16px;list-style:none;display:flex}.sidebar-rail{width:var(--width-icon-rail);padding:var(--space-card-x) 0;border-right:1px solid var(--color-border-subtle);background:var(--color-dark-bg);flex-direction:column;flex:none;align-items:center;display:flex;position:relative}.sidebar-rail__filter-button{width:calc(var(--width-icon-rail) - 2 * var(--space-hairline));aspect-ratio:1;margin-bottom:var(--space-hairline);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex:none;justify-content:center;align-items:center;display:flex}.sidebar-rail__filter-button svg{width:var(--size-icon);height:var(--size-icon)}@media (hover:hover){.sidebar-rail__filter-button:hover{color:var(--color-primary-blue);border-color:var(--color-primary-blue)}}.sidebar-rail__filter-button:focus-visible{border-color:var(--color-primary-blue);box-shadow:var(--glow-primary);outline:none}.sidebar-rail__filter-button--active{color:var(--color-primary-blue);border-color:var(--color-primary-blue);box-shadow:var(--glow-primary)}.sidebar-rail__filter-popover{top:var(--space-card-x);left:calc(100% + var(--space-hairline));z-index:3;width:var(--width-item);padding-top:var(--space-card-y);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--glow-primary);position:absolute}.sidebar-rail-no-results{margin:0 var(--space-hairline);padding:var(--space-hairline);font-size:var(--font-size-subtitle);color:var(--color-text-secondary);text-align:center}.sidebar-rail-project-list{padding:0 var(--space-hairline);align-items:center;gap:var(--space-hairline);flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.sidebar-rail-project-list li{list-style:none}.sidebar-rail-footer-block{margin-top:var(--space-card-x)}.sidebar-rail-footer-block .social-links{flex-direction:column;padding:0}.project-strip{align-items:center;gap:var(--space-inline);padding:var(--space-hairline) 0 var(--space-hairline) var(--space-card-x);border-bottom:1px solid var(--color-border-subtle);background:var(--color-dark-bg);flex:none;display:flex;position:relative}.project-strip__filter-button{width:var(--tap-min);height:var(--tap-min);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex:none;justify-content:center;align-items:center;display:flex}.project-strip__filter-button svg{width:var(--size-icon);height:var(--size-icon)}@media (hover:hover){.project-strip__filter-button:hover{color:var(--color-primary-blue);border-color:var(--color-primary-blue)}}.project-strip__filter-button:focus-visible{border-color:var(--color-primary-blue);box-shadow:var(--glow-primary);outline:none}.project-strip__filter-button--active{color:var(--color-primary-blue);border-color:var(--color-primary-blue);box-shadow:var(--glow-primary)}.project-strip__filter-popover{top:100%;left:var(--space-card-x);z-index:4;width:var(--width-item);max-height:60dvh;padding-top:var(--space-card-y);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--glow-primary);position:absolute;overflow-y:auto}.project-strip-list{align-items:center;gap:var(--space-inline);min-width:0;padding:var(--space-hairline) var(--tap-min) var(--space-hairline) var(--space-hairline);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--tap-min)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--tap-min)), transparent);flex:1;margin:0;list-style:none;display:flex;overflow-x:auto}.project-strip-list::-webkit-scrollbar{display:none}.project-strip-list li{flex:none;list-style:none}.project-strip-no-results{font-size:var(--font-size-subtitle);color:var(--color-text-secondary);margin:0}.project-detail-panel{z-index:2;max-width:340px;padding:var(--space-card-x);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:relative}.project-detail-panel *{pointer-events:auto}.project-detail-label{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);text-transform:uppercase;color:var(--color-primary-blue)}.project-detail-title{font-size:var(--font-size-display);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);color:var(--color-text-primary);text-transform:uppercase;margin:0;line-height:1.05}.project-detail-text{color:var(--color-text-secondary);font-size:var(--font-size-title);margin:0;line-height:1.5}.project-detail-actions{align-self:flex-start;align-items:center;gap:var(--space-card-x);flex-wrap:wrap;margin-top:4px;display:flex}.project-detail-action-button{padding:var(--space-card-y) var(--space-card-x);border:1px solid var(--color-primary-blue);border-radius:var(--radius-card);color:var(--color-text-active);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);background:0 0}.project-detail-action-button--secondary{color:var(--color-text-secondary);border-color:#0000}@media (hover:hover){.project-detail-action-button:hover{background:var(--color-card-bg-hover);box-shadow:var(--glow-primary)}.project-detail-action-button--secondary:hover{box-shadow:none;color:var(--color-text-active);background:0 0}}.project-detail-panel--detail{max-width:380px;max-height:calc(100% - var(--space-card-x) * 2);overflow-y:auto}.project-detail-text--long{font-size:var(--font-size-subtitle)}@media (width<=767px){.project-detail-panel{z-index:2;background:linear-gradient(to top, var(--color-dark-bg) 60%, transparent);max-width:none;max-height:45%;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.project-detail-panel--detail{max-width:none;max-height:calc(100% - var(--space-card-x) * 2)}}.viewer-container-2d{position:relative}.static-preview-image,.pending-preview-image{object-fit:contain;width:100%;height:100%}.pending-preview-image{background:var(--color-card-bg);border-radius:var(--radius-card)}.power-save-badge{bottom:var(--space-card-x);right:var(--space-card-x);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--font-size-subtitle);border-radius:999px;padding:6px 12px;position:absolute}.viewer-container{flex:1;min-width:0;min-height:480px;position:relative}.viewer-container canvas,.viewer-container .viewer-container-2d{width:100%;height:100%;display:block}.viewer-loading{height:100%;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.tech-stack-panel{width:220px;padding:var(--space-card-x);flex:none}.tech-stack-title{margin:0 0 var(--space-card-y);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);text-transform:uppercase;color:var(--color-accent-blue)}.tech-chips-list{flex-wrap:wrap;gap:8px;display:flex}.tech-stack-collapsible{position:relative}.tech-stack-collapsible__button{min-height:var(--tap-min);border-radius:var(--radius-card);border:1px solid var(--color-border-subtle);background:var(--color-card-bg);color:var(--color-text-secondary);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-title);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);padding:6px 12px}@media (hover:hover){.tech-stack-collapsible__button:hover{color:var(--color-primary-blue);border-color:var(--color-primary-blue)}}.tech-stack-collapsible[aria-expanded=true] .tech-stack-collapsible__button,.tech-stack-collapsible__button[aria-expanded=true]{color:var(--color-primary-blue);border-color:var(--color-primary-blue)}.tech-stack-collapsible__panel{top:calc(100% + var(--space-hairline));z-index:3;width:max-content;max-width:240px;padding:var(--space-card-x);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--glow-primary);position:absolute;right:0}.section-projects{height:100%;display:flex;overflow:hidden}.projects-content{flex:1;min-width:0;display:flex;position:relative}.viewer-controls-row{top:var(--space-card-x);right:var(--space-card-x);z-index:3;align-items:flex-start;gap:var(--space-card-y);display:flex;position:absolute}.visual-mode-button{min-height:var(--tap-min);border-radius:var(--radius-card);border:1px solid var(--color-primary-blue);color:var(--color-text-active);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast);background:0 0;flex:none;padding:6px 12px}@media (hover:hover){.visual-mode-button:hover{background:var(--color-card-bg-hover);box-shadow:var(--glow-primary)}}.projects-content .viewer-container{width:100%}@media (width>=768px){.projects-content .project-detail-panel{top:var(--space-card-x);left:var(--space-card-x);position:absolute}}@media (orientation:landscape) and (height<=500px){.section-projects{flex-direction:column}.projects-content{min-height:0}.projects-content .project-detail-panel{width:calc(var(--width-item) + var(--space-card-x) * 2);border-right:1px solid var(--color-border-subtle);background:0 0;flex:none;max-width:none;max-height:none;position:relative;inset:auto;overflow-y:auto}.projects-content .project-detail-title{font-size:var(--font-size-heading);overflow-wrap:break-word}.projects-content .viewer-container{min-height:0}}.profile-section{padding:calc(var(--space-card-x) * 2);justify-content:center;display:flex}.profile-card{width:100%;max-width:720px;padding:calc(var(--space-card-x) * 1.5);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card)}.profile-section-title{margin:0 0 var(--space-card-x);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);text-transform:uppercase;color:var(--color-primary-blue)}.profile-greeting{margin:0 0 var(--space-card-x);font-size:var(--font-size-heading);font-weight:var(--font-weight-title);color:var(--color-text-active);flex-direction:column;gap:4px;display:flex}.profile-role{font-size:var(--font-size-title);font-weight:var(--font-weight-subtitle);color:var(--color-text-secondary)}.profile-paragraph{margin:0 0 var(--space-card-y);color:var(--color-text-secondary);animation:stagger-in var(--duration-medium) var(--easing-out) calc(.12s + var(--i) * var(--stagger-step)) backwards;line-height:1.6}.profile-tech-focus{margin-top:var(--space-card-x);flex-wrap:wrap;gap:8px;display:flex}.expertise-section{padding:calc(var(--space-card-x) * 2);max-width:1100px;margin:0 auto}.expertise-section-title{margin:0 0 calc(var(--space-card-x) * 1.5);font-size:var(--font-size-heading);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);text-transform:uppercase;color:var(--color-text-active)}.expertise-grid{gap:var(--space-card-x);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));display:grid}.expertise-card{padding:var(--space-card-x);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);animation:stagger-in var(--duration-medium) var(--easing-out) calc(.12s + var(--i) * var(--stagger-step)) backwards}.expertise-card-title{margin:0 0 var(--space-card-y);font-size:var(--font-size-title);color:var(--color-accent-blue)}.expertise-card-items{flex-wrap:wrap;gap:8px;display:flex}.roles-section{padding:calc(var(--space-card-x) * 2);max-width:900px;margin:0 auto}.roles-section-title{margin:0 0 calc(var(--space-card-x) * 1.5);font-size:var(--font-size-heading);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);text-transform:uppercase;color:var(--color-text-active)}.roles-list{gap:var(--space-card-x);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.role-card{padding:var(--space-card-x);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);animation:stagger-in var(--duration-medium) var(--easing-out) calc(.12s + var(--i) * var(--stagger-step)) backwards}.role-title{margin:0 0 var(--space-card-y);font-size:var(--font-size-title);color:var(--color-accent-blue)}.role-responsibilities{margin:0 0 var(--space-card-y);color:var(--color-text-secondary);font-size:var(--font-size-subtitle);flex-direction:column;gap:4px;padding-left:18px;line-height:1.5;display:flex}.role-technologies{flex-wrap:wrap;gap:8px;display:flex}