:root{
  --black:#0A0806;        /* warm near-black. gold on cold black reads like a highlighter */
  --black-2:#0F0C07;
  --panel:#141008;
  --panel-2:#1B1510;
  --line:rgba(212,175,55,.12);     /* hairlines are gold, like an engraved edge */
  --brand:#C9A227;        /* solid fills, buttons */
  --accent:#D4AF37;       /* accent text */
  --accent-light:#E8C96A; /* pills, small caps labels */
  --accent-deep:#7A5C2E;  /* glows and borders only. NEVER text (3.2:1) */
  --champagne:#F2E3B8;
  --accent-grad:linear-gradient(100deg,#F2E3B8 0%,#E8C96A 30%,#D4AF37 60%,#E8C96A 100%);
  --btn-grad:linear-gradient(135deg,#E8C96A,#C9A227 55%,#8C6A3F);
  --text:#F4EFE6;
  --muted:#ADA493;
  --radius:14px;
  --maxw:1120px;
  --display:Archivo,Inter,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--black);color:var(--text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.shell{max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* nav */
.top{position:sticky;top:0;z-index:30;background:rgba(10,8,6,.78);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .shell{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-block:16px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--champagne);margin-right:auto}
.brand img{width:30px;height:30px}
.brand span{font-family:var(--display);font-weight:900;font-size:15px;text-transform:uppercase;
  letter-spacing:1.6px;white-space:nowrap}
.nav{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
.nav a{color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:500;
  letter-spacing:.04em;padding:8px 13px;border-radius:8px;white-space:nowrap}
.nav a:hover{color:var(--champagne)}
.nav a[aria-current="page"]{color:var(--champagne);box-shadow:inset 0 -1px 0 var(--accent)}
.nav .cta{border:1px solid rgba(212,175,55,.38);color:var(--accent-light);margin-left:8px}
.nav .cta:hover{background:rgba(212,175,55,.08);color:var(--champagne)}

/* hero */
.hero,.phead{position:relative;overflow:hidden}
.hero{padding-block:128px 120px;
  background:radial-gradient(110% 85% at 50% 0%,#1d1608 0%,var(--black) 62%)}
.hero .shell,.phead .shell{position:relative;z-index:1;display:grid;gap:26px;justify-items:center;text-align:center}
.pill{display:inline-flex;align-items:center;border:1px solid rgba(212,175,55,.28);
  border-radius:99px;padding:8px 18px;margin:0;
  font-size:11.5px;font-weight:600;letter-spacing:2.6px;text-transform:uppercase;color:var(--accent-light)}
h1{
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(46px,11.5vw,132px);line-height:.92;letter-spacing:-.035em;
  margin:0;color:var(--champagne);max-width:14ch;text-wrap:balance;
}
.hl{background:var(--accent-grad);background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:shimmer 14s linear infinite}
@keyframes shimmer{to{background-position:200% center}}
.rule{width:96px;height:1px;background:linear-gradient(90deg,transparent,var(--brand),transparent);border:0;margin:0}
.lede{font-size:clamp(17px,2.2vw,20px);font-weight:500;color:var(--text);
  margin:0;max-width:40ch;line-height:1.5;letter-spacing:.01em}
.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}

.btn{display:inline-block;background:var(--btn-grad);color:var(--black);text-decoration:none;
  font-weight:600;font-size:14.5px;letter-spacing:.04em;padding:15px 32px;border-radius:10px;border:0}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;border:1px solid rgba(212,175,55,.32);color:var(--champagne)}
.btn.ghost:hover{background:rgba(212,175,55,.07);filter:none}

/* page head for inner pages */
.phead{padding-block:96px 80px;background:radial-gradient(110% 80% at 50% 0%,#1a1408 0%,var(--black) 60%)}
.phead h1{font-size:clamp(36px,8vw,84px);max-width:16ch}

/* guilloche: engine-turned line work, as on banknotes and certificates */
.guil{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  pointer-events:none;z-index:0;opacity:0;animation:fadeIn 1.6s ease .6s forwards}
@keyframes fadeIn{to{opacity:1}}

/* sections */
section{padding-block:96px}
section.panel{background:var(--black-2);border-block:1px solid var(--line)}
h2{font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(26px,4.4vw,44px);line-height:1;letter-spacing:-.025em;
  margin:0 0 20px;color:var(--champagne);text-wrap:balance}
h3{font-family:var(--display);font-weight:800;font-size:18px;
  letter-spacing:-.01em;margin:0 0 8px;color:var(--champagne)}
p{margin:0 0 14px;max-width:62ch;color:var(--muted)}
p strong{color:var(--text)}
.center{text-align:center}
.center h2,.center p{margin-inline:auto}
.k{font-size:11.5px;font-weight:600;letter-spacing:2.6px;text-transform:uppercase;color:var(--accent-light);margin:0 0 4px}

/* cards: wrapping flex so a lone last card centres instead of stranding left */
.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:12px}
.card{flex:1 1 262px;max-width:340px;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);padding:30px 26px;display:flex;flex-direction:column;
  gap:8px;align-items:center;text-align:center}
.card p{margin:0;font-size:15px;max-width:34ch}
.card .ic{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;border:1px solid rgba(212,175,55,.3);margin-bottom:8px}
.card .ic svg{width:20px;height:20px;stroke:var(--accent);fill:none;
  stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* service chips on home */
.svcgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}
.svc{flex:1 1 210px;max-width:270px;display:flex;align-items:center;gap:14px;background:var(--panel);
  border:1px solid var(--line);border-radius:12px;padding:16px 18px;
  font-size:15px;font-weight:500;color:var(--text);text-align:left}
.svc .ic{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;border:1px solid rgba(212,175,55,.28)}
.svc .ic svg{width:17px;height:17px;stroke:var(--accent);fill:none;
  stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

ul.ticks{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:12px;max-width:62ch}
ul.ticks li{padding-left:26px;position:relative;font-size:16px;color:var(--muted)}
ul.ticks li::before{content:"";position:absolute;left:2px;top:10px;width:7px;height:7px;
  transform:rotate(45deg);background:var(--brand)}

.mission-lead{font-weight:600;font-size:clamp(18px,2.6vw,22px);color:var(--champagne);
  max-width:40ch;line-height:1.4;letter-spacing:.01em}

/* partner bios */
.bios{display:grid;gap:26px}
.bio{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;display:grid;grid-template-columns:320px 1fr}
.bio .pic{background:var(--panel-2);min-height:100%}
.bio .pic img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.bio .txt{padding:36px 38px}
.bio h3{font-size:24px;margin:0 0 4px}
.bio .role{font-size:11.5px;letter-spacing:2.6px;text-transform:uppercase;
  color:var(--accent-light);margin:0 0 18px;font-weight:600}
.bio p{font-size:15.5px;margin:0 0 13px;max-width:62ch}
.bio p:last-child{margin-bottom:0}
@media (max-width:760px){
  .bio{grid-template-columns:1fr}
  .bio .pic{aspect-ratio:4/3}
  .bio .txt{padding:26px 22px}
}

/* partner teaser on home */
.duo{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:12px}
.duo a{flex:1 1 280px;max-width:380px;text-decoration:none;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.duo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 55%}
.duo .cap{padding:20px 22px;text-align:center}
.duo .cap h3{margin:0 0 2px}
.duo .cap p{margin:0 auto;font-size:11.5px;letter-spacing:2.6px;text-transform:uppercase;color:var(--accent-light);font-weight:600}

/* values */
.values{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}
.value{border:1px solid var(--line);border-radius:99px;padding:12px 24px;
  font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.4px;color:var(--text)}
.value.accent{border-color:rgba(212,175,55,.4);color:var(--accent)}

/* contact */
.mailbox{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:44px 32px;max-width:560px;margin-inline:auto;text-align:center}
.mailbox .k{margin:0 0 12px}
.mailbox a.mail{font-family:var(--display);font-weight:900;font-size:clamp(18px,4vw,30px);letter-spacing:-.02em;
  color:var(--champagne);text-decoration:none;word-break:break-word}
.mailbox a.mail:hover{background:var(--accent-grad);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent}

footer{border-top:1px solid var(--line);padding-block:48px;background:var(--black)}
footer .shell{display:grid;gap:16px}
.fbrand{display:flex;align-items:center;gap:11px}
.fbrand img{width:28px;height:28px}
.fbrand span{font-family:var(--display);font-weight:900;font-size:15px;text-transform:uppercase;
  letter-spacing:1.6px;color:var(--champagne)}
footer .fnav{display:flex;gap:18px;flex-wrap:wrap}
footer .fnav a{color:var(--muted);text-decoration:none;font-size:14px}
footer .fnav a:hover{color:var(--champagne)}
footer .fine{font-size:12.5px;line-height:1.6;color:#8a8273;margin:0;max-width:74ch}
footer .fine a{color:#a8987a}

@media (max-width:640px){
  .top .shell{gap:8px;padding-block:12px}
  .nav a{padding:7px 9px;font-size:13px}
  .hero{padding-block:84px 80px}
  .phead{padding-block:68px 56px}
  section{padding-block:68px}
}

/* soft glow, no drift */
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none}
.orb.a{width:460px;height:460px;background:var(--accent-deep);top:-160px;left:-120px}
.orb.b{width:380px;height:380px;background:var(--accent-deep);bottom:-180px;right:-90px;opacity:.25}

/* scroll reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease}
.reveal.in{opacity:1;transform:none}
[hidden]{display:none!important}

/* ---- entrance motion ---- */
.hero .shell > *, .phead .shell > *{
  opacity:0; transform:translateY(14px);
  animation:riseIn .9s cubic-bezier(.22,.7,.3,1) forwards;
}
.hero .shell > *:nth-child(1),.phead .shell > *:nth-child(1){animation-delay:.10s}
.hero .shell > *:nth-child(2),.phead .shell > *:nth-child(2){animation-delay:.22s}
.hero .shell > *:nth-child(3),.phead .shell > *:nth-child(3){animation-delay:.34s}
.hero .shell > *:nth-child(4),.phead .shell > *:nth-child(4){animation-delay:.46s}
.hero .shell > *:nth-child(5),.phead .shell > *:nth-child(5){animation-delay:.58s}
.hero .shell > *:nth-child(6),.phead .shell > *:nth-child(6){animation-delay:.70s}
.hero .shell > *:nth-child(n+7),.phead .shell > *:nth-child(n+7){animation-delay:.82s}
@keyframes riseIn{to{opacity:1;transform:none}}

/* children of a revealed block arrive one after another */
.reveal .cards > *, .reveal .svcgrid > *, .reveal .bios > *, .reveal .values > *, .reveal .duo > *{
  opacity:0; transform:translateY(12px);
  transition:opacity .7s cubic-bezier(.22,.7,.3,1), transform .7s cubic-bezier(.22,.7,.3,1);
}
.reveal.in .cards > *, .reveal.in .svcgrid > *, .reveal.in .bios > *, .reveal.in .values > *, .reveal.in .duo > *{
  opacity:1; transform:none;
}
.reveal.in :is(.cards,.svcgrid,.bios,.values,.duo) > *:nth-child(2){transition-delay:.10s}
.reveal.in :is(.cards,.svcgrid,.bios,.values,.duo) > *:nth-child(3){transition-delay:.20s}
.reveal.in :is(.cards,.svcgrid,.bios,.values,.duo) > *:nth-child(4){transition-delay:.30s}
.reveal.in :is(.cards,.svcgrid,.bios,.values,.duo) > *:nth-child(5){transition-delay:.40s}
.reveal.in :is(.cards,.svcgrid,.bios,.values,.duo) > *:nth-child(6){transition-delay:.50s}
.reveal.in :is(.cards,.svcgrid,.bios,.values,.duo) > *:nth-child(n+7){transition-delay:.60s}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .hl{animation:none}
  .guil{opacity:1}
  .hero .shell > *,.phead .shell > *{opacity:1;transform:none}
  .reveal,.reveal :is(.cards,.svcgrid,.bios,.values,.duo) > *{opacity:1!important;transform:none!important}
}

/* home sub-headline: same family as the headline, lighter weight, wide tracking */
.hero .lede{font-family:var(--display);font-weight:700;font-style:italic;
  font-size:clamp(22px,3.4vw,36px);letter-spacing:.01em;color:var(--accent-light);
  max-width:none;line-height:1.25}

/* skip link: hidden until keyboard focus */
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--brand);color:var(--black);
  font-weight:600;padding:10px 16px;border-radius:8px;text-decoration:none}
.skip:focus{top:12px}

/* how we work: numbered steps */
.walk{list-style:none;padding:0;margin:8px auto 0;display:grid;gap:12px;max-width:760px}
.step{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}
.step .num{width:38px;height:38px;border-radius:50%;border:1px solid rgba(212,175,55,.45);display:flex;
  align-items:center;justify-content:center;font-family:var(--display);font-weight:900;color:var(--accent)}
.step h3{margin:6px 0 4px}
.step p{margin:0;font-size:15px}

/* advisory table: logo hub with advisors around it */
.orbwrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.orbit{position:relative;width:100%;max-width:420px;aspect-ratio:1/1;margin-inline:auto}
.orbit .ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;
  border:1px dashed rgba(212,175,55,.22)}
.orbit .r1{width:44%;height:44%}
.orbit .r2{width:84%;height:84%;border-color:rgba(212,175,55,.14)}
.orbit .hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28%;height:28%;
  border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--panel);
  border:1px solid rgba(212,175,55,.4)}
.orbit .hub img{width:70%;height:auto}
.orbit .sat{position:absolute;width:76px;transform:translate(-50%,-50%);display:flex;flex-direction:column;
  align-items:center;gap:6px}
.orbit .sat svg{width:46px;height:46px;padding:11px;border-radius:50%;background:var(--panel);
  border:1px solid rgba(212,175,55,.3);stroke:var(--accent);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.orbit .sat em{font-style:normal;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent-light);font-weight:600}
.orbit .o1{left:50%;top:8%}.orbit .o2{left:86%;top:29%}.orbit .o3{left:86%;top:71%}
.orbit .o4{left:50%;top:92%}.orbit .o5{left:14%;top:71%}.orbit .o6{left:14%;top:29%}
@media (max-width:820px){
  .orbwrap{grid-template-columns:1fr;gap:28px}
  .orbwrap .txtcol{text-align:center}
  .orbwrap .txtcol p{margin-inline:auto}
  .orbit{max-width:340px}
  .orbit .sat{width:64px}.orbit .sat svg{width:40px;height:40px;padding:9px}
}

/* return vs plan */
.compare{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.compare .col{flex:1 1 260px;max-width:360px;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);padding:26px 24px;text-align:left}
.compare .col.on{border-color:rgba(212,175,55,.45)}
.compare ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}
.compare li{color:var(--muted);font-size:15.5px;padding-left:20px;position:relative}
.compare .on li{color:var(--text)}
.compare li::before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;transform:rotate(45deg);background:var(--line)}
.compare .on li::before{background:var(--brand)}

