/* =====================================================================
   Li Jiakun — portfolio system (v4)
   Display: Bricolage Grotesque condensed (titles, numbers)
   Accent serif: Newsreader italic ("Hi, I'm", small asides)
   One cobalt accent on warm white. Torn-paper collage + real work cards.
   ===================================================================== */
@font-face{font-family:"Bricolage";src:url(../fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Newsreader";src:url(../fonts/newsreader.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Newsreader";src:url(../fonts/newsreader-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
/* Chinese: Noto Sans SC / Noto Serif SC (OFL), subset to the characters this site uses; loaded only when CJK text is on the page */
@font-face{font-family:"Noto Sans SC";src:url(../fonts/noto-sans-sc.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+2E80-2FFF,U+3000-30FF,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"Noto Serif SC";src:url(../fonts/noto-serif-sc.woff2) format("woff2");font-weight:200 900;font-display:swap;unicode-range:U+2E80-2FFF,U+3000-30FF,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF}

:root{
  --paper:#FEFDFB;
  --paper-2:#F6F3EC;
  --ink:#16171B;
  --ink-2:#4E5160;
  --ink-3:#8A8D99;
  --rule:#E4E1DA;
  --blue:#1F3FA0;
  --blue-d:#152E7A;
  --blue-soft:#E9EDF8;
  --sand:#EDE4D3;
  --serif:"Newsreader","Noto Serif SC",Georgia,"Times New Roman",serif;
  --sans:"Bricolage","Noto Sans SC",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --gut:clamp(16px,3.6vw,64px);
  --max:1440px;
  --nav:68px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.num{font-family:var(--sans);font-variant-numeric:lining-nums tabular-nums;font-stretch:100%;font-weight:700;letter-spacing:-.02em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* arrow glyphs drawn as SVG so every font shows the same arrow */
.arw,.arw-ne{display:inline-block;width:.9em;height:.9em;vertical-align:-.08em;background:currentColor;
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.arw{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.arw-ne{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E")}

/* ---------- nav ---------- */
header{position:sticky;top:0;z-index:40;background:rgba(254,253,251,.9);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px)}
.nav{height:var(--nav);display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav .mark{font-weight:700;font-size:17px;text-decoration:none;letter-spacing:-.01em}
.nav ul{list-style:none;display:flex;align-items:center;gap:30px}
.nav ul a{text-decoration:none;font-size:14.5px;color:var(--ink-2);transition:color .2s}
.nav ul a:hover,.nav ul a[aria-current]{color:var(--blue)}
.nav ul a[aria-current]{font-weight:600}
.btn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--ink);border-radius:999px;padding:9px 18px;font-weight:600;font-size:14px;text-decoration:none;color:var(--ink)!important;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--ink);color:#fff!important}
.btn.fill{background:var(--blue);border-color:var(--blue);color:#fff!important}
.btn.fill:hover{background:var(--blue-d);border-color:var(--blue-d)}
@media (max-width:820px){.hide-m{display:none}}

/* ---------- labels ---------- */
.tagp{display:inline-flex;align-items:center;gap:10px;background:var(--sand);padding:6px 14px 6px 12px;font-size:13px;font-weight:600;letter-spacing:.02em;transform:rotate(-1.5deg);
  clip-path:polygon(0 6%,3% 0,30% 4%,60% 0,100% 5%,98% 50%,100% 96%,70% 100%,35% 95%,2% 100%,0 60%)}
.tagp .n{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--blue);font-size:15px}
.kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.quiet{color:var(--ink-3)}

/* ---------- condensed display ---------- */
.display{font-family:var(--serif);font-weight:500;letter-spacing:-.012em;line-height:1;color:var(--blue)}

/* =====================================================================
   COLLAGE STAGE  (shared by home Selected Work and case openings)
   Fixed 14:11 artboard; every layer is placed in % so nothing drifts
   ===================================================================== */
.stage{position:relative;aspect-ratio:14/11;width:100%;container-type:inline-size}
.stage>.art{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:auto;z-index:1;user-select:none;transition:transform .7s var(--ease);
  filter:drop-shadow(0 18px 26px rgba(22,28,60,.12))}
.stage .pc{position:absolute;z-index:2;left:var(--x);top:var(--y);width:var(--w);transform:rotate(var(--r,0deg));transition:transform .45s var(--ease),box-shadow .45s var(--ease),opacity .3s}

.stage:hover>.art{transform:scale(1.012)}
.pc{display:block;text-decoration:none;cursor:pointer;border:0;background:#fff;padding:0;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 36px -18px rgba(22,28,60,.45)}
.pc img,.pc video{width:100%;height:auto}
.pc.ph{border-radius:clamp(8px,2.2cqw,18px);overflow:hidden;background:#111;padding:clamp(2px,.45cqw,5px)}
.pc.ph img,.pc.ph video{border-radius:clamp(6px,1.8cqw,14px);aspect-ratio:9/16;object-fit:cover}
.pc.tape::before{content:"";position:absolute;left:50%;top:-1.2cqw;width:34%;height:3.2cqw;transform:translateX(-50%) rotate(-3deg);background:rgba(233,226,208,.82);
  box-shadow:0 1px 2px rgba(0,0,0,.06);z-index:2}
.stage .pc:hover,.stage .pc:focus-visible{transform:rotate(0deg) translateY(-2.5%) scale(1.04);box-shadow:0 30px 50px -22px rgba(22,28,60,.55);z-index:5}

.pc .tip{position:absolute;left:0;right:0;bottom:0;padding:clamp(4px,1.1cqw,10px) clamp(5px,1.3cqw,12px);background:var(--blue);color:#fff;
  font-size:clamp(10px,1.45cqw,14px);line-height:1.25;font-weight:500}
.pc .tip b{font-weight:700}
.pc .tip{transform:none;position:relative;display:block}
.pc.ph .tip{margin:clamp(2px,.45cqw,5px) calc(-1 * clamp(2px,.45cqw,5px)) calc(-1 * clamp(2px,.45cqw,5px))}
.pc{position:relative;overflow:hidden}
.pc .play{position:absolute;left:50%;top:50%;width:clamp(26px,6cqw,56px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.92);
  display:grid;place-items:center;transition:opacity .3s,transform .3s;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.pc .play::after{content:"";width:0;height:0;border-left:clamp(8px,1.8cqw,16px) solid var(--blue);border-top:clamp(5px,1.1cqw,10px) solid transparent;border-bottom:clamp(5px,1.1cqw,10px) solid transparent;margin-left:12%}
.pc.playing .play{opacity:0;transform:translate(-50%,-50%) scale(.8)}

/* ---------- evidence cards (case bodies) ---------- */
.ev{position:relative;display:block;width:100%;border:0;padding:0;background:#fff;cursor:zoom-in;text-align:left;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 22px 40px -26px rgba(22,28,60,.5);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.ev:hover{transform:translateY(-4px);box-shadow:0 30px 50px -26px rgba(22,28,60,.55)}
.ev img{width:100%;height:auto}
.ev .cap{display:block;font-size:12.5px;color:var(--ink-2);padding:10px 12px;background:#fff;border-top:1px solid var(--rule);line-height:1.35}
.ev .cap b{color:var(--ink);font-weight:700}
.ev.fit img{aspect-ratio:var(--r,3/4);object-fit:cover;object-position:top}

/* video in a phone frame */
.phone{position:relative;width:100%;max-width:380px;background:#111;border-radius:30px;padding:8px;box-shadow:0 30px 60px -28px rgba(22,28,60,.6)}
.phone video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:23px;background:#222}
.phone .play{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.94);border:0;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:opacity .3s}
.phone .play::after{content:"";border-left:20px solid var(--blue);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.phone.playing .play{opacity:0;pointer-events:none}
.watch{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13.5px;font-weight:600;color:var(--blue);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px}
.watch:hover{color:var(--blue-d)}

/* =====================================================================
   CASE PAGES
   ===================================================================== */
.c-open{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(28px,4vw,56px) 0 clamp(40px,5vw,72px)}
.c-open h1{font-size:clamp(46px,5.6vw,84px);margin-top:20px}
.c-open .lede{font-size:clamp(17px,1.5vw,20px);line-height:1.5;margin-top:22px;max-width:34em}
.c-open .role{font-size:14px;color:var(--ink-2);margin-top:14px;max-width:38em}
.kpis{list-style:none;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:18px;margin-top:30px;padding-top:22px;border-top:1.5px solid var(--ink)}
.kpis .num{display:block;font-size:clamp(26px,2.5vw,36px);line-height:1;color:var(--blue)}
.kpis .l{display:block;font-size:13.5px;line-height:1.35;margin-top:8px}
.kpis .s{display:block;font-size:12px;color:var(--ink-3);margin-top:4px;line-height:1.35}

.ch{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,88px);align-items:start;padding:clamp(56px,7vw,104px) 0;border-top:1px solid var(--rule)}
.ch.flip{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.ch.flip .ch-text{order:2}
.ch-text{position:sticky;top:calc(var(--nav) + 28px)}
.ch .lab{display:flex;align-items:baseline;gap:12px;font-size:13px;color:var(--ink-2)}
.ch .lab .l{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--blue);line-height:1}
.ch .lab .t{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--ink)}
.ch h2{font-size:clamp(26px,2.6vw,38px);line-height:1.12;letter-spacing:-.02em;font-weight:650;margin-top:14px;max-width:20em}
.ab{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;margin-top:26px;padding:20px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.ab .v{font-size:clamp(32px,3.6vw,52px);line-height:.9;color:var(--blue)}
.ab .v.from{color:var(--ink-3)}
.ab .arw{width:clamp(26px,2.6vw,38px);height:clamp(26px,2.6vw,38px);color:var(--ink)}
.ab .u{flex-basis:100%;font-size:14px;color:var(--ink-2);margin-top:6px}
.did{margin-top:24px}
.did h3,.res h3{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.did ul{list-style:none;margin-top:10px}
.did li{position:relative;padding-left:22px;font-size:16px;line-height:1.5;margin-top:8px}
.did li::before{content:"";position:absolute;left:0;top:.62em;width:12px;height:2px;background:var(--blue)}
.res{margin-top:22px}
.res p{font-size:16px;line-height:1.5;margin-top:8px}
.res p b{color:var(--blue)}
.basis{font-size:12.5px;color:var(--ink-3);margin-top:14px;line-height:1.45;max-width:36em}
.ch-media{display:grid;gap:18px;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));align-items:start}
.ch-media .span{grid-column:1/-1;max-width:860px;justify-self:center}
.ev.one{max-width:520px;justify-self:center}
.ch-media .ev.span.wide{max-width:none}
.ch-media .vidcol{display:flex;flex-direction:column;align-items:center}
.flow{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:14px;grid-column:1/-1}
.flow .st{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;margin-bottom:8px}
.flow .st i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:11.5px}
.journey{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:j}
.journey li{background:#fff;border:1px solid var(--rule);padding:18px 16px 20px;position:relative}
.journey li b{display:block;font-size:17px;margin-top:10px}
.journey li span{display:block;font-size:13.5px;color:var(--ink-2);margin-top:6px;line-height:1.45}
.journey li .k{font-family:var(--serif);font-style:italic;color:var(--blue);font-size:26px;line-height:1}
.journey li.on{background:var(--blue);border-color:var(--blue);color:#fff}
.journey li.on span{color:rgba(255,255,255,.85)}
.journey li.on .k{color:#fff}

.nextband{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:44px 0;margin-top:20px;border-top:1.5px solid var(--ink);text-decoration:none}
.nextband small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nextband b{display:block;font-size:clamp(34px,4.4vw,64px);margin-top:8px}
.nextband .arw{width:clamp(36px,4vw,56px);height:clamp(36px,4vw,56px);color:var(--blue);transition:transform .3s var(--ease)}
.nextband:hover .arw{transform:translateX(10px)}

.foot{border-top:1px solid var(--rule);padding:26px 0 34px;font-size:13px;color:var(--ink-3)}
.foot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* stacked chapter: text in two columns, evidence full width below */
.ch.stack{grid-template-columns:minmax(0,1fr);gap:clamp(28px,3.5vw,48px)}
.ch.stack .ch-text{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(28px,5vw,88px);align-items:start}
.ch.stack .lab,.ch.stack h2,.ch.stack .ab{grid-column:1}
.ch.stack .did{grid-column:2;grid-row:1/3;margin-top:0}
.ch.stack .res{grid-column:2;grid-row:3;margin-top:0;align-self:center}
.ch.stack .basis{grid-column:2}
.ch.stack .ch-media{max-width:1080px;width:100%;margin:0 auto}
.journey.two{grid-template-columns:1fr 1fr}
@media (max-width:980px){
  .ch.stack .ch-text{grid-template-columns:minmax(0,1fr)}
  .ch.stack .lab,.ch.stack h2,.ch.stack .ab,.ch.stack .did,.ch.stack .res,.ch.stack .basis{grid-column:1;grid-row:auto}
  .ch.stack .did{margin-top:24px}.ch.stack .res{margin-top:22px}
  .c-open{grid-template-columns:minmax(0,1fr)}
  .ch,.ch.flip{grid-template-columns:minmax(0,1fr)}
  .ch.flip .ch-text{order:0}
  .ch-text{position:static}
  .journey{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .kpis{grid-template-columns:1fr 1fr}
  .kpis li:nth-child(3){grid-column:1/-1}
  .flow{grid-template-columns:1fr 1fr}
  .ch-media{--cols:1!important}
  .ch-media.keep2{--cols:2!important}
}

/* ---------- lightbox ---------- */
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(14,16,26,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px 20px}
.lightbox[hidden]{display:none}
.lightbox img{max-width:min(92vw,1100px);max-height:80vh;width:auto;height:auto;background:#fff}
.lightbox figcaption{color:#E7E9F1;font-size:13.5px;max-width:52em;text-align:center;margin-top:14px;line-height:1.5}
.lightbox .x{position:absolute;top:14px;right:18px;background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:6px 14px;font:600 13px var(--sans);cursor:pointer}

.pc.ph.mid img{object-position:center}

/* ---------- language switch ---------- */
.nav .lang{display:flex;align-items:center;border:1.5px solid var(--rule);border-radius:999px;padding:3px;gap:2px}
.nav .lang .seg{display:inline-grid;place-items:center;min-width:34px;height:30px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-3);text-decoration:none;line-height:1;transition:color .2s,background .2s}
.nav .lang a.seg:hover{color:var(--blue);background:var(--blue-soft)}
.nav .lang .seg.on{background:var(--blue);color:#fff}
.nav .lang .seg[lang="zh-CN"],.lang-zh .nav .lang .seg.on{font-family:"Noto Sans SC",var(--sans)}
@media (max-width:820px){.nav ul{gap:10px}.nav .lang .seg{min-width:30px;height:28px;padding:0 8px}}

/* ---------- Chinese typography ---------- */
.lang-zh{font-synthesis:none}
.lang-zh body,body.lang-zh{line-height:1.75}
.lang-zh .display{letter-spacing:.01em;line-height:1.12;font-weight:600}
.lang-zh .c-open h1{font-size:clamp(40px,4.6vw,72px)}
.lang-zh .lede{line-height:1.8}
.lang-zh .ch h2{font-weight:600;letter-spacing:0;line-height:1.38}
.lang-zh .kicker,.lang-zh .lab .t,.lang-zh .did h3,.lang-zh .res h3,.lang-zh .nextband small{letter-spacing:.06em}
.lang-zh .ab .u,.lang-zh .basis,.lang-zh .kpis .l,.lang-zh .kpis .s{line-height:1.6}
.lang-zh .ev .cap,.lang-zh .pc .tip,.lang-zh .wc .tip{line-height:1.45}
.lang-zh .tagp{letter-spacing:.04em}

/* ---------- platform line + keyword chips (case opening) ---------- */
.c-open .plat{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px}
.c-open .plat .k{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-right:3px;white-space:nowrap}
.c-open .plat .p{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;
  background:var(--c-bg);color:var(--c-ink)}
.c-open .plat .p::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-dot)}
.c-open .plat .xhs{--c-bg:#FFEBEE;--c-ink:#D3193A;--c-dot:#FF2442}
.c-open .plat .tt{--c-bg:#EEF0F2;--c-ink:#111317;--c-dot:#25F4EE}
.c-open .plat .tt::before{box-shadow:2px 0 0 #FE2C55}
.c-open .plat .wb{--c-bg:#FFF2E3;--c-ink:#B65800;--c-dot:#FF8200}
.c-open .plat .wx{--c-bg:#E5F8EE;--c-ink:#05823F;--c-dot:#07C160}
.c-open .plat .ex{--c-bg:var(--blue-soft);--c-ink:var(--blue);--c-dot:var(--blue)}
.c-open .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.c-open .chips span{padding:5px 13px;border-radius:999px;border:1.5px solid var(--blue);color:var(--blue);font-size:13.5px;font-weight:600;background:#fff}

/* ---------- funnel (A → B with several steps) ---------- */
.funnel{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;margin-top:26px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.funnel li{position:relative;padding:18px 14px 18px 0}
.funnel li + li{padding-left:18px;border-left:1px solid var(--rule)}
.funnel li + li::before{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;background:var(--paper);border-top:1px solid var(--rule);border-right:1px solid var(--rule);transform:translateY(-50%) rotate(45deg)}
.funnel .v{display:block;font-size:clamp(26px,2.6vw,40px);line-height:1;color:var(--ink-3)}
.funnel li:last-child .v{color:var(--blue)}
.funnel .u{display:block;font-size:12.5px;color:var(--ink-2);margin-top:8px;line-height:1.35}
@media (max-width:560px){.funnel{grid-auto-flow:row;grid-template-columns:1fr 1fr}.funnel li:nth-child(3){padding-left:0;border-left:0}.funnel li:nth-child(3)::before{display:none}.funnel li:nth-child(n+3){border-top:1px solid var(--rule)}}

/* booth illustration beside the journey (B2B chapter A) */
.booth{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(18px,2.4vw,32px);align-items:center}
.booth img{width:100%;height:auto;filter:drop-shadow(0 18px 26px rgba(22,28,60,.12))}
.journey.v{grid-template-columns:1fr;gap:10px}
.journey.v li{padding:14px 16px 16px}
.journey.v li b{margin-top:4px}
@media (max-width:560px){.booth{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:14px}.journey.v li{padding:10px 12px}}
.booth .journey{grid-column:auto!important}
.booth img{max-height:560px;width:auto;max-width:100%;justify-self:center}
@media (max-width:1180px){.c-open .plat{gap:6px}.c-open .plat .k{font-size:10.5px;letter-spacing:.08em}.c-open .plat .p{font-size:12.5px;padding:4px 10px;gap:5px}}
@media (max-width:1100px){.c-open .plat .k{flex-basis:100%}}