.page-inner { min-height: 100svh; background: radial-gradient(circle at 85% 7%, rgba(217,255,69,.08), transparent 26rem), var(--ink); }
.inner-main { min-height: calc(100svh - 8rem); padding: 8.5rem var(--page-pad) 5rem; }
.inner-intro { max-width: 73rem; display: grid; grid-template-columns: 1fr .88fr; gap: 4rem; align-items: end; }
.route-stamp { display: flex; align-items: center; gap: .55rem; margin: 0 0 1.4rem; color: var(--muted); font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; }
.route-stamp i { width: .48rem; height: .48rem; border: 1px solid var(--acid); border-radius: 50%; box-shadow: inset 0 0 0 .12rem var(--ink); background: var(--acid); }
.inner-intro h1 { margin: 0; font-family: var(--display); font-size: clamp(4rem, 9vw, 9rem); font-weight: 500; letter-spacing: -.047em; line-height: .92; text-transform: uppercase; }
.inner-intro h1 span { color: var(--acid); font-family: var(--mono); font-size: .54em; letter-spacing: -.12em; }
.inner-intro > p { max-width: 24rem; margin: 0 0 .1rem; color: var(--muted); font-size: .76rem; line-height: 1.75; }
.route-orbit { position: absolute; top: 6rem; right: 9vw; width: min(31vw, 21rem); aspect-ratio: 1; pointer-events: none; opacity: .85; animation: orbit-turn 22s linear infinite; }
.route-orbit i { position: absolute; inset: 0; border: 1px solid rgba(217,255,69,.38); border-radius: 50%; transform: scaleY(.35); }.route-orbit i:nth-child(2) { transform: rotate(60deg) scaleY(.35); border-color: rgba(255,139,104,.4); }.route-orbit i:nth-child(3) { transform: rotate(120deg) scaleY(.35); }
@keyframes orbit-turn { to { rotate: 360deg; } }

.route-section { max-width: 73rem; margin: clamp(5rem, 11vh, 9rem) auto 0; }
.route-section__head { display: flex; justify-content: space-between; align-items: baseline; gap: 2rem; padding-bottom: .85rem; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .62rem; text-transform: uppercase; letter-spacing: .09em; }
.route-section__head p { margin: 0; }
.archive-list { display: grid; gap: 1px; margin-top: 1px; background: var(--line); }
.archive-item { min-height: 13rem; position: relative; display: grid; grid-template-columns: .3fr 1fr .8fr auto; align-items: center; gap: 1rem; padding: 1.3rem; overflow: hidden; color: var(--paper); background: var(--ink); transition: color .4s var(--ease-out), background .4s var(--ease-out), padding .4s var(--ease-out); }
.archive-item::before { content: ''; position: absolute; width: 13rem; height: 13rem; right: 15%; border: 1px solid currentColor; border-radius: 48% 52% 49% 51%; opacity: .16; transition: transform .8s var(--ease-out), opacity .4s; }
.archive-item:hover { padding-left: 2.4rem; color: var(--ink); background: var(--acid); }.archive-item:hover::before { opacity: .35; transform: rotate(110deg) scale(1.35); }
.archive-item:nth-child(2):hover { background: var(--apricot); }
.archive-item__number, .archive-item__type { position: relative; z-index: 1; color: var(--muted); font-size: .62rem; }.archive-item:hover .archive-item__number, .archive-item:hover .archive-item__type { color: rgba(16,17,18,.6); }
.archive-item strong { position: relative; z-index: 1; font-family: var(--display); font-size: clamp(2.6rem, 5.7vw, 5.8rem); font-weight: 500; letter-spacing: -.045em; line-height: .94; text-transform: uppercase; }.archive-item__note { position: relative; z-index: 1; max-width: 15rem; font-size: .67rem; line-height: 1.55; }.archive-item__arrow { position: relative; z-index: 1; font-size: 1.8rem; }
.archive-footnote { max-width: 25rem; margin: 2rem 0 0 auto; color: var(--muted); font-size: .67rem; line-height: 1.7; }

