@charset "UTF-8";
/* =====================================================================
   BARKEDGE — top.css (index.html only)
   KV, hairlines, works, clients, company, news, culture, JOIN US, loader.
   ===================================================================== */
.kv-pending .fv,.kv-pending .hdr,.kv-pending .grid{visibility:hidden}
#kvOn,#kvBk{visibility:hidden}
/* ---------- fixed hairlines + relay (KV only) ---------- */
.grid{position:fixed;inset:0;pointer-events:none;z-index:0}
.grid i{position:absolute;top:calc(100 * var(--v));bottom:0;width:1px;background:#efefef;transform-origin:top}
.grid i:nth-child(1){left:calc(200 * var(--v))}
.grid i:nth-child(2){left:calc(460 * var(--v))}
.grid i:nth-child(3){left:calc(720 * var(--v))}
.grid i:nth-child(4){left:calc(980 * var(--v))}
.grid i:nth-child(5){left:calc(1240 * var(--v))}
.grid i::after{content:"";position:absolute;inset:0;background:var(--ink);opacity:.22;
  transform:scaleY(0);transform-origin:top;animation:flow 7s cubic-bezier(.65,0,.35,1) infinite}
.grid i:nth-child(2)::after{animation-delay:1.4s}
.grid i:nth-child(3)::after{animation-delay:2.8s}
.grid i:nth-child(4)::after{animation-delay:4.2s}
.grid i:nth-child(5)::after{animation-delay:5.6s}
@keyframes flow{
  0%{transform:scaleY(0);transform-origin:top}
  17.6%{transform:scaleY(1);transform-origin:top}
  17.61%{transform:scaleY(1);transform-origin:bottom}
  35.2%,100%{transform:scaleY(0);transform-origin:bottom}
}


/* ---------- KV ---------- */
.fv{position:relative;height:100svh;min-height:calc(760 * var(--v));overflow:hidden;z-index:1}
.kv-mark-wrap{position:absolute;left:calc(43.8 * var(--v));top:calc(35.8% - 11 * var(--v));width:calc(1354.35 * var(--v));aspect-ratio:1354.35/208.85;margin:0;max-width:none}
.kv-mark{display:block;width:100%;height:100%;overflow:hidden}
.kv-mark .lp{fill:var(--ink)}
.kv-copy{position:absolute;left:0;right:0;top:calc(35.8% + 243 * var(--v));margin:0;text-align:center;overflow:hidden;
  font:600 max(13px,calc(20 * var(--v)))/1.5 var(--f-jp);letter-spacing:.02em;color:var(--ink);padding-inline:16px;white-space:nowrap}
@media (max-width:860px){.kv-copy{font-size:3.3vw;top:calc(35.8% + 254 * var(--v) + 6px)}}
.kv-copy span{display:inline-block}
.word{position:absolute;left:0;top:0;margin:0;font:300 100px/1 var(--f-wide);font-stretch:125%;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;color:var(--ink)}
.word .l{display:inline-block;will-change:transform}
.word .base{display:inline-block;width:0;height:0}
.reel{visibility:hidden;position:absolute;inset:0;z-index:3;overflow:hidden;clip-path:inset(50% 50% 50% 50%);background:var(--ink);pointer-events:none}
.reel video{width:100%;height:100%;object-fit:cover;transform-origin:center}
.loader{position:fixed;inset:0;z-index:70;pointer-events:none}
.la-line{position:absolute;left:0;right:0;height:1px;background:var(--ink);transform-origin:left;top:50%}
.la-meta{position:absolute;left:max(16px,calc(104 * var(--u)));right:max(16px,calc(104 * var(--u)));top:calc(50% - 28px);
  display:flex;justify-content:space-between;font:400 max(11px,calc(14 * var(--u)))/1 var(--f-display);color:var(--ink-soft)}
.num{font-variant-numeric:tabular-nums}
.loader[hidden]{display:none}
.kv-pending .loader[hidden]{display:grid}
/* Avoid the standards-mode inline baseline gap absent from the raw TOP mock. */
@media(max-width:860px){.foot-sp .fsp-pp{display:block;width:max-content}}
.lb{background:#000;display:grid;place-items:center}
.lb-mark{width:max(54px,calc(84 * var(--v)));height:auto;overflow:visible;visibility:hidden}
.lb-mark path{fill:var(--sun);stroke:var(--sun);stroke-width:.35;stroke-linejoin:round}


/* ---------- WORKS ---------- */
.works{display:grid;gap:max(8px,calc(11 * var(--v)));padding-inline:var(--gut);padding-bottom:calc(140 * var(--v))}
.work{position:relative;display:block;overflow:hidden;height:max(220px,calc(450 * var(--v)));background:#ddd;cursor:none}
.works{grid-template-columns:repeat(3,minmax(0,1fr))}
.work.s{grid-column:span 1}.work.l{grid-column:span 2}
.work .media{position:absolute;inset:0;overflow:hidden;transition:transform 1.2s var(--ease)}
.work:hover .media{transform:scale(1.045)}
.work img,.work video{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;max-width:none}
.work figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:end;gap:12px;
  padding:16px 18px;color:#fff;font:600 13px/1.3 var(--f-wide);font-stretch:112%;letter-spacing:-.02em;
  background:linear-gradient(to top,rgba(0,0,0,.55),transparent);transform:translateY(100%);transition:transform .7s var(--ease)}
.work figcaption small{font:400 11px/1 var(--f-ui);letter-spacing:.08em;opacity:.8}
.work:hover figcaption{transform:none}
.cursor{position:fixed;left:0;top:0;z-index:50;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:var(--sun);color:var(--ink);
  display:grid;place-items:center;font:700 12px/1 var(--f-ui);letter-spacing:.12em;pointer-events:none;transform:scale(1)}

/* ---------- CLIENTS ---------- */
.clients{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;row-gap:max(24px,calc(40 * var(--v)));
  padding:calc(70 * var(--v)) calc(100 * var(--v)) calc(330 * var(--v));list-style:none;margin:0}
.clients li{display:grid;place-items:center;height:max(44px,calc(70 * var(--v)));min-width:0}
.clients img{height:auto;max-width:90%;min-width:0;transition:transform .6s var(--ease),filter .6s}
.clients li:hover img{transform:translateY(-4px) scale(1.04)}

/* ---------- WHO WE ARE / company ---------- */
.company{display:grid;grid-template-columns:calc(721 * var(--v)) minmax(0,1fr);align-items:center;padding:calc(70 * var(--v)) 0 calc(110 * var(--v))}
.company .txt{padding-left:calc(199 * var(--v));padding-right:calc(40 * var(--v));min-width:0}
.company .txt p{margin:0 0 calc(44 * var(--v));font:400 max(14px,calc(15 * var(--v)))/1.8 var(--f-jp)}
.photo{position:relative;overflow:hidden;width:calc(519 * var(--v));max-width:100%;aspect-ratio:519/326}
.photo img{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;max-width:none}

/* ---------- NEWS ---------- */
.news{display:grid;grid-template-columns:calc(440 * var(--v)) minmax(0,1fr);padding:calc(66 * var(--v)) calc(200 * var(--v)) calc(260 * var(--v)) calc(199 * var(--v))}
.news .side{display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.pills{display:grid;gap:12px;justify-items:start}
.pill{appearance:none;border:0;cursor:pointer;width:75px;height:24px;border-radius:12px;background:#7b7b7b;color:#fff;font:400 12px/1 var(--f-jp);transition:background-color .4s,transform .4s var(--ease)}
.pill[aria-pressed="true"]{background:var(--ink)}
.pill:hover{transform:translateX(4px)}
.list{list-style:none;margin:0;padding:0}
.list li{overflow:hidden}
.row{position:relative;display:grid;grid-template-columns:75px 120px minmax(0,1fr) 24px;column-gap:max(8px,calc(9 * var(--v)));align-items:start;padding:28px 0 36px}
.row .tag{width:75px;height:24px;border-radius:12px;background:var(--ink);color:#fff;font:400 12px/24px var(--f-jp);text-align:center}
.row time{font:400 15px/24px var(--f-display);font-variant-numeric:tabular-nums}
.row h3{margin:0 0 14px;padding-left:max(0px,calc(32 * var(--v)));font:500 max(16px,calc(18 * var(--v)))/1.4 var(--f-jp);transition:transform .6s var(--ease)}
.row p{grid-column:3;margin:0;padding-left:max(0px,calc(32 * var(--v)));font:300 14px/1.7 var(--f-jp);color:#333}
.row .body{min-width:0}
.row .arw{align-self:center}
.row:hover h3{transform:translateX(10px)}

/* ---------- CULTURE ---------- */
.head.culture h2{letter-spacing:-.095em}
.culture-panel{position:relative;margin:calc(30 * var(--v)) calc(32 * var(--v)) 0 calc(29 * var(--v));height:max(420px,calc(658 * var(--v)));overflow:hidden;color:#fff}


/* ---------- mega headings + split rows (design 26) ---------- */
.mega{position:relative;margin:calc(150 * var(--v)) 0 0;padding:0 0 0 calc(12 * var(--v));font:300 max(56px,calc(200 * var(--v)))/.8 var(--f-wide);font-stretch:118%;letter-spacing:-.085em;white-space:nowrap}
.mega .w{padding-bottom:0}
.mega,.head h2{position:relative}
.sweep{position:absolute;left:calc(2 * var(--v));right:0;bottom:-2px;height:2px;background:var(--sun);pointer-events:none;transform:scaleX(0)}
.row2{position:relative;display:grid;grid-template-columns:calc(920 * var(--v)) minmax(0,1fr);align-items:center;min-height:calc(85 * var(--v))}
.row2 .bar{padding-left:calc(59 * var(--v))}
.row2 .vr{position:absolute;left:calc(920 * var(--v));top:calc(14 * var(--v));bottom:calc(14 * var(--v));width:1px;background:var(--hair);transform-origin:top}
.row2 .lead{margin:0;padding:calc(48 * var(--v)) var(--gut) calc(48 * var(--v)) calc(59 * var(--v));font:300 max(14px,calc(16 * var(--v)))/1.9 var(--f-jp)}
.wf{list-style:none;margin:0;padding:calc(30 * var(--v)) 0 calc(30 * var(--v)) calc(59 * var(--v));display:grid;gap:6px}
.wf button{appearance:none;border:0;background:none;padding:2px 0;cursor:pointer;font:400 max(14px,calc(16 * var(--v)))/1.3 var(--f-display);color:#939393;display:flex;gap:6px;transition:color .4s,transform .5s var(--ease)}
.wf button::before{content:"・"}
.wf button[aria-pressed="true"]{color:var(--ink)}
.wf button:hover{color:var(--ink);transform:translateX(4px)}
.wf button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.gap-top{padding-top:max(180px,calc(380 * var(--v)))}
.gap-top .mega{margin-top:0}
.works.pad{padding-top:calc(60 * var(--v));padding-bottom:0}
.work.is-dim{pointer-events:none}

/* ---------- culture panel: waves in a circle ---------- */
.culture-panel{margin:calc(32 * var(--v)) calc(43 * var(--v)) 0 calc(40 * var(--v))!important;background:#000;isolation:isolate}
.c-orb{position:absolute;left:50%;top:50%;width:calc(742 * var(--v));min-width:380px;aspect-ratio:1;margin:calc(-371 * var(--v)) 0 0 calc(-371 * var(--v));border-radius:50%;overflow:hidden;background:#0b0b0b;z-index:0;will-change:transform}
.c-video{width:100%;height:100%;object-fit:cover;max-width:none;display:block}
.c-title{position:absolute;left:0;right:0;top:calc(282 * var(--v));margin:0;text-align:center;color:#fff;font:400 max(28px,calc(50 * var(--v)))/1 var(--f-wide);font-stretch:118%;letter-spacing:-.07em;z-index:1}
.c-sub{position:absolute;left:0;right:0;top:calc(390 * var(--v));margin:0;text-align:center;color:#fff;font:300 max(13px,calc(15 * var(--v)))/1.6 var(--f-jp);z-index:1}
.c-sub .ln>span{display:inline-block}
.culture-panel .more{position:absolute;right:calc(66 * var(--v));bottom:calc(48 * var(--v));color:#fff;z-index:1}
.strip{position:relative;margin-top:calc(30 * var(--v));height:max(260px,calc(720 * var(--v)));overflow:hidden}
.strip-track{position:absolute;left:0;top:0;height:100%;display:flex;will-change:transform}
.strip-track img{height:100%;width:calc(721 * var(--v));min-width:260px;object-fit:cover;max-width:none;flex:none;display:block}

/* ---------- RECRUIT / JOIN US: black stage, three-photo collage that rotates, an orb that follows the pointer ---------- */
.join{position:relative;z-index:2;background:#000;color:#fff;margin-top:0;overflow:hidden;touch-action:pan-y}
.join .bar .rule{background:#2e2e2e}
.join-stage{position:relative;height:max(460px,calc(531 * var(--v)));user-select:none;-webkit-user-select:none}
.join .vt{position:absolute;top:0;bottom:0;width:max(20px,calc(30 * var(--v)));overflow:hidden;z-index:4}
.join .vt.l{left:calc(22 * var(--v))}.join .vt.r{right:calc(22 * var(--v))}
.join .vt div{position:absolute;left:50%;top:0;white-space:nowrap;transform-origin:0 0;font:700 12px/1 var(--f-ui);letter-spacing:.02em;color:#fff}
.join .vt span{padding-right:48px}
.orb{position:absolute;left:0;top:0;width:calc(380 * var(--v));min-width:200px;aspect-ratio:1;border-radius:50%;z-index:0;pointer-events:none;will-change:transform;background:var(--sun);opacity:.24}
.join-title{position:absolute;left:calc(162 * var(--v));top:calc(196 * var(--v));z-index:3;color:#fff;white-space:nowrap;
  font:300 max(48px,calc(100 * var(--v)))/1 var(--f-wide);font-stretch:118%;letter-spacing:-.1em}
.join-title .sweep{display:none}
.slides{position:absolute;inset:0;z-index:1}
.slide{position:absolute;left:0;top:0;display:block;overflow:hidden;cursor:pointer;background:#111}
.slide img{width:100%;height:100%;object-fit:cover;max-width:none;pointer-events:none;filter:brightness(.82);transition:transform 1.2s var(--ease),filter .6s}
.slide:hover img{transform:scale(1.05);filter:brightness(1)}
.join-copy{position:absolute;left:calc(986 * var(--v));top:calc(345 * var(--v));z-index:3}
.join-copy p{margin:0 0 calc(30 * var(--v));font:300 max(13px,calc(15 * var(--v)))/1.6 var(--f-jp)}
.join-copy .more{color:#fff}
.join-title:focus-visible{outline:2px solid var(--sun);outline-offset:4px}


@media (max-width:860px){
  .clients img{width:auto!important;max-height:34px}
  .copy{left:16px;right:16px;top:calc(100% * 640 / 840);white-space:normal}
  .en{display:none}
  .corp{left:16px;top:auto;bottom:calc(100% * 289 / 840 + 22vw)}
  .kv-logo span{display:none}
  .works{grid-template-columns:1fr 1fr}
  .work.l{grid-column:span 2}.work.s{grid-column:span 2}
  .clients{grid-template-columns:repeat(3,minmax(0,1fr));padding:40px 16px 120px}
  .company{grid-template-columns:1fr;gap:32px;padding:40px 16px 80px}
  .company .txt{padding:0}
  .photo{width:100%}
  .news{grid-template-columns:1fr;gap:28px;padding:40px 16px 120px}
  .pills{grid-auto-flow:column;justify-content:start}
  .culture-panel{margin-inline:16px}
  .mega{white-space:normal;padding-left:12px;margin-top:80px}
  .row2{grid-template-columns:1fr}
  .row2 .vr{display:none}
  .row2 .bar{padding-left:16px}
  .row2 .lead,.wf{padding:0 16px 24px}
  .wf{grid-auto-flow:column;justify-content:start;gap:16px}
  .copy{white-space:normal}
  .join-stage{height:auto;min-height:0;padding-bottom:40px}
  .join-title{position:relative;left:auto;top:auto;display:block;padding:40px 16px 0;font-size:16vw}
  .join-copy{position:relative;left:auto;top:auto;padding:0 16px}
  .join .vt{display:none}
  .c-orb{min-width:0;width:120%;margin:-60% 0 0 -60%}
  .c-title{top:38%}.c-sub{top:52%}
  .strip-track img{width:70vw}
}
@media (prefers-reduced-motion:reduce){
  .grid i::after{animation:none!important;opacity:0}
}
@media (hover:none){.work{cursor:auto}.work figcaption{transform:none}}

/* =====================================================================
   SP (≤860px) — TOP follows BRKG_top_sp (375px design, 1 design px = --s)
   ===================================================================== */
.sp-br{display:none}
@media (max-width:860px){
  .sp-br{display:inline}
  /* KV: no hairlines, LIBERATE edge to edge */
  .grid{display:none}
  .fv{height:100svh;min-height:560px}
  .kv-mark-wrap{left:0;width:100%;top:calc(50% - 39 * var(--s))}
  .kv-copy{top:calc(50% + 39 * var(--s));font:600 max(9px,calc(9.4 * var(--s)))/1.5 var(--f-jp);letter-spacing:-.03em;padding-inline:8px}

  /* shared: big headings, bars */
  .mega{margin:0;padding:0;margin-left:calc(-7 * var(--s));font-size:calc(55 * var(--s));line-height:.8;letter-spacing:-.1em;white-space:nowrap}
  #what .mega{margin-top:calc(170 * var(--s))}
  #works .mega{font-size:calc(53 * var(--s))}
  .bar{min-height:calc(30 * var(--s));padding:0 calc(18 * var(--s));gap:calc(24 * var(--s))}
  .bar b{font-size:14px}
  .bar > span{font-size:13px}
  .row2{display:block;min-height:0;margin-top:calc(20 * var(--s))}
  .row2 .bar{padding:0 calc(18 * var(--s));min-height:calc(30 * var(--s))}
  .row2 .rule.b{top:calc(30 * var(--s));bottom:auto}
  .row2 .lead{padding:calc(28 * var(--s)) calc(15 * var(--s)) calc(36 * var(--s));font:400 13px/1.6 var(--f-jp)}
  .more-wrap{padding:calc(36 * var(--s)) 0 0}
  .more{font-size:13px;gap:calc(52 * var(--s))}

  /* WHAT WE DO: one card per row, BRANDING / GRAPHIC / WEB(yellow) / MOVIE */
  .services{grid-template-columns:1fr;gap:2px;background:#fff;margin:0}
  .card{height:calc(250 * var(--s));background:var(--panel);color:#fff}
  .card p{left:calc(15 * var(--s));top:calc(29 * var(--s));font-size:13px;font-weight:400}
  .card h3{left:calc(15 * var(--s));bottom:calc(29 * var(--s));font-size:30px;letter-spacing:-.1em}
  .card .arw{display:none}
  .card .ico{fill:var(--sun)}
  .card.alt{background:var(--panel);color:#fff}
  .card.alt .ico{fill:var(--sun)}
  .card:nth-child(3){background:var(--sun);color:var(--ink)}
  .card:nth-child(3) .ico{fill:var(--ink)}
  .card:nth-child(3) .flood{background:var(--panel)}
  .card.alt .flood{background:var(--sun)}
  .ico.bolt{width:calc(51 * var(--s))}.ico.pair{width:calc(42 * var(--s))}.ico.ring{width:calc(39 * var(--s))}.ico.play{width:calc(46 * var(--s))}

  /* OUR CREATIVE */
  .gap-top{padding-top:calc(260 * var(--s))}
  #works .row2{margin-top:calc(20 * var(--s))}
  .wf{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-auto-flow:column;gap:6px 0;
    padding:calc(12 * var(--s)) calc(20 * var(--s)) calc(16 * var(--s));margin-top:0;border-bottom:1px solid var(--hair)}
  #works .wf{margin-top:0}
  .wf button{font-size:13px}
  .works,.works.pad{grid-template-columns:1fr 1fr;gap:5px;padding:calc(38 * var(--s)) 0 0}
  .work,.work.s,.work.l{grid-column:span 1;height:auto;aspect-ratio:1}
  .work:nth-child(3){order:1;grid-column:span 2;aspect-ratio:375/550}
  .work:nth-child(1){order:2}
  .work:nth-child(4){order:3}
  .work:nth-child(5){order:4;grid-column:span 2}
  .work:nth-child(2){order:5}
  .work:nth-child(6){order:6}.work:nth-child(7){order:7}.work:nth-child(8){order:8}
  .work img,.work video{top:-6%;height:112%}
  .work figcaption{display:none}
  #works .more-wrap{padding-top:calc(28 * var(--s))}

  /* SELECTED CLIENTS */
  [aria-label="Selected clients"]{margin-top:calc(160 * var(--s))}
  [aria-label="Selected clients"] .bar{border-top:1px solid var(--hair)}
  .clients{display:flex;flex-wrap:wrap;justify-content:center;row-gap:0;padding:calc(20 * var(--s)) calc(8 * var(--s)) calc(80 * var(--s))}
  .clients li{width:33.333%;height:calc(54 * var(--s))}
  .clients img{width:auto!important;max-width:84%;max-height:calc(26 * var(--s))}
  .clients li:nth-child(11) img{max-height:calc(44 * var(--s))}

  /* WHO WE ARE */
  .head{display:block;min-height:0}
  .head h2{padding:calc(20 * var(--s)) 0 calc(14 * var(--s)) calc(2 * var(--s));font-size:calc(55 * var(--s));line-height:.9;letter-spacing:-.1em;white-space:nowrap}
  #who .head .lead{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;min-height:calc(56 * var(--s));padding:0 calc(16 * var(--s));border-top:1px solid var(--hair);font:400 13px/1.5 var(--f-jp)}
  #who .head .lead .ln{display:inline-block}
  .company{display:flex;flex-direction:column;gap:0;padding:calc(19 * var(--s)) calc(15 * var(--s)) calc(170 * var(--s))}
  .company .photo{order:-1;width:100%;aspect-ratio:345/217}
  .company .txt{padding:calc(22 * var(--s)) 0 0}
  .company .txt p{margin:0;font:400 13px/2.08 var(--f-jp)}
  .company .txt p .ln{display:inline}
  .company .txt p .ln>span{display:inline}
  .company .more{display:flex;width:max-content;margin:calc(44 * var(--s)) auto 0}

  /* NEWS */
  .news{display:flex;flex-direction:column;gap:0;padding:calc(26 * var(--s)) calc(15 * var(--s)) calc(180 * var(--s))}
  .news .side{display:contents}
  .pills{order:1;display:flex;gap:5px}
  .pill{font-size:10px}
  .pill:hover{transform:none}
  .list{order:2;margin-top:calc(25 * var(--s))}
  .news .side .more{order:3;align-self:center;margin-top:calc(40 * var(--s))}
  .row{grid-template-columns:75px minmax(0,1fr);column-gap:calc(5 * var(--s));row-gap:0;padding:calc(16 * var(--s)) 0 calc(20 * var(--s))}
  .row .tag{font-size:10px}
  .row time{grid-column:2;padding-left:calc(15 * var(--s));font-size:10px;line-height:24px}
  .row .body{grid-column:1/-1;margin-top:calc(22 * var(--s))}
  .row h3{padding:0;margin:0 0 calc(12 * var(--s));font:400 15px/1.4 var(--f-jp)}
  .row p{padding:0;font:400 13px/1.75 var(--f-jp);color:var(--ink)}
  .row .arw{display:none}
  .row:hover h3{transform:none}

  /* CULTURE */
  .head.culture h2{padding:calc(22 * var(--s)) 0 calc(14 * var(--s)) calc(8 * var(--s));font-size:calc(53 * var(--s));letter-spacing:-.1em;overflow:hidden}
  .culture-panel{margin:calc(44 * var(--s)) 0 0!important;height:calc(520 * var(--s));min-height:0}
  .c-orb{left:0;top:0;width:100%;height:100%;min-width:0;aspect-ratio:auto;margin:0;border-radius:0}
  .c-video{filter:blur(6px);transform:scale(1.08)}
  .c-title{top:calc(200 * var(--s));font-size:calc(30 * var(--s))}
  .c-sub{top:calc(284 * var(--s));font-size:12px}
  .culture-panel .more{left:0;right:0;bottom:calc(42 * var(--s));margin:auto;width:max-content}
  .strip{margin-top:calc(41 * var(--s));height:calc(460 * var(--s))}
  .strip-track img{width:calc(310 * var(--s));min-width:0}

  /* RECRUIT / JOIN US: text only */
  .join .bar{min-height:calc(31 * var(--s))}
  .join .bar .rule{background:#555}
  .join-stage{height:auto;padding:calc(76 * var(--s)) calc(15 * var(--s)) calc(130 * var(--s))}
  .join .slides,.join .orb,.join .vt{display:none}
  .join-title{position:relative;left:auto;top:auto;display:inline-block;padding:0;font:400 calc(40 * var(--s))/1 var(--f-wide);font-stretch:118%;letter-spacing:-.1em}
  .join-copy{position:relative!important;left:auto;top:auto!important;padding:calc(20 * var(--s)) 0 0}
  .join-copy p{margin:0;font:400 13px/2.08 var(--f-jp)}
  .join-copy .more{display:flex;width:max-content;margin:calc(56 * var(--s)) auto 0}
}

.cursor[hidden]{display:none}