@charset "utf-8";
/* =========================================================
   株式会社牛久工務店 採用LP
   コンセプト：現代の棟梁 / 江戸の街並みで暖かい
   ========================================================= */

:root{
  --base:#FBF2EB;      /* ベースカラー */
  --main:#F7D5CD;      /* メインカラー */
  --accent:#EFC280;    /* アクセントカラー */
  --sumi:#2B2320;      /* 墨 */
  --sumi-l:#5A4E47;
  --aka:#B23A32;       /* 朱 */
  --white:#fff;
  --stage:500px;       /* モバイルファーストの舞台幅 */
  --mincho:"Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --gothic:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--mincho);
  color:var(--sumi);
  background:var(--base);
  line-height:1.9;
  letter-spacing:.04em;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;            /* スクロールするのはデッキの中だけ */
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol,dl,dd{margin:0;padding:0}
li{list-style:none}
h1,h2,h3,p,figure{margin:0}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}

/* PC は左右に和紙の余白を作り、舞台をセンタリング */
body::before{
  content:"";position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(120% 60% at 50% 0%, #fff 0%, var(--base) 55%),
    var(--base);
}
/* PC：ステージの左右に和の余白（桜と金雲を淡く） */
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  display:none;
  background:
    url("../assets/kazari/32.webp") left -60px top -40px / 30% auto no-repeat,
    url("../assets/kazari/29.webp") right -50px bottom 4% / 26% auto no-repeat,
    url("../assets/kazari/25.webp") left -30px bottom 12% / 22% auto no-repeat,
    url("../assets/kazari/22.webp") right -20px top 8% / 20% auto no-repeat;
  opacity:.30;
}
@media(min-width:900px){body::after{display:block}}
/* =============== スワイプデッキ =============== */
.stage{
  position:relative;
  width:100%;max-width:var(--stage);
  height:100dvh;
  margin-inline:auto;
  background:var(--base);
  box-shadow:0 0 60px rgba(90,60,40,.10);
  overflow-y:auto;overflow-x:hidden;
  scroll-snap-type:y mandatory;      /* 1スワイプ＝1ページ送り */
  overscroll-behavior-y:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.stage::-webkit-scrollbar{display:none}

/* =============== ヘッダー =============== */
.header{
  position:fixed;top:0;left:0;right:0;z-index:60;
  max-width:var(--stage);margin-inline:auto;
  display:flex;justify-content:space-between;align-items:flex-start;
  padding:0;pointer-events:none;
}
.header > *{pointer-events:auto}

.hamburger{
  width:64px;height:64px;
  background:var(--sumi);
  transform:rotate(45deg);
  margin:-14px 0 0 -14px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
  border-radius:3px;
  transition:background .3s;
}
.hamburger span{
  display:block;width:20px;height:1.5px;background:var(--base);
  transform:rotate(-45deg);transform-origin:center;
  transition:transform .35s var(--ease),opacity .25s;
}
.hamburger span:nth-child(1){margin-left:-4px}
.hamburger span:nth-child(3){margin-left:4px}
.is-open .hamburger span:nth-child(1){transform:rotate(0deg) translateY(6.5px);margin-left:0}
.is-open .hamburger span:nth-child(2){opacity:0}
.is-open .hamburger span:nth-child(3){transform:rotate(-90deg) translateX(6.5px);margin-left:0}

.header-cta{
  margin:14px 14px 0 0;
  background:var(--accent);
  color:var(--sumi);
  font-family:var(--mincho);font-weight:700;font-size:.72rem;
  padding:.85em 1.1em;border-radius:999px;
  box-shadow:0 3px 10px rgba(150,100,40,.22);
  display:flex;align-items:center;gap:.2em;
  transition:transform .25s var(--ease),box-shadow .25s;
}
.header-cta i{font-style:normal;font-size:1.1em;line-height:1}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(150,100,40,.3)}

