.timelapse-section{border-bottom:1px solid var(--color-line,#dce3e8);background:var(--color-surface,#f4f7f8);padding:4rem 0}.timelapse-shell{max-width:72rem;margin:0 auto;padding:0 1.25rem}.timelapse-kicker{margin:0 0 .6rem;color:var(--color-accent-dark,#8f5128);font:700 .75rem/1.2 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}.timelapse-heading{max-width:45rem;margin:0;font-family:var(--font-display,Georgia,serif);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05;letter-spacing:-.035em;color:var(--color-ink,#182534)}.timelapse-intro{max-width:42rem;margin:.9rem 0 1.75rem;color:var(--color-ink-soft,#667487);line-height:1.6}.timelapse-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);gap:1rem;padding:1rem;border:1px solid var(--color-line,#dce3e8);border-radius:1.5rem;background:var(--color-paper,#fff);box-shadow:0 1.5rem 3rem rgba(24,37,52,.08)}.timelapse-media{position:relative;min-height:28rem;overflow:hidden;border-radius:1rem;background:#d9e0e1}.timelapse-media img{display:block;width:100%;height:100%;min-height:28rem;object-fit:cover;transition:opacity .25s ease,transform .55s ease}.timelapse-media.is-changing img{opacity:.35;transform:scale(1.02)}.timelapse-caption{position:absolute;right:1rem;bottom:1rem;left:1rem;display:flex;align-items:end;justify-content:space-between;gap:.75rem;color:#fff}.timelapse-label{padding:.7rem .85rem;border-radius:.75rem;background:rgba(24,37,52,.8);backdrop-filter:blur(8px)}.timelapse-label strong{display:block;font-size:1rem}.timelapse-label span{display:block;margin-top:.2rem;color:#dfe8ec;font-size:.75rem}.timelapse-count{flex:0 0 auto;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(24,37,52,.72);font-size:.75rem;font-weight:800}.timelapse-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.15rem .15rem .8rem}.timelapse-controls p{margin:0;color:var(--color-muted,#718093);font-size:.8rem}.timelapse-play{border:0;padding:.6rem .8rem;border-radius:999px;background:var(--color-ink,#182534);color:#fff;font-size:.8rem;font-weight:750;cursor:pointer}.timelapse-steps{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none}.timelapse-step button{width:100%;display:grid;grid-template-columns:2.25rem 1fr;gap:.6rem;align-items:center;padding:.55rem;border:1px solid transparent;border-radius:.8rem;background:transparent;color:var(--color-ink,#182534);text-align:left;cursor:pointer}.timelapse-step button:hover{background:var(--color-surface,#f4f7f8)}.timelapse-step button[aria-current=step]{border-color:#e7c7ad;background:var(--color-accent-soft,#f6e8dc)}.timelapse-number{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--color-surface,#f4f7f8);color:var(--color-muted,#718093);font-size:.7rem;font-weight:800}.timelapse-step button[aria-current=step] .timelapse-number{background:var(--color-accent,#b66d35);color:#fff}.timelapse-step-title{display:block;font-size:.8rem;font-weight:750}.timelapse-step-copy{display:block;margin-top:.1rem;color:var(--color-muted,#718093);font-size:.7rem;line-height:1.25}.timelapse-note{margin:.9rem .15rem 0;color:var(--color-muted,#718093);font-size:.7rem;line-height:1.4}@media(max-width:800px){.timelapse-section{padding:3rem 0}.timelapse-card{grid-template-columns:1fr;padding:.65rem;border-radius:1.15rem}.timelapse-media,.timelapse-media img{min-height:19rem}.timelapse-steps{display:grid;grid-template-columns:1fr 1fr;gap:.15rem}.timelapse-step button{grid-template-columns:1.9rem 1fr;padding:.45rem}.timelapse-step-copy{display:none}}@media(prefers-reduced-motion:reduce){.timelapse-media img{transition:none}}