/* standards */
.assure{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px}
.assure .item{flex:1 1 230px;max-width:265px;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);padding:24px 22px;text-align:left}
.assure .item p{margin:0;font-size:15px}

/* new blocks join the staggered reveal */
.reveal :is(.walk,.compare,.assure) > *{opacity:0;transform:translateY(12px);
  transition:opacity .7s cubic-bezier(.22,.7,.3,1),transform .7s cubic-bezier(.22,.7,.3,1)}
.reveal.in :is(.walk,.compare,.assure) > *{opacity:1;transform:none}
.reveal.in :is(.walk,.compare,.assure) > *:nth-child(2){transition-delay:.10s}
.reveal.in :is(.walk,.compare,.assure) > *:nth-child(3){transition-delay:.20s}
.reveal.in :is(.walk,.compare,.assure) > *:nth-child(4){transition-delay:.30s}
.reveal.in :is(.walk,.compare,.assure) > *:nth-child(n+5){transition-delay:.40s}
.orbit .sat{opacity:0;transition:opacity .6s ease}
.reveal.in .orbit .sat{opacity:1}
.reveal.in .orbit .o2{transition-delay:.08s}.reveal.in .orbit .o3{transition-delay:.16s}
.reveal.in .orbit .o4{transition-delay:.24s}.reveal.in .orbit .o5{transition-delay:.32s}.reveal.in .orbit .o6{transition-delay:.40s}
@media (prefers-reduced-motion:reduce){
  .reveal :is(.walk,.compare,.assure) > *,.orbit .sat{opacity:1!important;transform:none!important;transition:none!important}
}

