@font-face { font-family:"Pirata One"; src:url(/fonts/pirata-one-latin-400-normal.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:"Open Sans Condensed"; font-weight:700; src:url(/fonts/open-sans-condensed-latin-700-normal.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:"Old Standard TT"; src:url(/fonts/old-standard-tt-latin-400-normal.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:"Old Standard TT"; font-style:italic; src:url(/fonts/old-standard-tt-latin-400-italic.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:"Old Standard TT"; font-weight:700; src:url(/fonts/old-standard-tt-latin-700-normal.woff2) format("woff2"); font-display:swap; }

:root { --ember:#ff8a1f; --ox:#3f0c0c; --bone:#ecdfc6; --dim:#cdb99b; --panel:#080605; --ink:#141210; --rule:#55504a; --stamp:#e8412f;
  --condensed:"Open Sans Condensed","Arial Narrow",sans-serif; --display:"Pirata One",Georgia,serif; }
* { box-sizing:border-box; }
html { color-scheme:dark; }
html, body { overflow-x:clip; }
body { margin:0; min-height:100vh; display:flex; flex-direction:column; background:#0b0806 url(/theme/wood.jpg) center top/1400px auto;
  color:var(--bone); font:17px/1.55 "Old Standard TT",Georgia,serif; }
main { flex:1; width:100%; }
a { color:var(--ember); }
img { max-width:100%; display:block; }
button { min-height:44px; border:0; cursor:pointer; background:var(--ember); color:#100803; font:700 1.15rem var(--condensed);
  text-transform:uppercase; letter-spacing:.04em; padding:.6rem 1.2rem; }
button.secondary { background:transparent; color:var(--bone); border:1px solid var(--bone); }
:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.skip { position:absolute; left:-999px; }
.skip:focus { left:1rem; top:1rem; z-index:9; background:#000; padding:.5rem; }
.vh { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

.top { background:#000; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.6rem 2rem; border-bottom:3px solid var(--ember); }
.mark { min-height:44px; display:inline-flex; align-items:center; color:var(--bone); font:400 1.75rem var(--display); text-decoration:none; }
.mark img { height:42px; }
.links { display:flex; gap:1.75rem; }
.links a { min-height:44px; display:inline-flex; align-items:center; color:var(--bone); text-decoration:none;
  font:700 1.02rem var(--condensed); text-transform:uppercase; letter-spacing:.05em; }
.foot { background:#000; border-top:3px solid var(--ember); padding:1.25rem 2rem; font-size:.875rem; }
.foot div { max-width:66rem; margin:auto; display:flex; flex-wrap:wrap; gap:.25rem 1.5rem; }
.foot span { margin-right:auto; }

.bill { position:relative; isolation:isolate; max-width:66rem; margin:2.25rem auto 0; padding:1.75rem 2.25rem 1.6rem; }
.bill.has-photo { min-height:30rem; }
.bill::before { content:""; position:absolute; inset:0; z-index:-1; transform:rotate(-1.1deg); clip-path:polygon(0.00% 0.36%,2.17% 0.96%,4.35% 0.84%,6.52% 1.22%,8.70% 0.07%,10.87% 0.92%,13.04% 0.10%,15.22% 0.46%,17.39% 0.81%,19.57% 1.22%,21.74% 0.92%,23.91% 0.72%,26.09% 0.78%,28.26% 1.04%,30.43% 1.38%,32.61% 0.57%,34.78% 0.48%,36.96% 0.56%,39.13% 0.87%,41.30% 0.29%,43.48% 0.43%,45.65% 1.19%,47.83% 0.12%,50.00% 0.80%,52.17% 0.72%,54.35% 0.05%,56.52% 0.57%,58.70% 1.02%,60.87% 1.04%,63.04% 0.90%,65.22% 1.04%,67.39% 0.96%,69.57% 0.34%,71.74% 1.20%,73.91% 0.87%,76.09% 0.47%,78.26% 0.05%,80.43% 0.69%,82.61% 0.86%,84.78% 0.23%,86.96% 0.23%,89.13% 0.97%,91.30% 1.25%,93.48% 0.06%,95.65% 0.75%,97.83% 0.24%,100.00% 1.02%,99.72% 6.67%,99.66% 13.33%,99.35% 20.00%,99.36% 26.67%,99.58% 33.33%,99.93% 40.00%,99.60% 46.67%,99.85% 53.33%,99.82% 60.00%,99.80% 66.67%,99.48% 73.33%,99.82% 80.00%,99.95% 86.67%,99.47% 93.33%,100.00% 99.87%,97.83% 99.78%,95.65% 99.88%,93.48% 98.85%,91.30% 98.64%,89.13% 99.71%,86.96% 98.92%,84.78% 99.52%,82.61% 98.78%,80.43% 99.28%,78.26% 98.60%,76.09% 98.91%,73.91% 98.56%,71.74% 99.21%,69.57% 99.72%,67.39% 98.78%,65.22% 98.93%,63.04% 98.61%,60.87% 99.65%,58.70% 98.62%,56.52% 98.78%,54.35% 98.63%,52.17% 98.59%,50.00% 99.11%,47.83% 99.42%,45.65% 99.66%,43.48% 99.18%,41.30% 99.10%,39.13% 99.55%,36.96% 99.05%,34.78% 99.89%,32.61% 99.02%,30.43% 98.77%,28.26% 99.98%,26.09% 98.71%,23.91% 99.92%,21.74% 99.24%,19.57% 98.53%,17.39% 99.37%,15.22% 98.54%,13.04% 98.75%,10.87% 99.65%,8.70% 99.92%,6.52% 99.61%,4.35% 98.61%,2.17% 99.61%,0.00% 98.57%,0.64% 93.33%,0.30% 86.67%,0.09% 80.00%,0.50% 73.33%,0.40% 66.67%,0.29% 60.00%,0.19% 53.33%,0.37% 46.67%,0.50% 40.00%,0.60% 33.33%,0.54% 26.67%,0.23% 20.00%,0.31% 13.33%,0.69% 6.67%);
  background:var(--ox) url(/theme/grunge.jpg) center/cover; background-blend-mode:multiply; }
.bill::after { content:""; position:absolute; z-index:-1; left:-2rem; top:-1rem; width:38rem; height:26rem; opacity:.75;
  background:url(/ink/splat-bone.svg) center/contain no-repeat; }
.bill h1 { font:400 clamp(4.25rem,12.5vw,10rem)/.86 var(--display); margin:0 0 0 -.05em; color:var(--bone); transform:rotate(-2deg); transform-origin:left bottom; white-space:pre-line; }
.bill h1.long { font-size:clamp(3rem,7.5vw,6rem); line-height:.95; }
.bill .photo { position:absolute; right:-2rem; top:-1.25rem; width:29rem; height:23.5rem; object-fit:cover; transform:rotate(3deg);
  filter:grayscale(1) contrast(1.9) brightness(.95); clip-path:polygon(0.00% 0.61%,4.17% 2.05%,8.33% 1.15%,12.50% 0.74%,16.67% 1.79%,20.83% 0.83%,25.00% 1.68%,29.17% 0.54%,33.33% 0.39%,37.50% 1.40%,41.67% 1.28%,45.83% 0.95%,50.00% 0.55%,54.17% 0.17%,58.33% 2.22%,62.50% 1.10%,66.67% 0.78%,70.83% 1.43%,75.00% 1.15%,79.17% 1.80%,83.33% 0.68%,87.50% 0.27%,91.67% 1.99%,95.83% 1.17%,100.00% 0.02%,99.46% 8.33%,99.88% 16.67%,99.54% 25.00%,99.85% 33.33%,99.56% 41.67%,99.77% 50.00%,99.54% 58.33%,99.48% 66.67%,99.52% 75.00%,99.48% 83.33%,99.78% 91.67%,100.00% 99.57%,95.83% 99.63%,91.67% 99.37%,87.50% 99.86%,83.33% 98.31%,79.17% 99.48%,75.00% 99.73%,70.83% 99.31%,66.67% 99.13%,62.50% 99.63%,58.33% 97.89%,54.17% 99.89%,50.00% 99.11%,45.83% 98.66%,41.67% 98.98%,37.50% 98.06%,33.33% 98.10%,29.17% 98.16%,25.00% 98.71%,20.83% 98.49%,16.67% 97.93%,12.50% 99.80%,8.33% 99.42%,4.17% 98.87%,0.00% 99.60%,0.24% 91.67%,0.10% 83.33%,0.07% 75.00%,0.69% 66.67%,0.33% 58.33%,0.45% 50.00%,0.49% 41.67%,0.26% 33.33%,0.38% 25.00%,0.18% 16.67%,0.44% 8.33%); }
.bill .raven { position:absolute; right:19.5rem; top:12rem; width:15rem; height:15rem; transform:rotate(-7deg) scaleX(-1);
  background:url(/theme/raven.png) center/contain no-repeat; filter:invert(1) sepia(.4) brightness(.95); }
.facts { position:relative; display:flex; flex-wrap:wrap; gap:.1rem 2rem; width:fit-content; max-width:100%; margin:1.4rem 0 0; padding:.45rem .9rem;
  background:var(--ember); color:#100803; font:700 1.25rem/1.25 var(--condensed); text-transform:uppercase; letter-spacing:.03em;
  transform:rotate(-1deg); clip-path:polygon(0.00% 1.43%,4.17% 5.48%,8.33% 3.67%,12.50% 5.56%,16.67% 0.30%,20.83% 5.13%,25.00% 2.17%,29.17% 0.32%,33.33% 0.41%,37.50% 5.90%,41.67% 5.84%,45.83% 3.19%,50.00% 2.71%,54.17% 3.29%,58.33% 3.63%,62.50% 4.66%,66.67% 4.68%,70.83% 2.51%,75.00% 2.84%,79.17% 5.11%,83.33% 2.17%,87.50% 2.89%,91.67% 0.55%,95.83% 4.49%,100.00% 5.01%,99.75% 8.33%,99.87% 16.67%,99.31% 25.00%,99.91% 33.33%,99.68% 41.67%,99.68% 50.00%,99.92% 58.33%,99.92% 66.67%,99.56% 75.00%,99.46% 83.33%,99.94% 91.67%,100.00% 96.37%,95.83% 94.44%,91.67% 98.41%,87.50% 96.46%,83.33% 97.88%,79.17% 98.12%,75.00% 96.93%,70.83% 95.73%,66.67% 98.14%,62.50% 99.05%,58.33% 94.76%,54.17% 96.25%,50.00% 97.72%,45.83% 94.02%,41.67% 97.09%,37.50% 98.93%,33.33% 98.48%,29.17% 94.48%,25.00% 96.47%,20.83% 97.04%,16.67% 98.95%,12.50% 97.40%,8.33% 98.93%,4.17% 99.99%,0.00% 95.85%,0.53% 91.67%,0.10% 83.33%,0.38% 75.00%,0.52% 66.67%,0.62% 58.33%,0.26% 50.00%,0.28% 41.67%,0.45% 33.33%,0.58% 25.00%,0.35% 16.67%,0.34% 8.33%); }
.intro { position:relative; max-width:36rem; margin:.9rem 0 0; }

.wrap { max-width:66rem; margin:auto; padding:1.5rem 0 3rem; }
.cols { display:grid; grid-template-columns:minmax(0,1fr) 19rem; gap:1.25rem; align-items:start; }
.panel { background:var(--panel); padding:.5rem 1.5rem 1.25rem; }
.grp { display:inline-block; font:400 2.5rem/1 var(--display); background:var(--bone); color:#100803; margin:1rem 0 .55rem -.4rem;
  padding:.2rem .9rem .3rem; transform:rotate(-1.2deg); clip-path:polygon(0.00% 1.20%,5.56% 0.47%,11.11% 4.91%,16.67% 0.01%,22.22% 1.91%,27.78% 1.76%,33.33% 1.12%,38.89% 4.43%,44.44% 0.43%,50.00% 0.49%,55.56% 4.40%,61.11% 4.50%,66.67% 2.03%,72.22% 2.26%,77.78% 0.31%,83.33% 3.55%,88.89% 0.43%,94.44% 2.24%,100.00% 0.36%,99.56% 8.33%,99.48% 16.67%,99.57% 25.00%,99.70% 33.33%,99.38% 41.67%,99.95% 50.00%,99.83% 58.33%,99.74% 66.67%,99.64% 75.00%,99.48% 83.33%,99.52% 91.67%,100.00% 96.84%,94.44% 97.91%,88.89% 99.80%,83.33% 95.83%,77.78% 97.16%,72.22% 95.35%,66.67% 98.41%,61.11% 97.15%,55.56% 99.69%,50.00% 95.58%,44.44% 95.91%,38.89% 99.54%,33.33% 96.84%,27.78% 95.88%,22.22% 97.41%,16.67% 99.22%,11.11% 96.66%,5.56% 99.45%,0.00% 95.12%,0.49% 91.67%,0.61% 83.33%,0.63% 75.00%,0.25% 66.67%,0.34% 58.33%,0.12% 50.00%,0.22% 41.67%,0.07% 33.33%,0.39% 25.00%,0.55% 16.67%,0.20% 8.33%); }
.note { font-style:italic; color:var(--dim); margin:0 0 .5rem; }
.t { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 5rem 9.25rem; gap:1rem; align-items:start; padding:.8rem 0; border-top:1px solid var(--rule); }
.t h3 { font:700 1.3rem/1.15 var(--condensed); text-transform:uppercase; letter-spacing:.02em; margin:0; }
.t p { margin:.2rem 0 0; font-size:.95rem; line-height:1.45; color:var(--dim); max-width:60ch; }
.policy { margin-top:.25rem; font-size:.95rem; color:var(--dim); }
.policy summary { min-height:32px; display:flex; align-items:center; cursor:pointer; text-decoration:underline; text-underline-offset:.2em; }
.policy summary::-webkit-details-marker { display:none; }
.stock { display:block; margin-top:.2rem; color:var(--ember); font:700 .98rem var(--condensed); text-transform:uppercase; }
.price { text-align:right; font:700 1.3rem/1.2 var(--condensed); font-variant-numeric:tabular-nums; }
.qty { text-align:right; }
.qty label { font-weight:700; }
.qty input { width:3rem; min-height:44px; text-align:center; font:700 1rem "Old Standard TT",serif; color:#fff; background:#000; border:1px solid #8a7a64; appearance:textfield; }
.qty input::-webkit-inner-spin-button { display:none; }
.stepper { display:inline-flex; align-items:center; gap:.2rem; }
.stepper button { width:44px; height:44px; padding:0; background:transparent; color:var(--bone); border:1px solid var(--bone); font:400 1.35rem/1 system-ui,sans-serif; }
.agree { grid-column:1/-1; display:flex; gap:.6rem; font-size:.95rem; }
.agree input { width:20px; height:20px; flex:none; margin:.2rem 0 0; }

.t.soldout { min-height:6.5rem; }
.t.soldout h3, .t.soldout p, .t.soldout .price { opacity:.6; }
.stamp { position:absolute; left:38%; top:50%; z-index:2; padding:.1rem .8rem .15rem; white-space:nowrap; pointer-events:none; color:var(--stamp);
  font:700 2.6rem/1.05 var(--condensed); letter-spacing:.06em; text-transform:uppercase; border:4px solid currentColor; outline:1.5px solid currentColor; outline-offset:3px;
  transform:translate(-50%,-50%) rotate(-11deg); mask:url(/ink/stamp-mask.svg) center/100% 100%; -webkit-mask:url(/ink/stamp-mask.svg) center/100% 100%; }

.sum { position:sticky; top:1rem; background:var(--bone); color:var(--ink); padding:1.25rem 1.25rem 1.9rem; clip-path:polygon(0.00% 0.00%,3.33% 0.00%,6.67% 0.00%,10.00% 0.00%,13.33% 0.00%,16.67% 0.00%,20.00% 0.00%,23.33% 0.00%,26.67% 0.00%,30.00% 0.00%,33.33% 0.00%,36.67% 0.00%,40.00% 0.00%,43.33% 0.00%,46.67% 0.00%,50.00% 0.00%,53.33% 0.00%,56.67% 0.00%,60.00% 0.00%,63.33% 0.00%,66.67% 0.00%,70.00% 0.00%,73.33% 0.00%,76.67% 0.00%,80.00% 0.00%,83.33% 0.00%,86.67% 0.00%,90.00% 0.00%,93.33% 0.00%,96.67% 0.00%,100.00% 0.00%,100.00% 8.33%,100.00% 16.67%,100.00% 25.00%,100.00% 33.33%,100.00% 41.67%,100.00% 50.00%,100.00% 58.33%,100.00% 66.67%,100.00% 75.00%,100.00% 83.33%,100.00% 91.67%,100.00% 99.47%,96.67% 98.99%,93.33% 98.41%,90.00% 99.67%,86.67% 99.89%,83.33% 99.25%,80.00% 97.92%,76.67% 98.79%,73.33% 99.73%,70.00% 99.28%,66.67% 98.47%,63.33% 98.59%,60.00% 99.31%,56.67% 99.43%,53.33% 97.86%,50.00% 98.74%,46.67% 98.46%,43.33% 98.88%,40.00% 99.42%,36.67% 99.62%,33.33% 98.88%,30.00% 98.11%,26.67% 99.75%,23.33% 99.61%,20.00% 98.82%,16.67% 99.98%,13.33% 98.30%,10.00% 98.71%,6.67% 97.84%,3.33% 99.65%,0.00% 97.84%,0.00% 91.67%,0.00% 83.33%,0.00% 75.00%,0.00% 66.67%,0.00% 58.33%,0.00% 50.00%,0.00% 41.67%,0.00% 33.33%,0.00% 25.00%,0.00% 16.67%,0.00% 8.33%); }
.sum h2 { font:400 2rem/1 var(--display); margin:0 0 .5rem; }
.sum dl { display:grid; grid-template-columns:1fr auto; gap:.25rem .75rem; margin:0; font-size:.95rem; }
.sum dd { margin:0; font-variant-numeric:tabular-nums; }
.tot { display:flex; justify-content:space-between; align-items:baseline; margin:.6rem 0; padding-top:.4rem; border-top:3px solid var(--ink);
  font:700 1.3rem var(--condensed); text-transform:uppercase; }
.sum button { width:100%; background:var(--ink); color:var(--bone); }
.fine { font-size:.85rem; margin:.55rem 0 0; }
.codeform { display:flex; gap:.5rem; align-items:end; margin:.75rem 0; flex-wrap:wrap; }
.codeform label { flex:1 1 12rem; font-weight:700; }
.codeform input { display:block; width:100%; min-height:44px; margin-top:.25rem; font:inherit; font-weight:400; padding:.5rem; color:#fff; background:#000; border:1px solid #8a7a64; }
.errors { background:var(--bone); color:#7a1410; padding:.75rem 1rem; margin:1rem 0; font-weight:700; }
.errors ul { margin:.25rem 0 0; padding-left:1.25rem; font-weight:400; }

.doc { max-width:44rem; margin:0 auto; padding:2rem; background:var(--panel); }
.doc h1 { font:400 clamp(2.75rem,6vw,4rem)/1 var(--display); margin:0; }
.lead { font-size:1.05rem; margin:.4rem 0 1.25rem; }
.steps { list-style:none; display:flex; flex-wrap:wrap; gap:1.25rem; margin:0 0 1.25rem; padding:0; font-size:.9rem; counter-reset:step; }
.steps li { counter-increment:step; color:var(--dim); }
.steps li::before { content:counter(step) ". "; }
.steps li[aria-current] { color:var(--bone); font-weight:700; text-decoration:underline; text-underline-offset:.25em; }
table { width:100%; border-collapse:collapse; }
th, td { text-align:left; padding:.55rem .7rem .55rem 0; border-bottom:1px solid var(--rule); }
th { font:700 1.02rem var(--condensed); text-transform:uppercase; }
.num { text-align:right; font-variant-numeric:tabular-nums; }
th:last-child, td:last-child { padding-right:0; }
.wide { display:block; width:100%; font-weight:700; }
.wide input { display:block; width:100%; min-height:44px; margin-top:.25rem; font:inherit; font-weight:400; padding:.5rem; color:#fff; background:#000; border:1px solid #8a7a64; }
.payment { margin-top:1.75rem; display:grid; gap:1rem; }
.payment h2 { font:400 2.25rem/1 var(--display); margin:0; }
.payment .lead, .payment .fine, .payment .errors { margin:0; }
.payment button { width:100%; }
.payment button:disabled { opacity:.55; cursor:not-allowed; }
.acts { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; margin-top:1.5rem; }
.event-card { display:block; background:var(--panel); padding:1.25rem 1.5rem; margin:1rem 0; }
.event-card h2 { font:400 2.5rem/1 var(--display); margin:0; }
.event-card h2 a { color:var(--bone); text-decoration:none; }
.event-card p { margin:.4rem 0 0; }
.dim { color:var(--dim); }
.page-title { display:inline-block; font:400 clamp(3rem,8vw,5rem)/1 var(--display); background:var(--ox); margin:0; padding:.2rem 1rem .35rem; transform:rotate(-1deg); clip-path:polygon(0.00% 0.98%,5.56% 0.73%,11.11% 0.79%,16.67% 1.78%,22.22% 1.52%,27.78% 1.29%,33.33% 1.58%,38.89% 3.52%,44.44% 0.76%,50.00% 3.15%,55.56% 1.30%,61.11% 0.47%,66.67% 0.51%,72.22% 3.49%,77.78% 3.21%,83.33% 1.21%,88.89% 3.70%,94.44% 2.52%,100.00% 2.62%,99.81% 8.33%,99.97% 16.67%,99.75% 25.00%,99.67% 33.33%,99.47% 41.67%,99.67% 50.00%,99.62% 58.33%,99.60% 66.67%,99.50% 75.00%,99.68% 83.33%,99.93% 91.67%,100.00% 97.27%,94.44% 98.88%,88.89% 97.60%,83.33% 99.56%,77.78% 98.66%,72.22% 99.99%,66.67% 97.61%,61.11% 98.26%,55.56% 96.62%,50.00% 97.43%,44.44% 97.57%,38.89% 96.93%,33.33% 98.61%,27.78% 97.99%,22.22% 96.94%,16.67% 99.42%,11.11% 98.27%,5.56% 99.95%,0.00% 97.80%,0.67% 91.67%,0.12% 83.33%,0.15% 75.00%,0.67% 66.67%,0.60% 58.33%,0.48% 50.00%,0.17% 41.67%,0.48% 33.33%,0.24% 25.00%,0.32% 16.67%,0.02% 8.33%); }

@media (max-width:1120px) {
  .bill, .wrap { margin-left:1rem; margin-right:1rem; }
  .bill .photo { right:-.5rem; width:24rem; height:19.5rem; }
  .bill .raven { right:15rem; width:12rem; height:12rem; }
}
@media (max-width:820px) {
  body { font-size:16.5px; }
  .top, .foot { padding-left:1rem; padding-right:1rem; }
  .bill { margin:1rem .5rem 0; padding:1.25rem 1.1rem; }
  .bill.has-photo { min-height:0; }
  .bill::after, .bill .raven { display:none; }
  .bill .photo { position:static; width:100%; height:13rem; transform:none; margin-bottom:.75rem; }
  .wrap { margin:0 .5rem; padding-top:1rem; }
  .cols { grid-template-columns:minmax(0,1fr); gap:0; }
  .panel, .doc { padding-left:1rem; padding-right:1rem; }
  .t { grid-template-columns:minmax(0,1fr) auto; }
  .t > div:first-child { grid-column:1/-1; }
  .price { text-align:left; align-self:center; }
  .stamp { left:50%; font-size:2rem; }
  .sum { position:sticky; bottom:0; top:auto; z-index:5; margin:0 -.5rem; padding:.6rem 1rem; display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:center; clip-path:none; }
  .sum h2, .sum dl, .sum .fine { display:none; }
  .sum .tot { display:block; margin:0; padding:0; border:0; }
  .sum .tot span { display:block; font-size:.8rem; }
}
[hidden] { display:none !important; }