/* Slab Rain Lab: an independent grading report printed on cotton paper */
:root{
  --paper:#f3efe6;--sheet:#fbf9f3;--ink:#16140f;--ink2:#4a463d;--mute:#7d776a;--rule:#d9d2c3;--rule2:#c2b9a6;
  --red:#c8102e;--blue:#1d3f9e;--green:#1e7a46;
  /* tier colours: printed inks, not neon */
  --common:#7d776a;--uncommon:#1e7a46;--rare:#1d3f9e;--epic:#c8102e;
  --display:'Archivo',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --sans:'IBM Plex Sans',system-ui,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background:var(--paper) url(assets/paper.jpg) repeat;background-size:512px;background-blend-mode:multiply}
a{color:inherit}
h1,h2{font-family:var(--display);font-stretch:72%;font-weight:850;text-transform:uppercase;margin:0;line-height:.88;letter-spacing:-.005em}
h2{font-size:clamp(34px,4.6vw,58px)}
.kicker{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:0 0 18px}
.fine{color:var(--mute);font-size:13px;margin:18px 0 0;max-width:820px}
.muted{color:var(--mute);font-size:13px}

/* falling slabs and the camera flash */
#sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
#flash{position:fixed;inset:0;z-index:30;pointer-events:none;background:#fff;opacity:0}
#flash.on{animation:flash .5s ease-out}
@keyframes flash{0%{opacity:0}8%{opacity:.7}100%{opacity:0}}
main,footer{position:relative;z-index:1}

