/* ══════════════════════════════════════════════════════════════════
   Clover 學生會 · 子頁面共用皮膚
   ------------------------------------------------------------------
   與 index.html 內聯樣式表**同源**：第 1 節 token、導航、頁腳、
   按鈕、撕下回執單的報名表，全部是首頁原值逐值搬過來，不另立一套。

   首頁保持定稿單文件不動（index.html 自帶內聯 CSS/JS）；
   四個子頁面 link 本檔 —— 以後改顏色/字階/導航/頁腳，這裡改一次。

   分節：1 Token · 2 基礎 · 3 外框 · 4 導航 · 5 頁頭 · 6 區段
        7 名冊 · 8 活動 · 9 回執單 · 10 權益留言 · 11 頁腳
        12 響應式 · 13 減少動效 · 14 進場
   ══════════════════════════════════════════════════════════════════ */

/* ══════════ 1. Token（＝首頁第 1 節，逐值相同） ══════════ */
:root{
  /* 一底 · 一墨 · 一強調，發牌給的比例，顏色取自題材（骨白紙、墨、四葉草） */
  --paper:#DAF6BA;
  --card:#F5FAF2;
  --paper-2:#CFF0A8;
  --ink:#16130E;
  --muted:#5F594B;
  --green:#2E6B3E;
  --green-deep:#13251A;
  --green-pale:#C6D2C0;

  /* 子頁面補四位：墨線（分組用）、深墨線（懸停）、錯誤色（表單用） */
  --rule:rgba(22,19,14,.18);
  --rule-soft:rgba(22,19,14,.10);
  --rule-strong:rgba(22,19,14,.32);
  --brick:#8A2F1A;

  /* 拉丁字先吃 Source Serif 4 / Georgia；CJK 才落到明體（首頁字族少了 CJK 明體，
     在 Windows 上會落到新細明體＝無粗體，標題寫 700 卻不粗。這裡補 Noto Serif TC/HK） */
  --serif:"Source Serif 4",Georgia,"Times New Roman","Noto Serif TC","Noto Serif HK","Songti SC","Source Han Serif SC",serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;

  /* 五個字階，不多不少（＋一個子頁面標題階） */
  --s-display:clamp(56px,6.4vw,96px);
  --s-page:clamp(40px,5.6vw,80px);
  --s-head:clamp(28px,3vw,40px);
  --s-lead:19px;
  --s-body:17px;
  --s-small:16px;

  --nav-h:64px;
  --margin:clamp(20px,4vw,64px);
  --section:clamp(84px,9.5vw,150px);
  --gap:clamp(48px,5.5vw,88px);
  --btn-h:52px;
  --spring:cubic-bezier(.34,1.56,.64,1);
  --ease-out:cubic-bezier(.22,1,.36,1);
}

/* ══════════ 2. 基礎（＝首頁第 1 節 reset） ══════════ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable both-edges;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);background:var(--paper)}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--serif);font-size:var(--s-body);line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
h1,h2,h3,h4,p,figure,blockquote,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
dl{margin:0}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
input,textarea,select{font:inherit;color:inherit}
[hidden]{display:none !important}
:focus-visible{outline:3px solid var(--green);outline-offset:3px}
::selection{background:var(--green);color:var(--paper)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{
  position:absolute;left:var(--margin);top:-100px;z-index:80;
  padding:12px 20px;background:var(--ink);color:var(--paper);
  font-family:var(--sans);font-size:var(--s-small);
  transition:top .18s var(--ease-out);
}
.skip-link:focus{top:12px}

/* ══════════ 3. 外框（＝首頁 .frame） ══════════ */
.frame{width:100%;margin-inline:auto;padding-inline:var(--margin);max-width:1440px}
main{padding-top:var(--nav-h)}

