@layer components{.history{background:var(--color-history-canvas);min-height:100vh;color:var(--color-gray-900);padding-bottom:8rem}.history-hero{max-width:80rem;margin:auto;padding:clamp(8rem,14vw,12rem) 2rem 4rem}.history-eyebrow{color:var(--color-history-knot);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:800}.history-hero h1{max-width:12ch;font:500 clamp(3rem,7vw,7rem)/.9 var(--font-serif);letter-spacing:-.055em;margin:.75rem 0 1.25rem}.history-hero>p:not(.history-eyebrow){max-width:48rem;color:var(--color-gray-600);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7}.history-period-nav{border:1px solid rgb(var(--color-history-thread-rgb)/.14);background:rgb(var(--color-white-rgb)/.84);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;gap:.5rem;margin-top:2.5rem;padding:.5rem;display:flex;overflow-x:auto}.history-period-nav a{flex:1 0 max-content;color:var(--color-history-thread);text-align:center;border-radius:999px;padding:.7rem 1rem;font-size:.75rem;font-weight:750;text-decoration:none}.history-period-nav a:hover,.history-period-nav a:focus-visible{background:var(--color-history-thread);color:var(--color-white)}.history-note{border-block:1px solid rgb(var(--color-history-thread-rgb)/.2);max-width:76rem;color:var(--color-gray-600);grid-template-columns:12rem 1fr;gap:2rem;margin:0 auto 5rem;padding:1.5rem 2rem;line-height:1.6;display:grid}.history-note strong{color:var(--color-history-thread);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.history-thread{max-width:76rem;margin:auto;padding:0 2rem}.history-period{padding:3rem 0 6rem;scroll-margin-top:7rem}.history-period__header{grid-template-columns:7rem 1fr;gap:2rem;margin-bottom:3rem;display:grid}.history-period__number{color:var(--color-history-knot);font:500 clamp(2rem,4vw,4rem)/1 var(--font-serif)}.history-period__header p{color:var(--color-history-knot);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:800}.history-period__header h2{font:500 clamp(2rem,4vw,4.5rem)/1 var(--font-serif);letter-spacing:-.04em;margin:0}.history-period__header span:last-child{max-width:42rem;color:var(--color-gray-600);margin-top:.8rem;display:block}.history-milestones{margin-left:3.45rem;padding-left:5.5rem;position:relative}.history-milestones:before{background:repeating-linear-gradient(to bottom,var(--color-history-thread) 0 18px,var(--color-history-gold) 18px 23px);content:"";width:3px;position:absolute;inset:0 auto 0 0}.history-milestone{border-bottom:1px solid rgb(var(--color-history-thread-rgb)/.12);grid-template-columns:minmax(0,1fr) minmax(14rem,24rem);align-items:center;gap:clamp(2rem,6vw,6rem);min-height:19rem;padding:2.5rem 0;display:grid;position:relative}.history-knot{border:.35rem solid var(--color-history-canvas);background:var(--color-history-knot);width:1.8rem;height:1.8rem;box-shadow:0 0 0 2px var(--color-history-thread);border-radius:50%;position:absolute;left:-6.35rem}.history-milestone--context .history-knot{background:var(--color-history-gold)}.history-milestone__meta{color:var(--color-history-knot);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:800}.history-milestone h3{font:500 clamp(1.8rem,3vw,3rem)/1 var(--font-serif);margin:.5rem 0}.history-milestone__copy>p:not(.history-milestone__meta){max-width:35rem;color:var(--color-gray-600);line-height:1.65}.history-milestone__copy a{color:var(--color-history-thread);text-underline-offset:.35rem;margin-top:1rem;font-weight:800;display:inline-block}.history-milestone__facts{gap:.8rem;margin:1.25rem 0 0;display:grid}.history-milestone__facts div{grid-template-columns:8rem 1fr;gap:1rem;display:grid}.history-milestone__facts dt{color:var(--color-history-knot);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.history-milestone__facts dd{color:var(--color-gray-700);margin:0;line-height:1.5}.history-milestone__sources{font-size:.7rem}.history-milestone__sources a{margin-top:.5rem;font-weight:600}.history-context-label{border:1px solid rgb(var(--color-history-thread-rgb)/.2);color:var(--color-history-thread);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-top:1rem;padding:.45rem .7rem;font-size:.68rem;font-weight:800;display:inline-block}.history-work{color:inherit;text-decoration:none}.history-work img{aspect-ratio:1;object-fit:contain;background:var(--color-history-media);width:100%;box-shadow:0 24px 60px rgb(var(--color-history-shadow-rgb)/.13);border-radius:1rem;padding:.75rem}.history-work span{margin-top:.8rem;font-size:.78rem;font-weight:700;display:block}@media (width<=768px){.history-hero,.history-thread{padding-inline:1rem}.history-note{grid-template-columns:1fr;gap:.5rem;margin-inline:1rem;padding-inline:0}.history-period__header{grid-template-columns:3rem 1fr;gap:1rem}.history-milestones{margin-left:.85rem;padding-left:2rem}.history-milestone{grid-template-columns:1fr;gap:1.5rem;padding-block:2rem}.history-knot{width:1.45rem;height:1.45rem;left:-2.85rem}}}