/* nav */
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;height:60px;padding:0 max(16px,calc((100vw - 1200px)/2));background:#f3efe6f0;backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 20px var(--display);font-stretch:80%;text-transform:uppercase;letter-spacing:.02em}
.logo em{font-style:normal;color:var(--red)}
.logo-mark{display:grid;place-items:center;width:30px;height:38px;border:2px solid var(--ink);border-top:8px solid var(--red);border-radius:3px;font:700 11px var(--mono)}
.nav nav{display:flex;gap:24px;margin-left:auto}
.nav nav a{text-decoration:none;font:500 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.nav nav a:hover{color:var(--red)}
.report-no{font:500 12px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.report-no b{color:var(--ink);font-weight:600}

/* intake ticker, like a receipt printer */
.intake{position:sticky;top:60px;z-index:19;display:flex;height:34px;background:var(--ink);color:var(--sheet);overflow:hidden}
.intake-tag{flex:none;display:flex;align-items:center;padding:0 16px 0 max(16px,calc((100vw - 1200px)/2));font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--red);position:relative;z-index:2}
.intake-track{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 40px),transparent)}
.intake-run{display:flex;width:max-content;height:100%;animation:run var(--dur,60s) linear infinite}
.intake:hover .intake-run{animation-play-state:paused}
@keyframes run{to{transform:translateX(-50%)}}
.mq{display:flex;align-items:center;gap:10px;height:100%;padding:0 18px;border:0;background:none;color:inherit;font:400 12px var(--mono);cursor:pointer;white-space:nowrap}
.mq:hover{background:#ffffff14}
.mq i{font-style:normal;color:#9c958a}
.mq b{font-weight:600;color:#fff;background:var(--t);padding:1px 6px;border-radius:2px}
.mq+.mq{border-left:1px dashed #ffffff33}

main{max-width:1200px;margin:0 auto;padding:0 16px;pointer-events:none}
main a,main button,main input,main form,main .label,main .sheet{pointer-events:auto}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font:700 15px var(--display);font-stretch:85%;letter-spacing:.08em;text-transform:uppercase;padding:14px 22px;border-radius:2px;text-decoration:none;cursor:pointer;border:2px solid var(--ink);transition:transform .12s,box-shadow .12s}
.btn:active{transform:translate(2px,2px);box-shadow:none}
.btn-ink{background:var(--ink);color:var(--sheet);box-shadow:4px 4px 0 var(--red)}
.btn-ink:hover{box-shadow:6px 6px 0 var(--red)}
.btn-line{background:var(--sheet);color:var(--ink);box-shadow:4px 4px 0 var(--rule2)}

/* hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:72px 0 56px;min-height:calc(100vh - 94px)}
.hero-copy{position:relative}
.hero-copy::before{content:"";position:absolute;inset:-60px -90px;z-index:-1;background:radial-gradient(closest-side,#f3efe6f5,#f3efe600);pointer-events:none}
h1{font-size:clamp(70px,11vw,156px)}
.lead{font-size:19px;color:var(--ink2);max-width:540px;margin:24px 0 30px}
.cta{display:flex;gap:14px;flex-wrap:wrap}

/* the summary label: a big slab label */
.label{position:relative;background:var(--sheet);border:2px solid var(--ink);border-radius:6px;box-shadow:0 1px 0 var(--rule2),0 30px 60px -20px #3a30184d,12px 12px 0 -2px #e6dfcf;overflow:hidden;transform:rotate(1.2deg)}
.label::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff00 40%,#ffffff99 50%,#ffffff00 60%);background-size:300% 100%;animation:glare 7s ease-in-out infinite}
@keyframes glare{0%,70%{background-position:120% 0}100%{background-position:-120% 0}}
.label-band{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--red);color:#fff;padding:9px 16px;font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.label-cert b{font-weight:600}
.label-body{display:grid;grid-template-columns:1fr auto;gap:18px;padding:18px 18px 10px}
.label-text{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-content:start;font-size:14px}
.label-text small{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding-top:3px}
.label-text b{font-weight:600}
.label-grade{display:grid;justify-items:center;align-content:center;min-width:132px;border-left:2px solid var(--ink);padding-left:18px}
.label-grade small,.label-grade span{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-align:center}
.label-grade b{font:900 78px/1 var(--display);font-stretch:62%}
.label-foot{display:flex;align-items:center;gap:16px;padding:10px 18px 16px;border-top:1px dashed var(--rule2)}
.holo{width:64px;height:64px;border-radius:50%;overflow:hidden;flex:none;box-shadow:inset 0 0 0 1px #0003;position:relative}
.holo img{width:200%;height:200%;object-fit:cover;animation:holo 6s linear infinite}
@keyframes holo{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(-25%,-25%) rotate(8deg)}100%{transform:translate(0,0) rotate(0)}}
.barcode{flex:1;height:44px}

/* sheets: each section is a printed page */
.sheet{position:relative;margin-top:80px;background:var(--sheet) url(assets/paper.jpg) repeat;background-size:512px;background-blend-mode:multiply;border:1px solid var(--rule2);box-shadow:0 2px 0 var(--rule),0 24px 50px -24px #3a301840;padding:0 32px 32px}
.sheet::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--red)}
.sheet-head{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:20px 0 14px;margin-bottom:28px;border-bottom:2px solid var(--ink);font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.sheet-head span:first-child{background:var(--ink);color:var(--sheet);padding:3px 8px}
.sheet-id{color:var(--mute);font-weight:500}
.sheet-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:30px}
.sheet-intro p,.sheet-p{color:var(--ink2);margin:0;max-width:520px}
.sheet-p{margin:18px 0 0}

/* odds test cards */
.audit{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px}
.acard{position:relative;border:1.5px solid var(--ink);background:#fffdf8;padding:16px 18px 14px;overflow:hidden}
.acard header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--ink);padding-bottom:8px;margin-bottom:6px}
.acard h3{margin:0;font:800 22px var(--display);font-stretch:75%;text-transform:uppercase}
.acard header small{font:500 11px var(--mono);color:var(--mute);white-space:nowrap}
.atable{width:100%;border-collapse:collapse;font:400 13px var(--mono)}
.atable th{font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);text-align:right;padding:6px 0 4px}
.atable th:first-child,.atable td:first-child{text-align:left}
.atable td{padding:6px 0;border-top:1px dotted var(--rule2);text-align:right}
.atable td:first-child{font-weight:600;text-transform:capitalize;color:var(--t)}
.atable .bar{display:inline-block;height:6px;background:var(--t);vertical-align:middle;margin-right:6px;opacity:.85}
.mark{font-weight:600}.mark.pass{color:var(--green)}.mark.fail{color:var(--red)}.mark.wait{color:var(--mute)}
.afoot{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;border-top:1px solid var(--ink);padding-top:8px}
.afoot small{display:block;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.afoot b{font:800 24px var(--display);font-stretch:70%}

/* rubber stamps, eroded with the generated speckle mask */
.stamp{position:absolute;right:14px;top:44px;padding:6px 12px;border:3.5px solid currentColor;border-radius:4px;font:900 22px/1 var(--display);font-stretch:70%;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-9deg);opacity:.86;mix-blend-mode:multiply;
  -webkit-mask:url(assets/stamp-mask.png) 0 0/220px;mask:url(assets/stamp-mask.png) 0 0/220px;pointer-events:none;text-align:center}
.stamp small{display:block;font:600 9px var(--mono);letter-spacing:.12em;margin-top:3px}
.stamp.pass{color:var(--blue)}.stamp.fail{color:var(--red)}.stamp.wait{color:#8a8274;border-style:dashed}
.stamp.big{position:static;display:inline-block;font-size:30px;margin-top:14px}

/* grade */
.grade-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
.wallet-form{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.wallet-form input{flex:1;min-width:220px;background:#fffdf8;border:2px solid var(--ink);border-radius:2px;color:var(--ink);font:500 14px var(--mono);padding:13px 14px;outline:none}
.wallet-form input:focus{box-shadow:4px 4px 0 var(--red)}
.report-out{border:2px solid var(--ink);background:#fffdf8;min-height:360px;position:relative}
.report-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:356px;color:var(--mute);font:500 13px var(--mono);text-transform:uppercase;letter-spacing:.08em}
.pending-slab{width:60px;height:86px;border:2px dashed var(--rule2);border-top:10px solid var(--rule2);border-radius:4px}
.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--rule2);border-top-color:var(--red);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cert-band{display:flex;justify-content:space-between;background:var(--red);color:#fff;padding:8px 16px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.cert-main{display:grid;grid-template-columns:1fr auto;gap:18px;padding:18px 18px 12px;border-bottom:1px dashed var(--rule2)}
.cert-main small{display:block;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.cert-main h3{margin:4px 0 10px;font:800 30px/1 var(--display);font-stretch:72%;text-transform:uppercase}
.cert-grade{display:grid;justify-items:center;align-content:center;border-left:2px solid var(--ink);padding-left:18px;min-width:120px}
.cert-grade b{font:900 96px/.9 var(--display);font-stretch:62%}
.cert-grade span{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.cert-rows{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px dashed var(--rule2)}
.cert-rows div{padding:12px 18px}
.cert-rows div+div{border-left:1px dashed var(--rule2)}
.cert-rows small{display:block;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.cert-rows b{font:800 26px var(--display);font-stretch:70%}
.cert-best{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px dashed var(--rule2)}
.cert-best small{display:block;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.cert-best b{display:block;font-size:14px;margin:3px 0}
.cert-best .val{font:800 30px var(--display);font-stretch:70%;color:var(--red)}
.cert-foot{padding:14px 18px 18px}
.cert-foot p{margin:0 0 12px;color:var(--ink2);font-size:14px}
.ractions{display:flex;gap:12px;flex-wrap:wrap}
.wallet-link{background:none;border:0;padding:0;color:var(--blue);font:500 12px var(--mono);cursor:pointer;text-decoration:underline}

/* slabs */
.slab{position:relative;display:block;padding:0;border:0;background:none;border-radius:6px;box-shadow:0 0 0 1px #00000026,0 10px 22px -8px #3a3018aa;overflow:hidden;min-width:0;font:inherit;text-align:left;color:var(--ink)}
.slab::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(125deg,#ffffff40 0%,#ffffff00 28%,#ffffff00 62%,#ffffff22 74%,#ffffff00 82%)}
.slab img{display:block;width:100%;aspect-ratio:5/8;object-fit:cover;background:#e6dfcf}
.slab-price{position:absolute;right:6px;bottom:6px;z-index:2;font:600 11px var(--mono);color:#fff;background:var(--tier,var(--ink));padding:2px 6px;border-radius:2px}
button.slab{cursor:pointer;width:100%}
button.slab:hover{box-shadow:0 0 0 2px var(--ink),6px 6px 0 var(--red)}
.slab.glow{box-shadow:0 0 0 2px var(--red),8px 8px 0 #c8102e33}

.sky-card{position:absolute;top:-340px;animation:skyfall linear forwards;will-change:transform;pointer-events:auto;cursor:pointer;transition:filter .2s,opacity .2s,scale .2s,box-shadow .2s}
@keyframes skyfall{to{transform:translateY(calc(100vh + 400px)) rotate(var(--r))}}
.sky-card.far{filter:blur(2px) saturate(.6);opacity:.45}
.sky-card.mid{filter:saturate(.85);opacity:.8}
.sky-card.near{box-shadow:0 0 0 1px #00000026,0 26px 40px -12px #3a3018aa}
.sky-card:hover{animation-play-state:paused;filter:none;opacity:1;scale:1.1;z-index:5;box-shadow:0 0 0 2px var(--ink),8px 8px 0 var(--red)}
.sky-card::after{content:"Inspect";position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:3;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--ink);padding:5px 10px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}
.sky-card:hover::after{opacity:1}
.sky-card.caught{animation-play-state:paused;scale:1.2;opacity:0;transition:scale .3s,opacity .3s}

/* intake grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px}
.grid>*{min-width:0}
.pull-meta{display:flex;justify-content:space-between;align-items:center;font:400 11px var(--mono);color:var(--mute);margin-top:8px;border-top:1px solid var(--ink);padding-top:5px}

/* notes */
.notes{margin:0;padding:0;list-style:none;counter-reset:n;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.notes li{counter-increment:n;padding:14px 0 14px 46px;border-bottom:1px dotted var(--rule2);position:relative;color:var(--ink2);font-size:15px}
.notes li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:14px;font:600 13px var(--mono);color:var(--red)}
.notes b{color:var(--ink)}

footer{margin-top:80px;padding:26px max(16px,calc((100vw - 1200px)/2)) 46px;border-top:2px solid var(--ink);background:#f3efe6f2;color:var(--mute);font-size:13px}
footer p{margin:4px 0;max-width:900px}

/* modal: the specimen record */
.modal{border:2px solid var(--ink);border-radius:4px;background:var(--sheet);color:var(--ink);padding:0;max-width:780px;width:calc(100% - 32px)}
.modal::backdrop{background:#16140fb3;backdrop-filter:blur(3px)}
.modal[open]{animation:rise .3s ease-out}
@keyframes rise{from{transform:translateY(20px);opacity:0}}
.modal-x{position:absolute;right:10px;top:8px;z-index:2;width:34px;height:34px;border:2px solid var(--ink);background:var(--sheet);color:var(--ink);font-size:20px;cursor:pointer;border-radius:2px}
.modal-band{background:var(--red);color:#fff;padding:9px 56px 9px 18px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.modal-body{display:grid;grid-template-columns:250px 1fr;gap:26px;padding:24px}
.modal-body>.slab{align-self:start}
.modal-wrap{grid-column:1/-1;margin:-24px -24px 0}
.m-tier{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.m-name{margin:8px 0 6px;font:800 28px/1 var(--display);font-stretch:72%;text-transform:uppercase}
.m-val{font:900 60px/.9 var(--display);font-stretch:62%}
.m-rows{margin:16px 0}
.m-rows div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px dotted var(--rule2);font-size:14px}
.m-rows dt{color:var(--mute);font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
.m-rows dd{margin:0;text-align:right}
.m-links{display:flex;flex-wrap:wrap;gap:10px}
.m-links .btn{padding:10px 14px;font-size:13px}
.up{color:var(--green)}.down{color:var(--red)}


/* hold to rain */
.rain-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start}
.rain-rules{margin:0;padding:0;list-style:none;counter-reset:r}
.rain-rules li{counter-increment:r;position:relative;padding:12px 0 12px 46px;border-bottom:1px dotted var(--rule2);color:var(--ink2);font-size:15px}
.rain-rules li::before{content:counter(r,decimal-leading-zero);position:absolute;left:0;top:12px;font:600 13px var(--mono);color:var(--blue)}
.rain-rules b{color:var(--ink)}
.rain-panel{border:2px solid var(--ink);background:#fffdf8}
.rain-next{display:grid;justify-items:center;padding:18px;border-bottom:2px solid var(--ink);background:linear-gradient(180deg,#eef2fb,#fffdf8)}
.rain-next small,.rain-next span{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rain-next b{font:900 64px/1 var(--display);font-stretch:62%;color:var(--blue);font-variant-numeric:tabular-nums}
.rain-stats{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px dashed var(--rule2)}
.rain-stats div{padding:12px 16px}
.rain-stats div:nth-child(even){border-left:1px dashed var(--rule2)}
.rain-stats div:nth-child(n+3){border-top:1px dashed var(--rule2)}
.rain-stats small{display:block;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.rain-stats b{font:800 26px var(--display);font-stretch:70%}
.rain-note{padding:12px 16px;font-size:13px;color:var(--ink2);margin:0}
.rain-note a{color:var(--blue)}
.rain-table{margin-top:28px}
.rain-table h3,.rain-log h3{font:800 20px var(--display);font-stretch:75%;text-transform:uppercase;margin:0 0 8px}
.rtable{width:100%;border-collapse:collapse;font:400 13px var(--mono)}
.rtable th{font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);text-align:right;padding:6px 8px;border-bottom:1px solid var(--ink)}
.rtable td{padding:7px 8px;border-bottom:1px dotted var(--rule2);text-align:right}
.rtable th:first-child,.rtable td:first-child{text-align:left}
.rtable .g{display:inline-block;min-width:26px;text-align:center;font-weight:600;color:#fff;background:var(--red);border-radius:2px;padding:0 4px}
.rain-log{margin-top:26px}
.rain-log ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rain-log li{display:flex;justify-content:space-between;gap:12px;font:400 13px var(--mono);border-bottom:1px dotted var(--rule2);padding:6px 0}
.pill-st{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border:1.5px solid currentColor;border-radius:2px}
.pill-st.forecast{color:var(--mute)}.pill-st.pending{color:#d6523f}.pill-st.paid{color:var(--blue)}
@media (max-width:960px){.rain-grid{grid-template-columns:1fr}}
@media (max-width:560px){.rtable .hide-s{display:none}.rain-next b{font-size:52px}}

@media (max-width:960px){
  .nav nav,.report-no{display:none}
  .hero,.grade-grid,.sheet-intro{grid-template-columns:1fr;gap:36px}
  .hero{padding-top:44px;min-height:0}
  .label{transform:none}
  .notes{grid-template-columns:1fr}
  .sheet{padding:0 18px 22px}
}
@media (max-width:560px){
  .label-body{grid-template-columns:1fr}
  .label-grade{border-left:0;border-top:2px solid var(--ink);padding:12px 0 0}
  .audit{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr;gap:14px}
  .cert-main{grid-template-columns:1fr}
  .cert-grade{border-left:0;border-top:2px solid var(--ink);padding:10px 0 0}
  .modal-body{grid-template-columns:1fr;padding:20px}
  .modal-body>.slab{width:190px;margin:0 auto}
  .sheet-head{grid-template-columns:auto 1fr}
  .sheet-id{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto}}
.holo{width:78px;height:78px}.holo img{width:100%;height:100%;animation:none}
.hero-copy::before{inset:-80px -120px -60px;background:radial-gradient(closest-side,#f6f3ecfa 60%,#f6f3ec00)}.label{z-index:1}
.acard header{align-items:center}.acard header small{display:block;margin-top:2px}.acard .stamp{position:static;flex:none;font-size:16px;padding:4px 8px;transform:rotate(-6deg);border-width:3px}
.stamp.wait{color:#d6523f;border-style:solid;opacity:.78}.stamp.fail{color:#9e0b24;border-style:double;border-width:5px}
html,body{overflow-x:clip}@media (max-width:960px){.hero-copy::before{inset:-40px -16px}}