.log-hero{position:relative;width:100vw;height:100svh;display:flex;flex-direction:column;overflow:hidden;background-color:var(--base-100)}.log-hero-bar{flex-shrink:0;border-bottom:1px dashed rgba(10,10,10,.15)}.log-hero-bar .container{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;padding-bottom:1.5rem}.log-hero-content{flex:1;display:flex;align-items:flex-end;padding-bottom:4rem}.log-hero-content .container{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 4rem;align-items:end}.log-hero-label{grid-column:1;grid-row:1;align-self:flex-start;padding-top:.25rem}.log-hero-title{grid-column:1;grid-row:2;font-size:clamp(5rem,12vw,11rem);line-height:.82;color:var(--base-300)}.log-hero-sub{grid-column:2;grid-row:2;align-self:flex-end;padding-bottom:.5rem}.log-hero-sub p{font-size:1.05rem;line-height:1.5;color:var(--base-secondary-dark)}.log-timeline{position:relative;width:100vw;padding-bottom:8rem;overflow:hidden;background-color:var(--base-100)}.timeline-content{position:relative;z-index:2;padding:4rem 0 2rem}.tl-row{display:grid;grid-template-columns:1fr 80px 1fr;align-items:stretch;min-height:280px}.tl-axis-col{display:flex;flex-direction:column;align-items:center;position:relative}.tl-connector{width:2px;flex:1;background:linear-gradient(to bottom,transparent,rgba(10,10,10,.15),transparent);min-height:40px}.tl-connector-last{background:linear-gradient(to bottom,rgba(10,10,10,.15),transparent)}.tl-node{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--base-300);background:var(--base-100);position:relative;z-index:3;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.tl-node:hover{transform:scale(1.15)}.tl-node-num{font-family:DM Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.05em;color:var(--base-300)}.tl-node-1{background:var(--accent-1);border-color:var(--base-300)}.tl-node-2{background:var(--accent-2);border-color:var(--base-300)}.tl-node-3{background:var(--accent-3);border-color:var(--base-300)}.tl-node-4{background:var(--base-300);border-color:var(--base-300)}.tl-node-4 .tl-node-num{color:var(--base-100)}.tl-node-5{background:var(--accent-1);border-color:var(--base-300)}.tl-node-6{background:var(--accent-2);border-color:var(--base-300)}.tl-card-col{display:flex;align-items:center;padding:2rem 3rem 2rem 0}.tl-row-flip .tl-card-col{padding:2rem 0 2rem 3rem}.tl-card{width:100%;opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.tl-card.tl-card-visible{opacity:1;transform:translateY(0)}.tl-card-inner{padding:2rem 2.5rem;border:1px dashed rgba(10,10,10,.2);border-radius:12px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.tl-card-inner:hover{border-color:#0a0a0a66;background:#ffffffe6;box-shadow:0 8px 32px #0a0a0a0f}.tl-date{font-size:.72rem!important;color:var(--base-secondary-dark);margin-bottom:.75rem!important;letter-spacing:.1em}.tl-role{font-size:clamp(1.4rem,2.5vw,2rem)!important;line-height:.9;margin-bottom:.4rem;color:var(--base-300)}.tl-company{font-family:DM Mono,monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--base-secondary-dark);margin-bottom:1rem}.tl-desc{font-size:.95rem;line-height:1.55;color:var(--base-300);opacity:.8;margin-bottom:1.25rem}.tl-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tl-tag{font-family:DM Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .75rem;border-radius:2rem;border:1px solid rgba(10,10,10,.2);color:var(--base-secondary-dark);background:transparent;transition:background .25s ease,color .25s ease,border-color .25s ease}.tl-tag:hover{background:var(--base-300);color:var(--base-100);border-color:var(--base-300)}.timeline-svg-path{position:absolute;top:80px;left:50%;transform:translate(-50%);width:20%;height:calc(100% - 80px);z-index:1;pointer-events:none}.timeline-svg-path svg{width:100%;height:100%}.log-outro{position:relative;width:100vw;min-height:60svh;display:flex;flex-direction:column;background-color:var(--base-300);color:var(--base-100);overflow:hidden}.log-outro .home-spotlight-top-bar{background:#ffffff0d;border-bottom:1px dashed rgba(249,244,235,.15)}.log-outro-content{flex:1;display:flex;align-items:flex-end;padding:6rem 0}.log-outro-heading{font-size:clamp(5rem,10vw,9rem);color:var(--base-100);margin:1rem 0 3rem}.log-outro-links{display:flex;gap:2rem}.log-outro-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid rgba(249,244,235,.25);border-radius:2rem;transition:background .3s ease,border-color .3s ease}.log-outro-link:hover{background:#f9f4eb14;border-color:#f9f4eb80}.log-outro-link p{color:var(--base-100)!important;font-size:.8rem!important}@media(max-width:900px){.log-hero-content .container{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1.5rem}.log-hero-label{grid-column:1;grid-row:1}.log-hero-title{grid-column:1;grid-row:2}.log-hero-sub{grid-column:1;grid-row:3}.tl-row{grid-template-columns:1fr 56px 1fr;min-height:220px}.tl-card-col{padding:1.5rem 1.5rem 1.5rem 0}.tl-row-flip .tl-card-col{padding:1.5rem 0 1.5rem 1.5rem}.tl-card-inner{padding:1.25rem 1.5rem}}@media(max-width:600px){.tl-row,.tl-row-flip{grid-template-columns:44px 1fr;grid-template-rows:auto}.tl-empty-col{display:none}.tl-row .tl-axis-col{grid-column:1;grid-row:1}.tl-row .tl-card-col{grid-column:2;grid-row:1;padding:1rem 0 1rem 1rem}.tl-row-flip .tl-axis-col{grid-column:1}.tl-row-flip .tl-card-col{grid-column:2;padding:1rem 0 1rem 1rem}.timeline-svg-path{display:none}.log-outro-links{flex-direction:column;gap:1rem}}