/* =============== ドロワー =============== */
.drawer{
  position:fixed;inset:0;z-index:55;
  max-width:var(--stage);margin-inline:auto;
  background:rgba(43,35,32,.97);
  color:var(--base);
  padding:6rem 2rem 2rem;
  opacity:0;visibility:hidden;
  transition:opacity .4s var(--ease),visibility .4s;
  overflow-y:auto;
}
.is-open .drawer{opacity:1;visibility:visible}
.drawer li{border-bottom:1px solid rgba(251,242,235,.15)}
.drawer a{
  display:block;padding:1em .2em;font-size:.95rem;
  opacity:0;transform:translateY(8px);
  transition:opacity .5s var(--ease),transform .5s var(--ease),color .2s;
}
.is-open .drawer a{opacity:1;transform:none}
.drawer li:nth-child(1) a{transition-delay:.10s}
.drawer li:nth-child(2) a{transition-delay:.14s}
.drawer li:nth-child(3) a{transition-delay:.18s}
.drawer li:nth-child(4) a{transition-delay:.22s}
.drawer li:nth-child(5) a{transition-delay:.26s}
.drawer li:nth-child(6) a{transition-delay:.30s}
.drawer li:nth-child(7) a{transition-delay:.34s}
.drawer li:nth-child(8) a{transition-delay:.38s}
.drawer li:nth-child(9) a{transition-delay:.42s}
.drawer li:nth-child(10) a{transition-delay:.46s}
.drawer a:hover{color:var(--accent)}
.drawer-company{margin-top:2rem;font-size:.75rem;opacity:.6;letter-spacing:.2em}

/* =============== 花びら =============== */
.petals{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden;
  max-width:var(--stage);margin-inline:auto}
.petal{
  position:absolute;top:-8vh;
  background:var(--main);
  border-radius:100% 0 60% 0;
  opacity:.75;
  animation:fall linear infinite;
  will-change:transform;
}
@keyframes fall{
  0%  {transform:translate3d(0,-10vh,0) rotate(0deg) scale(1)}
  100%{transform:translate3d(var(--drift,20px),110vh,0) rotate(540deg) scale(.9)}
}

/* =============== FV =============== */
.hero{
  position:relative;
  height:100%;min-height:0;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  overflow:hidden;
  background:var(--base);
}
.hero-visual{position:absolute;inset:0}
.hero-media{position:absolute;inset:0;overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hero-slides img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transform:scale(1.08);
  transition:opacity 1.6s var(--ease),transform 7s linear;
}
.hero-slides img.is-active{opacity:1;transform:scale(1)}
.hero-scrim{
  position:absolute;inset:0;
  background:
    radial-gradient(70% 42% at 50% 42%, rgba(251,242,235,.86) 0%, rgba(251,242,235,0) 100%),
    linear-gradient(180deg, rgba(251,242,235,.92) 0%, rgba(251,242,235,.52) 34%, rgba(43,35,32,.46) 100%);
}
.hero-frame{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
  pointer-events:none;
  mix-blend-mode:normal;
}
.hero-inner{position:relative;z-index:2;text-align:center;padding:0 1.5rem;margin-top:-2rem}
.hero-eyebrow{
  font-size:.68rem;letter-spacing:.32em;color:var(--sumi-l);
  margin-bottom:1.6rem;
  opacity:0;animation:fadeUp 1s .3s var(--ease) forwards;
}
.hero-title{
  font-size:clamp(2.6rem,13vw,3.4rem);
  font-weight:700;line-height:1.25;letter-spacing:.06em;
  text-shadow:0 2px 14px rgba(251,242,235,.7);
}
.hero-title span{display:block;opacity:0;animation:fadeUp 1.1s var(--ease) forwards}
.hero-title .l1{font-size:.55em;letter-spacing:.28em;animation-delay:.5s}
.hero-title .l2{font-size:1.35em;color:var(--aka);letter-spacing:.12em;margin:.05em 0;animation-delay:.72s}
.hero-title .l3{font-size:.62em;letter-spacing:.2em;animation-delay:.94s}
.hero-lead{
  margin-top:1.6rem;font-size:.9rem;line-height:2.1;color:var(--sumi);
  opacity:0;animation:fadeUp 1s 1.2s var(--ease) forwards;
}
.hero .btn-main{margin-top:2.2rem;opacity:0;animation:fadeUp 1s 1.45s var(--ease) forwards}

