.timeline{--timeline-line: color-mix(in srgb, var(--text-color) 20%, transparent);--timeline-soft-line: color-mix(in srgb, var(--text-color) 12%, transparent);--timeline-label-width: 6.5rem;--timeline-year-width: 17rem;--timeline-featured-tint: color-mix( in srgb, var(--contrast-color) 12%, transparent )}.timeline-intro.case-section{padding:2rem 0 3rem}.timeline-intro .case-container{display:flex;flex-direction:column;gap:1.5rem}.timeline-lead-wide{display:none}@media only screen and (min-width: 700px){.timeline-lead-wide{display:inline}.timeline-lead-narrow{display:none}}.timeline-lead{margin:0;max-width:44rem;font-size:1.25rem;font-weight:500;line-height:1.55}.timeline-dot{display:inline-block;flex-shrink:0;width:.625rem;height:.625rem;border-radius:50%;background-color:var(--contrast-color)}.timeline-now-label{display:inline-flex;align-items:center;gap:.625rem}.timeline-now-tags{all:unset;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.timeline-now-tags li{list-style:none}.timeline-now-tag{padding:.375rem .875rem;border:0;background-color:color-mix(in srgb,currentColor 15%,transparent);color:inherit;font:inherit;font-size:var(--font-size-small);cursor:pointer}.timeline-now-tag:hover{background-color:color-mix(in srgb,currentColor 25%,transparent)}.timeline-now-tag:focus-visible{outline:2px solid currentColor;outline-offset:3px}.timeline-help{display:none;margin:0;font-size:var(--font-size-small);opacity:.7}.timeline-overview-head{margin-bottom:1.5rem}.timeline-year-jump{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.timeline-year-jump a{padding:.5rem .875rem;background-color:color-mix(in srgb,var(--text-color) 8%,transparent);font-size:var(--font-size-small);font-weight:500;text-decoration:none}.timeline-year-jump a:focus-visible,.timeline-bar:focus-visible{outline:2px solid var(--text-color);outline-offset:3px}.timeline-toolbar{display:none;margin-bottom:1.5rem}.timeline-chart-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-inline:.75rem}.timeline-steps{display:flex;align-items:center;margin-left:-.5rem}.timeline-steps-label{min-width:5.5rem;font-size:var(--font-size-small);text-align:center}.timeline-today-button{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border:0;background-color:var(--contrast-color);color:var(--button-text-color);font:inherit;font-size:var(--font-size-small);font-weight:500;cursor:pointer}.timeline-today-button img{width:1rem;height:1rem}.timeline-today-button:hover{filter:brightness(.9)}.timeline-today-button:disabled{visibility:hidden}.timeline-clear-button{padding:.375rem .875rem;border:0;background-color:color-mix(in srgb,var(--text-color) 8%,transparent);color:var(--text-color);font:inherit;font-size:var(--font-size-small);font-weight:500;cursor:pointer}.timeline-clear-button:hover{background-color:color-mix(in srgb,var(--text-color) 14%,transparent)}.timeline-today-button:focus-visible,.timeline-clear-button:focus-visible{outline:2px solid var(--text-color);outline-offset:3px}.timeline-step{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;background:none;color:var(--text-color);cursor:pointer}.timeline-step:disabled{opacity:.3;cursor:default}.timeline-step:focus-visible{outline:2px solid var(--text-color);outline-offset:-2px}.timeline-chart-card{display:none;padding:2rem .75rem 1.25rem;background-color:var(--primary-color)}.timeline-chart{margin-top:-2rem;padding-top:2rem;overflow-x:auto;overscroll-behavior-x:none;scrollbar-width:none;cursor:grab}.timeline-chart::-webkit-scrollbar{display:none}.timeline-chart.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.timeline-chart.is-hidden{visibility:hidden}.timeline-chart-axis-row{display:flex}.timeline-axis-cover{position:sticky;left:0;z-index:2;flex:0 0 var(--timeline-label-width);background-color:var(--primary-color)}.timeline-chart-axis{position:relative;flex:1;height:1.5rem}.timeline-chart-axis>span{position:absolute;top:0;font-size:.8125rem;opacity:.6;transform:translate(-50%)}.timeline-chart-lanes{position:relative;box-sizing:border-box;padding-bottom:1.25rem}.timeline-chart-grid{position:absolute;top:0;bottom:1.25rem;left:var(--timeline-label-width);right:0;pointer-events:none}.timeline-chart-grid>span{position:absolute;top:0;bottom:0;width:1px;background-color:color-mix(in srgb,var(--text-color) 7%,transparent)}.timeline-chart-grid>.timeline-chart-today{z-index:0;top:-.25rem;width:0;border-left:1px dashed color-mix(in srgb,var(--text-color) 35%,transparent);background:none}.timeline-chart-today:before{content:"";position:absolute;top:-1rem;left:-.3125rem;width:.625rem;height:.625rem;border-radius:50%;background-color:var(--contrast-color)}.timeline-lane{display:flex;align-items:center;min-height:2.5rem}.timeline-lane-tall{min-height:3.75rem}.timeline-lane-tall .timeline-track{height:2.75rem}.timeline-lane-tall .timeline-bar-label{box-sizing:border-box;padding:0 .625rem;font-size:.75rem;line-height:1.2;text-align:center;white-space:normal}.timeline-lane-featured{min-height:3rem;background-color:var(--timeline-featured-tint)}.timeline-lane-featured .timeline-lane-label{background-image:linear-gradient(var(--timeline-featured-tint),var(--timeline-featured-tint))}.timeline-lane-featured .timeline-track{height:2rem}.timeline-bar-note{position:absolute;top:50%;right:calc(100% + .5rem);padding:0 .25rem;background-color:var(--primary-color);transform:translateY(-50%);font-size:.8125rem;white-space:nowrap}.timeline-bar-note b{font-weight:500}.timeline-bar-note.is-dim{opacity:.2}.timeline-lane-label{position:sticky;left:0;z-index:1;box-sizing:border-box;align-self:stretch;display:flex;align-items:center;flex:0 0 var(--timeline-label-width);padding-inline:.75rem;background-color:var(--primary-color);font-size:.8125rem;font-weight:500;line-height:1.25}.timeline-track{position:relative;flex:1;height:1.75rem}.timeline-bar-wrap{position:absolute;top:0;display:flex;justify-content:center;height:100%}.timeline a.timeline-bar{position:relative;display:flex;flex-shrink:0;width:100%;align-items:center;justify-content:center;box-sizing:border-box;height:100%;min-width:.5rem;border-radius:999px;color:var(--primary-color);font-size:.8125rem;font-weight:500;text-decoration:none}.timeline a.timeline-bar:hover{outline:2px solid var(--text-color);outline-offset:1px}.timeline-bar-label{position:sticky;left:var(--timeline-label-width);min-width:0;overflow:hidden;padding:0 .625rem;text-overflow:ellipsis;white-space:nowrap}.timeline a.timeline-bar-utdanning{background-color:var(--text-color)}.timeline a.timeline-bar-arbeid{background-color:color-mix(in srgb,var(--text-color) 72%,var(--primary-color))}.timeline a.timeline-bar-sommer{color:var(--case-ink);background-color:var(--contrast-color);width:max(100%,9.5rem)}.timeline a.timeline-bar-universitet{background-color:color-mix(in srgb,var(--text-color) 45%,var(--primary-color));color:var(--primary-color)}.timeline a.timeline-bar-frivillig{width:calc(100% - .5rem);border:1.5px solid color-mix(in srgb,var(--text-color) 70%,transparent);color:var(--text-color)}.timeline a.timeline-bar.is-dim{opacity:.2}.timeline-tip{position:absolute;bottom:calc(100% + .5rem);left:0;z-index:3;display:none;flex-direction:column;gap:.125rem;padding:.625rem .875rem;border-radius:.625rem;background-color:var(--case-dark);color:var(--case-paper);font-size:.8125rem;font-weight:400;line-height:1.3;white-space:nowrap;pointer-events:none}[data-theme=dark] .timeline-tip{border:1px solid color-mix(in srgb,var(--text-color) 25%,transparent)}.timeline-tip b{font-weight:500}.timeline-tip span{opacity:.7;font-size:.75rem}.timeline-bar[data-tip=end] .timeline-tip{right:0;left:auto}.timeline-bar:hover .timeline-tip,.timeline-bar:focus-visible .timeline-tip{display:flex}.timeline-overview.case-section{padding-bottom:2.5rem}@media only screen and (max-width: 699px){.timeline-overview.case-section{padding-top:2.5rem}}.timeline-list.case-section{padding-top:2.5rem}@media only screen and (min-width: 700px){.timeline-help,.timeline-toolbar,.timeline-chart-card{display:block}.timeline-year-jump{display:none}}@media only screen and (min-width: 1050px){.timeline-intro.case-section{padding:5rem 0 6rem}.timeline{--timeline-label-width: 11rem}.timeline-list.case-section{padding-top:3rem}}.timeline-chips{display:flex;flex-wrap:wrap;gap:.5rem}.timeline-list.case-section{overflow-x:clip}.timeline-filter-sticky{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;position:sticky;top:4.5rem;z-index:5;margin-bottom:1rem;padding-block:.75rem}.timeline-filter-sticky:before{content:"";position:absolute;top:0;right:-100vw;bottom:0;left:-100vw;z-index:-1;background-color:var(--primary-color)}.timeline-filter-set{display:flex;flex:1 1 100%;gap:.5rem;min-width:0}.timeline-filter-set .timeline-chips{position:relative;flex:1;flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none}.timeline-filter-set .timeline-chips::-webkit-scrollbar{display:none}.timeline-filter-set .timeline-chip{flex-shrink:0;white-space:nowrap}@media only screen and (max-width: 699px){.timeline-filter-set .timeline-chips{margin-right:-1.6rem;padding-right:1.6rem}}.timeline-clear-button{display:none}@media only screen and (min-width: 700px){.timeline-filter-set{display:none}.timeline-filter-sticky{position:relative;justify-content:space-between;min-height:2rem;margin-bottom:0;padding-block:.5rem}.timeline-filter-sticky.is-filtered{position:sticky}.timeline-clear-button{display:block}}.timeline-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:0;background-color:color-mix(in srgb,var(--text-color) 8%,transparent);color:var(--text-color);font:inherit;font-size:var(--font-size-small);font-weight:500;cursor:pointer}@media only screen and (min-width: 700px){.timeline-chip{padding:.375rem .875rem}}.timeline-chip span{font-weight:400;opacity:.6}.timeline-chip:hover{background-color:color-mix(in srgb,var(--text-color) 14%,transparent)}.timeline-chip[aria-pressed=true]{background-color:var(--text-color);color:var(--primary-color)}.timeline-chip:focus-visible,.timeline-thumb:focus-visible{outline:2px solid var(--text-color);outline-offset:3px}.timeline-filter-status{margin:0;font-size:var(--font-size-small);opacity:.75}.timeline-years{margin-top:3.5rem}.timeline-year{padding:2rem 0 3rem;border-top:1px solid var(--timeline-line)}.timeline-year-margin{display:flex;flex-direction:column;gap:.375rem;align-self:start}.timeline-year-margin p{margin:0;font-size:var(--font-size-small);opacity:.7}.timeline-year-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1}.timeline-items{all:unset;display:flex;flex-direction:column}.timeline-item{display:flex;flex-direction:column;gap:1.25rem;padding:2.25rem 0;scroll-margin-top:6rem}.timeline-item:first-child{padding-top:0}.timeline-item+.timeline-item{border-top:1px solid var(--timeline-soft-line)}.timeline-item:last-child{padding-bottom:0}.timeline-item.is-highlighted{animation:timeline-highlight 2.2s ease}@keyframes timeline-highlight{0%,60%{box-shadow:-1rem 0 color-mix(in srgb,var(--contrast-color) 45%,transparent)}to{box-shadow:-1rem 0 0 0 transparent}}.timeline-item-text{display:flex;flex-direction:column;gap:.625rem;min-width:0}.timeline-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0;font-size:var(--font-size-small)}.timeline-item-date{display:flex;align-items:center;gap:.75rem}@media only screen and (max-width: 699px){.timeline-item-meta{flex-direction:column;align-items:flex-start}}.timeline-category{padding:.25rem .625rem;border:1px solid color-mix(in srgb,currentColor 40%,transparent);font-size:.8125rem}.timeline-item-title{font-size:1.375rem;font-weight:700;line-height:1.3}.timeline-item-org{margin:0;font-size:var(--font-size-small);opacity:.7}.timeline-item-body{margin:0;line-height:1.55}.timeline-item-methods{margin:0;font-size:var(--font-size-small);line-height:1.5;opacity:.7}.timeline-item-note{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:500}.timeline-item-text .case-button{margin-top:.5rem}.timeline-item-featured{position:relative}.timeline-item-featured:before{content:"";position:absolute;top:2.25rem;bottom:2.25rem;left:-1.25rem;width:.375rem;background-color:var(--contrast-color)}.timeline-item-featured:first-child:before{top:0}.timeline-item-featured:last-child:before{bottom:0}.timeline-eyebrow{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timeline-year-also{display:none;flex-direction:column;gap:.375rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--timeline-soft-line);font-size:var(--font-size-small)}.timeline-year-also>span{opacity:.7}.timeline-year-also ul{all:unset;display:flex;flex-direction:column;gap:.25rem}.timeline-year-also li{list-style:none}.timeline-year-also a{font-weight:500;text-decoration:underline;text-underline-offset:3px}.timeline-year-also a:focus-visible{outline:2px solid var(--text-color);outline-offset:3px}.timeline-thumb{position:relative;display:block;width:100%;padding:0;border:0;aspect-ratio:16 / 10;overflow:hidden;background-color:var(--case-soft);cursor:zoom-in}.timeline-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.timeline-thumb:hover img{transform:scale(1.04)}.timeline-thumb-count{position:absolute;bottom:.625rem;left:.625rem;padding:.3125rem .75rem;border-radius:999px;background-color:#181b09d9;color:var(--case-paper);font-size:.75rem;font-weight:500}@media only screen and (min-width: 700px){.timeline-item:has(.timeline-thumb){display:grid;grid-template-columns:minmax(0,1fr) 12.5rem;gap:2.5rem;align-items:start}.timeline-item:has(.timeline-thumb) .timeline-thumb{grid-column:2;grid-row:1;width:12.5rem;aspect-ratio:4 / 3}.timeline-item:has(.timeline-thumb) .timeline-item-text{grid-column:1;grid-row:1}}@media only screen and (min-width: 1050px){.timeline-year-margin{position:sticky;top:6rem}.timeline-year-also{display:flex}.timeline-year .case-row>:nth-child(2){padding-top:0}}@media (prefers-reduced-motion: reduce){.timeline-item.is-highlighted{animation:none;box-shadow:-1rem 0 color-mix(in srgb,var(--contrast-color) 45%,transparent)}.timeline-thumb img{transition:none}.timeline-thumb:hover img{transform:none}}
