/* ============================================================
   Pur Ecommerce Co., Limited - Parcel Sorting Room theme
   Palette:
     dusk body   #191722
     flap-white  #EFEDF4
     label-pink  #C95E8E
     sort-panel  #221F2C
     sump-deep   #100E17
     scale-grey  #99A3AF
     tape-kraft  #A98C5F
     hairline    #2B2836
   No rgba(), no opacity decimals, no text gradients.
   ============================================================ */

*{box-sizing:border-box;margin:0;padding:0}

body{
  background:#191722;
  color:#EFEDF4;
  font-family:Georgia,'Times New Roman',serif;
  font-size:16px;
  line-height:1.75;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

a{color:#C95E8E;text-decoration:none;transition:color .2s}
a:hover{color:#EFEDF4}
img{max-width:100%;display:block}
p{margin:0 0 18px}
h1{font-weight:700}
h2{font-weight:700}
h3{font-weight:700}

noscript .scr-reveal,
noscript [data-scrollreveal]{
  opacity:1;
  transform:none;
}

/* ---- Scroll reveal default state (JS animated) ---- */
.scr-reveal-scroll{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .7s ease,transform .7s ease;
}
.scr-reveal-scroll.scr-visible{
  opacity:1;
  transform:translateY(0);
}
/* redundant friend classes kept out of the unique-name pool */

/* ============================================================
   SORT CUBBY HEADER .sortcubby
   ============================================================ */
.sortcubby{
  width:100%;
  border-bottom:4px solid #2B2836;
  background:#100E17;
  padding:18px 0 22px;
}
.sortcubby-frame{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  align-items:stretch;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
}
.sortcubby-brandcub{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#221F2C;
  border:2px solid #2B2836;
  border-radius:10px;
  flex:0 1 300px;
  padding:16px 10px;
}
.sortcubby-label{
  background:#A98C5F;
  color:#191722;
  font-family:'Arial Black',Arial,sans-serif;
  font-weight:800;
  letter-spacing:1px;
  text-align:center;
  border:1px solid #2B2836;
  border-radius:2px;
  padding:14px 18px;
  line-height:1.3;
}
.sortcubby-label .sortcubby-label1{display:block;font-size:22px}
.sortcubby-label .sortcubby-label2{display:block;font-size:12px;font-weight:400;letter-spacing:.2em;font-family:Arial,sans-serif}

.sortcubby-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  justify-content:center;
  align-items:center;
}
.sortcubby-item{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.sortcubby-tag{
  font-family:Arial,sans-serif;
  font-size:10px;
  letter-spacing:.14em;
  color:#99A3AF;
  margin-bottom:6px;
  font-weight:700;
}
.sortcubby-parcel{
  background:#A98C5F;
  border:1px solid #191722;
  border-radius:4px;
  position:relative;
  padding:14px 22px;
  text-align:center;
  box-shadow:0 6px 0 #6e5a3b;
}
.sortcubby-parcel::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:50%;
  margin-left:-4px;width:8px;
  background:#C95E8E;
  border-radius:2px;
}
.sortcubby-parcel a{
  position:relative;
  z-index:2;
  color:#EFEDF4;
  font-family:'Arial Black',Arial,sans-serif;
  font-weight:800;
  font-size:15px;
  display:block;
  padding:2px 6px;
  text-shadow:0 1px 0 #191722;
}
.sortcubby-parcel a:hover{color:#191722;text-shadow:none}

/* rivet dots along cubby frame */
.sortcubby-item::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#C95E8E;margin-bottom:6px;
}

/* ---- mobile nav toggle ---- */
.sortcubby-toggle{
  display:none;
  background:#C95E8E;color:#191722;
  border:none;border-radius:4px;
  font-family:'Arial Black',Arial,sans-serif;
  font-weight:800;font-size:16px;
  padding:12px 18px;cursor:pointer;
  margin:0 auto;
}

/* ============================================================
   PACKING BENCH HERO .packbench
   ============================================================ */
.packbench{
  max-width:1180px;
  margin:0 auto;
  padding:64px 24px 70px;
  display:flex;
  gap:40px;
  flex-wrap:wrap;
  align-items:center;
}
.packbench-copy{
  flex:1 1 360px;
  max-width:560px;
}
.packbench-kicker{
  font-family:Arial,sans-serif;
  font-size:12px;
  letter-spacing:.22em;
  color:#99A3AF;
  text-transform:uppercase;
  margin-bottom:14px;
}
.packbench-headline{
  font-size:52px;
  line-height:1.1;
  margin-bottom:22px;
  letter-spacing:-.01em;
}
.packbench-headline .packbench-pink{color:#C95E8E}
.packbench-subhead{
  font-size:19px;
  color:#C6C4CE;
  line-height:1.85;
  margin-bottom:30px;
}
.packbench-actions{display:flex;gap:16px;flex-wrap:wrap}

/* tape-gun buttons */
.packbench-cta{
  display:inline-block;
  font-family:'Arial Black',Arial,sans-serif;
  font-weight:800;
  font-size:15px;
  color:#EFEDF4;
  background:#C95E8E;
  border:2px solid #C95E8E;
  border-radius:3px;
  padding:14px 26px;
  box-shadow:0 6px 0 #7d3c5b;
  transform:translateY(0);
  transition:transform .15s,box-shadow .15s,background .2s;
}
.packbench-cta:hover{background:#191722;color:#EFEDF4;box-shadow:0 3px 0 #7d3c5b;transform:translateY(3px)}
.packbench-cta-ghost{
  background:#221F2C;
  border-color:#2B2836;
  color:#C95E8E;
  box-shadow:0 6px 0 #0f0d15;
}
.packbench-cta-ghost:hover{background:#C95E8E;color:#191722}

/* --- the visual bench scene (right column) --- */
.packbench-scene{
  flex:1 1 380px;
  max-width:520px;
  margin:0 auto;
  background:
    repeating-linear-gradient(0deg,#1c1926 0px,#1c1926 2px,#191722 2px,#191722 4px);
  border:2px solid #2B2836;
  border-radius:12px;
  padding:24px;
  position:relative;
}
.packbench-scene::after{
  content:"";
  position:absolute;top:12px;left:12px;right:12px;bottom:12px;
  border:1px dashed #2B2836;border-radius:8px;pointer-events:none;
}

/* shelf of mailbags */
.packbench-shelf{
  display:flex;gap:14px;align-items:flex-end;
  width:fit-content;margin:0 24px 20px auto;
  background:#100E17;border-top:3px solid #2B2836;
  border-radius:0 0 8px 8px;
  padding:10px 14px;
}
.packbench-mailbag{
  width:60px;height:72px;
  background:#44384f;
  border:2px solid #5c4d6b;
  border-radius:8px 8px 4px 4px;
  position:relative;
}
.packbench-mailbag::after{
  content:"";
  position:absolute;top:6px;left:50%;margin-left:-5px;
  width:10px;height:10px;border-radius:50%;
  background:#191722;border:2px solid #99A3AF;
}
.packbench-mailbag2{height:60px}
.packbench-mailbag3{height:78px}

/* spring platform weigh scale */
.packbench-scale{
  width:230px;height:200px;
  margin:24px auto 0;
  position:relative;
}
.packbench-scalespring{
  position:absolute;bottom:6px;left:50%;
  margin-left:-2px;
}
.packbench-scalespring span{
  display:block;width:58px;height:6px;
  background:#99A3AF;margin:0 auto;margin-bottom:7px;
}
.packbench-scaleplatform{
  position:absolute;bottom:44px;left:50%;
  margin-left:-95px;width:190px;height:26px;
  background:#99A3AF;border-radius:4px;
}
.packbench-scale::before{ /* spring coils column */
  content:"";
  position:absolute;bottom:30px;left:calc(50% - 9px);
  width:18px;height:76px;
  border-left:4px solid #2B2836;border-right:4px solid #2B2836;
  border-radius:4px;
  background:
    repeating-linear-gradient(90deg,#221F2C 0 6px,#191722 6px 12px);
  z-index:1;
}
/* scale column stand */
.packbench-column{
  position:absolute;bottom:14px;right:30px;
  width:10px;height:120px;background:#2B2836;
}
.scale-dialwrap{
  position:absolute;bottom:96px;right:10px;
  width:96px;height:96px;border-radius:50%;
  background:#EFEDF4;border:6px solid #99A3AF;
  z-index:3;
}
.scale-dial{width:100%;height:100%}
.scale-dial::before{ /* pointer */
  content:"";
  position:absolute;top:12px;left:50%;margin-left:-2px;
  width:4px;height:36px;
  background:#C95E8E;transform:rotate(24deg);
  transform-origin:bottom center;
  border-radius:2px;z-index:2;
}
.scale-dial::after{ /* dial marks */
  content:"";
  position:absolute;inset:8px;border-radius:50%;
  border:2px dashed #99A3AF;
}
.scale-dial label{
  display:block;text-align:center;
  font-family:Arial,sans-serif;font-size:9px;
  color:#191722;position:absolute;bottom:8px;left:0;right:0;
  font-weight:700;letter-spacing:.1em;
}

/* sealed parcel on the platform */
.packbench-crate{
  position:absolute;bottom:64px;left:50%;
  margin-left:-70px;width:140px;height:120px;
  background:#A98C5F;border:2px solid #b39a6a;
  border-radius:4px;z-index:2;
  box-shadow:0 10px 0 #6e5a3b;
}
.packbench-crate::before{
  content:"";position:absolute;
  top:-30px;right:14px;left:14px;height:34px;
  background:#C95E8E;border-radius:2px;
  box-shadow:0 6px 0 #7d3c5b;
}
.packbench-crate::after{ /* address label */
  content:"";
  position:absolute;bottom:16px;left:16px;
  width:70px;height:44px;
  background:#EFEDF4;border:2px solid #191722;
}
/* tape gun beside scale */
.packbench-tapegun{
  position:absolute;bottom:6px;left:10px;
  width:120px;height:26px;background:#221F2C;
  border:2px solid #2B2836;border-radius:14px;
}
.packbench-tapegun::before{
  content:"";position:absolute;top:-14px;left:34px;
  width:34px;height:20px;background:#C95E8E;
  border:2px solid #7d3c5b;border-radius:3px;
}
/* waybill sheet */
.packbench-waybill{
  position:absolute;bottom:-8px;left:40px;
  width:150px;height:104px;
  background:#EFEDF4;color:#191722;
  padding:10px 12px;font-family:Arial,sans-serif;
  font-size:8px;z-index:4;
  border:1px solid #191722;
  transform:rotate(-3deg);
}
.packbench-waybill2-left{
  position:absolute;left:-3px;top:-3px;bottom:-3px;width:3px;
  background:repeating-linear-gradient(180deg,#C95E8E 0 4px,#EFEDF4 4px 8px);
}
.packbench-waybill b{display:block;font-size:10px}
.packbench-waybill .lines{display:block;background:#c9c6d4;height:3px;margin:4px 0}
.packbench-waybill .line-break{display:block;background:#C95E8E;height:2px;width:60%;margin-bottom:5px}

/* ============================================================
   SORT BAYS RACK .sortbays
   ============================================================ */
.sortbays{
  background:#1b1826;
  padding:70px 24px 60px;
  border-top:6px solid #221F2C;
  border-bottom:6px solid #221F2C;
  overflow-x:hidden;
}
.sortbays-inner{
  max-width:1180px;
  margin:0 auto;
}
.sortbay-heading{
  font-size:34px;
  margin-bottom:10px;
  letter-spacing:-.01em;
}
.sortbay-heading span{color:#C95E8E}
.sortbay-kicker{
  font-family:Arial,sans-serif;letter-spacing:.18em;
  color:#99A3AF;font-size:12px;text-transform:uppercase;
  margin-bottom:12px;
}
.sortbay-lead{
  color:#C6C4CE;max-width:740px;margin-bottom:44px;font-size:18px;
}
.sortbay-rack{
  position:relative;
  padding-top:20px;
}
/* the rack frame shadow rail */
.sortbay-rack::before{
  content:"";position:absolute;
  top:0;left:0;right:0;height:240px;
  border:3px solid #2B2836;border-top:none;
}
.sortbays-bay{
  position:relative;
  background:#221F2C;
  border:1px solid #2B2836;
  border-radius:10px;
  margin:26px 0 40px;
  box-shadow:0 14px 0 #100E17;
}
/* staggered offsets & varied widths - each bay differs */
.sortbays-bay.sb-1{margin-left:0;margin-right:12%;width:44%}
.sortbays-bay.sb-2{margin-left:14%;margin-right:6%;width:44%}
.sortbays-bay.sb-3{margin-left:40%;margin-right:0;width:46%}
.sortbays-bay.sb-4{margin-left:8%;margin-right:22%;width:52%}
.sortbays-bay.sb-5{margin-left:26%;margin-right:6%;width:42%}
.sortbays-bay.sb-6{margin-left:0;margin-right:30%;width:54%}

/* cubby interior grid of two parcels */
.sortbays-bay-opens{
  display:flex;gap:14px;align-items:flex-end;
  justify-content:flex-start;
  padding:18px 16px 6px;
}
.sortbays-parcel{
  background:#A98C5F;
  border:1px solid #88724d;
  border-radius:4px;
  position:relative;
  box-shadow:0 8px 0 #6e5a3b;
}
.sortbays-parcel::before{
  content:"";position:absolute;
  top:0;bottom:0;left:50%;margin-left:-4px;
  width:8px;background:#C95E8E;
}
.sortbays-parcel.tall{width:90px;height:130px}
.sortbays-parcel.mid{width:70px;height:100px}
.sortbays-parcel.small{width:52px;height:80px}

/* route card pinned to bay front */
.sortbays-card{
  background:#EDE8F2;  /* pre-blended parchment white */
  color:#191722;
  border:2px solid #191722;
  border-radius:4px;
  padding:16px 18px;
  margin:10px 16px 0;
  position:relative;
  height:340px;
  overflow:auto;
}
.sortbays-card::before{ /* pin */
  content:"";position:absolute;
  top:-8px;left:50%;margin-left:-6px;
  width:12px;height:12px;border-radius:50%;
  background:#C95E8E;border:2px solid #191722;
}
.sortbays-card h3{
  font-size:21px;margin-bottom:8px;
  font-family:Arial,sans-serif;font-weight:800;
}
.sortbays-card p{
  font-size:15px;color:#33303b;margin-bottom:14px;line-height:1.8;
}
.sortbays-card .sortbays-cardlink{
  display:inline-block;
  font-family:Arial,sans-serif;font-weight:800;font-size:13px;
  color:#C95E8E;border-bottom:2px solid #C95E8E;
}

/* postmark stamp circles marking three bays */
.sortbays-postmark{
  position:absolute;
  width:88px;height:88px;border-radius:50%;
  border:3px dashed #99A3AF;
  top:-18px;right:14px;
  background:#191722;
  display:flex;align-items:center;justify-content:center;
  font-family:Arial,sans-serif;font-size:8px;
  color:#99A3AF;letter-spacing:.08em;text-align:center;
  line-height:1.3;padding:8px;
}
/* mailbag hanging at rack end */
.sortbays-mailbag{
  position:absolute;
  right:-8px;bottom:40px;
  width:70px;height:88px;
  background:#44384f;border:2px solid #5c4d6b;
  border-radius:8px 8px 4px 4px;
}
.sortbays-mailbag::before{
  content:"";position:absolute;top:-8px;left:-2px;right:-2px;
  border-bottom:3px solid #C95E8E;
}
.sortbays-note{
  max-width:720px;
  margin:40px 10% 0 0;
  color:#C6C4CE;font-size:18px;
}

/* ============================================================
   LAST PICKUP ACCENT STRIP
   ============================================================ */
.lastpickup{
  background:#C95E8E;
  color:#191722;
  text-align:center;
  padding:40px 24px;
}
.lastpickup-badge{
  display:inline-block;
  font-family:Arial,sans-serif;font-size:12px;
  font-weight:800;letter-spacing:.18em;
  background:#191722;color:#EFEDF4;
  padding:8px 18px;border-radius:30px;
  margin-bottom:14px;
}
.lastpickup-text{
  font-size:30px;font-weight:700;
  font-family:Arial,sans-serif;
  line-height:1.4;
  max-width:840px;margin:0 auto;
}
.lastpickup-text em{
  font-style:normal;background:#191722;color:#C95E8E;
  border-radius:2px;padding:0 6px;
}
.lastpickup-sub{
  margin-top:10px;
  font-size:16px;
  color:#a93e6d;
  max-width:720px;margin-left:auto;margin-right:auto;
}

/* ============================================================
   DESTINATION BOARD FOOTER .routeboard
   ============================================================ */
.routeboard{
  background:#100E17;
  border-top:1px solid #1c1926;
  padding:0 0 26px;
}
.routeboard-inner{
  max-width:1180px;
  margin:0 auto;
  padding:40px 24px 0;
  display:flex;
  gap:36px;
  flex-wrap:wrap;
  justify-content:space-between;
}
.routeboard-panel{
  flex:1 1 260px;
  background:#221F2C;
  border:1px solid #2B2836;
  border-radius:10px;
  padding:26px;
}
.routeboard-brand{
  font-family:'Arial Black',Arial,sans-serif;
  font-weight:800;font-size:22px;color:#EFEDF4;
}
.routeboard-brand span{color:#C95E8E}
.routeboard-blurb{margin-top:14px;font-size:15px;color:#C6C4CE}

.routeboard-board{
  flex:1 1 320px;
  background:#191722;
  border:6px double #2B2836;
  border-radius:12px;
  padding:24px;
}
.routeboard-board h4{
  font-family:Arial,sans-serif;font-size:12px;
  color:#99A3AF;letter-spacing:.22em;text-transform:uppercase;
  margin-bottom:16px;
}
.routeboard-flaprows{display:flex;flex-direction:column;gap:14px}
.routeboard-flaprow{display:flex;gap:8px;flex-wrap:wrap}
.flap-tile{
  flex:1 1 120px;
  background:#221F2C;
  height:38px;
  border:1px solid #2B2836;
  border-radius:2px;
  position:relative;
  display:flex;align-items:center;justify-content:center;
  font-family:Arial,sans-serif;font-weight:700;font-size:13px;
  color:#EFEDF4;letter-spacing:.04em;
}
.flap-tile::after{ /* center hairline split */
  content:"";position:absolute;
  top:4px;bottom:4px;left:50%;margin-left:-1px;
  width:2px;background:#2B2836;
}
.flap-tile a{color:#EFEDF4;display:block;padding:6px 4px}
.flap-tile a:hover{color:#C95E8E}
.routeboard-postmark{
  width:74px;height:74px;border-radius:50%;
  border:4px double #99A3AF;
  display:flex;align-items:center;justify-content:center;
  font-family:Georgia,serif;font-size:9px;
  color:#99A3AF;text-align:center;line-height:1.4;
  flex:0 0 74px;
}

.routeboard-rail{
  border-top:1px solid #2B2836;
  margin:34px 24px 0;
  padding-top:20px;
  display:flex;gap:18px;flex-wrap:wrap;
  align-items:center;justify-content:space-between;
  font-family:Arial,sans-serif;font-size:13px;color:#99A3AF;
}
.routeboard-rail a{color:#99A3AF;border-bottom:1px solid #2B2836}
.routeboard-rail a:hover{color:#C95E8E;border-color:#C95E8E}
.routeboard-copy{color:#6f6b7c}
.routeboard-number{font-weight:800;color:#EFEDF4;letter-spacing:.05em}

/* ============================================================
   SERVICES PAGE INTRO .serv-intro
   ============================================================ */
.serv-intro{
  max-width:1180px;margin:0 auto;
  padding:64px 24px 40px;
}
.serv-intro h1{
  font-size:44px;margin-bottom:14px;letter-spacing:-.01em;
}
.serv-intro h1 span{color:#C95E8E}
.serv-intro p{color:#C6C4CE;font-size:18px;max-width:820px;line-height:1.9}

.serv-process{
  background:#221F2C;
  border:1px solid #2B2836;
  border-top:6px solid #C95E8E;
  border-radius:12px;
  margin:50px 24px;
  padding:36px;
  max-width:1132px;
}
.serv-process h2{font-size:28px;margin-bottom:16px}
.serv-process-steps{
  display:flex;gap:18px;flex-wrap:wrap;
  counter-reset:step;
}
.serv-process-step{
  flex:1 1 220px;background:#191722;
  border:1px solid #2B2836;border-radius:8px;
  padding:20px;position:relative;
  counter-increment:step;
  padding-top:54px;
}
.serv-process-step::before{
  content:"0" counter(step);
  position:absolute;top:14px;left:18px;
  font-family:Arial,sans-serif;font-weight:800;
  font-size:13px;color:#C95E8E;letter-spacing:.1em;
}
.serv-process-step h3{font-size:17px;margin-bottom:8px;color:#EFEDF4}
.serv-process-step p{font-size:14px;color:#C6C4CE;margin:0;line-height:1.7}

.serv-band{
  background:#C95E8E;color:#191722;
  padding:52px 24px;text-align:center;
}
.serv-band h2{font-family:Arial,sans-serif;font-size:34px;margin-bottom:12px}
.serv-band p{max-width:760px;margin:0 auto 26px;font-size:18px}

/* ============================================================
   CONTACT PAGE
   ============================================================ */
.cont-wrap{
  max-width:1180px;margin:0 auto;
  padding:64px 24px 50px;
  display:flex;gap:40px;flex-wrap:wrap;
  align-items:flex-start;
}
.cont-main{flex:1 1 560px}
.cont-main h1{font-size:42px;margin-bottom:14px;letter-spacing:-.01em}
.cont-main h1 span{color:#C95E8E}
.cont-main>p{color:#C6C4CE;font-size:18px;max-width:620px;margin-bottom:28px}

.cont-form{
  background:#221F2C;border:1px solid #2B2836;
  border-radius:12px;padding:30px;
}
.cont-form fieldset{border:none}
.cont-form-group{display:flex;flex-direction:column;margin-bottom:18px}
.cont-form label{
  font-family:Arial,sans-serif;font-size:13px;font-weight:700;
  color:#C6C4CE;margin-bottom:6px;letter-spacing:.03em;
}
.cont-form input,
.cont-form textarea{
  background:#100E17;
  border:1px solid #2B2836;
  border-radius:4px;
  color:#EFEDF4;
  font-family:Arial,sans-serif;font-size:15px;
  padding:12px 14px;
  transition:border-color .2s;color:#EFEDF4;
}
.cont-form input:focus,
.cont-form textarea:focus{
  outline:none;border-color:#C95E8E;
}
.cont-form textarea{min-height:140px;resize:vertical}
.cont-form .cont-form-submit{
  background:#C95E8E;color:#191722;border:none;
  border-radius:3px;font-family:'Arial Black',Arial,sans-serif;
  font-weight:800;font-size:16px;padding:14px 30px;cursor:pointer;
  box-shadow:0 6px 0 #7d3c5b;transition:background .2s;
}
.cont-form .cont-form-submit:hover{background:#a84a76}
.cont-form-note{
  font-family:Arial,sans-serif;font-size:12px;color:#99A3AF;
  margin-top:14px;line-height:1.6;
}

.cont-side{flex:1 1 320px;max-width:420px}
.cont-info{
  background:#100E17;border:1px solid #2B2836;border-radius:10px;
  padding:26px;margin-bottom:24px;
}
.cont-side h2{font-size:20px;margin-bottom:16px}
.cont-side h3{font-size:16px;font-family:Arial,sans-serif;color:#99A3AF;margin:16px 0 4px}
.cont-side .cont-side-value{font-size:15px;color:#EFEDF4;line-height:1.6}
.cont-faq-item{border-bottom:1px solid #2B2836;padding:16px 0}
.cont-faq-item:last-child{border-bottom:none}
.cont-faq-item h3{
  font-size:16px;color:#C95E8E;font-family:Arial,sans-serif;margin-bottom:6px;
}
.cont-faq-item p{color:#C6C4CE;font-size:15px;margin:0;line-height:1.8}

/* ============================================================
   Shared body-reset classes reused by service/contact pages
   ============================================================ */
.page-index-bg{}
.sortcubby-legal-note{}
/* noscript reveal for elements WITH enableScrollReveal attr */

/* Scroll reveal wrapper safe default for everything else */
.reveal-safe{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .7s ease,transform .7s ease;
}
.reveal-safe.reveal-show{opacity:1;transform:none}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:860px){
  .sortcubby-row .sortcubby-item:nth-child(n){flex:none}
  .packbench-headline{font-size:38px}
  .sortbays-bay.sb-1,.sortbays-bay.sb-2,.sortbays-bay.sb-3,
  .sortbays-bay.sb-4,.sortbays-bay.sb-5,.sortbays-bay.sb-6{
    margin-left:0;margin-right:0;width:100%;
  }
  .packbench-scene{width:100%}
  .routeboard-rail{flex-direction:column;align-items:flex-start}
}
@media (max-width:920px){
  .sortcubby-frame{justify-content:center}
}