.colophon-room{--colophon-copper:#b56f58;--colophon-oxide:#6caaa6;isolation:isolate;background:radial-gradient(circle at 84% 14%, color-mix(in srgb, var(--colophon-copper) 10%, transparent), transparent 32rem), radial-gradient(circle at 10% 72%, color-mix(in srgb, var(--colophon-oxide) 7%, transparent), transparent 40rem), var(--page-bg);min-height:100svh;position:relative;overflow:hidden}[data-theme=day] .colophon-room{--colophon-copper:#944d43;--colophon-oxide:#3e7470;background:radial-gradient(circle at 84% 14%, color-mix(in srgb, var(--colophon-copper) 8%, transparent), transparent 32rem), radial-gradient(circle at 10% 72%, color-mix(in srgb, var(--colophon-oxide) 5%, transparent), transparent 40rem), var(--page-bg)}.colophon-room .particle-field{opacity:.48}.colophon-room__field{z-index:0;inset:var(--header-height) 0 0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--colophon-oxide) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--colophon-oxide) 7%, transparent) 1px, transparent 1px);background-size:4rem 4rem;position:fixed;overflow:hidden;mask-image:linear-gradient(#000,#0000 94%)}.colophon-room__field i,.colophon-room__field span{display:block;position:absolute}.colophon-room__field i{background:linear-gradient(transparent, var(--colophon-copper), transparent);opacity:.35;width:1px;top:-10%;bottom:-10%;left:18%;transform:rotate(8deg)}.colophon-room__field i:nth-child(2){opacity:.18;left:auto;right:15%;transform:rotate(-6deg)}.colophon-room__field span{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--colophon-oxide) 18%, transparent);width:32rem;box-shadow:0 0 0 6rem color-mix(in srgb, var(--colophon-copper) 2%, transparent), 0 0 0 12rem color-mix(in srgb, var(--colophon-oxide) 1.5%, transparent);border-radius:50%;top:12%;right:7%}.colophon-room__field b{color:color-mix(in srgb, var(--text) 2.5%, transparent);font:400 36rem/1 var(--font-display);position:absolute;bottom:-8rem;right:-2rem}.colophon-main{z-index:1;width:min(100% - 8rem,92rem);padding:calc(var(--header-height) + clamp(6rem, 11vw, 11rem)) 0 6rem;margin:0 auto;position:relative}.colophon-hero{min-height:calc(100svh - var(--header-height) - 8rem);border-bottom:1px solid var(--line);grid-template-columns:3rem minmax(0,1fr) minmax(12rem,.28fr);align-items:center;gap:clamp(2.5rem,6vw,7rem);display:grid}.colophon-hero__rail{color:var(--text-faint);font:.47rem/1 var(--font-mono);flex-direction:column;align-self:stretch;align-items:center;gap:1rem;padding:1rem 0;display:flex}.colophon-hero__rail i{background:linear-gradient(var(--colophon-copper), var(--line), transparent);flex:1;width:1px}.colophon-hero__rail small{writing-mode:vertical-rl;letter-spacing:.14em}.colophon-hero h1{max-width:68rem;font:400 clamp(5.2rem, 10vw, 10.5rem)/.78 var(--font-display);letter-spacing:-.07em;text-wrap:balance;margin:1rem 0 0}.colophon-hero>div:nth-child(2)>p:not(.section-kicker){max-width:53rem;color:var(--text-muted);font:clamp(1rem, 1.45vw, 1.3rem)/1.9 var(--font-reading);margin:2.8rem 0 0}.colophon-hero>div:nth-child(2)>small{color:var(--text-faint);font:.5rem/1 var(--font-mono);letter-spacing:.1em;margin-top:2rem;display:block}.colophon-hero__imprint{border:1px solid var(--line);background:color-mix(in srgb, var(--glass) 42%, transparent);backdrop-filter:blur(1rem);align-content:center;place-items:center;min-height:21rem;display:grid}.colophon-hero__imprint span{aspect-ratio:1;border:1px solid var(--colophon-copper);width:8rem;color:var(--colophon-copper);font:italic 400 2.7rem/1 var(--font-display);box-shadow:inset 0 0 3rem color-mix(in srgb, var(--colophon-copper) 8%, transparent), 0 0 3rem color-mix(in srgb, var(--colophon-oxide) 7%, transparent);border-radius:50%;place-items:center;display:grid}.colophon-hero__imprint i{background:linear-gradient(90deg, transparent, var(--colophon-oxide), transparent);width:5rem;height:1px;margin:1.8rem 0 1rem}.colophon-hero__imprint small{color:var(--text-faint);font:.48rem/1 var(--font-mono);letter-spacing:.18em}.colophon-construction,.colophon-stack,.colophon-assets,.colophon-usage{border-bottom:1px solid var(--line);padding:clamp(7rem,12vw,12rem) 0}.colophon-construction>header,.colophon-stack>header,.colophon-assets>header,.colophon-usage>header{grid-template-columns:minmax(12rem,.45fr) minmax(0,1fr);gap:clamp(3rem,8vw,9rem);margin-bottom:4.5rem;display:grid}.colophon-construction h2,.colophon-stack h2,.colophon-assets h2,.colophon-usage h2{font:400 clamp(3.5rem, 6.4vw, 6.8rem)/.9 var(--font-display);letter-spacing:-.05em;text-wrap:balance;margin:0}.colophon-stack>header>p:last-child,.colophon-assets>header>p:last-child,.colophon-usage>header>p:last-child{max-width:50rem;color:var(--text-muted);font:.95rem/1.8 var(--font-reading);grid-column:2;margin:1rem 0 0}.colophon-construction ol{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.colophon-construction li{--glass-x:50%;--glass-y:50%;--glass-intensity:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg, color-mix(in srgb, var(--glass-highlight) 3%, transparent), transparent 68%);min-height:20rem;padding:2rem}.colophon-construction li>span{color:var(--colophon-copper);font:.48rem/1 var(--font-mono)}.colophon-construction h3{font:400 2.4rem/1 var(--font-display);margin:7rem 0 1rem}.colophon-construction li p{color:var(--text-muted);font:.9rem/1.8 var(--font-reading);margin:0}.colophon-stack>div{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.colophon-stack a{--glass-x:50%;--glass-y:50%;--glass-intensity:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--glass) 36%, transparent);min-height:24rem;color:var(--text);grid-template-rows:auto 1fr auto;padding:2rem;display:grid;position:relative}.colophon-stack a>span{color:var(--colophon-copper);font:.48rem/1 var(--font-mono)}.colophon-stack a>div{align-self:end}.colophon-stack h3{font:400 2.5rem/1 var(--font-display);margin:0}.colophon-stack a p{color:var(--text-muted);font:.78rem/1.7 var(--font-reading);margin:1rem 0 2rem}.colophon-stack dl{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem;margin:0;padding-top:1rem;display:grid}.colophon-stack dl div{gap:.5rem;display:grid}.colophon-stack dt{color:var(--text-faint);font:.42rem/1 var(--font-mono);letter-spacing:.1em}.colophon-stack dd{color:var(--colophon-oxide);font:.62rem/1 var(--font-mono);margin:0}.colophon-stack a>i{color:var(--colophon-oxide);transition:transform .45s var(--ease-cinematic);font-style:normal;position:absolute;top:2rem;right:2rem}.colophon-stack a:hover,.colophon-stack a:focus-visible{background:color-mix(in srgb, var(--colophon-copper) 5%, var(--glass));outline:none}.colophon-stack a:hover>i,.colophon-stack a:focus-visible>i{transform:translate(.2rem,-.2rem)}.colophon-assets__ledger{--glass-x:50%;--glass-y:50%;--glass-intensity:0;border:1px solid var(--line);background:color-mix(in srgb, var(--glass) 38%, transparent)}.colophon-assets__head,.colophon-assets article{border-bottom:1px solid var(--line);grid-template-columns:3rem minmax(14rem,1fr) minmax(12rem,.65fr) minmax(10rem,.42fr);align-items:center;gap:2rem;padding:1.25rem 1.5rem;display:grid}.colophon-assets__head{color:var(--text-faint);font:.43rem/1 var(--font-mono);letter-spacing:.1em}.colophon-assets article:last-child{border-bottom:0}.colophon-assets article>span{color:var(--colophon-copper);font:.46rem/1 var(--font-mono)}.colophon-assets h3{font:400 1.45rem/1.15 var(--font-display);margin:0 0 .55rem}.colophon-assets code{color:var(--text-faint);font:.48rem/1.4 var(--font-mono);overflow-wrap:anywhere}.colophon-assets article>p{color:var(--text-muted);font:.78rem/1.6 var(--font-reading);margin:0}.colophon-assets article>strong{color:var(--colophon-oxide);font:400 .58rem/1.4 var(--font-ui);letter-spacing:.06em}.colophon-usage ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.colophon-usage li{--glass-x:50%;--glass-y:50%;--glass-intensity:0;border-bottom:1px solid var(--line);grid-template-columns:3rem 1fr;align-items:center;gap:2rem;min-height:7rem;padding:1.5rem;display:grid}.colophon-usage li span{color:var(--colophon-copper);font:.46rem/1 var(--font-mono)}.colophon-usage li p{max-width:58rem;color:var(--text-muted);font:.9rem/1.75 var(--font-reading);margin:0}.colophon-usage nav{grid-template-columns:1.2fr .8fr .7fr;gap:1.2rem;margin-top:4rem;display:grid}.colophon-usage nav a{--glass-x:50%;--glass-y:50%;--glass-intensity:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:4.5rem;color:var(--text-muted);font:.58rem/1.4 var(--font-ui);letter-spacing:.06em;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.colophon-usage nav i{color:var(--colophon-copper);transition:transform .45s var(--ease-cinematic);font-style:normal}.colophon-usage nav a:hover,.colophon-usage nav a:focus-visible{color:var(--text);outline:none}.colophon-usage nav a:hover i,.colophon-usage nav a:focus-visible i{transform:translate(.2rem,-.2rem)}@media (width<=980px){.colophon-main{width:min(100% - 3rem,54rem)}.colophon-hero{grid-template-columns:2rem 1fr;gap:2rem}.colophon-hero__rail{grid-row:1/3}.colophon-hero__imprint{grid-column:2;min-height:14rem}.colophon-construction>header,.colophon-stack>header,.colophon-assets>header,.colophon-usage>header{grid-template-columns:1fr;gap:1.5rem}.colophon-stack>header>p:last-child,.colophon-assets>header>p:last-child,.colophon-usage>header>p:last-child{grid-column:auto}.colophon-stack>div{grid-template-columns:1fr}.colophon-stack a{min-height:17rem}.colophon-assets__head{display:none}.colophon-assets article{grid-template-columns:2.5rem 1fr;gap:1.2rem 1.5rem;padding:1.5rem}.colophon-assets article>p,.colophon-assets article>strong{grid-column:2}.colophon-usage nav{grid-template-columns:1fr}}@media (width<=640px){.colophon-main{width:calc(100% - 2.5rem);padding-top:calc(var(--header-height) + 5rem)}.colophon-room__field{background-size:2.5rem 2.5rem}.colophon-room__field span{width:26rem;right:-12rem}.colophon-hero{min-height:auto;padding-bottom:6rem}.colophon-hero h1{font-size:clamp(4.2rem,20vw,6.2rem)}.colophon-hero__imprint{min-height:11rem}.colophon-hero__imprint span{width:5.5rem;font-size:1.9rem}.colophon-construction ol{grid-template-columns:1fr}.colophon-construction li{min-height:16rem}.colophon-construction h3{margin-top:4.5rem}.colophon-construction h2,.colophon-stack h2,.colophon-assets h2,.colophon-usage h2{font-size:clamp(3.3rem,16vw,5rem)}}@media (prefers-reduced-motion:reduce){.colophon-stack a>i,.colophon-usage nav i{transition:none}}