/* ══════════ 4. 導航（＝首頁 .nav，逐值相同） ══════════ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:60;
  height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding-inline:var(--margin);
  background:var(--paper);
}
.nav__brand{display:flex;align-items:center;height:44px;
  font-family:var(--serif);font-weight:600;font-size:var(--s-lead);letter-spacing:-.01em}
.nav__links{display:flex;gap:20px;align-items:center}
.nav a.nav__link{display:inline-flex;align-items:center;height:44px;padding:0 8px;
  font-family:var(--sans);font-size:var(--s-small);color:var(--ink);opacity:.72;
  transition:opacity .18s var(--ease-out)}
.nav a.nav__link:hover{opacity:1}
.nav a.nav__link[aria-current="page"]{opacity:1}

/* ══════════ 5. 頁頭 ══════════ */
.page-head{position:relative;padding-block:clamp(56px,7vw,104px) clamp(32px,3.5vw,48px)}
/* 右側一枚四葉草：把首頁的紋樣帶進子頁，同時收住頁頭右邊那片空氣 */
.page-head__mark{
  position:absolute;right:var(--margin);top:50%;translate:0 -50%;
  width:clamp(96px,10vw,158px);height:auto;z-index:0;pointer-events:none;
  animation:decoJitter 3.4s ease-in-out infinite;
  transform-origin:50% 50%;will-change:transform;
}
@keyframes decoJitter{
  0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}
  18%{transform:translate3d(-1px,1px,0) rotate(-4.2deg)}
  36%{transform:translate3d(1px,-1px,0) rotate(-2.1deg)}
  54%{transform:translate3d(-1px,-1px,0) rotate(-3.8deg)}
  72%{transform:translate3d(1px,1px,0) rotate(-2.6deg)}
}
.crumb{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--sans);font-size:var(--s-small);color:var(--muted);
  transition:color .18s var(--ease-out);
}
.crumb:hover{color:var(--ink)}
.crumb__mark{font-family:var(--sans);transition:translate .18s var(--ease-out)}
.crumb:hover .crumb__mark{translate:-3px 0}
.page-head h1{
  margin-top:28px;
  font-family:var(--serif);font-weight:700;
  font-size:var(--s-page);line-height:.95;letter-spacing:-.02em;
}
.page-head__lede{
  margin-top:28px;max-width:44ch;
  font-family:var(--sans);font-size:var(--s-lead);line-height:1.65;color:var(--muted);
}
.page-head__meta{
  margin-top:24px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;
  font-family:var(--sans);font-size:var(--s-small);color:var(--muted);
}
.page-head__meta > span[aria-hidden]{opacity:.5}
.page-head__foot{
  margin-top:clamp(32px,4vw,48px);
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:20px 32px;flex-wrap:wrap;
}
.facts{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,56px)}
.facts div{display:grid;gap:4px}
.facts b{font-family:var(--serif);font-weight:600;font-size:clamp(26px,2.6vw,36px);line-height:1;font-variant-numeric:tabular-nums}
.facts span{font-family:var(--sans);font-size:var(--s-small);color:var(--muted)}
.source{font-family:var(--sans);font-size:var(--s-small);color:var(--muted);text-align:right}

/* ══════════ 6. 區段 ══════════ */
.section{padding-block:var(--gap)}
.section--last{padding-bottom:var(--section)}
.sec-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:32px;flex-wrap:wrap;margin-bottom:clamp(28px,3.5vw,48px);
}
.sec-head h2{font-family:var(--serif);font-weight:700;font-size:var(--s-head);line-height:1.05;letter-spacing:-.02em}
.sec-head p{font-family:var(--sans);font-size:var(--s-small);color:var(--muted);max-width:34ch}
.sec-head__count{font-family:var(--sans);font-size:var(--s-small);color:var(--muted);font-variant-numeric:tabular-nums}

/* 四片葉子的篩選鈕（＝首頁 .pillar，用在活動頁做分類篩選） */
.pillars{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:clamp(28px,3.5vw,48px)}
.pillars .sec-head__count{margin-left:auto}
.pillar{
  display:inline-flex;align-items:center;gap:10px;min-height:var(--btn-h);padding:0 22px 0 16px;
  font-family:var(--sans);font-size:var(--s-small);color:var(--ink);
  background:var(--paper);
  transition:background .18s ease-out,color .18s ease-out;
}
.pillar svg{width:18px;height:18px;color:var(--green);transition:color .18s ease-out}
.pillar:hover{background:var(--ink);color:var(--paper)}
.pillar:hover svg{color:var(--green-pale)}
.pillar[aria-selected="true"],.pillar[aria-pressed="true"]{background:var(--green);color:var(--paper)}
.pillar[aria-selected="true"] svg,.pillar[aria-pressed="true"] svg{color:var(--paper)}

