:root{
  --bg:#f6f8f9;--surface:#fff;--ink:#10202b;--muted:#5b6b76;--line:#dde4e8;
  --brand:#0b3a53;--accent:#00a396;--hero-a:#0b3a53;--hero-b:#0f5c7a;
  --r:14px;--max:1120px;
  --font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#0c1519;--surface:#142027;--ink:#e8eef1;--muted:#93a4ad;--line:#243540;--brand:#e8eef1;--accent:#2fd3c3;--hero-a:#071a24;--hero-b:#0d4560}
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{font:17px/1.65 var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em;color:var(--brand)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--surface);padding:.5rem 1rem;z-index:99}

.bar{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;align-items:center;gap:1.5rem;padding:.8rem clamp(1rem,4vw,2.5rem);color:#fff;transition:background .3s,box-shadow .3s,color .3s}
.bar.solid{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line);color:var(--brand)}
.logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;margin-right:auto}
.bar nav{display:flex;gap:1.6rem}
.bar nav a{text-decoration:none;font-size:.92rem;font-weight:500;opacity:.9}
.bar nav a:hover{opacity:1;color:var(--accent)}
.lang{font:600 .8rem var(--font);color:inherit;background:none;border:1px solid currentColor;border-radius:99px;padding:.3rem .8rem;cursor:pointer;opacity:.85}
.lang:hover{opacity:1}

.wm{font-weight:300;letter-spacing:.14em;font-size:1.02rem}.wm b{font-weight:800}
.burger{display:none;width:42px;height:42px;background:none;border:0;color:inherit;cursor:pointer;position:relative}
.burger span{position:absolute;left:10px;right:10px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s,opacity .2s,top .3s}
.burger span:nth-child(1){top:14px}.burger span:nth-child(2){top:20px}.burger span:nth-child(3){top:26px}
.bar.open .burger span:nth-child(1){top:20px;transform:rotate(45deg)}
.bar.open .burger span:nth-child(2){opacity:0}
.bar.open .burger span:nth-child(3){top:20px;transform:rotate(-45deg)}
.noscroll{overflow:hidden}
@media(max-width:900px){
  .burger{display:block}
  .bar{gap:.6rem}
  .bar.open{background:var(--surface);color:var(--brand)}
  .bar nav{position:fixed;inset:60px 0 0 0;background:var(--surface);flex-direction:column;gap:0;padding:1rem clamp(1rem,4vw,2.5rem);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;overflow:auto}
  .bar.open nav{opacity:1;transform:none;visibility:visible}
  .bar nav a{color:var(--ink);font-size:1.25rem;padding:1rem 0;border-bottom:1px solid var(--line);opacity:1}
}