/* four audience cards sit as a 2 by 2 grid, never 3 plus 1 */
.cards.four{max-width:820px;margin-inline:auto}
.cards.four .card{flex:1 1 300px;max-width:calc(50% - 9px)}
@media (max-width:640px){.cards.four .card{max-width:none}}

/* orbital: eight services on the ring */
.orbit .r2{width:80%;height:80%}
.orbit .o1{left:50%;top:10%}.orbit .o2{left:78.3%;top:21.7%}.orbit .o3{left:90%;top:50%}.orbit .o4{left:78.3%;top:78.3%}
.orbit .o5{left:50%;top:90%}.orbit .o6{left:21.7%;top:78.3%}.orbit .o7{left:10%;top:50%}.orbit .o8{left:21.7%;top:21.7%}
.reveal.in .orbit .o7{transition-delay:.48s}.reveal.in .orbit .o8{transition-delay:.56s}
.orbit .sat svg{width:42px;height:42px;padding:10px}
@media (max-width:820px){.orbit{max-width:360px}.orbit .sat svg{width:36px;height:36px;padding:8px}.orbit .sat em{font-size:10.5px;letter-spacing:1.2px}}

/* hero: service labels floating above and below the firm name */
.floats{position:absolute;inset:0;pointer-events:none;z-index:0}
.fl{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;
  border:1px solid rgba(212,175,55,.26);border-radius:99px;background:rgba(20,16,8,.6);
  font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent-light);
  opacity:0;animation:flIn 1.2s ease forwards,flt 12s ease-in-out infinite}