@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.scroll-cue{display:none;
  position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
  color:#fff;font-size:.6rem;letter-spacing:.28em;
  text-shadow:0 1px 6px rgba(43,35,32,.6);
  opacity:0;animation:fadeUp 1s 1.8s var(--ease) forwards;
}
.scroll-cue i{display:block;width:1px;height:44px;background:linear-gradient(#fff,transparent);
  animation:cue 2s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleY(.35);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}

/* =============== 共通セクション =============== */
.sec{
  position:relative;
  padding:1.6rem 1.4rem;
  height:100%;                        /* デッキと同じ高さ＝ちょうど1画面 */
  display:flex;flex-direction:column;
  justify-content:center;
  justify-content:safe center;        /* はみ出す時は上詰め（中身が隠れない） */

  scroll-snap-align:start;
  scroll-snap-stop:always;            /* 1スワイプで隣のパネルに必ず止まる */
  overflow-y:auto;overflow-x:hidden;  /* 収まらないパネルだけ中でスクロール */
  scrollbar-width:none;
}
.sec::-webkit-scrollbar{display:none}
.sec > *{flex-shrink:0}
.hero{scroll-snap-align:start;scroll-snap-stop:always}
.footer{scroll-snap-align:start;scroll-snap-stop:always}
.sec-question{background:var(--base)}
.sec-empathy{background:linear-gradient(180deg,var(--base),#fff 45%,var(--base))}
.sec-work{background:var(--base)}
.sec-strength{background:linear-gradient(180deg,#fff,var(--base))}
.sec-strength2{background:var(--base)}
.sec-works{background:linear-gradient(180deg,var(--base),#fff)}
.sec-future{background:#fff}
.sec-req{background:var(--base)}
.sec-entry{background:linear-gradient(180deg,var(--base),var(--main) 220%);padding-bottom:3.2rem}

/* 桜形の見出しプレート */
.sakura-head{margin:0 auto 1.3rem;max-width:210px}
.sakura-head img{width:100%}

/* 筆文字（元素材の白背景はアルファに変換済み） */
.fude{margin:1.1rem auto;text-align:center}
.fude img{margin-inline:auto;max-width:72%}
.fude-lg img{max-width:82%}
.fude-xl img{max-width:94%}
.fude-head{margin:0 auto 1.6rem}
.fude-head img{max-width:92%}

/* 本文 */
.body-text{
  font-size:.86rem;line-height:1.95;text-align:center;
  margin:.75rem 0;color:var(--sumi);
}
.body-text.emphasis{
  font-weight:600;font-size:.92rem;
  padding:.75rem .8rem;
  border-top:1px solid rgba(43,35,32,.12);
  border-bottom:1px solid rgba(43,35,32,.12);
}
.body-text em{font-style:normal;color:var(--aka);font-weight:700}
.sp-only{display:inline}

/* 装飾（雲・桜） */
.kumo,.sakura-branch,.hanabira{position:absolute;pointer-events:none;z-index:0;opacity:.9}
.kumo-tl{top:2%;left:-16%;width:62%}
.kumo-tr{top:3%;right:-14%;width:58%}
.kumo-bl{bottom:4%;left:-18%;width:66%}
.branch-tr{top:-2%;right:-12%;width:46%}
.branch-tl{top:-3%;left:-14%;width:44%}
.hanabira-r{bottom:8%;right:4%;width:16%;opacity:.8}
.sec > *:not(.kumo):not(.sakura-branch):not(.hanabira){position:relative;z-index:1}

/* =============== 共感：3つの問い =============== */
.questions{
  display:flex;flex-direction:column;align-items:center;
  margin:.5rem 0 0;
}
.questions li{width:60%;max-width:215px}
.questions li:nth-child(1){align-self:flex-start;margin-left:1%}
.questions li:nth-child(2){align-self:flex-end;margin:-13% 1% 0 0}
.questions li:nth-child(3){align-self:flex-start;margin:-13% 0 0 7%}
.questions img{width:100%}

/* =============== 仕事内容 =============== */
.job{
  background:var(--white);
  border-radius:14px;
  padding:1.6rem 1.2rem 1.2rem;
  margin-bottom:0;
  box-shadow:0 8px 26px rgba(120,80,50,.09);
}
.job-label{max-width:150px;margin:0 auto .7rem}
.job-tools{display:flex;justify-content:center;gap:.4rem;margin-bottom:.7rem}
.job-tools img{width:22%;max-width:76px}
.job p{font-size:.8rem;line-height:1.85;text-align:justify}
.job-photo{margin-top:.8rem}
.job-photo img{max-width:52%;margin-inline:auto}
.job-photo img{width:100%;border-radius:10px}

/* =============== 強み =============== */
.circle-photo{margin:.9rem auto;max-width:48%}
.two-col{
  display:flex;align-items:center;gap:.9rem;
  margin:1.3rem 0;
}
.two-col figure{flex:0 0 42%}
.two-col p{font-size:.8rem;line-height:1.9;text-align:justify}

.scope-tags{
  display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;
  margin:1.2rem 0;
}
.scope-tags span{
  font-size:.76rem;letter-spacing:.08em;
  padding:.5em 1.1em;border-radius:999px;
  background:var(--main);color:var(--sumi);
  box-shadow:0 2px 8px rgba(200,140,120,.18);
}

/* =============== 実績スワイプ =============== */
.swipe-hint{text-align:center;font-size:.72rem;letter-spacing:.16em;color:var(--sumi-l);margin-bottom:.6rem}
.swiper{
  margin:0 -1.6rem;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.swiper::-webkit-scrollbar{display:none}
.swiper-track{display:flex;padding:0 1.6rem}
.swiper-track li{
  flex:0 0 78%;
  scroll-snap-align:center;
  padding:0 .5rem;
  text-align:center;
}
.swiper-track img{width:100%}
.swiper-track p{
  margin-top:.4rem;font-size:.76rem;letter-spacing:.08em;color:var(--sumi-l);
}
.swiper-wrap{position:relative}
.swiper.is-dragging{cursor:grabbing}
.swiper.is-dragging .swiper-track{scroll-snap-type:none}

/* 左右の矢印（PCのみ表示） */
.swiper-arrow{
  display:none;
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:5;
  width:56px;height:56px;border-radius:50%;
  background:rgba(255,255,255,.9);
  box-shadow:0 4px 16px rgba(120,80,50,.16);
  font-size:1.8rem;line-height:1;color:var(--sumi);
  align-items:center;justify-content:center;
  padding-bottom:.15em;
  transition:background .25s,transform .25s var(--ease),opacity .25s;
}
.swiper-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.swiper-arrow[disabled]{opacity:.25;pointer-events:none}
.swiper-prev{left:1.5vw}
.swiper-next{right:1.5vw}

.swiper-dots{display:flex;justify-content:center;gap:.45rem;margin:.9rem 0 1.2rem}
.swiper-dots button{
  width:7px;height:7px;border-radius:50%;background:rgba(43,35,32,.2);
  transition:background .3s,transform .3s;
}
.swiper-dots button.is-active{background:var(--aka);transform:scale(1.4)}

/* =============== 募集要項 =============== */
.req-table{
  background:var(--white);border-radius:14px;overflow:hidden;
  box-shadow:0 8px 26px rgba(120,80,50,.08);
}
.req-table dt{
  background:var(--main);
  font-size:.74rem;font-weight:600;letter-spacing:.12em;
  padding:.5em 1.2em;
}
.req-table dd{
  font-size:.82rem;line-height:1.8;
  padding:.7em 1.2em .8em;
  border-bottom:1px solid rgba(43,35,32,.07);
}
.req-table dd:last-child{border-bottom:0}
.req-table .note{
  display:block;margin-top:.5em;font-size:.74rem;line-height:1.8;color:var(--sumi-l);
}

/* =============== クロージング / フォーム =============== */
.closing{text-align:center;margin-bottom:.85rem}
.closing span{display:block;font-size:.88rem;color:var(--sumi-l);margin-bottom:.4rem}
.closing strong{
  display:block;font-size:clamp(1.35rem,6vw,1.7rem);font-weight:700;
  color:var(--aka);letter-spacing:.06em;line-height:1.6;
}
.entry-lead{text-align:center;font-size:.8rem;line-height:1.8;margin-bottom:.8rem}

.entry-form{
  background:var(--white);border-radius:14px;padding:.95rem 1rem;
  box-shadow:0 8px 26px rgba(120,80,50,.1);
}
.field{margin-bottom:.5rem}
.field label{
  display:flex;align-items:center;gap:.6em;
  font-size:.76rem;font-weight:600;letter-spacing:.08em;margin-bottom:.35em;
}
.field .req,.field .any{
  font-style:normal;font-size:.62rem;font-weight:500;letter-spacing:.06em;
  padding:.25em .6em;border-radius:3px;font-family:var(--gothic);
}
.field .req{background:var(--aka);color:#fff}
.field .any{background:rgba(43,35,32,.1);color:var(--sumi-l)}
.field input,.field textarea,.field select{
  width:100%;font-family:var(--gothic);font-size:.88rem;
  padding:.55em .8em;
  border:1px solid rgba(43,35,32,.18);border-radius:8px;
  background:var(--base);color:var(--sumi);
  transition:border-color .25s,box-shadow .25s;
}
.field input:focus,.field textarea:focus,.field select:focus{
  outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(239,194,128,.28);
}
.field input.is-error,.field textarea.is-error{border-color:var(--aka);background:#fff6f5}
.field .err-msg{
  display:block;margin-top:.4em;font-size:.72rem;color:var(--aka);font-family:var(--gothic);
}
.form-note{
  font-size:.66rem;color:var(--sumi-l);text-align:center;margin:.45rem 0;
  font-family:var(--gothic);
}
.form-note b{font-weight:600}
.btn-submit{width:100%}
.form-done{
  text-align:center;padding:2.5rem 1rem;font-size:.95rem;line-height:2;
}
.form-done strong{display:block;font-size:1.2rem;color:var(--aka);margin-bottom:.8rem}

/* =============== ボタン =============== */
.btn-main{
  display:inline-block;
  background:var(--aka);color:#fff;
  font-family:var(--mincho);font-weight:700;font-size:.95rem;letter-spacing:.12em;
  padding:.85em 2.1em;border-radius:999px;
  box-shadow:0 6px 20px rgba(178,58,50,.3);
  transition:transform .3s var(--ease),box-shadow .3s;
  text-align:center;
}
.btn-main:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(178,58,50,.38)}
.btn-sub{
  display:block;width:fit-content;margin:0 auto;
  font-size:.82rem;letter-spacing:.12em;
  padding:.9em 2em;border:1px solid var(--sumi);border-radius:999px;
  transition:background .3s,color .3s;
}
.btn-sub:hover{background:var(--sumi);color:var(--base)}

/* =============== フッター =============== */
.footer{
  background:linear-gradient(180deg,var(--base),var(--main) 260%);
  color:var(--sumi);
  text-align:center;padding:3rem 1.5rem;
  height:100%;
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;
  justify-content:center;
  justify-content:safe center;
}
.footer-name{font-size:1.05rem;letter-spacing:.2em;margin-bottom:.6rem;position:relative;z-index:1}
.footer-addr{font-size:.78rem;color:var(--sumi-l);margin-bottom:2rem;position:relative;z-index:1}
.footer-copy{font-size:.66rem;letter-spacing:.2em;color:var(--sumi-l);opacity:.6;font-family:var(--gothic);position:relative;z-index:1}

/* =============== スクロールリビール =============== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.12s}
.reveal[data-delay="2"]{transition-delay:.24s}
.reveal[data-delay="3"]{transition-delay:.36s}
.reveal[data-delay="4"]{transition-delay:.48s}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
  .petals{display:none}
}

/* =========================================================
   デッキUI（ページインジケーター／ページ番号／SWIPE）
   ========================================================= */
.deck-ui{
  position:fixed;inset:0;z-index:45;
  width:100%;max-width:var(--stage);
  margin-inline:auto;
  pointer-events:none;
}
.deck-ui > *{pointer-events:auto}

/* 右端の縦ドット */
.deck-dots{
  position:absolute;right:.55rem;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:.42rem;
}
.deck-dots button{
  display:block;width:7px;height:7px;
  border:1px solid rgba(43,35,32,.28);
  background:transparent;
  transition:background .3s var(--ease),border-color .3s,transform .3s var(--ease);
}
.deck-dots button.is-active{
  background:var(--aka);border-color:var(--aka);
  height:18px;transform:none;
}

/* 左下のページ番号 */
.deck-count{
  position:absolute;left:1rem;bottom:1.1rem;
  font-family:var(--gothic);font-size:.62rem;letter-spacing:.18em;
  color:var(--sumi-l);display:flex;align-items:baseline;gap:.35em;
  text-shadow:0 1px 4px rgba(251,242,235,.8);
}
.deck-count b{font-size:.95rem;font-weight:700;color:var(--aka);letter-spacing:.05em}
.deck-count span{opacity:.6}

/* 右下の SWIPE */
.deck-swipe{
  position:absolute;right:1rem;bottom:1.1rem;
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
  font-family:var(--gothic);font-size:.58rem;letter-spacing:.26em;
  color:var(--sumi-l);
  writing-mode:vertical-rl;
  text-shadow:0 1px 4px rgba(251,242,235,.8);
  transition:opacity .5s var(--ease);
}
.deck-swipe i{
  display:block;width:1px;height:26px;
  background:linear-gradient(var(--sumi-l),transparent);
  animation:cue 2s ease-in-out infinite;
}
.deck-swipe.is-hidden{opacity:0}

/* 最初のパネル（写真の上）では白抜きにする */
.deck-ui.on-hero .deck-count,
.deck-ui.on-hero .deck-swipe{color:#fff;text-shadow:0 1px 6px rgba(43,35,32,.55)}
.deck-ui.on-hero .deck-swipe i{background:linear-gradient(#fff,transparent)}
.deck-ui.on-hero .deck-dots button{border-color:rgba(255,255,255,.55)}
.deck-ui.on-hero .deck-dots button.is-active{background:#fff;border-color:#fff}


@media(prefers-reduced-motion:reduce){
  .deck-swipe i{animation:none}
}