/* 按鈕（＝首頁 .btn：方角、綠色實心、按下微縮） */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:var(--btn-h);padding:0 30px;
  font-family:var(--sans);font-size:var(--s-small);font-weight:500;
  background:var(--green);color:var(--paper);
  border-radius:0;
  transition:transform .12s ease-out,background .18s ease-out;
}
.btn:active{transform:scale(.98)}
.btn:hover{background:#255632}
.btn--ghost{background:var(--paper);color:var(--green-deep)}
.btn--ghost:hover{background:#FFFFFF;color:var(--green-deep)}
.btn--sm{height:44px;padding:0 22px}
.btn[disabled]{opacity:.55;pointer-events:none}
.link{font-family:var(--sans);font-size:var(--s-small);font-weight:600;color:var(--green)}
.link:hover{text-decoration:underline;text-underline-offset:4px}

/* ══════════ 7. 名冊：八個崗位一行，人排在右邊 ══════════ */
.roles{display:grid}
.role{
  display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);
  gap:clamp(20px,4vw,56px);
  padding-block:clamp(22px,2.4vw,32px);
  border-top:2px solid var(--rule);
}
.role__name{font-family:var(--serif);font-weight:600;font-size:clamp(20px,2vw,26px);letter-spacing:-.01em;line-height:1.2}
.role__count{display:block;margin-top:8px;font-family:var(--sans);font-size:var(--s-small);color:var(--muted)}
.role__people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px}
.person__name{font-family:var(--serif);font-weight:600;font-size:var(--s-lead);letter-spacing:-.01em}
.person__cls{margin-top:2px;font-family:var(--sans);font-size:var(--s-small);color:var(--muted);font-variant-numeric:tabular-nums}
.person__exp{margin-top:8px;font-family:var(--sans);font-size:var(--s-small);line-height:1.55;color:var(--muted)}

