@layer theme,base;@layer components{.tr-rise{animation:tr-rise .56s var(--ease-out) both;animation-delay:var(--d,0s)}@keyframes tr-rise{0%{opacity:0;filter:blur(3px);translate:0 14px}}.tr-head{padding-block:clamp(1.75rem,1rem + 3vw,4rem) clamp(1.5rem,1rem + 2vw,3rem)}.tr-head-grid{align-items:start;gap:2.25rem;display:grid}@media (min-width:60rem){.tr-head-grid[data-aside]{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(3rem,6vw,6rem)}.tr-head-grid[data-align=start]{align-items:start;padding-top:1.5rem}}.tr-lede{max-width:38rem;color:var(--color-haze);font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.6}.tr-h2{font-size:var(--text-headline);color:var(--color-chalk);align-items:baseline;gap:.9rem;display:flex}.tr-h2:after{content:"";background:linear-gradient(90deg, var(--color-steel), transparent);flex:1;min-width:2rem;height:1px;translate:0 -.3em}.tr-doc{gap:2rem;display:grid}@media (min-width:64rem){.tr-doc{grid-template-columns:13.5rem minmax(0,1fr);gap:clamp(3rem,5vw,5.5rem)}}.tr-body>.tr-section+.tr-section,.tr-body>*+.tr-section{margin-top:clamp(2.75rem,2rem + 2vw,3.75rem)}.tr-section{scroll-margin-top:calc(var(--header-h) + env(safe-area-inset-top) + 1.25rem)}.tr-section>*+*{margin-top:1.1rem}.tr-section>.tr-h2{margin-top:0}.tr-body .num{font-size:.93em}.tr-section>.tr-h2+*{margin-top:1.25rem}.tr-rail{display:none}@media (min-width:64rem){.tr-rail{top:calc(var(--header-h) + env(safe-area-inset-top) + 2rem);max-height:calc(100svh - var(--header-h) - 4rem);align-self:start;display:block;position:sticky;overflow-y:auto}.tr-index-m{display:none}}.tr-rail-list{box-shadow:inset 1px 0 0 var(--color-line);padding-left:1rem;display:grid;position:relative}.tr-rail-list a{color:var(--color-fog);transition:color var(--dur-fast) var(--ease-out);padding:.4rem 0;font-size:.9375rem;line-height:1.35;text-decoration:none;display:block}.tr-rail-list a:hover,.tr-rail-list a[aria-current=true]{color:var(--color-chalk)}.tr-rail-thumb{width:3px;height:var(--h,0px);translate:0 var(--y,0px);background:var(--color-caution);opacity:var(--o,0);transition:translate var(--dur-base) var(--ease-out), height var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);border-radius:2px;position:absolute;top:0;left:-1px}.tr-index-m{border-radius:var(--radius-panel);background:var(--color-vault);box-shadow:inset 0 0 0 1px var(--color-line)}.tr-index-m summary{justify-content:space-between;align-items:center;min-height:3rem;padding:0 1rem;list-style:none;display:flex}.tr-index-m summary::-webkit-details-marker{display:none}.tr-index-m summary svg{transition:rotate var(--dur-base) var(--ease-out)}.tr-index-m[open] summary svg{rotate:180deg}.tr-index-m ol{counter-reset:none;padding:0 1rem .75rem;display:grid}.tr-index-m a{min-height:2.75rem;color:var(--color-haze);box-shadow:0 -1px 0 var(--color-line);align-items:center;text-decoration:none;display:flex}.tr-form-hang{max-width:34rem;padding-top:2.25rem;position:relative}.tr-form{--tilt:-1.1deg;rotate:var(--tilt);transform-origin:2.6rem 1rem;animation:tr-swing 1.1s var(--ease-out) both;animation-delay:var(--d,.12s);padding:1.15rem 1.15rem 1rem 1.9rem;position:relative}@media (min-width:40rem){.tr-form{padding:1.4rem 1.6rem 1.25rem 2.4rem}}.tr-form:before{content:"";background:linear-gradient(180deg, transparent, var(--color-kraft) 30%, #8a6a3c);transform-origin:bottom;width:1.5px;height:3.3rem;position:absolute;bottom:calc(100% - 1.05rem);left:2.55rem;rotate:6deg}.tr-form:after{content:"";border-radius:var(--radius-tag) 0 0 var(--radius-tag);background:repeating-linear-gradient(-45deg, var(--color-caution) 0 6px, var(--color-night) 6px 12px);width:.7rem;position:absolute;inset:0 auto 0 0;box-shadow:inset -1px 0 #2b231759}.tr-form-head{align-items:center;gap:.6rem;padding-bottom:.7rem;display:flex;box-shadow:0 1.5px #2b23178c}.tr-eyelet{background:radial-gradient(circle, var(--color-night) 0 34%, #c9b07a 36% 58%, #a88c58 60% 70%, transparent 72%);border-radius:50%;flex:none;width:.95rem;height:.95rem;position:relative;box-shadow:inset 0 1px 1px #00000059}.tr-form-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-tag-ink);font-size:1.2rem;font-weight:800;line-height:1}.tr-form-corner{font-size:var(--text-meta);color:#2b2317cc;margin-left:auto}.tr-form-rows{display:grid}.tr-form-row{animation:tr-ink .62s var(--ease-out) both;animation-delay:calc(var(--d,.12s) + .52s + var(--i,0) * 85ms);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.25rem 1rem;padding:.62rem 0 .55rem;display:grid;box-shadow:0 1px #2b231729}.tr-form-row dt{color:#2b2317d1;font-size:.9rem;line-height:1.35}.tr-form-row dd{text-align:right;color:var(--color-tag-ink);font-size:.95rem;font-weight:600;line-height:1.3}.tr-form-row dd.num{font-size:1.02rem}.tr-form-row .tr-form-note{font-size:var(--text-meta);color:#2b2317c7;grid-column:1/-1;margin-top:.1rem;line-height:1.4}@container trform (max-width:22rem){.tr-form-row[data-long]{grid-template-columns:minmax(0,1fr)}.tr-form-row[data-long] dd,.tr-form-row .tr-form-note{text-align:left}}.tr-form-wrap{container:trform/inline-size}.tr-form-foot{font-size:var(--text-meta);color:#2b2317cc;margin-top:.85rem;line-height:1.45}.tr-form-foot a{color:var(--color-tag-ink);-webkit-text-decoration:underline #2b231766;text-decoration:underline #2b231766}.tr-form-foot a:hover{text-decoration-color:currentColor}@keyframes tr-swing{0%{opacity:0;translate:0 -10px;rotate:-9deg}18%{opacity:1}48%{translate:0;rotate:2.4deg}72%{rotate:calc(var(--tilt) - 1.4deg)}88%{rotate:calc(var(--tilt) + .5deg)}to{rotate:var(--tilt)}}@keyframes tr-ink{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0);opacity:1}}[data-reveal=armed] .tr-form,[data-reveal=armed] .tr-form-row{opacity:0;animation:none}[data-reveal=play] .tr-form{animation-name:tr-swing-view;animation-delay:60ms}[data-reveal=play] .tr-form-row{animation-name:tr-ink-view;animation-delay:calc(.56s + var(--i,0) * 85ms)}@keyframes tr-swing-view{0%{opacity:0;translate:0 -10px;rotate:-9deg}18%{opacity:1}48%{translate:0;rotate:2.4deg}72%{rotate:calc(var(--tilt) - 1.4deg)}88%{rotate:calc(var(--tilt) + .5deg)}to{rotate:var(--tilt)}}@keyframes tr-ink-view{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0);opacity:1}}.tr-contacts{gap:.75rem;display:grid}@media (min-width:44rem){.tr-contacts{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}}.tr-contact{flex-direction:column;gap:.6rem;display:flex}.tr-dial{width:fit-content;min-height:2.75rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero;font-variation-settings:"wdth" 87.5;letter-spacing:-.01em;color:var(--color-caution);transition:text-decoration-color var(--dur-fast) var(--ease-out);align-items:center;gap:.55rem;font-size:clamp(1.1rem,1rem + .5vw,1.3rem);font-weight:600;-webkit-text-decoration:underline #ffd40059;text-decoration:underline #ffd40059;display:inline-flex}.tr-dial:hover{-webkit-text-decoration-color:var(--color-caution);text-decoration-color:var(--color-caution)}.tr-status{scroll-margin-top:calc(var(--header-h) + env(safe-area-inset-top) + 1rem);margin-top:1.75rem;display:none}.tr-status:target,.tr-status[data-on]{animation:tr-drop .56s var(--ease-out) both;display:flex}.tr-status:focus{outline:none}.tr-status:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@keyframes tr-drop{0%{opacity:0;clip-path:inset(0 0 100% 0 round var(--radius-panel));translate:0 -10px}to{clip-path:inset(0 0 0 0 round var(--radius-panel))}}.tr-status-well{corner-shape:bevel;border-radius:8px;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid}.tr-status[data-tone=good] .tr-status-well{color:var(--color-clear);background:#123526;box-shadow:inset 0 0 0 1px #49d49459}.tr-status[data-tone=neutral] .tr-status-well,.tr-status[data-tone=problem] .tr-status-well{background:var(--color-panel);color:var(--color-haze);box-shadow:inset 0 0 0 1px var(--color-steel)}.tr-status[data-tone=problem]:before{content:"";border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:repeating-linear-gradient(-45deg, var(--color-caution) 0 6px, var(--color-night) 6px 12px);height:5px;position:absolute;inset:0 0 auto}.tr-log{gap:1.35rem;padding-left:1.6rem;display:grid;position:relative}.tr-log:before{content:"";background:linear-gradient(180deg, var(--color-steel), var(--color-steel) 80%, transparent);width:1px;position:absolute;top:.5rem;bottom:2.5rem;left:.34rem}.tr-log>li{animation:tr-rise .52s var(--ease-out) both;animation-delay:calc(.24s + var(--i,0) * 90ms);position:relative}.tr-log>li:before{content:"";corner-shape:bevel;background:var(--color-night);width:.7rem;height:.7rem;box-shadow:inset 0 0 0 1.5px var(--color-haze);border-radius:2px;position:absolute;top:.4rem;left:-1.6rem}.tr-log>li[data-next]:before{box-shadow:none;outline:1.5px dashed var(--color-fog);outline-offset:-1.5px;top:1.15rem}.tr-log-next{border-radius:var(--radius-panel);border:1px dashed var(--color-steel);padding:.85rem 1rem}.tr-steps{counter-reset:step;gap:1.75rem;display:grid}.tr-step{counter-increment:step;padding-left:3.25rem;position:relative}.tr-step:after{content:"";background:var(--color-steel);width:1px;position:absolute;top:2.6rem;bottom:-1.5rem;left:1.12rem}.tr-step:last-child:after{display:none}.tr-step-no{position:absolute;top:0;left:0}.tr-step-no:before{content:counter(step)}.tr-steps-wrap{container:trsteps/inline-size}@container trsteps (min-width:44rem){.tr-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.tr-step{padding-top:3.5rem;padding-left:0}.tr-step:after{background:linear-gradient(90deg, var(--color-steel), var(--color-steel) 85%, transparent);width:auto;height:1px;inset:1.15rem -1.5rem auto 3.25rem}}}@layer utilities;@media (prefers-contrast:more){.tr-form-row{box-shadow:0 1px #2b231773}.tr-form-row dt,.tr-form-row .tr-form-note,.tr-form-foot,.tr-form-corner{color:var(--color-tag-ink)}.tr-rail-list{box-shadow:inset 1px 0 0 var(--color-steel)}}@media (prefers-reduced-motion:reduce){.tr-form,.tr-form-row,.tr-rise,.tr-log>li,.tr-status:target,.tr-status[data-on]{animation:none!important}[data-reveal=armed] .tr-form,[data-reveal=armed] .tr-form-row{opacity:1}.tr-rail-thumb{transition:none}}
