.scrollytelling{position:relative;width:100%}.scrollytelling-hero{position:relative;width:100%;min-height:100vh;overflow:hidden}.scrollytelling-hero__image{display:block;width:100%;height:100vh;object-fit:cover;object-position:center top}.scrollytelling-hero__text{position:absolute;bottom:var(--space-8);right:0;width:min(76rem,80vw);aspect-ratio:4 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f9f7f2d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:var(--space-8);border-radius:var(--radius-lg)}.scrollytelling-hero__label{display:block;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.scrollytelling-hero__title{font-family:var(--font-heading);font-size:clamp(2.5rem,2rem + 3vw,4.5rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}.scrollytelling__narrative{max-width:96rem;margin:0 auto;padding:var(--space-8) var(--space-6)}.scrollytelling__spacer{height:15vh}.scrollytelling__days{position:relative;display:flex;flex-direction:column;gap:6rem}.scrollytelling__route-line{position:absolute;left:0;top:0;bottom:0;width:100%;pointer-events:none;z-index:0}.route-svg{width:100%;height:100%}.route-svg__base{fill:none;stroke:#333;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:12 6 8 6 14 6 10 6}.route-pin{position:absolute;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.route-pin__label{font-family:var(--font-heading);font-size:13px;font-weight:var(--weight-bold);line-height:1}.route-pin__label{color:var(--color-action-red)}.route-pin__dot{width:14px;height:14px;border-radius:50%;background:#00a854;border:2.5px solid var(--color-bg);box-shadow:0 0 0 2px #00a854}.route-pin__dot--a{width:28px;height:28px;background:var(--color-action-red);box-shadow:0 0 0 3px var(--color-action-red)}.route-pin--a .route-pin__label{font-size:16px}.route-pin__dot--b{width:18px;height:18px;background:var(--color-action-red);box-shadow:0 0 0 2px var(--color-action-red)}.narrative-card{--shift-x: 0px;padding:var(--space-10) 0;opacity:.25;transform:translate(var(--shift-x)) translateY(12px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);position:relative;z-index:1}.narrative-card[data-beat="1"]{opacity:1;transform:translate(var(--shift-x)) translateY(0)}.narrative-card[data-beat="1"] .narrative-card__headline{white-space:pre-line}.narrative-card--active{opacity:1;transform:translate(var(--shift-x)) translateY(0)}.narrative-card__beat-num{display:inline-block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.narrative-card__headline{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4);color:var(--color-text)}.narrative-card__supporting{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.narrative-card:not(.narrative-card--day):not(.narrative-card--summary){max-width:38rem}.narrative-card:not(.narrative-card--day):not(.narrative-card--summary) .narrative-card__headline{font-size:2.5rem}.narrative-card--day{display:grid;grid-template-columns:38rem 1fr 32rem;align-items:start;position:relative;z-index:1;background:var(--color-bg);padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);overflow:visible}.narrative-card--day .narrative-card__left{grid-column:1}.narrative-card--day .narrative-card__right{grid-column:3;align-self:center}.narrative-card--day .narrative-card__headline{font-size:var(--text-3xl)}.narrative-card--day .narrative-card__supporting{max-width:none;font-size:var(--text-lg)}.narrative-card__day-metrics{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.narrative-card__metric-item{display:flex;align-items:center;gap:var(--space-2)}.narrative-card__metric-icon{width:20px;height:20px;color:#00a854;flex-shrink:0}.narrative-card__metric-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);font-variant-numeric:tabular-nums}.narrative-card__metric-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.narrative-card__right{display:flex;flex-direction:column;gap:var(--space-3)}.case-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:2px 2px 0 0 var(--color-border);transition:box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.case-card[open]{border-color:var(--color-route);box-shadow:3px 3px 0 0 var(--color-route-light)}.case-card__header{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;list-style:none;user-select:none}.case-card__header-top{display:flex;align-items:center;gap:var(--space-3)}.case-card__header::-webkit-details-marker{display:none}.case-card__chevron{display:inline-block;width:6px;height:6px;border-right:1.5px solid var(--color-text-secondary);border-bottom:1.5px solid var(--color-text-secondary);transform:rotate(-45deg);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.case-card[open] .case-card__chevron{transform:rotate(45deg)}.case-card__title{flex:1;font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text);line-height:var(--leading-normal);white-space:nowrap}.case-card__hrs{flex-shrink:0;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-route);font-variant-numeric:tabular-nums;padding:1px 6px;background:#1a2e1a0f;border-radius:var(--radius-sm)}.case-card__role{flex-shrink:0;font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;background:var(--color-surface-hover);border-radius:var(--radius-sm)}.case-card__body{padding:0 var(--space-4) var(--space-4)}.case-card__comparison{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-sm)}.case-card__metric{display:flex;flex-direction:column;gap:2px;flex:1}.case-card__metric-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.case-card__metric-value{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.case-card__metric--before .case-card__metric-value{color:var(--color-text-secondary);text-decoration:line-through;text-decoration-color:var(--color-action-red)}.case-card__metric--after .case-card__metric-value{color:var(--color-route)}.case-card__arrow{color:var(--color-text-secondary);font-size:var(--text-lg);flex-shrink:0}.case-card__content{max-height:24rem;overflow-y:auto;padding-right:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.case-card__content h2{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text);margin:var(--space-4) 0 var(--space-2)}.case-card__content h2:first-child{margin-top:0}.case-card__content h3{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin:var(--space-3) 0 var(--space-1)}.case-card__content h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin:var(--space-2) 0 var(--space-1)}.case-card__content p{margin:0 0 var(--space-2)}.case-card__content ul,.case-card__content ol{margin:0 0 var(--space-2);padding-left:var(--space-5)}.case-card__content li{margin-bottom:var(--space-1)}.case-card__content strong{color:var(--color-text);font-weight:var(--weight-semibold)}.case-card__content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.case-card__content table{width:100%;border-collapse:collapse;font-size:var(--text-xs);margin:var(--space-2) 0}.case-card__content th,.case-card__content td{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);text-align:left}.case-card__content th{background:var(--color-surface-hover);font-weight:var(--weight-semibold);color:var(--color-text)}.case-card__content pre{background:var(--color-surface-hover);padding:var(--space-3);border-radius:var(--radius-sm);overflow-x:auto;font-size:var(--text-xs);margin:var(--space-2) 0}.case-card__content code{font-size:.9em;background:var(--color-surface-hover);padding:1px 4px;border-radius:2px}.case-card__content pre code{background:none;padding:0}.case-card__content blockquote{border-left:3px solid var(--color-border);padding-left:var(--space-3);color:var(--color-text-secondary);margin:var(--space-2) 0}.case-card__content::-webkit-scrollbar{width:4px}.case-card__content::-webkit-scrollbar-track{background:transparent}.case-card__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.narrative-card--summary{max-width:none;padding-top:var(--space-16);opacity:1;transform:translate(var(--shift-x)) translateY(0)}.narrative-card__summary-header{margin-bottom:var(--space-8)}.narrative-card--summary .narrative-card__headline{font-size:var(--text-3xl);margin-bottom:0}.narrative-card__summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.narrative-card__stat{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid #00A854;border-radius:var(--radius-md);padding:var(--space-6) var(--space-5);box-shadow:2px 2px 0 0 var(--color-border)}.narrative-card__stat-value{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:1;color:var(--color-text)}.narrative-card__stat-label{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-normal)}@media(max-width:767px){.scrollytelling-hero{min-height:auto}.scrollytelling-hero__image{height:50vh}.scrollytelling-hero__text{position:relative;top:auto;right:auto;transform:none;max-width:none;padding:var(--space-6) var(--space-4);background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}.scrollytelling-hero__title{font-size:var(--text-2xl)}.scrollytelling-hero__label{font-size:var(--text-sm)}.scrollytelling__narrative{padding:var(--space-4)}.scrollytelling__spacer{height:var(--space-8)}.scrollytelling__days{gap:var(--space-8)}.scrollytelling__route-line,.route-pin{display:none}.narrative-card{--shift-x: 0px !important;opacity:1;transform:none;padding:var(--space-4) 0;border-left:3px solid var(--color-border);padding-left:var(--space-4)}.narrative-card[data-beat="1"]{transform:none}.narrative-card--active{border-left-color:var(--color-route);transform:none}.narrative-card--day{grid-template-columns:1fr;gap:var(--space-4);background:none;padding:var(--space-4) 0 var(--space-4) var(--space-4)}.narrative-card--day .narrative-card__left,.narrative-card--day .narrative-card__right{grid-column:auto}.narrative-card__headline{font-size:var(--text-2xl)}.narrative-card__day-metrics{flex-wrap:wrap;gap:var(--space-4)}.narrative-card__metric-value{font-size:var(--text-lg)}.narrative-card--summary{transform:none;padding-top:var(--space-8);border-left:none}.narrative-card__summary-header{margin-bottom:var(--space-5)}.narrative-card--summary .narrative-card__headline{font-size:var(--text-2xl)}.narrative-card__summary-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.narrative-card__stat{padding:var(--space-4) var(--space-3)}.narrative-card__stat-value{font-size:var(--text-2xl)}.narrative-card:not(.narrative-card--day):not(.narrative-card--summary) .narrative-card__headline{font-size:var(--text-2xl)}.case-card__content{max-height:16rem}}.project[data-astro-cid-asohsvh6]{padding:var(--space-16) 0}.project__header[data-astro-cid-asohsvh6]{margin-bottom:var(--space-10);max-width:var(--content-narrow)}.project__category[data-astro-cid-asohsvh6]{display:inline-block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-action-red);margin-bottom:var(--space-3)}.project__desc[data-astro-cid-asohsvh6]{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--color-text-secondary)}.project__content[data-astro-cid-asohsvh6]{max-width:var(--content-narrow);line-height:var(--leading-relaxed)}