/* ══════════ 8. 活動：一條活動一段，右邊是詳情/報名 ══════════ */
.acts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,56px) clamp(40px,5vw,64px)}
.act{padding-top:24px;border-top:2px solid var(--rule)}
.act__head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.act__title{font-family:var(--serif);font-weight:600;font-size:var(--s-lead);letter-spacing:-.01em;line-height:1.25}
.act--wide .act__title{font-size:clamp(21px,2vw,27px)}
.act__kind{font-family:var(--sans);font-size:var(--s-small);color:var(--green);font-weight:600}
.act__desc{margin-top:8px;font-family:var(--sans);font-size:var(--s-body);line-height:1.6;color:var(--muted)}
.act__meta{margin-top:10px;display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;font-family:var(--sans);font-size:var(--s-small);color:var(--muted)}
.act__actions{margin-top:20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.act__state{font-family:var(--sans);font-size:var(--s-small);color:var(--green);font-weight:600}
.empty{
  padding-block:32px;border-top:2px solid var(--rule);
  font-family:var(--sans);font-size:var(--s-body);color:var(--muted);
}

/* 福利：一整條綠底（與首頁回執單同一個綠），左標題右說明 */
.band{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,4vw,56px);
  align-items:end;
  padding:clamp(28px,3.6vw,48px);
  background:var(--green);color:var(--paper);
}
.band__title{font-family:var(--serif);font-weight:700;font-size:clamp(26px,3.2vw,46px);line-height:1.02;letter-spacing:-.02em}
.band__side{display:grid;gap:10px}
.band__freq{font-family:var(--sans);font-size:var(--s-small);color:#DCE6D6}
.band__desc{font-family:var(--sans);font-size:var(--s-body);line-height:1.65;color:#DCE6D6;max-width:46ch}

/* ══════════ 8b. 詳情：賽程 / 理念 / 參與方式 ══════════ */
.detail__block + .detail__block{margin-top:clamp(40px,4.5vw,64px)}
.detail__back{margin-top:clamp(40px,4.5vw,64px)}
.detail__h2{font-family:var(--serif);font-weight:700;font-size:var(--s-head);line-height:1.05;letter-spacing:-.02em;margin-bottom:20px}
.prose{max-width:62ch}
.prose p{font-family:var(--serif);font-size:var(--s-lead);line-height:1.75}
.prose p + p{margin-top:1em}
.sched{margin:0}
.sched__row{display:flex;justify-content:space-between;gap:24px;padding-block:14px;border-bottom:2px solid var(--rule)}
.sched__label{font-family:var(--sans);font-size:var(--s-body);color:var(--ink)}
.sched__when{font-family:var(--sans);font-size:var(--s-body);color:var(--muted);font-variant-numeric:tabular-nums}
.center{display:flex;justify-content:center}

/* ══════════ 9. 回執單（＝首頁 .coupon：綠色、帶撕口、虛線分隔） ══════════ */
.coupon{
  position:relative;width:100%;max-width:1100px;
  background:var(--green);color:var(--paper);
  display:grid;grid-template-columns:1fr 1fr;
  --notch:28px;
  clip-path:polygon(0 0,calc(46% - var(--notch)) 0,46% var(--notch),calc(46% + var(--notch)) 0,100% 0,100% 100%,calc(46% + var(--notch)) 100%,46% calc(100% - var(--notch)),calc(46% - var(--notch)) 100%,0 100%);
}
.coupon__left{padding:56px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.coupon__left h2{font-family:var(--serif);font-weight:700;font-size:clamp(26px,2.8vw,40px);line-height:1.05;letter-spacing:-.02em;max-width:9ch}
.coupon__left p{font-family:var(--sans);font-size:var(--s-body);line-height:1.6;color:#DCE6D6;max-width:26ch}
.coupon__act{color:var(--paper);font-weight:600}
.coupon__right{padding:56px 48px 56px 0;display:flex;flex-direction:column;gap:10px;justify-content:center;border-left:5px dotted rgba(250,246,236,.5)}
.coupon input,.coupon select{
  height:52px;padding:0 16px;border:0;border-radius:0;
  background:#3B7C4B;color:var(--paper);font-family:var(--sans);font-size:var(--s-body);width:100%;
}
.coupon input::placeholder{color:#C9DAC3}
.coupon select{appearance:none}
.coupon .submit{
  height:56px;margin-top:6px;background:var(--ink);color:var(--paper);
  font-family:var(--sans);font-size:var(--s-body);font-weight:500;width:100%;
  transition:background .18s ease-out;
}
.coupon .submit:hover{background:#2B2418}
.coupon .submit[disabled]{opacity:.6;pointer-events:none}
.form-msg{margin-top:8px;font-family:var(--sans);font-size:var(--s-small);color:#FFE7A8;min-height:1.4em}
.coupon__right p{font-family:var(--sans);font-size:var(--s-body);line-height:1.65;color:#DCE6D6}
.coupon__right .btn{align-self:flex-start;margin-top:8px}
/* 個人資料說明：紙上用小字墨色，綠底上用淺色（#DCE6D6 on 綠 ≈ 5.1:1） */
.note{margin-top:4px;font-family:var(--sans);font-size:var(--s-small);line-height:1.6;color:var(--muted)}
.coupon__right .note{color:#DCE6D6}

/* ══════════ 10. 權益留言：紙上寫字（底線＝輸入框） ══════════ */
.write{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.write__note h2{font-family:var(--serif);font-weight:700;font-size:var(--s-head);line-height:1.05;letter-spacing:-.02em}
.write__note ul{margin-top:20px;display:grid;gap:12px}
.write__note li{
  position:relative;padding-left:20px;
  font-family:var(--sans);font-size:var(--s-small);line-height:1.6;color:var(--muted);
}
.write__note li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--green)}
.write-form{display:grid;gap:24px}
.field{display:grid;gap:8px}
.field__label{font-family:var(--sans);font-size:var(--s-small);color:var(--muted)}
.field__opt{color:var(--muted);opacity:.75}
.field__input{
  width:100%;min-height:52px;padding:0 16px;
  border:0;border-bottom:2px solid var(--rule);border-radius:0;
  background:var(--card);color:var(--ink);
  font-family:var(--serif);font-size:var(--s-lead);line-height:1.5;
  transition:border-color .18s var(--ease-out),background .18s var(--ease-out);
}
.field__input::placeholder{color:var(--muted);opacity:.8}
.field__input:hover{border-bottom-color:var(--rule-strong)}
.field__input:focus{border-bottom-color:var(--green);background:#FFFFFF}
.field__input--area{min-height:120px;padding-block:12px;resize:vertical}
.field__foot{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.field__err{font-family:var(--sans);font-size:var(--s-small);color:var(--brick);min-height:1.3em}
.counter{font-family:var(--sans);font-size:var(--s-small);color:var(--muted);font-variant-numeric:tabular-nums}
.counter.is-over{color:var(--brick)}
.form__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.form__actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:4px}
.form-msg--paper{margin:0;font-family:var(--sans);font-size:var(--s-small);min-height:1.4em;color:var(--muted)}
.form-msg--paper.is-err{color:var(--brick)}
.form-msg--paper.is-ok{color:var(--green)}
.toggle{display:inline-flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;
  font-family:var(--sans);font-size:var(--s-small);color:var(--ink)}
.toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.toggle__box{position:relative;flex:none;width:22px;height:22px;border:2px solid var(--ink);transition:background .18s var(--ease-out),border-color .18s var(--ease-out)}
.toggle input:checked + .toggle__box{background:var(--green);border-color:var(--green)}
.toggle input:checked + .toggle__box::after{
  content:"";position:absolute;left:50%;top:50%;
  width:11px;height:6px;margin-left:-6px;margin-top:-4px;
  border-left:2px solid var(--paper);border-bottom:2px solid var(--paper);
  rotate:-45deg;
}
.toggle input:focus-visible + .toggle__box{outline:3px solid var(--green);outline-offset:3px}

.msgs{display:grid}
.msg{padding-block:clamp(24px,2.6vw,32px);border-top:2px solid var(--rule)}
.msg__text{font-family:var(--serif);font-size:var(--s-lead);line-height:1.65;max-width:62ch}
.msg__meta{margin-top:12px;display:flex;gap:10px;align-items:baseline;font-family:var(--sans);font-size:var(--s-small);color:var(--muted)}
.msg__who{color:var(--green);font-weight:600}

/* ══════════ 11. 頁腳（＝首頁 .footer，逐值相同） ══════════ */
.footer{background:var(--ink);color:var(--paper);padding-block:96px 40px}
.footer__mark{display:flex;align-items:center;gap:clamp(24px,4vw,56px)}
.footer__logo{width:clamp(76px,9vw,126px);height:auto;flex:none}
.footer__wordmark{font-family:var(--serif);font-weight:700;font-size:clamp(40px,6.4vw,96px);line-height:.92;letter-spacing:-.03em;color:#fff}
.footer__cols{display:grid;grid-template-columns:repeat(3,1fr) 1.6fr;gap:32px;margin-top:72px}
.footer__cols h3{font-family:var(--sans);font-size:var(--s-small);font-weight:500;color:#A79F8C;margin-bottom:14px;letter-spacing:.04em}
.footer__cols a{display:block;font-family:var(--sans);font-size:var(--s-small);padding-block:7px;color:var(--paper);opacity:.86}
.footer__cols a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.footer__year{font-family:var(--sans);font-size:var(--s-small);color:#fff;margin:0;padding-block:7px;letter-spacing:.01em}
.footer__addr{font-family:var(--sans);font-size:var(--s-small);line-height:1.8;color:#C9C2B2}
.footer__bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:2px solid #3A352B;font-family:var(--sans);font-size:var(--s-small);color:#A79F8C}

/* ══════════ 12. 響應式 ══════════ */
@media (max-width:900px){
  :root{--nav-h:60px;--gap:clamp(40px,6vw,64px)}
  .nav__links{gap:14px}
  .nav a.nav__link{white-space:nowrap;padding:0 6px}
  .page-head__mark{display:none}
  .roles .role{grid-template-columns:1fr;gap:20px}
  .role__people{grid-template-columns:repeat(2,minmax(0,1fr))}
  .acts{grid-template-columns:1fr}
  .write{grid-template-columns:1fr}
  .write__note ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .coupon{grid-template-columns:1fr;clip-path:none}
  .coupon__left{padding:32px 32px 24px}
  .coupon__right{padding:0 32px 32px;border-left:0}
  .band{grid-template-columns:1fr;align-items:start;gap:12px}
  .footer__cols{grid-template-columns:1fr 1fr;gap:24px}
}
@media (max-width:560px){
  :root{--s-lead:18px}
  .nav__brand{white-space:nowrap;font-size:var(--s-body)}
  .facts{gap:24px}
  .pillar{padding:0 16px 0 12px;gap:8px}
  .pillar svg{width:16px;height:16px}
  .pillars .sec-head__count{flex-basis:100%;margin-left:0}
  .role__people{grid-template-columns:1fr}
  .write__note ul{grid-template-columns:1fr}
  .form__row{grid-template-columns:1fr}
  .footer__addr{grid-column:1 / -1}
}

/* ══════════ 13. 減少動效 ══════════ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .reveal{opacity:1 !important;transform:none !important}
}

/* ══════════ 14. 進場（＝首頁第 9 節：分區進入視口時觸發一次） ══════════ */
.reveal{opacity:0;transform:translateY(24px)}
.is-in .reveal{opacity:1;transform:none;transition:opacity .6s ease-out,transform .6s ease-out}
.is-in .reveal:nth-child(2){transition-delay:75ms}
.is-in .reveal:nth-child(3){transition-delay:150ms}