.fl svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.f1{left:3%;top:30px;animation-delay:.70s,1.9s}
.f2{left:20%;top:78px;animation-delay:.85s,2.4s;animation-duration:1.2s,14s}
.f3{left:38%;top:24px;animation-delay:.80s,2.1s;animation-duration:1.2s,13s}
.f4{right:38%;top:78px;animation-delay:.95s,2.6s}
.f5{right:20%;top:30px;animation-delay:.90s,2.2s;animation-duration:1.2s,15s}
.f6{right:3%;top:78px;animation-delay:1.0s,2.7s;animation-duration:1.2s,13s}
.f7{left:3%;bottom:70px;animation-delay:1.0s,2.2s;animation-duration:1.2s,15s}
.f8{left:20%;bottom:24px;animation-delay:1.1s,2.8s}
.f9{left:36%;bottom:34px;animation-delay:1.05s,2.3s;animation-duration:1.2s,14s}
.f10{right:36%;bottom:44px;animation-delay:1.15s,2.5s;animation-duration:1.2s,13s}
.f11{right:20%;bottom:74px;animation-delay:1.1s,2.9s}
.f12{right:3%;bottom:26px;animation-delay:1.2s,2.4s;animation-duration:1.2s,15s}
@keyframes flIn{to{opacity:.85}}
@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media (max-width:1200px){.f3,.f4,.f9,.f10{display:none}}
@media (max-width:900px){.f2,.f5,.f8,.f11{display:none}}
@media (max-width:640px){.f1,.f6{top:14px}.f7,.f12{bottom:14px}.fl{font-size:10px;letter-spacing:1.3px;padding:5px 10px 5px 8px;gap:6px}.fl svg{width:13px;height:13px}}
@media (prefers-reduced-motion:reduce){.fl{opacity:.85;animation:none!important}}

/* where we go deep: nine expertise tiles */
.deep{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:980px;margin:0 auto;text-align:left}
.dp{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 20px;
  border-top:2px solid rgba(212,175,55,.45)}
.dp h3{margin:0 0 6px}
.dp p{margin:0;font-size:15px}
@media (max-width:860px){.deep{grid-template-columns:repeat(2,minmax(0,1fr))}.dp:last-child{grid-column:1/-1}}
@media (max-width:560px){.deep{grid-template-columns:1fr}}
.reveal .deep > *{opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.22,.7,.3,1),transform .7s cubic-bezier(.22,.7,.3,1)}
.reveal.in .deep > *{opacity:1;transform:none}
.reveal.in .deep > *:nth-child(3n+2){transition-delay:.08s}.reveal.in .deep > *:nth-child(3n){transition-delay:.16s}
@media (prefers-reduced-motion:reduce){.reveal .deep > *{opacity:1!important;transform:none!important;transition:none!important}}