.hero{position:relative;min-height:96vh;display:grid;align-content:center;padding:7rem clamp(1rem,4vw,2.5rem) 5rem;color:#fff;overflow:hidden;background:linear-gradient(105deg,color-mix(in srgb,var(--hero-a) 94%,transparent) 25%,color-mix(in srgb,var(--hero-b) 55%,transparent)),url(img/hero.jpg) center/cover var(--hero-a)}
.hero svg.slats{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.hero .in{position:relative;max-width:var(--max);margin:0 auto;width:100%}
.hero h1{color:#fff;font-size:clamp(2.2rem,6vw,4.4rem);max-width:16ch}
.hero p{max-width:46ch;margin:1.8rem 0 3.6rem;font-size:1.15rem;opacity:.88}
.slides{display:grid;min-height:clamp(15rem,34vh,19rem);align-content:start}
.slide{grid-area:1/1;visibility:hidden;pointer-events:none}
.slide.on{visibility:visible;pointer-events:auto}
.slide .eyebrow{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.slide.on .eyebrow{opacity:1;transform:none;transition-delay:.1s}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.w>span{display:inline-block;transform:translateY(105%);transition:transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--w)*.07s + .15s)}
.slide.on .w>span{transform:none}
.slide:not(.on) .w>span{transition-duration:0s;transition-delay:0s}
.more{display:inline-block;margin-top:1.3rem;color:#fff;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:2px;opacity:0;transition:opacity .6s .6s}
.slide.on .more{opacity:.95}
.cta{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.dots{display:flex;gap:.5rem}
.dot{width:28px;height:4px;border:0;border-radius:4px;background:#fff5;cursor:pointer;padding:0;transition:background .3s,width .3s}
.dot.on{background:var(--accent);width:44px}
.btn{display:inline-block;background:var(--accent);color:#04201d;font-weight:600;text-decoration:none;padding:.8rem 1.6rem;border-radius:99px;transition:transform .2s,box-shadow .2s}
.btn.ghost{background:none;border:1px solid var(--accent);color:var(--accent)}
.btn.ghost:hover{background:var(--accent);color:#04201d}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.eyebrow{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:600;margin-bottom:1rem}

section.s{padding:clamp(3.5rem,9vw,6.5rem) clamp(1rem,4vw,2.5rem)}
.wrap{max-width:var(--max);margin:0 auto}
.s h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:1.6rem;max-width:22ch}
.lead+.lead,p+p{margin-top:1.3rem}
.s .lead{margin-bottom:0}
.lead{color:var(--muted);max-width:60ch}
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
@media(max-width:800px){.split{grid-template-columns:1fr}}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.fact{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem}
.fact b{display:block;font-size:1.9rem;color:var(--brand);letter-spacing:-.02em}
.fact span{font-size:.88rem;color:var(--muted)}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:2.5rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.8rem;transition:transform .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:var(--accent)}
.card svg{width:40px;height:40px;stroke:var(--accent);fill:none;stroke-width:1.8;margin-bottom:1rem}
.card h3{font-size:1.2rem;margin-bottom:.5rem}
.card p{color:var(--muted);font-size:.96rem}

.band{background:var(--surface);border-block:1px solid var(--line)}
.list{list-style:none;padding:0;display:grid;gap:.9rem;margin-top:1.4rem}
.list li{padding-left:1.8rem;position:relative}
.list li::before{content:"";position:absolute;left:0;top:.65em;width:.9rem;height:2px;background:var(--accent)}
.art{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:#e9eef0}
.art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.2s ease}
.art:hover img{transform:scale(1.04)}

.contact{background:linear-gradient(135deg,var(--hero-a),var(--hero-b));color:#fff}
.contact h2{color:#fff}.contact .lead{color:#fffc}
.contact address{font-style:normal;margin-top:1.5rem;font-size:1.1rem}
.contact a{color:var(--accent)}


.legal{max-width:760px;margin:0 auto;padding:8rem clamp(1rem,4vw,2rem) 5rem}
.legal h1{font-size:2.2rem;margin-bottom:1.5rem}
.legal h2{font-size:1.2rem;margin:1.8rem 0 .4rem}
.legal p{color:var(--muted)}
.legal .back{display:inline-block;margin-bottom:1rem;color:var(--accent);text-decoration:none}

/* animations: subtle reveal + slat drift */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.hero .slats rect{animation:slat 9s ease-in-out infinite alternate;animation-delay:calc(var(--i)*.35s)}
@keyframes slat{from{transform:translateX(-14px)}to{transform:translateX(14px)}}
main>*{animation:fade .45s ease}
@keyframes fade{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.hero .slats rect,main>*{animation:none}html{scroll-behavior:auto}}

.note{margin-top:2.4rem;color:var(--muted);font-style:italic}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2.5rem;counter-reset:s}
.steps li{border-top:2px solid var(--line);padding-top:1.2rem}
.steps li:hover{border-color:var(--accent)}
.steps .n{font-size:.85rem;font-weight:700;color:var(--accent);letter-spacing:.1em}
.steps h3{margin:.4rem 0 .5rem;font-size:1.2rem}.steps p{color:var(--muted);font-size:.96rem}
.jobs{list-style:none;padding:0;margin-top:2rem;display:grid;gap:1rem}
.job{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem 1.6rem;transition:border-color .25s,transform .25s}
.job:hover{border-color:var(--accent);transform:translateX(4px)}
.job h3{font-size:1.15rem;margin-bottom:.5rem}
.tags i{font-style:normal;font-size:.8rem;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:.15rem .7rem;margin-right:.5rem}

.foot{background:#071a24;color:#b9c8d0;margin-top:0;padding-top:4rem;font-size:.95rem}
.foot a{color:inherit;text-decoration:none}.foot a:hover{color:var(--accent)}
.foot .logo{color:#fff}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:2.5rem;padding:0 clamp(1rem,4vw,2.5rem) 3rem}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}
.fbrand p{margin-top:1rem;font-weight:300;font-size:1.15rem;color:#fff;max-width:20ch}
.foot h4{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:1rem}
.foot ul{list-style:none;padding:0;display:grid;gap:.5rem}
.foot address{font-style:normal;line-height:1.7}
.fbase{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-top:1px solid #ffffff1f;padding:1.4rem clamp(1rem,4vw,2.5rem);font-size:.85rem}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.two .card{padding:2.2rem}
@media(max-width:900px){.bar.solid{backdrop-filter:none;background:var(--surface)}}
.paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2.2rem}
.path{font:inherit;text-align:left;cursor:pointer;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem;display:grid;gap:.4rem;transition:border-color .25s,transform .25s,background .25s}
.path b{color:var(--brand);font-size:1.1rem}.path span{color:var(--muted);font-size:.9rem}
.path:hover{transform:translateY(-3px);border-color:var(--accent)}
.path.on{border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}
.pathpanel{margin-top:2rem}.pathpanel.swap{animation:fade .5s ease}
.pathpanel .jobs{margin-top:1.4rem}.job p{color:var(--muted)}
.mapcard{background:var(--surface);color:var(--ink);border-radius:var(--r);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.mapcard svg{display:block;width:100%;aspect-ratio:4/3;background:#dfe9ec}
.mapcard .road{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round}
.mapcard .pin{fill:var(--brand);stroke:#fff;stroke-width:2}
.mapcard .ring{fill:none;stroke:#00a396;stroke-width:2;transform-origin:206px 158px;animation:ping 2.6s ease-out infinite}
.mapcard .ring.r2{animation-delay:1.3s}
@keyframes ping{from{transform:scale(.6);opacity:.9}to{transform:scale(3);opacity:0}}
@media(prefers-color-scheme:dark){.mapcard svg{background:#1a2c35}.mapcard .grid path{stroke:#2a4350}.mapcard .road{stroke:#34505e}.mapcard .pin{fill:#2fd3c3}.mapcard circle[fill="#fff"]{fill:#0c1519}}
@media(prefers-reduced-motion:reduce){.mapcard .ring{animation:none}}
.mapfoot{padding:1.2rem 1.4rem;display:grid;gap:.8rem;justify-items:start;line-height:1.5}
.mapfoot small{color:var(--muted);font-size:.78rem}
.mapfoot .btn.ghost{color:var(--brand);border-color:var(--brand)}.mapfoot .btn.ghost:hover{background:var(--brand);color:var(--surface)}

/* products */
.sub{font-size:1.1rem;margin:3rem 0 1rem}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.1rem;margin-top:2.4rem}
.tile{display:grid;gap:.2rem;text-decoration:none;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1rem 1.2rem;transition:transform .25s,border-color .25s,box-shadow .25s}
.tile:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 14px 30px rgba(11,58,83,.12)}
.stage{position:relative;display:block;aspect-ratio:1/1;margin-bottom:.6rem;border-radius:10px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface) 70%)}
.sl{position:absolute;inset:6% 12%;opacity:0;transform:scale(.9) translateY(8px);transition:opacity .6s ease,transform .6s ease}
.sl.on{opacity:1;transform:none}
.sl svg,.pimg svg{width:100%;height:100%;display:block}
.tile b{color:var(--brand);font-size:1.12rem}.tile small{color:var(--accent);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:.55rem}
.chip{font-size:.9rem;text-decoration:none;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:.4rem 1rem;transition:background .2s,border-color .2s,color .2s}
.chip:hover{border-color:var(--accent)}
.chip.on{background:var(--accent);border-color:var(--accent);color:#04201d;font-weight:600}
.band .chip{background:var(--bg)}
.pg{padding:7rem clamp(1rem,4vw,2.5rem) 5rem}
.pg h1{font-size:clamp(2rem,5vw,3.2rem);margin:.5rem 0 1rem}
.pg .back{display:inline-block;color:var(--accent);text-decoration:none}
.filter{display:grid;grid-template-columns:6.5rem 1fr;gap:.8rem;align-items:start;margin-top:1.4rem}
.filter>span{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding-top:.5rem}
@media(max-width:600px){.filter{grid-template-columns:1fr;gap:.4rem}}
.count{margin:2rem 0 1rem;color:var(--muted);font-size:.9rem}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.1rem}
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1rem;transition:transform .25s,border-color .25s}
.pcard:hover{transform:translateY(-3px);border-color:var(--accent)}
.pimg{aspect-ratio:1/1;border-radius:10px;padding:6% 14%;margin-bottom:.8rem;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 12%,var(--bg)),var(--bg) 72%)}
.pcard h3{font-size:1rem;line-height:1.3;margin-bottom:.3rem}
.pcard .meta{color:var(--muted);font-size:.85rem;margin:0 0 .6rem}
.pcard .tags i{display:inline-block;margin:0 .35rem .35rem 0}
.cta2{margin-top:3rem}

.mapcard .land{fill:#f1f0ee}.mapcard .field{fill:#d9f1e0}.mapcard .town{fill:#f4ecd8}.mapcard .canal{fill:none;stroke:#a8d6ee;stroke-width:2}
.mapcard .road{fill:none;stroke:#c7cfd6;stroke-width:5;stroke-linecap:round}.mapcard .road.main{stroke:#aab5be;stroke-width:7}
.mapcard .rb{fill:#fff;stroke:#aab5be;stroke-width:2}
.mapcard .lbl{font:600 7.5px var(--font);fill:#4b5a64;paint-order:stroke;stroke:#f1f0ee;stroke-width:2.2px}.mapcard .lbl.big{font-size:12px;fill:#10202b;font-weight:700}
@media(prefers-color-scheme:dark){.mapcard .land{fill:#17262e}.mapcard .field{fill:#17352f}.mapcard .town{fill:#22313a}.mapcard .canal{stroke:#2b5d78}.mapcard .road{stroke:#2f4753}.mapcard .road.main{stroke:#40606e}.mapcard .rb{fill:#17262e;stroke:#40606e}.mapcard .lbl{fill:#9fb3bd;stroke:#17262e}.mapcard .lbl.big{fill:#e8eef1}}
.tl{list-style:none;margin:2.6rem 0 0;padding:0 0 0 2.2rem;position:relative;max-width:760px}
.tl::before,.tl::after{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line)}
.tl::after{background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform 2s ease .2s}
.tl.in::after{transform:scaleY(1)}
.tl li{position:relative;padding-bottom:2.2rem}.tl li:last-child{padding-bottom:0}
.tl li::before{content:"";position:absolute;left:-2.2rem;top:.45rem;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--accent)}
.tl .yr{font-weight:800;letter-spacing:.08em;color:var(--accent);font-size:.9rem}
.tl h3{font-size:1.2rem;margin:.2rem 0 .4rem}.tl p{color:var(--muted);max-width:60ch}
@media(prefers-reduced-motion:reduce){.tl::after{transform:none;transition:none}}
.tiles{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.tiles{gap:.7rem}.tile{padding:.7rem .7rem .9rem}.tile b{font-size:1rem}.tile small{font-size:.8rem}}

/* logistics scene */
.scene{margin:2.5rem 0 2rem;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:linear-gradient(#dff0f6,#f4f9fb 70%)}
.scene svg{display:block;width:100%;height:auto}
.scene .cloud ellipse{fill:#fff;opacity:.9}.scene .cloud{animation:drift 40s linear infinite alternate}.scene .c2{animation-duration:55s}
@keyframes drift{from{transform:translateX(-40px)}to{transform:translateX(70px)}}
.scene .hill{fill:#cfe8d8}
.scene .fac rect,.scene .fac path{fill:#8fa4b1}.scene .fac .chim{fill:#6f8594}.scene .fac .door{fill:#0b3a53}.scene .fac .win{fill:#e9f6fb}
.scene .smoke{fill:#fff;opacity:0;animation:smoke 4s ease-out infinite}.scene .smoke.s2{animation-delay:2s}
@keyframes smoke{from{opacity:.8;transform:translate(0,0) scale(.6)}to{opacity:0;transform:translate(14px,-34px) scale(1.6)}}
.scene .home{fill:#e9d9c6}.scene .dest .door{fill:#0b3a53}.scene .dest .win{fill:#bfe3f0}
.scene .road rect{fill:#3a4852}.scene .dash{stroke:#fff;stroke-width:3;stroke-dasharray:22 20;fill:none;opacity:.7;animation:dash 1.2s linear infinite}
@keyframes dash{to{stroke-dashoffset:-42}}
.scene .pin{fill:#00a396;animation:bob 1.6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-6px)}}
.scene .lab{font:700 17px var(--font);fill:#fff}
.scene .box{fill:#f4f7f8;stroke:#0b3a53;stroke-opacity:.25}.scene .cab{fill:#1d5f86}.scene .cab2{fill:#2e8b6f}
.scene .veh{animation:drive var(--dur) linear infinite;animation-delay:var(--delay)}
@keyframes drive{0%{transform:translateX(120px);opacity:0}7%{opacity:1}92%{opacity:1}100%{transform:translateX(815px);opacity:0}}
.scene .wh{animation:spin .5s linear infinite;transform-box:fill-box;transform-origin:center}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-color-scheme:dark){.scene{background:linear-gradient(#10252f,#17303b 70%)}.scene .cloud ellipse{fill:#2a4450}.scene .hill{fill:#1b3a36}.scene .fac rect,.scene .fac path{fill:#4c6575}.scene .home{fill:#6d6155}.scene .road rect{fill:#1d272d}}
@media(prefers-reduced-motion:reduce){.scene *{animation:none!important}.scene .veh{transform:translateX(var(--rest))}}

/* legacy */
.legacy{position:relative;max-width:760px}
.since{position:absolute;right:-1rem;top:-2.2rem;font-size:clamp(6rem,22vw,15rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--brand);opacity:.05;pointer-events:none;user-select:none}
.legacy .lead{margin-top:.2rem}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2.6rem 0 1rem}
@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem;border-top:3px solid var(--accent)}
.stat b{display:block;font-size:clamp(1.6rem,3.4vw,2.4rem);color:var(--brand);letter-spacing:-.02em;line-height:1.15}
.stat span{font-size:.88rem;color:var(--muted)}

.pcard .spec{color:var(--muted);font-size:.78rem;margin:-.3rem 0 .6rem;opacity:.85}
.legend{margin-top:2rem;color:var(--muted);font-size:.82rem;max-width:70ch}

.sl img,.pimg img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}
.stage:has(img){background:#fff}.pimg.photo{background:#fff;padding:4%}
@media(prefers-color-scheme:dark){.sl img,.pimg img{mix-blend-mode:normal}}
.sl:has(img){inset:4%}
.pcard .tags i.sk{border-style:dashed}
.morewrap{margin-top:1.6rem;text-align:center}.more{background:none;font:inherit;cursor:pointer}

.tl li.future::before{border-style:dashed;background:transparent}.tl li.future .yr{color:var(--muted)}