.stratigraphic-diagram{max-width:1000px;padding:var(--space-md);margin:0 auto;position:relative}.stratigraphic-diagram--parallax{max-width:100%;padding:0}.stratigraphic-diagram__viewport{height:100vh;padding:var(--space-lg);justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.stratigraphic-diagram__track{width:100%;max-width:900px;padding-top:var(--space-xl);will-change:transform;position:relative}.stratigraphic-diagram--parallax .stratigraphic-diagram__layers{gap:var(--space-md);flex-direction:column;width:100%;display:flex;position:relative}.stratigraphic-diagram__progress{top:50%;gap:var(--space-xs);z-index:100;flex-direction:column;display:flex;position:fixed;inset-inline-end:var(--space-md);transform:translateY(-50%)}.stratigraphic-diagram__progress-dot{border:2px solid var(--border-color);background-color:var(--color-bg-card);width:12px;height:12px;transition:all .3s}.stratigraphic-diagram__progress-dot--active{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);box-shadow:0 0 10px var(--color-accent-primary)}.stratigraphic-diagram__layers{gap:var(--space-md);flex-direction:column;display:flex}.stratigraphic-layer{background-color:var(--color-bg-card);border:2px solid var(--border-color);box-shadow:4px 4px 0px var(--color-accent-secondary);will-change:transform,opacity,filter;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.stratigraphic-layer:hover{box-shadow:6px 6px 0px var(--color-accent-secondary);transform:translate(-2px,-2px)}.stratigraphic-layer--active{border-color:var(--color-accent-primary);box-shadow:6px 6px 0px var(--color-accent-primary),0 0 20px #00e0ff33}.stratigraphic-layer__header{border-block-end:2px solid var(--border-color);align-items:stretch;display:flex}.stratigraphic-layer--active .stratigraphic-layer__header{border-block-end-color:var(--color-accent-primary)}.stratigraphic-layer__phase-number{min-width:60px;padding:var(--space-sm);background-color:var(--color-bg-card-header);border-inline-end:2px solid var(--border-color);font-family:var(--font-heading);color:var(--color-text-on-dark);justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.stratigraphic-layer--active .stratigraphic-layer__phase-number{background-color:var(--color-accent-primary);border-inline-end-color:var(--color-accent-primary);color:var(--color-text-primary)}.stratigraphic-layer__title-area{padding:var(--space-sm)var(--space-md);flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.stratigraphic-layer__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-primary);margin:0;font-size:16px;font-weight:700}.stratigraphic-layer__duration{padding:var(--space-sm)var(--space-md);border-inline-start:2px solid var(--border-color);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);white-space:nowrap;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.stratigraphic-layer--active .stratigraphic-layer__duration{border-inline-start-color:var(--color-accent-primary);color:var(--color-accent-primary)}.stratigraphic-layer__body{padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.stratigraphic-layer__description{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text-primary);margin:0;line-height:1.6}.stratigraphic-layer__deliverables{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.stratigraphic-layer__deliverable{background-color:var(--color-bg-primary);border:1px solid var(--border-color);font-family:var(--font-body);color:var(--color-text-secondary);align-items:center;padding:6px 12px;font-size:12px;display:inline-flex}.stratigraphic-layer__footer{border-block-start:2px solid var(--border-color);display:flex}.stratigraphic-layer--active .stratigraphic-layer__footer{border-block-start-color:var(--color-accent-primary)}.stratigraphic-layer__cost{align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);background-color:var(--color-bg-card-header);font-family:var(--font-body);font-size:13px;display:flex}.stratigraphic-layer__cost-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-on-dark);font-weight:700}.stratigraphic-layer__cost-value{color:var(--color-text-on-dark);font-weight:500}@media (max-width:768px){.stratigraphic-diagram{padding:var(--space-sm)}.stratigraphic-diagram__viewport{padding:var(--space-md)}.stratigraphic-diagram__layers{gap:var(--space-sm)}.stratigraphic-diagram__progress{inset-inline-end:var(--space-xs)}.stratigraphic-diagram__progress-dot{width:8px;height:8px}.stratigraphic-layer__header{flex-wrap:wrap}.stratigraphic-layer__phase-number{min-width:50px;padding:var(--space-xs)var(--space-sm);font-size:20px}.stratigraphic-layer__title-area{min-width:150px;padding:var(--space-xs)var(--space-sm);flex:1}.stratigraphic-layer__title{font-size:14px}.stratigraphic-layer__duration{border-inline-start:none;border-block-start:1px solid var(--border-color);width:100%;padding:var(--space-xs)var(--space-sm);justify-content:flex-start}.stratigraphic-layer--active .stratigraphic-layer__duration{border-block-start-color:var(--color-accent-primary)}.stratigraphic-layer__body{padding:var(--space-sm);gap:var(--space-sm)}.stratigraphic-layer__description{font-size:14px}.stratigraphic-layer__deliverables{gap:6px}.stratigraphic-layer__deliverable{padding:4px 8px;font-size:11px}.stratigraphic-layer__cost{padding:var(--space-xs)var(--space-sm);font-size:12px}}@media (prefers-reduced-motion:reduce){.stratigraphic-layer{will-change:auto;transition:none}.stratigraphic-layer:hover{transform:none}.stratigraphic-diagram__progress-dot{transition:none}}
.compact-deliverables{flex-direction:column;width:100%;display:flex}.compact-deliverables__list{gap:var(--space-xs);padding:var(--space-xs);flex-direction:column;display:flex}.compact-deliverables__item{padding:var(--space-xs)var(--space-sm);border:var(--border-width)solid var(--border-color);background-color:var(--color-bg-primary);font-family:var(--font-body);font-size:var(--font-size-label);align-items:center;line-height:1.4;transition:transform .2s,box-shadow .2s;display:flex}.compact-deliverables__item:before{content:"←";color:var(--color-accent-primary);margin-inline-end:var(--space-xs);font-weight:700}[dir=rtl] .compact-deliverables__item:before{content:"→"}.compact-deliverables__item:hover{box-shadow:2px 2px 0px var(--border-color);transform:translate(-1px,-1px)}.compact-deliverables__label{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:500}@media (max-width:768px){.compact-deliverables__item{padding:var(--space-xs);font-size:10px}}