.traces-room{min-height:100vh;overflow:hidden;background:#020405;color:#c6cdd1}
.trace-filter-defs{position:absolute;left:-10000px;overflow:hidden;pointer-events:none}
.traces-heading{padding-top:clamp(5rem,10vw,8.5rem);padding-bottom:clamp(3rem,7vw,5.5rem);text-align:center}
.traces-heading h1{margin:.7rem 0 1.3rem;color:var(--metal-light);font:400 clamp(3.2rem,9vw,8rem)/.88 var(--serif);letter-spacing:.025em;text-shadow:0 1px 0 #f0f4f5,0 -1px 0 #323b40,0 0 3rem rgba(150,185,203,.08);text-transform:uppercase}
.traces-prologue{margin:0;color:#919da3;font:400 clamp(1.08rem,2.2vw,1.48rem)/1.65 var(--serif);letter-spacing:.045em}
.trace-wall-frame{position:relative;width:min(calc(100% - 2rem),92rem);margin:0 auto;border:1px solid rgba(199,216,225,.16);background:#05090b;box-shadow:0 3rem 8rem rgba(0,0,0,.7),inset 0 0 4rem rgba(0,0,0,.75)}
.trace-wall-frame::before{position:absolute;z-index:2;inset:0;border:1px solid rgba(226,237,242,.04);box-shadow:inset 0 0 7rem rgba(0,0,0,.78);content:"";pointer-events:none}
.trace-wall{position:relative;min-height:clamp(38rem,68vw,64rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:clamp(2.6rem,6vw,6rem) clamp(2rem,5vw,5rem);padding:clamp(4rem,8vw,8rem) clamp(1.5rem,6vw,6.5rem);isolation:isolate;background:linear-gradient(180deg,rgba(2,5,7,.13),rgba(1,3,4,.42)),url("/assets/wall-of-traces-bg.webp") center/cover no-repeat}
.trace-wall::after{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 42%,rgba(145,174,190,.08),transparent 42%),linear-gradient(90deg,rgba(0,0,0,.45),transparent 18%,transparent 82%,rgba(0,0,0,.5));content:"";pointer-events:none}
.trace-wall-state{grid-column:1/-1;align-self:center;margin:auto;color:#738087;font:400 clamp(1.15rem,2vw,1.55rem)/1.5 var(--serif);letter-spacing:.12em;text-align:center;text-shadow:-1px -1px 0 #020304,1px 1px 0 rgba(217,232,239,.13);text-transform:uppercase}
.wall-trace{position:relative;align-self:start;margin:0;padding:.6rem;color:#c8d0d3;text-align:center;transform:rotate(var(--trace-tilt,0deg));filter:drop-shadow(0 .2rem .55rem rgba(0,0,0,.72))}
.wall-trace:nth-child(6n+1){--trace-tilt:-1.2deg;margin-top:1.5rem}
.wall-trace:nth-child(6n+2){--trace-tilt:.65deg}
.wall-trace:nth-child(6n+3){--trace-tilt:-.45deg;margin-top:3.5rem}
.wall-trace:nth-child(6n+4){--trace-tilt:.9deg;margin-top:2rem}
.wall-trace:nth-child(6n+5){--trace-tilt:-.7deg}
.wall-trace:nth-child(6n){--trace-tilt:.35deg;margin-top:2.8rem}
.wall-trace blockquote{position:relative;margin:0;color:#cbd3d6;font:normal 500 clamp(1.08rem,1.95vw,1.55rem)/1.48 var(--serif);letter-spacing:.055em;white-space:pre-wrap;text-transform:uppercase;-webkit-text-fill-color:#cbd3d6;-webkit-text-stroke:.32px rgba(240,244,245,.62);paint-order:stroke fill;filter:url(#trace-chisel);text-shadow:1px 1px 0 rgba(0,0,0,.94),-1px -1px 0 rgba(247,250,251,.18)}
.wall-trace blockquote::before,.wall-trace blockquote::after{position:absolute;inset:0;content:attr(data-trace);white-space:pre-wrap;pointer-events:none}
.wall-trace blockquote::before{color:rgba(2,5,6,.88);-webkit-text-fill-color:rgba(2,5,6,.88);-webkit-text-stroke:.42px rgba(0,0,0,.92);transform:translate(1.15px,1.2px);clip-path:polygon(0 6%,100% 2%,100% 17%,0 20%,0 38%,100% 34%,100% 50%,0 54%,0 72%,100% 68%,100% 84%,0 89%);opacity:.9}
.wall-trace blockquote::after{color:rgba(244,247,248,.5);-webkit-text-fill-color:rgba(244,247,248,.5);-webkit-text-stroke:.28px rgba(255,255,255,.52);transform:translate(-.7px,-.55px);clip-path:polygon(0 0,100% 0,100% 8%,0 13%,0 27%,100% 22%,100% 33%,0 39%,0 57%,100% 51%,100% 62%,0 68%,0 87%,100% 82%,100% 94%,0 99%);opacity:.88}
.wall-trace footer{position:relative;margin-top:1rem;color:rgba(198,208,212,.84);font:700 .66rem/1.5 var(--sans);letter-spacing:.17em;-webkit-text-stroke:.24px rgba(235,240,242,.42);filter:url(#trace-chisel);text-shadow:1px 1px .25px rgba(0,0,0,.98),-1px -1px .3px rgba(245,249,250,.2);text-transform:uppercase}
.wall-trace time{display:block;margin-top:.28rem;font-size:.58rem;letter-spacing:.12em;opacity:.72}
.trace-offering{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,8vw,7rem);padding-top:clamp(5rem,10vw,9rem);padding-bottom:clamp(5rem,10vw,9rem)}
.trace-offering-copy h2{margin:.6rem 0 1.5rem;color:var(--metal);font:400 clamp(2.7rem,6vw,5.5rem)/.95 var(--serif);letter-spacing:.02em;text-transform:uppercase}
.trace-offering-copy>p:not(.eyebrow){max-width:35rem;color:#919da3;font-size:1.02rem}
.trace-offering-copy .trace-rule{margin-top:2rem;color:#66747b;font:700 .7rem/1.7 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.trace-form{position:relative;padding:clamp(1.4rem,4vw,2.5rem);border:1px solid rgba(206,222,229,.18);background:linear-gradient(145deg,rgba(12,18,21,.96),rgba(4,7,9,.97));box-shadow:0 2rem 5rem rgba(0,0,0,.4)}
.trace-field{display:grid;gap:.55rem;margin-bottom:1.25rem}
.trace-field label{color:#98a3a8;font:700 .7rem/1.4 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.trace-field label span{color:#59666d;font-weight:600}
.trace-field input,.trace-field textarea{width:100%;border:1px solid rgba(206,222,229,.18);border-radius:0;background:#030608;color:#d6dde0;font:400 1rem/1.55 var(--sans);outline:none;transition:border-color 180ms ease,box-shadow 180ms ease}
.trace-field input{min-height:3.35rem;padding:.8rem 1rem}
.trace-field textarea{min-height:10rem;padding:1rem;resize:vertical}
.trace-field input:focus,.trace-field textarea:focus{border-color:rgba(211,220,224,.52);box-shadow:0 0 0 3px rgba(153,180,193,.08)}
.trace-field input::placeholder,.trace-field textarea::placeholder{color:#4e5b61}
.trace-count{margin:-.2rem 0 0;color:#59666d;font:700 .65rem/1 var(--sans);letter-spacing:.08em;text-align:right}
.trace-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.trace-submit{width:100%;margin-top:.35rem}
.trace-form-status{min-height:1.6rem;margin:1rem 0 0;color:#89969c;font-size:.9rem}
.trace-form-status.is-success{color:#b9c6cc}
.trace-form-status.is-error{color:#e09ca2}
@media(max-width:900px){.trace-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.trace-offering{grid-template-columns:1fr}.trace-offering-copy>p:not(.eyebrow){max-width:45rem}}
@media(max-width:620px){.traces-heading{padding-top:4rem}.traces-heading h1{font-size:clamp(2.65rem,14vw,4.3rem)}.trace-wall-frame{width:100%;border-right:0;border-left:0}.trace-wall{min-height:42rem;grid-template-columns:1fr;gap:3.3rem;padding:4.5rem 1.6rem}.wall-trace{max-width:30rem;margin-right:auto!important;margin-left:auto!important}.wall-trace:nth-child(n){--trace-tilt:0deg}.wall-trace blockquote{font-size:1.18rem}.trace-offering{padding-top:4.5rem;padding-bottom:5rem}.trace-form{padding:1.2rem}}
@media(prefers-reduced-motion:reduce){.wall-trace{transform:none}}