.lab-tool { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 29rem; margin-top: 1px; border: 1px solid var(--line); background: linear-gradient(130deg, rgba(236,233,221,.07), rgba(236,233,221,.02)); }
.lab-tool__controls { padding: clamp(1.2rem, 3vw, 2.5rem); border-right: 1px solid var(--line); }.lab-tool__controls h2 { margin: 1.5rem 0 .7rem; font-family: var(--display); font-size: clamp(2.6rem, 5vw, 5.2rem); font-weight: 500; letter-spacing: -.045em; line-height: .94; text-transform: uppercase; }.lab-tool__controls > p { max-width: 24rem; color: var(--muted); font-size: .7rem; line-height: 1.65; }
.tool-options { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 2rem; }.tool-options button { padding: .45rem .6rem; border: 1px solid var(--line); border-radius: 99px; color: var(--paper); background: transparent; font-size: .64rem; transition: .25s; }.tool-options button:hover, .tool-options button.is-active { border-color: var(--acid); color: var(--ink); background: var(--acid); }
.tool-generate { margin-top: 1.4rem; padding: .75rem 1rem; border: 0; color: var(--ink); background: var(--apricot); font-size: .66rem; }.tool-generate:hover { background: var(--acid); }
.tool-output { display: grid; place-items: center; padding: 1.5rem; }.tool-output > div { width: min(23rem, 100%); min-height: 16rem; display: grid; align-content: space-between; padding: 1.2rem; border: 1px solid rgba(217,255,69,.6); background: rgba(16,17,18,.55); box-shadow: var(--shadow); }.tool-output p { margin: 0; color: var(--muted); font-size: .6rem; text-transform: uppercase; letter-spacing: .09em; }.tool-output strong { display: block; max-width: 11ch; color: var(--acid); font-family: var(--display); font-size: clamp(2.7rem, 5vw, 5.2rem); font-weight: 500; letter-spacing: -.045em; line-height: .94; text-transform: uppercase; }.tool-output > div > div { display: flex; align-items: baseline; justify-content: space-between; gap: .55rem; }.tool-output small { min-width: 0; max-width: calc(100% - 4.6rem); color: var(--muted); font-size: .58rem; line-height: 1.3; }.tool-copy { flex: 0 0 auto; padding: 0; border: 0; color: var(--paper); background: transparent; font-size: .61rem; text-decoration: underline; text-underline-offset: .25rem; white-space: nowrap; }

.about-warming { max-width: 54rem; margin-top: clamp(7rem, 17vh, 13rem); display: grid; gap: 1.2rem; }.about-warming h2 { max-width: 11ch; margin: 0; font-family: var(--display); font-size: clamp(3rem, 7vw, 7rem); font-weight: 500; letter-spacing: -.045em; line-height: .94; text-transform: uppercase; }.about-warming h2 span { color: var(--apricot); font-family: var(--mono); font-size: .52em; }.about-warming p { max-width: 29rem; margin: 0; color: var(--muted); font-size: .75rem; line-height: 1.75; }.about-signal { width: max-content; margin-top: 1rem; padding: .6rem .75rem; border: 1px solid var(--line); color: var(--paper); background: var(--glass); font-size: .64rem; }.about-signal i { display: inline-block; width: .45rem; height: .45rem; margin-right: .45rem; border-radius: 50%; background: var(--acid); font-style: normal; }

@media (max-width: 720px) { .inner-main { padding-top: 7rem; }.inner-intro { grid-template-columns: 1fr; gap: 1.25rem; }.route-orbit { width: 52vw; right: -5vw; top: 8rem; }.archive-item { grid-template-columns: 2.5rem 1fr auto; min-height: 11rem; }.archive-item__note { display: none; }.lab-tool { grid-template-columns: 1fr; }.lab-tool__controls { border-right: 0; border-bottom: 1px solid var(--line); }.about-warming { margin-top: 7rem; } }